/* Theme Name: Site Theme URI: https://swamiagri.com Description: Smart Farming Author: ZenStartup Author URI: https://zenstartup.us Version: 2.9 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, right-sidebar, editor-style, featured-images, post-formats, translation-ready Text Domain: textron */ /* Table of Contents ------------- Defaults General WP 5 Plugins Vc corrections Header Title section Forms Search/404 Widgets One page bullets Posts Projects Navigation Elements */ /* Defaults ----*/ /* header ----*/ #et-desktop-default{margin:-4px 72px 0 0}#et-desktop-default .vc-row-default{z-index:2;height:120px}#et-desktop-default .vc-row-default .hbe{line-height:120px;height:120px}#et-desktop-default .header-logo{margin:-4px 72px 0 0}#et-desktop-default .logo{width:148px}#et-desktop-default .header-menu>.menu-item.depth-0{margin-left:0}#et-desktop-default .header-menu>.menu-item.depth-0:after,#et-desktop-default .header-menu>.menu-item.depth-0:before{background:#e0e0e0}#et-desktop-default .header-menu>.menu-item.depth-0:before{left:0}#et-desktop-default .header-menu>.menu-item.depth-0:after{right:0}#et-desktop-default .header-menu>.menu-item.depth-0{margin-left:20px!important;margin-right:20px!important}#et-desktop-default .header-menu>.menu-item.depth-0>.mi-link{color:#00245a;font-size:16px;font-weight:400;letter-spacing:-.25px;text-transform:none}#et-desktop-default .header-menu>.menu-item.depth-0>.mi-link>.arrow svg{fill:#00245a}#et-desktop-default .header-menu>.menu-item.depth-0.active.using>.mi-link>.menu-icon,#et-desktop-default .header-menu>.menu-item.depth-0>.mi-link>.menu-icon{background:#00245a}#et-desktop-default .header-menu>.menu-item.depth-0.active>.mi-link,#et-desktop-default .header-menu>.menu-item.depth-0.in>.mi-link,#et-desktop-default .header-menu>.menu-item.depth-0:hover>.mi-link{color:#00245a}#et-desktop-default .header-menu>.menu-item.depth-0.active>.mi-link>.arrow svg,#et-desktop-default .header-menu>.menu-item.depth-0.in>.mi-link>.arrow svg,#et-desktop-default .header-menu>.menu-item.depth-0:hover>.mi-link>.arrow svg{fill:#00245a}#et-desktop-default .header-menu>.menu-item.depth-0.active>.mi-link>.menu-icon,#et-desktop-default .header-menu>.menu-item.depth-0:hover>.mi-link>.menu-icon{background:#00245a}#et-desktop-default .header-menu>.menu-item.depth-0.active.using>.mi-link{color:#00245a}#et-desktop-default .header-menu>.menu-item.depth-0>.mi-link .effect{background-color:#00245a}#et-desktop-default .header-menu>.menu-item>.sub-menu{top:80%}#et-desktop-default .header-menu .sub-menu{background-color:#fff}#et-desktop-default .header-menu>.menu-item:not(.mm-true) .sub-menu .menu-item .mi-link:before{background-color:#00245a}#et-desktop-default .header-menu>.menu-item:not(.mm-true) .sub-menu .menu-item .mi-link{color:#00245a;font-size:16px;font-weight:400;text-transform:none}#et-desktop-default .header-menu>.menu-item:not(.mm-true) .sub-menu .menu-item:hover>.mi-link{color:#00bfff}#et-desktop-default .header-menu>.menu-item:not(.mm-true) .sub-menu .menu-item>.mi-link>.arrow svg{fill:#00245a}#et-desktop-default .header-menu>.menu-item:not(.mm-true) .sub-menu .menu-item>.mi-link>.menu-icon{background:#00245a}#et-desktop-default .header-menu>.menu-item:not(.mm-true) .sub-menu .menu-item:hover>.mi-link>.arrow svg{fill:#00bfff}#et-desktop-default .header-menu>.menu-item:not(.mm-true) .sub-menu .menu-item.active>.mi-link>.menu-icon,#et-desktop-default .header-menu>.menu-item:not(.mm-true) .sub-menu .menu-item:hover>.mi-link>.menu-icon{background:#00bfff}#et-desktop-default .header-menu-container{margin:0}#et-mobile-default .vc-row-default{height:72px}#et-mobile-default .vc-row-default .hbe{line-height:72px}#mctd{margin:0 6px 0 0}.mctd svg{-webkit-filter:drop-shadow(0 0 24px rgba(0, 0, 0, .08));filter:drop-shadow(0 0 24px rgba(0, 0, 0, .08))}.mctd .close,.mctd .line{fill:silver}.mctd .active .close,.mctd .active .line,.mctd .back,.mctd:hover .close,.mctd:hover .line{fill:#fff}.mctd .active .back,.mctd:hover .back{fill:#00bfff}#mobile-header-logo-default .logo{width:148px}#mobile-header-logo-default{margin:-4px 72px 0 0}#mobile-container-default{background-color:#fff}#mobile-container-default .mobile-container-inner{color:#a7acbc;padding:32px 32px 32px 32px}#mobile-container-default .mobile-back{fill:#fff}#mobile-container-close-default{margin:0}#mobile-menu-default>.menu-item>a{color:#00245a;font-size:28px;line-height:32px;font-weight:500;text-transform:none}#mobile-menu-default>.menu-item>a .arrow svg{fill:#00245a}#mobile-menu-default>.menu-item>a:hover{background-color:transparent;color:#00bfff}#mobile-menu-default>.menu-item>a:hover .arrow svg{fill:#00bfff}#mobile-menu-default .menu-item>a:after,#mobile-menu-default>.menu-item:last-child:after{background-color:#e0e0e0}#mobile-menu-default>.menu-item .sub-menu .menu-item>a{color:#00245a;font-size:22px;line-height:22px;font-weight:400;text-transform:none}#mobile-menu-default>.menu-item .sub-menu .menu-item>a:hover{color:#00bfff;background-color:transparent}#mobile-menu-container-default{margin:56px 0 0 0}#title-section-default{padding:48px 0 48px 0} /* footer ----*/ #et-footer-default { width: 100%; background-color: #0c1729; text-align: center; color: #ffffff; padding: 32px 24px 28px 24px; } .default-footer .page-content-wrap { padding-bottom: 86px; } .default-footer #et-footer-default { position: fixed; bottom: 0; left: 0; } /* General ----*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:block;width: 100%;outline: none;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;height:0;}mark{border-radius:8px;background: #feab11;color: #000;display: inline-block;padding: 4px 8px;margin-left: 4px;margin-right: 4px;font-weight: 700;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"201C" "201D" "2018" "2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} table{border-collapse:collapse;border-spacing:0;width:100%}th{text-align:left}td,th,tr{padding:8px 16px}th{color:#212121;border-width:1px;border-style:solid;border-color:#e0e0e0;}td{border-width:1px;border-style:solid;border-color:#e0e0e0}pre{display:block;font-family:monospace!important;white-space:pre-wrap;margin:1em 0;background-color:#f5f5f5;padding:16px!important}code{background-color:#f0f0f0;padding:24px!important;display:inline-block;vertical-align:baseline;font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New!important}ol,ul{list-style-position:inside}ol li,ul li{padding:2px 0}ol ol,ul ul{margin-left:24px}a{text-decoration:none;outline:0}a:active,a:hover{outline:0}a,a:visited{transition:color .3s ease-out;}abbr[title],dfn[title]{cursor:help}ins,mark{text-decoration:none}del{text-decoration:line-through}b,strong{font-weight:700}.footer b,.footer strong{font-weight:700}address,var{font-style:normal}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-8px}sub{bottom:-4px}address,code,dl,fieldset,form,hr,kbd,li ol,li ul,menu,ol,p,pre,q,samp,table,ul{margin:0 0 24px 0;padding:0}dl dd{margin-left:24px}dl{padding:24px;border:1px solid #e0e0e0}dl dt{float:left;clear:left;width:100px;text-align:right;font-weight:700;font-size:18px;line-height:32px}dl dd{margin:0 0 0 116px;padding:0 0 4px;font-size:18px;line-height:32px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:24px} figcaption {margin: 0 auto;line-height: 1.5em;text-align: center;font-size: 13px;} .blocks-gallery-caption {margin-bottom: 24px;} a,a:hover,a:active,a:focus { outline:0; } cite { font-style: normal; } #page-links > a {margin-bottom: 24px !important;} hr {clear: both;} span.br {display: block;} .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; width: 1px; overflow: hidden; } .text-align-center{text-align:center!important}.text-align-left{text-align:left!important}.text-align-right{text-align:right!important}.font-weight-100{font-weight:100!important}.font-weight-200{font-weight:200!important}.font-weight-300{font-weight:300!important}.font-weight-400{font-weight:400!important}.font-weight-500{font-weight:500!important}.font-weight-600{font-weight:600!important}.font-weight-700{font-weight:700!important}.font-weight-800{font-weight:800!important}.font-weight-900{font-weight:900!important}.background-position-left-bottom,.background-position-left-bottom>.vc_column-inner,.vc_row.background-position-left-bottom,.vc_section.background-position-left-bottom{background-position:left bottom!important}.background-position-left-center,.background-position-left-center>.vc_column-inner,.vc_row.background-position-left-center,.vc_section.background-position-left-center{background-position:left center!important}.background-position-right-bottom,.background-position-right-bottom>.vc_column-inner,.vc_row.background-position-right-bottom,.vc_section.background-position-right-bottom{background-position:right bottom!important}.background-position-right-center,.background-position-right-center>.vc_column-inner,.vc_row.background-position-right-center,.vc_section.background-position-right-center{background-position:right center!important}.background-position-center-center,.background-position-center-center>.vc_column-inner,.vc_row.background-position-center-center,.vc_section.background-position-center-center{background-position:center center!important}.background-repeat-x,.background-repeat-x>.vc_column-inner,.vc_row.background-repeat-x{background-repeat:repeat-x!important}.background-repeat-y,.background-repeat-y>.vc_column-inner,.vc_row.background-repeat-y{background-repeat:repeat-y!important} .et-clearfix:after {content:"";display:table;clear:both} *,:after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; word-wrap:break-word; } html{ position:static; overflow-y:scroll; overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } body{ margin:0; min-height:100%; } iframe,object,embed{border:none;vertical-align:bottom;max-width: 100%;} figure {max-width: 100%;margin:0} figure > a, figure > a:hover { color: transparent !important; } .wp-video-shortcode, .wp-video { width: 100% !important; height: auto !important; } .wp-video-shortcode .mejs-mediaelement { position: relative!important; height: auto!important; } .wp-video-shortcode .mejs-poster { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mejs-button, .mejs-currenttime, .mejs-duration { word-wrap:inherit; } #single-post-page .post-content ul li ul, #single-post-page .post-content ol li ol, .page-template-default .page-content ul li ul, .page-template-default .page-content ol li ol, .comment-content ul li ul, .comment-content ol li ol { padding-left: 32px !important; } .page-template-default .post-comments-area { padding-top: 48px; } .gallery { width: 100%; display: grid; grid-row-gap: 8px; grid-column-gap: 8px; justify-items: stretch; grid-template-columns: repeat(1, 1fr); padding: 0; margin-bottom: 32px; } .gallery-columns-2 {grid-template-columns: repeat(2, 2fr);} .gallery-columns-3 {grid-template-columns: repeat(3, 3fr);} .gallery-columns-4 {grid-template-columns: repeat(4, 4fr);} .gallery-columns-5 {grid-template-columns: repeat(5, 5fr);} .gallery-columns-6 {grid-template-columns: repeat(6, 6fr);} .gallery-columns-7 {grid-template-columns: repeat(7, 7fr);} .gallery-columns-8 {grid-template-columns: repeat(8, 8fr);} .gallery-columns-9 {grid-template-columns: repeat(9, 9fr);} .gallery > .gallery-item { text-align: center; } .forcefullwidth_wrapper_tp_banner { overflow: hidden; } .mejs-controls .mejs-button button { line-height: 1em !important; padding: 0px !important; text-align: center !important; font-size: 1em !important; border-radius: 0 !important; border-left:none !important; border-right:none !important; border-top:none !important; transform:none !important; box-shadow: none !important; min-width: 0; } .post-video {position: relative;} .post-video .wp-video{width:100%!important;} .post-video .mejs-mediaelement{position:relative!important;height:auto!important} .post-video .wp-video-shortcode{ height:auto!important; width: 100% !important; } .post-audio .mejs-container, .post-audio .mejs-container .mejs-controls, .post-audio .mejs-embed, .post-audio .mejs-embed body { width: 100%; } .post-video .mejs-poster { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } .flex-mod { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .flex-mod iframe, .flex-mod object, .flex-mod embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .soundcloud iframe { max-width: 100%; } .wp-video-shortcode, .wp-audio-shortcode { max-width: 100% !important; height: auto; } img + br,img + p:empty,p:empty{display:none!important;} .comment-text img + br {display: initial !important;} img{ max-width:100%; height:auto!important; border:0; -ms-interpolation-mode:bicubic; vertical-align:bottom;margin:0; } img[class*="wp-image"], .wp-caption { margin-bottom: 24px; } .wp-block-gallery img, .wp-block-image img { margin-bottom: 0; } .wp-caption img, .image-container img, .gallery-icon img { margin:0 auto; } .alignright {float:right; margin:0 0 1em 1em !important;} .alignleft {float:left; margin:0 1em 1em 0 !important;} .aligncenter {display: block; margin-left: auto; margin-right: auto;} .wp-caption.alignright {float:right; margin:0 0 1em 1em !important;} .wp-caption.alignleft {float:left; margin:0 1em 1em 0 !important;} .wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto;text-align: center !important;} .wp-caption.aligncenter img {display: inline-block !important;} a img.alignright {float:right; margin:0 0 1em 1em !important;} a img.alignleft {float:left; margin:0 1em 1em 0 !important;} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .et-image.alignright {float:right; margin:0 0 1em 1em} .et-image.alignleft {float:left; margin:0 1em 1em 0} .et-image.aligncenter {display: block; margin-left: auto; margin-right: auto;text-align: center;} .et-image {max-width: 100%;} .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .page-content > p, .post-content > p { margin-bottom: 24px; } #gen-wrap { position: relative; left: 0; } #gen-wrap, #wrap {height: 100%;} #wrap,#wrap.full { width: 100%; min-height: 100%; margin: 0 auto; position: relative; z-index: 99; background-color: #ffffff; } .page-background #wrap, .page-background #wrap.full, .page-background #et-content { background-color: transparent !important; } .page-background .page-content-wrap { background-attachment: fixed; background-position: center; background-repeat: no-repeat; } .layout-boxed:not(.sidebar-navigation) #wrap { box-shadow: 0px -5px 5px rgba(0,0,0,.3); } .layout-boxed #gen-wrap {background-color: transparent !important;} #to-top { position:fixed; z-index: 99; bottom: 8px; right: 8px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; display: block; transition: all 300ms ease-out; visibility: hidden; opacity: 0; text-align: center; background-color: #ffffff; box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); } #to-top.animate { visibility: visible; opacity: 1; } #to-top svg { width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg); transition: fill 300ms ease-out; } #to-top:hover svg { fill: #ffffff; } .footer { position: relative; z-index: 53; } .footer.sticky-true { overflow: hidden; z-index: -101; } .container, .wpml-ls-statics-post_translations { width: 98%; max-width: 98%; margin: 0 auto 0 auto; position: relative; } .container-full { width: 100% !important; max-width: 100% !important; margin: 0 auto 0 auto; position: relative; } .stretch_row_content > .container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } #et-content { position:relative; z-index:68; background-color: #ffffff; } #et-content.padding-true { padding: 48px 0; } .woocommerce-page #et-content.padding-true { padding: 0 !important; } .container.page-full-width { width: 100% !important; max-width: 100% !important; } .wp-caption { display: inline-block; max-width: 100%; } .wp-caption-text, .gallery-caption { text-align: center; padding:8px; color: #777777; width: 100%; font-size: 14px; line-height: 24px; } .bypostauthor { position: relative; } .et-footer-menu { list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: middle; } .et-footer-menu li { padding: 0 16px; margin: 0; display: inline-block; } .et-footer-menu li:first-child { padding-left: 0; } .et-footer-menu li:last-child { padding-right: 0; } .cursor { position: absolute; background-color: #fff; width: 6px; height: 6px; border-radius: 100%; z-index: 1; transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; user-select: none; pointer-events: none; z-index: 10000; transform: scale(1); visibility: hidden; } .cursor.visible {visibility: visible;} .cursor.active { opacity: 0.5; transform: scale(0); } .cursor.hovered { opacity: 0.08; } .cursor-follower { position: absolute; background-color: rgba(255, 255, 255, 0.3); width: 20px; height: 20px; border-radius: 100%; z-index: 1; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; user-select: none; pointer-events: none; z-index: 10000; transform: translate(5px, 5px); visibility: hidden; } .cursor-follower.visible {visibility: visible;} .cursor-follower.active { opacity: 0.7; transform: scale(3); } .cursor-follower.hovered { opacity: 0.08; } .cursor.hidden, .cursor-follower.hidden { opacity: 0; } /* Texture ----*/ .tp-dottedoverlay.twoxtwodark, .tp-dottedoverlay.threexthreedark, .grid-overlay-active[data-grid-overlay="black"] .grid-overlay { background-image: url(images/overlay_dark.png) !important; } .tp-dottedoverlay.twoxtwowhite, .tp-dottedoverlay.threexthreewhite, .grid-overlay-active[data-grid-overlay="white"] .grid-overlay { background-image: url(images/overlay_light.png) !important; } /* Page background ----*/ .page-background-video { position: fixed; top: 0; left: 0; min-height: 150%!important; width: auto !important; } /* WP 5 ----*/ .wp-block-quote { padding-left: 1em; } .wp-block-quote:before, .wp-block-pullquote > blockquote:before {display: none !important;} :root .has-very-dark-gray-color {color: #00245a !important;} .wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {color: #ffffff !important;} .wp-block-coblocks-social__button {color: #ffffff !important;} .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image>h2 { max-width: 720px; } p.has-background {padding: 20px 30px;} .wp-block-quote {padding-left: 0;padding-right: 0;} .is-style-squared .wp-block-button__link {border-radius: 0 !important} .alignfull { margin-left : calc( -99vw / 2 + 100% / 2 ); margin-right : calc( -99vw / 2 + 100% / 2 ); max-width : 99vw !important; width : 99vw !important; } .alignwide { margin-left : calc( -1200px / 2 + 100% / 2 ); margin-right : calc( -1200px / 2 + 100% / 2 ); max-width : 1200px !important; width : 1200px !important; } .wp-block-pullquote.alignfull { margin-left : calc( -95vw / 2 + 100% / 2 ); margin-right : calc( -95vw / 2 + 100% / 2 ); max-width : 95vw !important; width : 95vw !important; } .wp-block-pullquote.alignwide { margin-left : calc( -1200px / 2 + 100% / 2 ); margin-right : calc( -1200px / 2 + 100% / 2 ); max-width : 1200px !important; width : 1200px !important; } .blog-content .post-content *.alignwide, .blog-content .post-content *.alignfull { max-width: 720px !important; margin-left : auto; margin-right : auto; } .wp-block-latest-posts { list-style:inside !important; list-style-type: square !important; } .wp-block-cover, .wp-block-cover-image, .wp-block-button, .wp-block-audio, .wp-block-group__inner-container {margin-bottom: 24px;} .wp-block-button { display: table; } .wp-block-button.aligncenter { margin-left: auto; margin-right: auto; width: 100%; } .wp-block-group { padding: 24px; margin-bottom: 24px; border-radius: 8px; } .wp-block-group__inner-container *:last-child {margin-bottom: 0;} .wp-block-calendar table th {text-align: center;} .wp-block-media-text__media img {margin-bottom: 0;} pre code { background: transparent !important; padding: 0 !important; margin:0 !important; } #page-links a + a {margin-left: 8px;} /* Plugins ----*/ /* Tiny slider */ .tns-outer{padding:0 !important;position: relative;}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-outer [data-action="stop"],.tns-outer [data-action="start"]{display: none;}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute !important;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative !important;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left} /*Simple bar*/ .ss-wrapper{overflow:hidden;width:100%;height:100%;position:relative;z-index:15;float:left}.ss-content{height:100%;width:calc(100% + 18px);padding:0;position:relative;overflow-x:hidden;overflow-y:scroll;box-sizing:border-box}.ss-scroll{position:relative;background:rgba(0,0,0,.1);width:9px;border-radius:4px;top:0;right:calc(-100% + 9px) !important;z-index:2;cursor:pointer;opacity:0;transition:opacity .25s linear}.ss-hidden{display:none}.ss-container:active .ss-scroll,.ss-container:hover .ss-scroll{opacity:1}.ss-grabbed{-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none} /* Vc corrections ----*/ .enovathemes .vc_row{margin-left:auto!important;margin-right:auto!important;position:relative;width:100%}.enovathemes .vc_row .container{z-index:5}.vc_row.vc_row-flex>.container,.vc_row.vc_row-flex>.container>.vc_vc_column{box-sizing:border-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.vc_row.vc_row-o-columns-stretch>.container,.vc_row.vc_row-o-columns-stretch>.container>.vc_vc_column{-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.vc_row.vc_row-o-columns-top>.container,.vc_row.vc_row-o-columns-top>.container>.vc_vc_column{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.vc_row.vc_row-o-columns-bottom>.container,.vc_row.vc_row-o-columns-bottom>.container>.vc_vc_column{-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.vc_row.vc_row-o-columns-middle>.container,.vc_row.vc_row-o-columns-middle>.container>.vc_vc_column{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.vc_row.vc_row-flex>.container>.vc_column_container>.vc_column-inner,.vc_row.vc_row-flex>.container>.vc_vc_column>.vc_column_container>.vc_column-inner{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:1}.vc_row.vc_row-o-equal-height>.container>.vc_column_container,.vc_row.vc_row-o-equal-height>.container>.vc_vc_column>.vc_column_container{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.vc_row.vc_row-flex>.container>.vc_column_container,.vc_row.vc_row-flex>.container>.vc_vc_column>.vc_column_container,.vc_row.vc_row-flex>.container>.vc_vc_column_inner>.vc_column_container{display:flex}.vc_row.vc_row-o-content-top>.container>.vc_column_container>.vc_column-inner,.vc_row.vc_row-o-content-top>.container>.vc_vc_column>.vc_column_container>.vc_column-inner,.vc_row.vc_row-o-content-top>.container>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height)>.container>.vc_column_container,.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height)>.container>.vc_vc_column>.vc_column_container,.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height)>.container>.vc_vc_column_inner>.vc_column_container{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.vc_row.vc_row-o-content-bottom>.container>.vc_column_container>.vc_column-inner,.vc_row.vc_row-o-content-bottom>.container>.vc_vc_column>.vc_column_container>.vc_column-inner,.vc_row.vc_row-o-content-bottom>.container>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.vc_row.vc_row-o-content-bottom:not(.vc_row-o-equal-height)>.container>.vc_column_container,.vc_row.vc_row-o-content-bottom:not(.vc_row-o-equal-height)>.container>.vc_vc_column>.vc_column_container,.vc_row.vc_row-o-content-bottom:not(.vc_row-o-equal-height)>.container>.vc_vc_column_inner>.vc_column_container{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.vc_row.vc_row-o-content-middle>.container>.vc_column_container>.vc_column-inner,.vc_row.vc_row-o-content-middle>.container>.vc_vc_column>.vc_column_container>.vc_column-inner,.vc_row.vc_row-o-content-middle>.container>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height)>.container>.vc_column_container,.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height)>.container>.vc_vc_column>.vc_column_container,.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height)>.container>.vc_vc_column_inner>.vc_column_container{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vc_col-has-fill>.vc_column-inner,.vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top.vc_cta3-icon-size-xl.vc_cta3-icons-in-box .vc_cta3_content-container,.vc_row-has-fill+.vc_row-full-width+.vc_row>.container>.vc_column_container>.vc_column-inner,.vc_row-has-fill+.vc_row>.container>.vc_column_container>.vc_column-inner,.vc_row-has-fill+.vc_vc_row>.vc_row>.container>.vc_vc_column>.vc_column_container>.vc_column-inner,.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.container>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,.vc_row-has-fill>.container>.vc_column_container>.vc_column-inner,.vc_row-has-fill>.vc_row>.container>.vc_vc_column>.vc_column_container>.vc_column-inner,.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,.vc_section.vc_section-has-fill,.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,.vc_section.vc_section-has-fill+.vc_section{padding-top:0}.compose-mode .vc_element .vc_element-container,.view-mode .vc_element .vc_element-container{min-height:28px!important}.compose-mode .vc_controls>div{line-height:28px!important}.vc_column_container{z-index:2}.compose-mode .vc_control-btn-append{line-height:1px!important}.compose-mode .vc_element.vc_et_align_container:hover:before,.compose-mode .vc_element.vc_et_header_mobile_container:hover:before,.compose-mode .vc_element.vc_et_header_modal_container:hover:before,.compose-mode .vc_element.vc_et_header_sidebar_container:hover:before,.compose-mode .vc_element.vc_et_vertical_align_bottom:hover:before,.compose-mode .vc_element.vc_et_vertical_align_middle:hover:before,.compose-mode .vc_element.vc_et_vertical_align_top:hover:before,.compose-mode .vc_element.vc_hold-hover>.wpb_row>.container>.vc_element:before,.compose-mode .vc_element.vc_hover>.wpb_row>.container>.vc_element:before,.compose-mode .vc_element:hover>.wpb_row>.container>.vc_element:before,.view-mode .vc_element.vc_hold-hover>.wpb_row>.container>.vc_element:before,.view-mode .vc_element.vc_hover>.wpb_row>.container>.vc_element:before,.view-mode .vc_element:hover>.wpb_row>.container>.vc_element>.vc_column_container>:before{content:'';margin:0;padding:0;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;outline:1px dashed #ebebeb;outline:1px dashed rgba(125,125,125,.4)}.compose-mode .vc_element.vc_hold-hover>.wpb_row>.container>.vc_element:after,.compose-mode .vc_element.vc_hover>.wpb_row>.container>.vc_element:after,.compose-mode .vc_element:hover>.wpb_row>.container>.vc_element:after,.view-mode .vc_element.vc_hold-hover>.wpb_row>.container>.vc_element:after,.view-mode .vc_element.vc_hover>.wpb_row>.container>.vc_element:after,.view-mode .vc_element:hover>.wpb_row>.container>.vc_element:after{clear:both}.view-mode .vc_element.vc_hold-hover>.wpb_row>.container>.vc_element:before,.view-mode .vc_element.vc_hover>.wpb_row>.container>.vc_element:before,.view-mode .vc_element:hover>.wpb_row>.container>.vc_element:before{outline:0}.compose-mode.vc_sorting .wpb_row>.container>.vc_element:before{content:'';margin:0;padding:0;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;outline:1px dashed #ebebeb;outline:1px dashed rgba(125,125,125,.4)}.compose-mode.vc_sorting .wpb_row>.container>.vc_element:after{clear:both}.vc_empty-placeholder{margin-bottom:0!important;margin-top:30px!important;border-bottom:1px dashed rgba(125,125,125,.4)}.compose-mode .vc_element.vc_empty .vc_empty-element,.vc_empty-element>.vc_column-inner,.view-mode .vc_element.vc_empty .vc_empty-element{min-height:28px!important}.wpb_column.text-align-left{text-align:left}.wpb_column.text-align-right{text-align:right}.wpb_column.text-align-center{text-align:center}.vc_row.vc-fixed-bg,.vc_row.vc-parallax,.vc_row.vc-video-bg,.wpb_column.vc-fixed-bg,.wpb_column.vc-parallax,.wpb_column.vc-video-bg{z-index:1;overflow:hidden;position:relative}.compose-mode .vc-fixed-bg .vc_controls>.vc_controls-out-tl,.compose-mode .vc-parallax .vc_controls>.vc_controls-out-tl,.compose-mode .vc-video-bg .vc_controls>.vc_controls-out-tl{top:1px!important}.compose-mode .vc-fixed-bg .vc_control-btn-append,.compose-mode .vc-parallax .vc_control-btn-append,.compose-mode .vc-video-bg .vc_control-btn-append{top:0!important}.vc-parallax .parallax-container{top:-10%!important;left:0!important;min-height:100%!important;width:100%!important;height:120%!important;z-index:-1000;overflow:hidden;max-width:none;position:absolute;-webkit-background-size:cover!important;-moz-background-size:cover!important;background-size:cover!important;background-position:center 75%;background-repeat:no-repeat;backface-visibility:hidden;-ms-transform:translateY(0);transform:translateY(0)}.wpb_column.vc_col-lg-2.vc-parallax .parallax-container,.wpb_column.vc_col-lg-3.vc-parallax .parallax-container,.wpb_column.vc_col-lg-4.vc-parallax .parallax-container{height:150%!important}.vc-fixed-bg .fixed-container{top:0;left:0;width:100%;height:100%;z-index:-1;max-width:none;position:absolute;background-attachment:fixed;-webkit-background-size:cover!important;-moz-background-size:cover!important;background-size:cover!important;background-position:center;background-repeat:no-repeat}.vc-video-bg .video-container,.vc-video-bg .video-container-overlay,.vc-video-bg .video-container-placeholder{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;width:auto;min-width:100%;height:calc(100vh*.8);z-index:-1000}.vc-video-bg.vc-parallax .video-container{-ms-transform:translateY(0);transform:translateY(0);top:-5px;height:calc(100vh*.8)!important;width:auto!important}.vc-video-bg .video-container-placeholder{-webkit-background-size:cover!important;-moz-background-size:cover!important;background-size:cover!important;background-position:center center;background-repeat:no-repeat;display:none}.vc-video-parallax .video-container{min-height:150%!important;-ms-transform:translateY(0);transform:translateY(0)}.vc-animated-bg .animated-container{width:100%;height:100%;z-index:0;top:0;left:0;position:absolute;background-position:0 0;background-repeat:repeat!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;background-size:cover!important}.vc-animated-bg .wpb_column{z-index:1}.vc_row .gradient{display:block;width:100%;height:25%;position:absolute;left:0;z-index:1}.vc_row .top-gradient{top:0}.vc_row .bottom-gradient{bottom:0}.vc_row .grid-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-repeat:repeat;background-position:left top}.wpb_text_column{position:relative}.enovathemes .vc_column_container>.vc_column-inner{padding-left:0;padding-right:0}.enovathemes .wpb_button,.enovathemes .wpb_content_element{margin-bottom:0}.enovathemes ul.wpb_thumbnails-fluid>li{margin-bottom:32px}.compose-mode .vc_vc_section>.vc_controls>.vc_controls-out-tl{left:-1px!important}.vc_et_button,.vc_et_gap_inline,.vc_et_icon{display:inline-block!important}.bottom-to-top,.left-to-right,.right-to-left,.top-to-bottom,.wpb_appear,.wpb_bottom-to-top,.wpb_left-to-right,.wpb_right-to-left,.wpb_top-to-bottom{animation-timing-function:cubic-bezier(.19,1,.22,1)!important;backface-visibility:hidden}.vc_column_container.shadow .vc_column-inner{box-shadow:0 8px 24px 0 rgba(0,0,0,.08)}.compose-mode #vc_templates-more-layouts{display:none!important}.vc_row>.container,.vc_row>.container>.vc_vc_column,.vc_row>.vc_vc_column{height:inherit}.compose-mode .vc_et_align_container .vc_controls>.vc_controls-out-tl,.compose-mode .vc_et_header_mobile_container .vc_controls>.vc_controls-out-tl,.compose-mode .vc_et_header_modal_container .vc_controls>.vc_controls-out-tl,.compose-mode .vc_et_header_sidebar_container .vc_controls>.vc_controls-out-tl,.compose-mode .vc_et_vertical_align_bottom .vc_controls>.vc_controls-out-tl,.compose-mode .vc_et_vertical_align_middle .vc_controls>.vc_controls-out-tl,.compose-mode .vc_et_vertical_align_top .vc_controls>.vc_controls-out-tl,.vc_element[data-tag=et_animate_box] .vc_controls-out-tl,.vc_element[data-tag=et_carousel_item] .vc_controls-out-tl,.vc_element[data-tag=et_client_container] .vc_controls-out-tl,.vc_element[data-tag=et_icon_box_container] .vc_controls-out-tl,.vc_element[data-tag=et_megamenu_tab_item] .vc_controls-out-tl,.vc_element[data-tag=et_pricing_table_container] .vc_controls-out-tl,.vc_element[data-tag=et_stagger_box] .vc_controls-out-tl,.vc_element[data-tag=et_step_box_container] .vc_controls-out-tl{left:auto!important;right:-1px!important;visibility: visible !important;}.compose-mode .vc_element[data-tag=et_carousel_item] .vc_controls-out-tl{top:0!important}.vc_element[data-tag=et_carousel] .vc_controls-out-tl,.vc_element[data-tag=et_info_present] .vc_controls-out-tl,.vc_element[data-tag=et_testimonial_container] .vc_controls-out-tl{display:none!important}.wpb_wrapper{position:relative;z-index:5} .vc_column-inner .fixed-container, .vc_column-inner .parallax-container, .vc_column-inner .video-container { z-index: 1; } /* Header ----*/ .header .wpb_column { position: static; } .et-desktop .megamenu .wpb_column { position: relative; } .header { display: block; width: 100%; z-index: 70; position: relative; } .header.shadow-true, .header.sticky-true.shadow-sticky-true.active { box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .header.transparent-true { position: absolute; top: 0; left: 0; } .header .vc_column_container, .header .vc_column-inner, .header .wpb_wrapper, .header .hbe { height: inherit; line-height: inherit; } .et-desktop .megamenu .vc_column_container, .et-desktop .megamenu .vc_column-inner, .et-desktop .megamenu .wpb_wrapper { height: auto; line-height: initial; } .header .vc_column_container, .header .vc_column_container > .vc_column-inner { padding-top: 0 !important; padding-bottom: 0 !important; } .header .vc_column_container > .vc_column-inner > .wpb_wrapper:after { clear: both; content: ""; display: table; } .header .hbe, .et-menu-container { position: relative; display:inline-block; vertical-align: top; } .header .hbe.hide-default-true, .header.sticky-true.active .hbe.hide-sticky-true { display: none; } .header.sticky-true.active .hbe.hide-default-true { display: inline-block; } .header .hbe-right, .menu-align-right { display: block; float: right; } .header .hbe-left, .menu-align-left { display: block; float: left; } .menu-item .arrow { width: 8px; height: 8px; position: relative; display: inline-block; vertical-align: middle; transform: rotate(270deg); margin-left: 4px; display: none; z-index: 2; transform-origin: center; } .sidebar-menu .menu-item .arrow { transform: rotate(180deg); } .menu-item .arrow svg { display: block; transition: fill 300ms ease-out; } .tl-submenu-ind-true .header-menu > .menu-item-has-children > a > .arrow, .sl-submenu-ind-true .header-menu ul > .menu-item-has-children > a > .arrow, .tl-submenu-ind-true .sidebar-menu > .menu-item-has-children > a > .arrow, .tl-submenu-ind-true .et-menu > .menu-item-has-children > a > .arrow, .sl-submenu-ind-true .et-menu ul > .menu-item-has-children > a > .arrow { display: inline-block; } /* et_align_container ----*/ .align-container > *:not(.et-gap):not(.et-separator) { display: inline-block !important; float: none !important; } .align-container.align-left {text-align: left;} .align-container.align-right {text-align: right;} .align-container.align-center {text-align: center;float: none;} /* sticky_header ----*/ .header.sticky-true.active { position: fixed; top: 0; left: 0; } .header.sticky-true + .header-placeholder { width: 100%; display: none; } .header.sticky-true.active.transparent-false + .header-placeholder { display: block; } .header.sticky-true.active .vc_row.hide-sticky, .header.sticky-true .vc_row.hide-default { display: none; } .header.sticky-true.active .vc_row.hide-default { display: block; } /* et_header_logo ----*/ .header-logo a { position: relative; display: inline-block; vertical-align: top; } .header-logo img, .header-logo svg { position: relative; display: inline-block; vertical-align: middle; } .header.sticky-true.active .header-logo .logo, .header.sticky-false .header-logo .sticky-logo, .header.sticky-true .header-logo .sticky-logo { display: none; } .header.sticky-true.active .header-logo .sticky-logo { display: inline-block; } /* et_header_menu ----*/ .nav-menu-container .nav-menu, .nav-menu-container .sub-menu { list-style: none; margin:0; padding: 0; line-height: inherit; } .header-menu-container .header-menu { width: 100%; display: inline-block; vertical-align: middle; } .header-menu-container .menu-item, .et-menu-container .menu-item { padding: 0; position: relative; float: left; line-height: inherit; } .menu-item.in {z-index: 5;} .header-menu-container > .header-menu > .menu-item:first-child, .et-menu-container > .et-menu > .menu-item:first-child { margin-left: 0 !important; } .nav-menu-container > .nav-menu > .menu-item > .mi-link { transition: color 300ms ease-out, background-color 300ms ease-out; line-height: inherit; display: block; height: 100%; position: relative; } .sidebar-menu-container > .sidebar-menu > .menu-item > .mi-link, .modal-menu-container > .modal-menu > .menu-item > .mi-link { height: auto; } .menu-hover-outline.nav-menu-container > .nav-menu > .menu-item > .mi-link, .menu-hover-box.nav-menu-container > .nav-menu > .menu-item > .mi-link { height: 2.5em; line-height: 2.5em; display: inline-block; vertical-align: middle; border-radius: 128px; } .menu-hover-outline.nav-menu-container > .nav-menu > .menu-item > .mi-link, .menu-hover-fill.nav-menu-container > .nav-menu > .menu-item > .mi-link, .menu-hover-box.nav-menu-container > .nav-menu > .menu-item > .mi-link { z-index: 2; } .nav-menu .menu-item > .mi-link > .txt { position: relative; z-index: 2; display: flex; } .nav-menu .menu-item > .mi-link > .txt .wpml-ls-flag{padding-right: 6px;} .top-separator-true .header-menu .menu-item.depth-0:before, .top-separator-true .header-menu .menu-item.depth-0:after { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; content:""; width: 1px; height: 100%; } .top-separator-true .header-menu .menu-item.depth-0:after { left: auto; right: 0; } .top-separator-true .header-menu .menu-item.depth-0:not(:last-child):after { display: none; } .nav-menu .menu-icon + .txt { margin-left: 8px; } .header-menu .sub-menu .menu-icon, .sidebar-menu .sub-menu .menu-icon { margin-left: 8px; } .et-mm > .menu-item > .mi-link .menu-icon, .et-menu .sub-menu .menu-icon { margin-left: 0; margin-right: 8px; } .nav-menu .menu-icon { width: 16px; height: 16px; -webkit-mask-size: 16px; mask-size: 16px; display: inline-block; vertical-align:middle; position: relative; transform: translateY(-2px); transition: background 0.3s ease-out; } .header-menu > .menu-item > .mi-link > .label, .et-menu > .menu-item > .mi-link > .label { position: absolute; top: -100%; left: 50%; line-height: 12px; font-size: 12px; padding: 4px 8px; text-transform: none; color: #ffffff; transform: translateX(-50%); border-radius: 24px; } .header-menu > .menu-item > .mi-link > .description, .et-menu > .menu-item > .mi-link > .description { display: block !important; position: absolute; width: 100%; height: auto; line-height: 1.5em; bottom: 20%; left: 0; text-align: center; font-size: 68%; } .menu-item > .mi-link > .description { display: block; font-size: 80%; line-height: inherit; } .nav-menu-container.menu-hover-fill .nav-menu > .menu-item > .mi-link > .label { bottom: auto; top: 5%; } .nav-menu-container.menu-hover-box .nav-menu > .menu-item > .mi-link > .label, .nav-menu-container.menu-hover-outline .nav-menu > .menu-item > .mi-link > .label { top: -50%; } .nav-menu .sub-menu > .menu-item > .mi-link > .label, .modal-menu .menu-item > .mi-link > .label, .sidebar-menu .menu-item > .mi-link > .label, .et-mm > .menu-item > .mi-link > .label { margin-left:8px; display: inline-block; padding: 4px 8px 4px 8px; vertical-align: middle; top: -1px; color: #ffffff; font-size: 12px; line-height: 12px; text-align: center; position: relative; left: 0px !important; transform: none !important; text-transform: none; border-radius: 24px; } /* Effects */ .menu-item > .mi-link .effect { z-index: -1; display: block; position: absolute; top:0; left: 0; width: 100%; height:100%; opacity: 0; margin-top: 0; backface-visibility: hidden; border-radius:inherit; } .menu-hover-underline > .nav-menu > .menu-item > .mi-link .effect, .menu-hover-overline > .nav-menu > .menu-item > .mi-link .effect { position: absolute; top: 100%; left: 0; height: 1px; width: 100%; } .menu-hover-overline > .nav-menu > .menu-item > .mi-link .effect { top: 0; } .menu-hover-overline > .nav-menu > .menu-item > .mi-link .effect { top:0 } .menu-hover-fill > .nav-menu > .menu-item > .mi-link .effect { height: calc(100% + 1px); margin-top: 0; top: 0; border-radius: 0; } .menu-hover-outline > .nav-menu > .menu-item > .mi-link, .menu-hover-box > .nav-menu > .menu-item > .mi-link, .menu-hover-fill > .nav-menu > .menu-item > .mi-link { padding-left:24px; padding-right:24px; } .menu-item.active > .mi-link .effect { opacity: 1; } .menu-item-language img { vertical-align: middle; display: inline-block; margin-right:8px; } /* submenu ----*/ .header-menu .sub-menu:not(.megamenu-single), .sidebar-menu .sub-menu:not(.megamenu-single), .et-menu .sub-menu:not(.megamenu-single) { position:absolute; top: 100%; left:0px; min-width: 264px; max-width: 264px; padding-top: 24px; padding-bottom: 24px; list-style: none; margin-left: 0; text-align: left; border-radius: 8px; } .sidebar-menu .sub-menu:not(.megamenu-single) { top: 8px; } .submenu-appear-from-top .et-menu .sub-menu:not(.megamenu-single) { bottom: 100% !important; top: auto !important; } .submenu-appear-from-top .et-menu .sub-menu:not(.megamenu-single) .sub-menu { bottom: -24px !important; top: auto !important; } .sidebar-menu .sub-menu, .modal-menu .sub-menu { left: 100% !important; top: 0; padding: 0!important; } .modal-menu .sub-menu { top: 24px; } .nav-menu .submenu-left .sub-menu { left:auto !important; right: 232px !important; } .nav-menu .sub-menu .sub-menu { left:232px; top: -24px; } .nav-menu .submenu-left .sub-menu .sub-menu { left:auto !important; right: 256px !important; } .submenu-shadow-true .nav-menu .sub-menu { box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); backface-visibility: hidden; } .nav-menu .sub-menu { z-index: -1; visibility: hidden; display: block; } .nav-menu .menu-item:hover > .sub-menu { visibility: visible; z-index: 2; } .submenu-appear-none .nav-menu .sub-menu > li, .submenu-appear-none .nav-menu .sub-menu > .vc_row { opacity: 0; transition: opacity 150ms 0ms ease-out; } .submenu-appear-fade .nav-menu .sub-menu { display: none; opacity: 0; } .submenu-appear-fade .nav-menu li:hover > .sub-menu { display: block; animation: submenuAppearFade 0.3s 0.05s ease-out forwards; } @-webkit-keyframes submenuAppearFade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes submenuAppearFade { 0% { opacity: 0; } 100% { opacity: 1; } } .sidebar-menu .sub-menu > li, .modal-menu .sub-menu > li { opacity: 0; transition: opacity 150ms 0ms ease-out; } .submenu-appear-none .nav-menu .menu-item:hover > .sub-menu > li, .submenu-appear-none .nav-menu .menu-item:hover > .sub-menu > .vc_row { opacity: 1; transition: opacity 150ms 400ms ease-out; } .sidebar-menu .menu-item:hover > .sub-menu > li, .modal-menu .menu-item:hover > .sub-menu > li { opacity: 1; transition: opacity 150ms 100ms ease-out; } .nav-menu .sub-menu .menu-item, .megamenu-tab .tab-item { display: block; float: none; line-height: 24px; } .nav-menu .sub-menu .menu-item .mi-link, .megamenu-tab .tab-item { display: block; padding: 8px 24px; position: relative; backface-visibility: hidden; transition: color 150ms ease-out, background-color 150ms ease-out; } .header-menu .sub-menu .menu-item .arrow, .sidebar-menu .menu-item > .mi-link > .arrow, .et-menu .sub-menu .menu-item .arrow { position: absolute; top: 50%; right: 32px; margin-top: -4px; } .sidebar-menu .menu-item > .mi-link > .arrow { right: 0; } .sidebar-menu, .modal-menu { position: relative; } .sidebar-menu .sub-menu .menu-item, .modal-menu .sub-menu .menu-item { padding-left: 64px !important; } .sidebar-menu:before, .modal-menu:before { content: ""; display: block; position: absolute; top: 0; right: -32px; display: block; width: 1px; height: 100%; opacity: 0; transition: opacity 100ms ease-out; z-index: -1; } .sidebar-menu.active:before, .modal-menu.active:before { opacity: 0.1; } /* separator-true ----*/ .separator-true .header-menu > .menu-item:not(.mm-true) .sub-menu .menu-item .mi-link:before, .separator-true.mm-container .sub-menu .menu-item .mi-link:before, .et-mm > .menu-item > .mi-link:before, .separator-true .et-menu > .menu-item:not(.mm-true) .sub-menu .menu-item .mi-link:before { display: block; position: absolute; bottom:0; left: 16px; content: ""; height: 1px; width: calc(100% - 32px); opacity: 0.1; } .separator-true .header-menu > .menu-item:not(.mm-true) .sub-menu > .menu-item:last-child > .mi-link:before, .separator-true.mm-container .sub-menu > .menu-item:last-child > .mi-link:only-child:before, .separator-true .et-menu > .menu-item:not(.mm-true) .sub-menu > .menu-item:last-child > .mi-link:before { display: none; } .separator-true.mm-container .sub-menu > .menu-item:last-child > .mi-link:before { display: block; } .separator-true .header-menu > .menu-item:not(.mm-true) .sub-menu, .separator-true.mm-container .sub-menu, .separator-true .et-menu > .menu-item:not(.mm-true) .sub-menu { padding-top: 12px; padding-bottom: 12px; } .separator-true .header-menu > .menu-item:not(.mm-true) .sub-menu .sub-menu, .separator-true .et-menu > .menu-item:not(.mm-true) .sub-menu .sub-menu { top: -12px; } .separator-true.submenu-appear-from-top .et-menu > .menu-item:not(.mm-true) .sub-menu .sub-menu { bottom: -12px !important; } .separator-true .header-menu > .menu-item:not(.mm-true) .sub-menu .menu-item .mi-link, .separator-true.mm-container .sub-menu .menu-item .mi-link, .separator-true .et-menu > .menu-item:not(.mm-true) .sub-menu .menu-item .mi-link { padding: 12px 32px; } /* megamenu ----*/ .header-menu .menu-item[data-width="100"], .et-menu .menu-item[data-width="100"] { position: static !important; } .megamenu .arrow { display: none !important; } .header-menu > .mm-true > .megamenu, .et-menu > .mm-true > .megamenu { left: 0; padding: 0 !important; overflow: hidden; } .submenu-left > .megamenu { left: auto; right: 0; } .et-mm { flex-direction: row; flex-wrap: wrap; display: flex; margin:0; padding: 0; list-style: none; } .et-mm .sub-menu { list-style: none; animation: none !important; } .et-mm > .menu-item { padding-bottom: 16px; } .separator-true.mm-container .et-mm > .menu-item { padding-bottom: 8px; } .mm-container.column-6 .et-mm > .menu-item {width: 16.66666666666667%;} .mm-container.column-5 .et-mm > .menu-item {width: 20%;} .mm-container.column-4 .et-mm > .menu-item {width: 25%;} .mm-container.column-3 .et-mm > .menu-item {width: 33.2121213%;} .mm-container.column-2 .et-mm > .menu-item {width: 50%;} .mm-container.column-1 .et-mm > .menu-item {width: 100%;} .megamenu[data-position="left"] { left: 0 !important; right: auto !important; } .megamenu[data-position="right"] { right: 0 !important; left: auto !important; } .megamenu[data-position="center"] { right: auto !important; left: 50% !important; } .megamenu .sub-menu { display: block !important; opacity: 1 !important; transform : none !important; position: static !important; top: auto !important; left: auto !important; height: auto !important; min-width:100% !important; max-width:100% !important; box-shadow: none !important; padding: 0 !important; background-color: transparent !important; visibility: visible !important; z-index: 1 !important; margin-bottom: 16px !important; } .et-mm > .menu-item > .mi-link:before { opacity: 1; } .separator-true.mm-container .et-mm > .menu-item > .mi-link:before { height: 2px; } .et-mm .menu-item {opacity: 1 !important;visibility:visible;} .et-mm > .menu-item > .mi-link:after { display: none !important; } .et-mm > .menu-item > .mi-link { margin-bottom: 8px; } .separator-true.mm-container .et-mm > .menu-item > .mi-link { margin-bottom: 0; } .et-mm .sub-menu .sub-menu { padding:0 0 0 24px !important; } /* megamenu tab ----*/ .megamenu-tab { position: relative; display: table; width: 100%; } .megamenu-tab .tabset, .megamenu-tab .tabs-container { display: table-cell; vertical-align: top; } .megamenu-tab .tabs-container { padding: 0; box-shadow: none; background-color: transparent; position: relative; } .megamenu-tab .tabs-container:before { position: absolute; top: 0; left: 0; width: 100%; height: 1000%; z-index: -1; content: ""; display: block; background-color: inherit; } .megamenu-tab.small .tabset {width: 20%;} .megamenu-tab.small .tabs-container {width: 80%;} .megamenu-tab.medium .tabset {width: 25%;} .megamenu-tab.medium .tabs-container {width: 75%;} .megamenu-tab.large .tabset {width: 33.33333333333333%;} .megamenu-tab.large .tabs-container {width: 66.666666666666675%;} .megamenu-tab .tab-content { opacity: 1; transition: none !important; transform: none !important; } .megamenu-tab .tabset { padding: 28px 0; } .megamenu-tab .tab-item { padding: 4px 32px; transition: color 300ms ease-out; cursor: pointer; } .megamenu-tab .tab-item span { position: relative; z-index: 2; } .megamenu-tab .tab-item .arrow { width: 8px; height: 8px; display: block !important; position: absolute; top: 50%; right: 24px; margin-top: -4px; transform: rotate(180deg); opacity: 0.3; } .megamenu-tab .tab-item.active .arrow { opacity: 1; } .megamenu-tab .tab-item .icon { width: 16px; height: 16px; line-height: 16px; margin-right: 12px; position: relative; vertical-align: middle; display:inline-block; top: -1px; } .megamenu-tab .tab-item .icon svg { width: inherit !important; height: inherit !important; transition: fill 300ms ease-out; } /* hbe_icon_element ----*/ .hbe-icon-element { position: relative; } .hbe-toggle, .close-toggle { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; transition:color 300ms ease-out, background-color 300ms ease-out; position: relative; width: 48px; height: 48px; border-radius: 48px; line-height: 48px; } .hbe-toggle > svg { width:20px; height:20px; display: inline-block; vertical-align: middle; } .size-small .mobile-toggle, .size-small .modal-toggle { width: 40px; height: 40px; border-radius: 40px; line-height: 40px; } .size-large .mobile-toggle, .size-large .modal-toggle { width: 56px; height: 56px; border-radius: 56px; line-height: 56px; } .mobile-toggle.active { position: absolute; top: 0; right: 0; } .mobile-toggle > svg, .modal-toggle > svg { width: inherit; height: inherit; display: block; } .mobile-toggle svg, .modal-toggle svg, .mobile-toggle svg path, .modal-toggle svg path { transition: fill 300ms ease-out; } .mobile-toggle:not(.active) svg *, .modal-toggle:not(.active) svg * { transition: inherit; } .mobile-toggle .close, .mobile-toggle.active .line, .modal-toggle .close, .modal-toggle.active .line { opacity: 0; } .mobile-toggle.active .close, .modal-toggle.active .close { opacity: 1; } .close-toggle { padding: 0 !important; width: 14px !important; min-width: 14px; height: 14px !important; position: absolute; top: 20px; right: 16px; z-index: 2; } .language-switcher .close-toggle { top: 18px; } .close-toggle > svg { width:14px; height:14px; transform: translateY(0); } svg.back, .header-search .search-box svg.search-back, .mobile-container .mobile-back, .layout-sidebar .mobile-back, .et-button.shadow-true .button-back, .video-btn svg, .et-icon.shadow-true .icon-back { -webkit-filter: drop-shadow(0px 0px 24px rgba(0,0,0,0.08)); filter: drop-shadow(0px 0px 24px rgba(0,0,0,0.08)); } svg.back, svg.close { position: absolute; top: 0; left: 0; z-index: -1; overflow: visible; } svg.back .end {visibility: hidden;} /* et_search_toggle ----*/ .search-toggle > svg { transform: translateY(-1px); } .header-search .search-box { position: absolute; top: 50%; margin-top: -23px; right: 0; visibility: hidden; z-index:5; } .header-search .search-box.hide {display: none;} .header-search .search-form { position: relative; width: 256px; } .header-search .search-form, .header-search .search-form fieldset, .header-search .search-form input { margin: 0 !important; line-height: initial; box-shadow: none; } .header-search .search-form input[type="submit"], .header-search .search-form input[type="text"], .header-search .search-form .search-icon { height: 48px; background-color: transparent !important; } .header-search .search-form input[type="text"] { padding-right: 60px !important; border:none !important; } .header-search svg.search-back { position: absolute; top: 0; right: 0; z-index: -1; overflow: visible; border-radius: 48px; transition:box-shadow 200ms ease-out; } .header-search svg.search-back path { transform: rotate(180deg); transform-origin: 50% 50%; } .header-search svg.search-back path.end {visibility:hidden;} .header-search .search-form input[type="submit"] { width: 48px; min-width: 0 !important; text-indent: -900em; padding: 0 !important; position: absolute; top: 0; right: 0; background-color: transparent !important; box-shadow: none !important; } .header-search .search-form .search-icon { width: 48px; height: 48px; line-height: 48px; text-align: center; position: absolute; top: 0; right: 0; text-align: center; border-radius: 500%; transition: background-color 200ms 50ms ease-out; } .header-search .search-form .search-icon svg { display: inline-block; vertical-align: middle; position: relative; transform: translateY(-1px); width: 20px; height: 20px; } /* et_cart_toggle ----*/ .cart-toggle { width: auto; } .cart-toggle:not(.close-toggle) { min-width: 48px; } .cart-toggle > svg { transform: translateY(-1px); } .cart-box, .language-box, .login-box { visibility: hidden; position: absolute; z-index: 15; padding:48px 24px 24px 24px; top: calc((100% - 48px)/2); right: 0; line-height: initial; border-radius: 8px; } .cart-box { width: 280px; height: 370px; } .cart-box .widget_shopping_cart.hide { position: relative; z-index: -1; visibility: hidden; } .login-box { width: 280px; } .logopos-right .cart-box, .menupos-right .cart-box { left:0px; right:auto; } .box-align-right .cart-box { right: auto; left: 0 } .cart-box .product_list_widget > li:not(:last-child):before, .cart-box .woocommerce-mini-cart__total:before { opacity: 0.1; } .cart-box .woocommerce-mini-cart__empty-message { width: 80%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .cart-box .woocommerce-mini-cart-info-wrap { position: relative; z-index: 16; } .cart-box .cart_list { height: 200px; } .language-switcher-content { max-height: 166px; } .cart-box .widget_shopping_cart_content > p:only-child {margin-bottom:0;} .cart-box .widget_shopping_cart { margin: 0 !important; padding: 0 !important; background-color: transparent !important; overflow: hidden; } .cart-contents { font-size:12px !important; font-weight: 600 !important; display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 24px; position: absolute; top: 0; right: 0; z-index: 2; opacity: 0; } .cart-contents:not(:empty) { opacity: 1; } /* et_search_form ----*/ .header-search-form .search-form { vertical-align: middle; display: inline-block; margin:0; height: 48px; border-radius: 48px; } .header-search-form .search-form fieldset, .header-search-form .search-form input[type="text"] { height: inherit !important; border-radius: inherit; } .header-search-form .search-form input[type="text"]#s { padding: 0 48px 0 16px !important; } .header-search-form .search-form input[type="submit"] + .search-icon { width: 48px; height: 48px; line-height: 48px; border-radius: 48px; text-align: center; position: absolute; top: 0; right: 0; text-align: center; transition: all 200ms ease-out; } .header-search-form .search-form input[type="submit"] + .search-icon svg { display: inline-block; vertical-align: middle; position: relative; transform: translateY(-1px); width: 20px; height: 20px; transition: inherit; } /* et_login_toggle ----*/ .header-login .login-toggle:not(.close-toggle) > svg { width:18px; height:18px; transform: translate(0px, -2px); } .header-login .login-toggle { width: auto; padding: 0 16px 0 12px; } .header-login .login-title { display: inline-block; vertical-align: top; line-height: inherit; margin-left: 4px; } .logged-in .login-title.login, .login-title.logout { display: none; } .logged-in .login-title.logout { display: inline-block; } .header-login .widget_reglog { margin:0; line-height: 24px; } .header-login .widget_reglog:after { content: ""; clear:both; display: table; } .box-align-right .login-box { right: auto; left: 0 } .header-login .widget_reglog.active { display: block; } .header-login .widget_reglog.active { box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .header-login .widget_reglog form, .header-login .widget_reglog .login-submit { margin-bottom: 0; } .header-login .widget_reglog form .input { border:none; } .header-login .widget_reglog form .button { margin-bottom: 0; } .login-toggle:before { display: inline-block; } .size-small > .login-toggle:before { width: 16px; } .size-medium > .login-toggle:before { width: 20px; } .size-large > .login-toggle:before { width: 24px; } .header-login .widget_reglog a { transition: all 300ms ease-out; } .header-login .widget_reglog a:not(.button):hover { opacity: 0.7; } /* et_language_switcher ----*/ .language-toggle:not(.close-toggle) svg { transform: translateY(-1px); } .language-box { padding: 48px 0 12px 0; } .language-switcher ul { list-style: none; margin:0; padding: 0; line-height: 24px; } .language-switcher ul > li { position: relative; } .language-switcher ul li { margin:0; padding: 0; } .box-align-right .language-box { right: auto; left: 0 } .box-align-center .language-box { left: 50%; margin-left: -25%; } .language-switcher ul li a { font-weight: 500; padding: 4px 24px; line-height: 24px; display: block; transition: all 300ms ease-out; } .language-switcher ul li a > * { display: inline-block; vertical-align: middle; } .language-switcher ul li a > img { margin-right: 8px; } .language-switcher .wpml-ls-legacy-list-horizontal li { display:inline-block; vertical-align: middle; margin-right: 16px; } .language-switcher .wpml-ls-legacy-list-horizontal li:last-child { margin-right: 0; } .language-switcher .wpml-ls-legacy-list-horizontal a { position: relative; display:inline-block; vertical-align: middle; } .language-switcher .wpml-ls-legacy-list-vertical li { position: relative; display:block; } .wpml-ls-item-toggle:after { display: inline-block; vertical-align: middle; margin-left: 8px; position: relative; transform: rotate(90deg); font-size: 12px; } /* et_header_social_links ----*/ .header-social-links { margin-top:0 !important; margin-bottom:0 !important; } .header-social-links a { margin-left:0 !important; margin-right:0 !important; } .header-social-links a, .et-social-links a { display: inline-block; vertical-align: middle; position: relative; text-align: center; width: 36px; height:36px; line-height: 36px; transition: all 300ms ease-out; border-radius: 8px; } .header-social-links a svg, .et-social-links a svg { width: 20px; transition: inherit; vertical-align: middle; display: inline-block; position: relative; transform: translateY(-2px); } .et-social-links a { margin-bottom: 4px; } .shadow-true.et-social-links a { box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08) !important; } .header-social-links a:last-child, .et-social-links a:last-child {margin-right: 0 !important;} .header-social-links.styling-original-true a, .et-social-links.styling-original-true a { margin-right: 8px !important; transition: all .6s cubic-bezier(.19,1,.22,1); backface-visibility: hidden; transform-origin: 0 100%; } .header-social-links.styling-original-true a svg, .et-social-links.styling-original-true a svg { fill: #ffffff; } .header-social-links.styling-original-true a:hover, .et-social-links.styling-original-true a:hover { transform: translateY(-8px); } .styling-original-true a.telegram{background-color:#08c}.styling-original-true a.viber{background-color:#8176d6}.styling-original-true a.youtube{background-color:#b00}.styling-original-true a.digg{background-color:#1665e1}.styling-original-true a.messenger{background-color:#1d7dfb}.styling-original-true a.reddit{background-color:#ff4500}.styling-original-true a.rss{background-color:#ff7e00}.styling-original-true a.picasa{background-color:#df4a3f}.styling-original-true a.google-drive{background-color:#09a25e}.styling-original-true a.dropbox{background-color:#0061ff}.styling-original-true a.flickr{background-color:#ff1c80}.styling-original-true a.vk{background-color:#4a76a8}.styling-original-true a.tripadvisor{background-color:#00a680}.styling-original-true a.google{background-color:#dd4b39}.styling-original-true a.facebook{background-color:#3b5998}.styling-original-true a.instagram{background-color:#bc2a8d}.styling-original-true a.twitter{background-color:#00aced}.styling-original-true a.vimeo{background-color:#1ab7ea}.styling-original-true a.dribbble{background-color:#ea4c89}.styling-original-true a.behance{background-color:#0057ff}.styling-original-true a.github{background-color:#2ebc4f}.styling-original-true a.skype{background-color:#00b4f5}.styling-original-true a.linkedin{background-color:#007bb6}.styling-original-true a.pinterest{background-color:#cb2027}.styling-original-true a.email{background-color:#424242}.styling-original-true a.whatsapp{background-color:#55b750} .header-social-links.size-small > a, .et-social-links.size-small > a { width: 32px; height: 32px; line-height: 32px; } .header-social-links.size-small > a svg, .et-social-links.size-small > a svg { width: 16px; } .header-social-links.size-large > a, .et-social-links.size-large > a { width: 40px; height: 40px; line-height: 40px; } .header-social-links.size-large > a svg, .et-social-links.size-large > a svg { width: 24px; } .et-social-links.free {margin-left: -8px !important;} .et-social-links.free a {margin-right: 8px !important;} .et-social-links.free a:last-child {margin-right: 0 !important;} /* header-icon ----*/ .header-icon.size-small .hicon, .et-icon.size-small { width: 32px; height: 32px; line-height: 32px; } .header-icon.size-medium .hicon, .et-icon.size-medium { width: 40px; height: 40px; line-height: 40px; } .header-icon.size-large .hicon, .et-icon.size-large { width: 48px; height: 48px; line-height: 48px; } .header-icon svg:not(.icon-back), .et-icon svg:not(.icon-back) { height: auto; width: 45%; /*transition: fill 300ms ease-out;*/ z-index: 3; position: relative; top: -2px; display: inline-block; vertical-align: middle; } .header-icon svg:not(.icon-back) *, .et-icon svg:not(.icon-back) * { transition: fill 300ms ease-out; } .header-icon .icon-back, .et-icon .icon-back { width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 1; transition: fill 300ms ease-out, stroke 300ms ease-out; overflow: initial !important; } .header-icon .icon-back path, .et-icon .icon-back path { transform: translateY(-2px); } .hicon, .et-icon { vertical-align: middle; display: inline-block; position: relative; text-align: center; } span.hicon { cursor: default !important; } /* et_header_button ----*/ .et-header-button { display: flex !important; justify-content: center; align-items: center; } .et-header-button a { overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 0; } /* et_header_vertical_separator ----*/ .header-vertical-separator .line { vertical-align: middle; display: inline-block; } /* mobile header ----*/ .mobile-container-overlay, .sidebar-layout-overlay { position: fixed; width: 100%; height: 100%; z-index: 999999; top: 0; left:-100%; background-color: rgba(0,0,0,0.2); cursor: url(images/close_icon_white.png), auto; opacity: 0; } .mobile-container { width: 100%; height: calc(100% + 56px); padding-bottom: 56px; cursor: default; position: fixed; z-index: 9999999; top: 0; left:0; transform: translateX(-100%); overflow-y: scroll; } .mobile-container-inner { height: 100%; position: relative; opacity: 0; } .mobile-container .header-logo .logo { display: block !important; } .mobile-container .header-logo .sticky-logo { display: none !important; } .mobile-container .hbe { height: auto !important; line-height: initial !important; } /* mobile menu ----*/ .mobile-menu-container { display: block; width: 100%; } .mobile-menu-container.text-align-left {text-align: left;} .mobile-menu-container.text-align-right {text-align: right;} .mobile-menu-container.text-align-center {text-align: center;} .mobile-menu { list-style: none; margin:0; padding: 0; width: 100%; } .mobile-menu li { margin:0; padding: 0; display: block; width: 100%; position: relative; } .mobile-menu li a, .sidebar-menu .menu-item .mi-link { display: block; padding: 12px 0; line-height: 24px; position: relative; transition: all 300ms ease-out; } .mobile-menu li ul { padding-left: 24px; padding-top: 8px; padding-bottom: 24px; } .mobile-menu li ul a { padding:8px 0; position: relative; } .mobile-menu li ul a:before { position: absolute; top: 50%; left: -24px; width: 8px; height: 2px; margin-top: -1px; content: "-"; line-height: 2px; opacity: 0.2; } .mobile-menu li ul a:after {display: none !important;} .mobile-menu-container.text-align-right .mobile-menu .menu-item-has-children > a { padding: 12px 36px 12px 16px; } .mobile-menu li a:after, .mobile-menu > li:last-child:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height:1px; content: ""; } .mobile-menu > li:last-child:after { top: auto; bottom: 0; } .mobile-menu ul { margin-bottom: 0; display: none; position: relative; } .mobile-menu ul ul { padding-left: 24px; } .mobile-menu-container.text-align-center .mobile-menu ul ul { padding-left: 0; } .mobile-menu a > .arrow { display: none; } .mobile-menu .menu-item-has-children > a > .arrow { display: block; position: absolute; width: 32px; height: 32px; line-height: 32px; text-align: right; right: 0; top: 50%; margin-top: -16px; margin-left: 0; z-index: 5; transform: rotate(180deg); } .mobile-menu .menu-item-has-children > a > .arrow svg { display: block; transition: fill 300ms ease-out; width: 12px; height: 12px; margin:10px 0 10px 10px; } .mobile-menu-container.text-align-center .mobile-menu .menu-item-has-children > a > .arrow { display:inline-block; position: relative; text-align: center; right: 0; top: 0; margin-top: -2px; margin-left: 8px; vertical-align: middle; } .mobile-menu .menu-item-has-children > a > .arrow.active { transform: rotate(270deg); } /* mobile tabs ----*/ .et-mobile-tab { position: fixed; bottom: 0; left: 0; width: 100%; z-index: -1; visibility: hidden; } .et-mobile-tab.active { visibility: visible; z-index: 9999; } .et-mobile-tab .mob-tabset { display:flex; flex-direction: row; align-content: stretch; transform: translateY(100%); transition: transform 0.6s cubic-bezier(.19,1,.22,1); box-shadow: 0 -2px 4px rgba(0,0,0,0.2); } .et-mobile-tab.active .mob-tabset{ transform: translateY(0); } .et-mobile-tab .mob-tabset .tab { flex-grow: 2; flex-basis: 0; text-align: center; padding: 11px 8px 5px 8px; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.5px; position: relative; } .et-mobile-tab .mob-tabset .tab:after { content: ""; width: 1px; height: 100%; display:block; position: absolute; right: 0; top: 0; opacity: 0.2; } .et-mobile-tab .mob-tabset .tab:last-child:after { display: none; } .et-mobile-tab .mob-tabset .icon { width: 20px; height: 20px; display: block !important; margin:0 auto 4px auto !important; } .et-mobile-tab .mob-tabset .icon svg { width: inherit; height: inherit; } .et-mobile-tab .mob-tabs-container { position: fixed; transform: translateY(100%); height: 100%; width: 100%; top: 0; left: 0; padding-bottom: 56px; } .et-mobile-tab .mob-tabs-container.active { transform: translateY(0); } .et-mobile-tab .mob-tab-content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow:scroll; padding: 48px 16px; } /* modal container ----*/ .modal-container { width: 100%; height: 100%; cursor: default; position: fixed; left: 0; top:-100%; z-index: 9999999; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; } .modal-container-inner { opacity: 0; z-index: 2; width: 70%; max-width: 1200px; } .modal-container .modal-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-container .modal-back .end { visibility: hidden; } .modal-container.active { top:0; visibility: visible; } .modal-container .header-logo .logo { display: block !important; } .modal-container .header-logo .sticky-logo { display: none !important; } .modal-container .hbe { height: auto !important; line-height: initial !important; } .modal-container.active .modal-toggle.active { position: fixed; top: 32px; right: 32px; z-index: 999; } /* modal menu ----*/ .modal-menu-container { display: block; width: 100%; } .modal-menu { list-style: none; margin:0; padding: 0; width: 100%; max-width: 300px; } .modal-menu ul { margin-bottom: 0; position: absolute; width: 256px; } .modal-menu li { margin:0; padding: 0; display: block; width: 100%; position: relative; } .modal-menu li a { display: block; padding:0; line-height: 24px; position: relative; transition: color 300ms ease-out, opacity 300ms ease-out, transform 800ms cubic-bezier(.19,1,.22,1); } .modal-menu > li .index { font-size: 12px; line-height: 12px; font-weight: 800; text-transform: uppercase; position: absolute; top: 0; left:0; opacity: 0; transform: translateX(24px); transition: opacity 50ms ease-out, transform 800ms cubic-bezier(.19,1,.22,1); } .modal-menu > li:hover .index { opacity: 1; transform: translateX(0); transition: opacity 300ms ease-out, transform 800ms cubic-bezier(.19,1,.22,1); } .modal-menu:hover > li > a { opacity: 0.2 !important; } .modal-menu > li:hover > a { transform: translateX(24px); opacity: 1 !important; } /* sidebar-navigation ----*/ .sidebar-navigation .hbe { height: auto; } .sidebar-navigation .header.side-true { width: 64px; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; backface-visibility: hidden; } .sidebar-navigation .header.side-true .vc_column_container, .sidebar-navigation .header.side-true .vc_column-inner, .sidebar-navigation .header.side-true .wpb_wrapper, .sidebar-navigation .header.side-true .hbe { max-width: 100% !important; } .sidebar-navigation #wrap { padding-left: 64px; } .sidebar-container, .mobile-container-inner { width: inherit; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; } .sidebar-container { padding-left: 64px; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .sidebar-container > .snva, .mobile-container-inner > .snva { width: 100%; display: block; } .sidebar-container > .vertical-align-top, .mobile-container-inner > .vertical-align-top { align-self: flex-start; } .sidebar-container > .vertical-align-middle, .mobile-container-inner > .vertical-align-middle { align-self: center; } .sidebar-container > .vertical-align-bottom, .mobile-container-inner > .vertical-align-bottom { align-self: flex-end; margin-top: auto; } .sidebar-navigation .header.side-true > .vc_row, .sidebar-navigation .header.side-true > .vc_row > .container, .sidebar-navigation .header.side-true > .vc_row > .container > .wpb_column, .sidebar-navigation .header.side-true > .vc_row > .container > .wpb_column > .vc_column-inner, .sidebar-navigation .header.side-true > .vc_row > .container > .wpb_column > .vc_column-inner > .wpb_wrapper { height: 100%; } .sidebar-navigation .header.side-true .container { width: 100%; max-width: 100%; } .sidebar-menu-container { width: 256px; } .sidebar-menu-container .menu-item { display: block; padding: 0; margin:0; position: relative; text-align: left; } .sidebar-menu .menu-item.megamenu-static, .sidebar-menu-container { position: static !important; } .sidebar-container-content { visibility: hidden; z-index: -1; opacity: 0; display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%; position: relative; } .sidebar-container-content:before { content: ""; position:absolute; display: block; left: 0; top: 0; width: 1px; height: 100%; opacity: 0.1; } .sidebar-container-content.active { visibility: visible; z-index: 2; } .sidebar-container-toggle { width: 64px; height: 64px; line-height: 64px; position: absolute; left: 0; top: 0; } .sidebar-toggle { width: inherit; height: inherit; line-height: inherit; } .sidebar-container-toggle svg { width: 50%; height: 50%; fill:none; } .sidebar-container-toggle svg .cross { opacity: 0; } /* Title section ----*/ .tse { position: relative; clear: both; } .tse.text-align-left {text-align: left;} .tse.text-align-right {text-align: right;} .tse.text-align-center {text-align: center;} .tse.align-left {float: left;} .tse.align-right {float: right;} .tse.align-center {text-align: center;} .tse > * { display: inline-block; vertical-align: middle; margin:0; } /* Breadcrumbs ----*/ .et-breadcrumbs { padding: 0px; display: inline-block; word-break: break-word; } .et-breadcrumbs > * { transition: color 0.3s ease-out; position: relative; } .et-breadcrumbs a { position: relative; color: inherit !important; } .et-breadcrumbs > *:last-child { margin-right: 0px; } .et-breadcrumbs svg { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin:0 8px; transform: rotate(180deg); } /* Forms ----*/ form:after {content:"";display:table;clear:both} div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { clear: both; } fieldset{border:none} textarea,select[size],select[multiple]{height:auto} textarea{min-height:100px;overflow:auto;resize:vertical;width:100%} optgroup{font-style:normal;font-weight:400} label{display:block;margin-bottom:0px;font-size:16px;line-height:28px;text-align: left;} input[type="radio"], input[type="checkbox"]{ margin:0; display:inline-block; } select { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-image: url(images/icons/arrow-select.svg); background-repeat: no-repeat; background-size: 10px; background-position-x: calc(100% - 19px); background-position-y: 24px; } select[name="orderby"] { background-position-y: 19px; } textarea,select, input[type="date"],input[type="datetime"], input[type="datetime-local"],input[type="email"], input[type="month"],input[type="number"], input[type="password"],input[type="search"], input[type="tel"],input[type="text"],input[type="time"], input[type="url"],input[type="week"],input[type="file"], .select2-container--default .select2-selection--single{ display:block; outline:none; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom:24px; text-align:left; max-width:100%; width:100%; position:relative; backface-visibility:hidden; transition:color 300ms ease-out, background-color 300ms ease-out, box-shadow 300ms ease-out, border-color 300ms ease-out; height: 56px; font-size: 16px; line-height: 16px; padding: 0 24px; border-width: 1px; border-style: solid; border-radius: 8px; } textarea { padding-top: 16px; padding-bottom: 16px; line-height: 26px; backface-visibility:hidden; transition:all 300ms ease-out !important; } span.wpcf7-list-item { margin: 0 1em 0 0 !important; } .et-button, input[type="button"], input[type="reset"], input[type="submit"], button, .single_add_to_cart_button, .product .button, .added_to_cart, .post-read-more, .comment-reply-link, .product-quick-view, .woocommerce-mini-cart__buttons > a, .checkout-button, .return-to-shop a, .wishlist_table .product-add-to-cart a, .woocommerce-button, #page-links > a, .edit-link a, .woocommerce .wishlist_table td.product-add-to-cart a, .woocommerce-message .button, .widget_tag_cloud .tagcloud a, .post-tags a, .widget_product_tag_cloud .tagcloud a, .project-tags a, .post-tags-single a, .wp-block-tag-cloud a { display:inline-block; margin-bottom: 4px; outline:0; border:none; border-radius: 56px; padding: 17px 24px 17px 24px; min-width: 220px; position: relative; backface-visibility: hidden; transition: color 300ms ease-out,background-color 300ms ease-out,box-shadow 300ms ease-out; z-index: 1; font-size: 16px; line-height: 22px; text-align: center !important; text-transform: none; } .pswp__button { min-width:0; } .pswp__caption__center {text-align: center;} .et-button { overflow: hidden; vertical-align: top; z-index: 1; min-width: 0; } .edit-link a { margin-bottom: 0; margin-top: 16px; } .woocommerce-mini-cart__buttons > a { margin-bottom: 0; width: calc((100% - 8px)/2); } .woocommerce-mini-cart__buttons > a + a { margin-left: 8px !important; } /* sizes ----*/ .et-button.small, .shop_table .woocommerce-button, .product .button, .added_to_cart, .post-read-more, .comment-reply-link, .wishlist_table .product-add-to-cart a, .woocommerce-button, #page-links > a, .edit-link a, .shop_table .woocommerce-button, .widget_price_filter .price_label, .widget_price_filter .button, .woocommerce .wishlist_table td.product-add-to-cart a, .woocommerce-mini-cart__buttons > a, .widget_tag_cloud .tagcloud a, .wp-block-tag-cloud a, .post-tags a, .widget_product_tag_cloud .tagcloud a, .project-tags a, .post-tags-single a, .woocommerce-message .button, .header-login .widget_reglog form .button, .header-login .logout-button, .woocommerce-widget-layered-nav-dropdown__submit { min-width: 0; padding: 9px 16px 9px 16px !important; } .et-button.large{ min-width: 0; padding: 25px 32px 25px 32px !important; } .et-button.medium { padding: 17px 24px 17px 24px; min-width: 230px!important; } /* Search/404 ----*/ .search-page .container { max-width: 720px !important; } .search-results-title { font-size: 120%; margin-bottom: 48px; } .tech-page-search-form { width: 100%; margin:0 auto 24px auto; } .tech-page-search-form.search404 { margin:0; } .error404 #et-content { height: 100vh; display: flex; align-items:center; } .message404 { text-align: center; } .error404-default-title { font-size: 144px; margin: 0px; padding: 0px; color: #212121; line-height: 144px; text-align: center; } .error404-default-title > span { position: relative; transform: rotate(180deg); transform-origin: 50%; display: inline-block; top: -7px; } .error404-default-subtitle { padding: 0px; font-size: 24px; line-height: 40px; text-align: center; margin-bottom: 0; } .error404-default-description { text-align: center; margin:0; } .error404-button { min-width: 200px; } /* Widgets ----*/ .widget { margin-bottom:56px; } .megamenu .widget { margin-bottom: 0 !important; } .widget_title, .widgettitle { font-size: 11px; font-weight: 900; letter-spacing: 2px; line-height: 16px; text-transform: uppercase; } .cart-box .widgettitle {display: none;} .widget_title a { color: inherit !important; } .widget_title img { vertical-align: middle; margin-right: 4px; position: relative; top:-1px; width: auto; visibility: visible !important; opacity: 1 !important; } .widget ul, .wp-block-archives, .wp-block-latest-posts, .wp-block-rss__item { list-style: none; list-style-type: none !important; padding: 0; margin: 0; } .wp-block-archives, .wp-block-latest-posts, .wp-block-rss__item { margin-bottom: 24px !important; } .widget ul li { padding: 0 0 16px 0; margin:0; } .widget_recent_entries li a, .wp-block-latest-posts li a { display: block; } .widget_recent_entries ul li, .widget_rss ul li, .widget_recent_comments ul li, .wp-block-latest-posts li. .wp-block-rss__item li { display: block; position: relative; } .widget_categories ul li, .widget_pages ul li, .widget_archive ul li, .widget_meta ul li, .widget_layered_nav ul li, .widget_nav_menu ul li, .widget_product_categories ul li, .wp-block-archives li { margin: 0; padding:2px 0 2px 16px; position: relative; transition: all 300ms ease-out; width: 100%; } .widget_categories ul ul li, .widget_pages ul ul li, .widget_archive ul ul li, .widget_meta ul ul li, .widget_layered_nav ul ul li, .widget_nav_menu ul ul li, .widget_product_categories ul ul li { padding:0; } .widget_categories ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_layered_nav ul li a, .widget_nav_menu ul li a, .widget_product_categories ul li a, .wp-block-archives li a { position: relative; } .widget_categories ul ul li a, .widget_pages ul ul li a, .widget_archive ul ul li a, .widget_meta ul ul li a, .widget_layered_nav ul ul li a, .widget_nav_menu ul ul li a, .widget_product_categories ul ul li a { font-size: 16px; font-weight: 400 !important; } .widget_categories ul li a {font-size: 18px;} .widget_categories ul li a:before, .widget_pages ul li a:before, .widget_archive ul li a:before, .widget_meta ul li a:before, .widget_layered_nav ul li a:before, .widget_nav_menu ul li a:before, .widget_product_categories ul li a:before, .wp-block-archives li a:before { content: ""; display: block; position: absolute; top: 50%; left: -24px; width: 6px; height: 6px; border-radius: 6px; margin-top: -3px; } .widget_categories ul ul li a:before, .widget_pages ul ul li a:before, .widget_archive ul ul li a:before, .widget_meta ul ul li a:before, .widget_layered_nav ul ul li a:before, .widget_nav_menu ul ul li a:before, .widget_product_categories ul ul li a:before, .wp-block-archives ul li a:before { width: 6px; height: 2px; border-radius: 0; margin-top: -1px; background: #e0e0e0; left: -16px; } .widget_categories ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_layered_nav ul li a, .widget_nav_menu ul li a, .widget_product_categories ul li a, .wp-block-archives li a { font-weight: 500 !important; padding: 2px 0; } .widget_pages ul li ul li { box-shadow: none !important; background-color: transparent !important; border-bottom: none !important; } .widget_categories ul ul, .widget_pages ul ul, .widget_archive ul ul, .widget_meta ul ul, .widget_layered_nav ul ul, .widget_nav_menu ul ul, .widget_product_categories ul ul { padding:0 0 0 16px !important; } .widget_categories ul ul > li:first-child, .widget_pages ul ul > li:first-child, .widget_archive ul ul > li:first-child, .widget_meta ul ul > li:first-child, .widget_layered_nav ul ul > li:first-child, .widget_nav_menu ul ul > li:first-child, .widget_product_categories ul ul > li:first-child { padding-top:0px !important; } .widget_categories ul ul > li:last-child, .widget_pages ul ul > li:last-child, .widget_archive ul ul > li:last-child, .widget_meta ul ul > li:last-child, .widget_layered_nav ul ul > li:last-child, .widget_nav_menu ul ul > li:last-child, .widget_product_categories ul ul > li:last-child { padding-bottom:0px !important; } .widget_categories ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_nav_menu ul li a, .widget_product_categories ul li a { display:inline-block; } .widget_et_recent_entries .post { width: 100%; display: table; vertical-align: top; padding-bottom: 16px; } .layout-sidebar .widget_et_recent_entries .post { padding: 16px !important; margin-bottom: 16px !important; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .layout-sidebar .recentcomments { padding: 16px; margin-bottom: 16px !important; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); padding-left: 64px; position: relative; background-color: #ffffff; } .layout-sidebar .recentcomments:before { content: ""; width: 24px; height: 24px; position: absolute; top: 50%; left: 24px; margin-top: -12px; display:block; background:url(images/icons/comment-widget.svg) no-repeat left top; opacity: 0.8; } .widget_et_recent_entries .post:last-child { border-bottom: none !important; } .widget_et_recent_entries .post-thumbnail { width: 72px; height: 72px; min-width: 56px; display: table-cell; vertical-align: top; padding-top: 6px; } .widget_et_recent_entries .post-body { height: auto !important; padding: 0 0 0 16px !important; background-color:transparent!important; display: table-cell; vertical-align:middle; } .widget_et_recent_entries .post-body:before {display: none !important;} .widget_et_recent_entries .post.format-aside .post-body, .widget_et_recent_entries .post.format-link .post-body, .widget_et_recent_entries .post.format-quote .post-body, .widget_et_recent_entries .post.format-status .post-body { background-color:transparent!important; padding: 0 0 0 16px !important; } .widget_et_recent_entries .post-title { margin-bottom: 0; max-width: 100%; } .widget_et_recent_entries .post-meta .post-date:after { width: 24px; margin: 0 4px; } .widget_nav_menu ul ul, .widget_product_categories ul ul { display: none; } .widget_nav_menu ul li a, .widget_product_categories ul li a { display: block; position: relative; } .widget_nav_menu ul li a .toggle, .widget_product_categories ul li a .toggle { display: block; width: 24px; height: 24px; line-height: 24px; margin-top: -12px; text-align: center; content: ""; position: absolute; top: 50%; right: 0; transform-origin: center; background: url(images/icons/arrow.svg) no-repeat center; background-size: 8px; transition: opacity 300ms ease-out; transform: rotate(180deg); } .megamenu .widget_nav_menu ul li a .toggle, .megamenu .widget_product_categories ul li a .toggle { display: none; } .widget_nav_menu ul li a.animate .toggle, .widget_product_categories ul li a.animate .toggle { transform: rotate(270deg); } .widget_product_categories .count {margin-left: 4px;} .recentcomments a { color: inherit !important; } .widget_calendar, .wp-block-calendar {width: 100%;} .widget_calendar table, .wp-block-calendar table { margin: 0; padding: 0; width: 100%; border: none !important; position: relative; border-spacing:0; border-collapse:collapse; vertical-align: middle; border-radius: 0 0 8px 8px; overflow: hidden; } .widget_calendar table:before, .widget_calendar table:after, .wp-block-calendar table:before, .wp-block-calendar table:after { display: block; width: 8px; height: 8px; border:1px solid #e0e0e0; content: ""; position: absolute; bottom: 0; left: 0; z-index: 2; } .widget_calendar table:before, .wp-block-calendar table:before { border-radius: 0 0 0 8px; border-top:none; border-right: none; } .widget_calendar table:after, .wp-block-calendar table:after { left: auto; right: 0; border-radius: 0 0 8px 0; border-top:none; border-left: none; } .widget_calendar th, .wp-block-calendar th { font-weight: normal; text-align: center; background-color: transparent; border-bottom: none; } .widget_calendar td, .widget_calendar th, .widget_calendar tr, .wp-block-calendar td, .wp-block-calendar th, .wp-block-calendar tr { padding: 0; } .widget_calendar td, .widget_calendar th, .wp-block-calendar td, .wp-block-calendar th { padding: 8px 0; } .widget_calendar td, .wp-block-calendar td { border:1px solid #e0e0e0; text-align: center; } .widget_calendar td a, .wp-block-calendar td a { display: block; text-decoration:underline; width: 100%; height: 100%; } .widget_calendar caption, .wp-block-calendar caption { margin: 0 auto; border:1px solid #e0e0e0; border-bottom:none; width: 100% !important; padding: 8px 0; border-radius: 8px 8px 0 0; position: relative; font-weight: 700; font-size: 12px; } .footer .widget_calendar caption { background-color: transparent !important; } .widget_calendar caption a, .wp-block-calendar caption a { position: absolute; top: 50%; display: block; width: 14.8%; height: 100%; line-height: 40px; margin-top: -20px; text-align: center; } .wp-block-calendar caption a { margin-top: -24px; } .widget_calendar a.prev, .widget_calendar a.next, .wp-block-calendar a.prev, .wp-block-calendar a.next{ background: url(images/icons/arrow.svg) no-repeat 50% 50%; background-size: 8px; } .widget_calendar a.prev, .wp-block-calendar a.prev{ left: 0px; } .widget_calendar a.next, .wp-block-calendar a.next { right: 0px; transform: rotate(180deg); } .wp-block-calendar table th { background: #ffffff !important; } .widget_reglog form + a { margin-top:16px; display: block; } .widget_reglog p:last-child { margin-bottom: 0; margin-top: 8px; } .widget_reglog .logout-button { margin-top: 16px; } .search-form form, .search-form fieldset, .search-form input, .widget_search form, .widget_search fieldset, .widget_search input, .widget_product_search form, .widget_product_search fieldset, .widget_product_search input, .wp-block-search { position: relative; margin: 0 !important; border-radius: 56px; } .wp-block-search {max-width: 360px;} .widget_product_search label { display: none; } input[type="text"]#s, .widget_product_search input[type="search"], .wp-block-search input[type="search"] { outline:0; display: block; margin:0 !important; height: 48px; padding-right: 64px; } form #searchsubmit, .widget_product_search form button { width:48px !important; height: 48px !important; min-width: 0 !important; line-height: 0 !important; font-size: 0 !important; padding: 0 !important; margin: 0 !important; background-color:transparent !important; background:transparent !important; border-radius: 0 !important; border:none !important; box-shadow: none !important; outline:0 !important; display: block !important; text-indent: -9000000px !important; position: absolute !important; top: 0 !important; right: 0 !important; } .wp-block-search button { width:48px !important; height: 48px !important; min-width: 0 !important; line-height: 0 !important; font-size: 0 !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; border:none !important; box-shadow: none !important; outline:0 !important; display: block !important; text-indent: -9000000px !important; position: absolute !important; bottom: 0 !important; right: 0 !important; border-radius: 48px !important; } .widget_product_search button[type="submit"], .wp-block-search input[type="search"] { border-radius: 48px !important; } form #searchsubmit + .search-icon, .widget_product_search button[type="submit"]:before, .wp-block-search button:before { width: 48px; height: 48px; line-height: 48px; text-align: center; position: absolute; top: 0; right: 0; text-align: center; border-radius: 500%; transition: background-color 200ms 50ms ease-out; } .widget_product_search button[type="submit"]:before, .wp-block-search button:before { content: ""; background-color: #ffffff; -webkit-mask: url(images/icons/search.svg) no-repeat 50% 50%; -webkit-mask-size: 20px; mask: url(images/icons/search.svg) no-repeat 50% 50%; mask-size: 20px; } form #searchsubmit + .search-icon svg { display: inline-block; vertical-align: middle; position: relative; transform: translateY(-1px); width: 20px; height: 20px; fill: #ffffff; } .widget_product_search form button:before, .wp-block-search button:before { font-size: 20px; width:48px; height: 48px; line-height: 48px !important; text-align: center; display: block; position: absolute; top: 0; right: 0px; transition: all 300ms ease-out; backface-visibility: hidden; color: #616161 !important; } .widget_product_search form button:before, .wp-block-search button:before { text-indent: 0 !important; } .widget_product_search form button:hover:before, .wp-block-search button:hover:before { opacity: 0.8; } .widget_instagram ul li, .widget_flickr ul li { float: left; margin:0; padding: 4px; } .widget_instagram ul li a, .widget_flickr ul li a, .widget_et_recent_entries .post-thumbnail a { position: relative; display: block; } .widget_instagram ul li a img, .widget_flickr ul li a img { display: block; } .widget_instagram ul, .widget_flickr ul { margin-left: -4px; margin-right: -4px; } .widget_flickr:after, .widget_recent_project .recent-project:after { content: ""; display: table; clear: both; } .widget_instagram ul li a:before, .widget_flickr ul li a:before, .widget_products .product_list_widget > li > a .image-container:before, .widget_recently_viewed_products .product_list_widget > li a .image-container:before, .widget_recent_reviews .product_list_widget > li a .image-container:before, .widget_top_rated_products .product_list_widget > li a .image-container:before, .widget_shopping_cart_content .product_list_widget > li .image-container:before, .shop_table .product-thumbnail .image-container:before, .widget_et_recent_entries .post-thumbnail a:before { position: absolute; top: 50% !important; left: 50% !important; text-align: center; width: 16px !important; height: 16px !important; line-height: 16px !important; margin: -8px 0 0 -8px !important; font-size: 15px; display: block; background: #ffffff !important; -webkit-mask: url(images/icons/plus.svg) no-repeat 50% 50%; mask: url(images/icons/plus.svg) no-repeat 50% 50%; opacity: 0; transition: all 300ms ease-out; backface-visibility: hidden; z-index: 5; content: ""; } .widget_instagram ul li a:after, .widget_flickr ul li a:after, .widget_products .product_list_widget > li > a .image-container:after, .widget_recently_viewed_products .product_list_widget > li a .image-container:after, .widget_recent_reviews .product_list_widget > li a .image-container:after, .widget_top_rated_products .product_list_widget > li a .image-container:after, .widget_shopping_cart_content .product_list_widget > li .image-container:after, .shop_table .product-thumbnail .image-container:after, .widget_et_recent_entries .post-thumbnail a:after { content: ""; position: absolute; top: 0; left: 0; text-align:center; width: 100%; height: 100%; display: block; opacity: 0; background-color: rgba(0,0,0,0.8); transition: all 300ms ease-out; z-index: 2; } .widget_instagram ul li a:hover:before, .widget_flickr ul li a:hover:before, .widget_instagram ul li a:hover:after, .widget_flickr ul li a:hover:after, .widget_products .product_list_widget > li > a .image-container:hover:before, .widget_recently_viewed_products .product_list_widget > li a .image-container:hover:before, .widget_recent_reviews .product_list_widget > li a .image-container:hover:before, .widget_top_rated_products .product_list_widget > li a .image-container:hover:before, .widget_shopping_cart_content .product_list_widget > li .image-container:hover:before, .shop_table .product-thumbnail .image-container:hover:before, .widget_products .product_list_widget > li > a .image-container:hover:after, .widget_recently_viewed_products .product_list_widget > li a .image-container:hover:after, .widget_recent_reviews .product_list_widget > li a .image-container:hover:after, .widget_top_rated_products .product_list_widget > li a .image-container:hover:after, .widget_shopping_cart_content .product_list_widget > li .image-container:hover:after, .shop_table .product-thumbnail .image-container:hover:after, .widget_et_recent_entries .post-thumbnail a:hover:before, .widget_et_recent_entries .post-thumbnail a:hover:after { opacity: 1; } .widget_tag_cloud .tagcloud a, .post-tags a, .widget_product_tag_cloud .tagcloud a, .project-tags a, .post-tags-single a, .wp-block-tag-cloud a { text-decoration: none; display: inline-block; line-height: 100%; font-weight: 700 !important; font-size: 12px !important; transition: all 300ms ease-out; backface-visibility: hidden; position: relative; margin-left: 0; margin-bottom: 4px; } .header .widget_tag_cloud .tagcloud a, .header .post-tags a, .header .widget_product_tag_cloud .tagcloud a, .header .project-tags a, .header .post-tags-single a, .wp-block-tag-cloud a { margin-left: 4px; } .post-tags-single { margin-right: 48px; } .post-tags-single a { margin-left: 4px; margin-bottom: 4px; } .widget_tag_cloud .tagcloud a:hover, .post-tags a:hover, .widget_product_tag_cloud .tagcloud a:hover, .project-tags a:hover, .post-tags-single a:hover, .wp-block-tag-cloud a:hover { color: #ffffff !important; } .widget_icl_lang_sel_widget img { vertical-align: middle; top: -1px; margin-right: 8px; } .widget_icl_lang_sel_widget li { padding: 0 !important; position: relative; } .widget_icl_lang_sel_widget li a { padding:9px 24px !important; display: block; position: relative; outline:0; border-width: 1px !important; border-style: solid !important; border-color: #e0e0e0; } .widget_icl_lang_sel_widget .toggle { position: absolute; top: 50%; right: 8px; display: block; color: inherit; width: 32px; height: 32px; font-size: 16px; line-height: 32px; margin-top: -16px; text-align: center; } .wpml-ls-legacy-list-horizontal .toggle, .wpml-ls-legacy-list-vertical .toggle { display: none; } .widget_icl_lang_sel_widget li ul { display: none; background-color: transparent !important; } .widget_icl_lang_sel_widget li ul li a, .wpml-ls-legacy-list-horizontal li:not(:first-child) a, .wpml-ls-legacy-list-vertical li:not(:first-child) a { border-top:none !important; } .widget_fast_contact_widget form, .widget_fast_contact_widget form div, .widget_mailchimp div { margin-bottom: 0; position: relative; width: 100%; } .widget_mailchimp { padding: 40px 32px; border-radius: 8px; color: #ffffff; } .layout-sidebar .widget_mailchimp input[type="submit"]:hover {background-color: #ffffff !important;} .footer .widget_mailchimp {background-color: transparent !important;} .widget_fast_contact_widget textarea { height: 90px !important; min-height: 90px !important; } .widget_fast_contact_widget .alert, .widget_mailchimp .alert { box-shadow: none !important; padding: 0 !important; } .widget_fast_contact_widget .alert:not(.final), .widget_mailchimp .alert:not(.final) { /* display: inline-block; */ /* position: absolute; */ top: -24px; left: 0; font-size: 14px; line-height: 24px; padding: 0 8px !important; transition: transform 700ms cubic-bezier(.19,1,.22,1), opacity 300ms ease-out; transform: translateY(40px); opacity: 0; z-index: -1; } .widget_fast_contact_widget input, .widget_mailchimp input { z-index: 3; } .widget_fast_contact_widget input[name="email"] + .alert:not(.final) { transition: transform 700ms 100ms cubic-bezier(.19,1,.22,1), opacity 300ms 100ms ease-out; } .widget_fast_contact_widget textarea[name="message"] + .alert:not(.final) { transition: transform 700ms 150ms cubic-bezier(.19,1,.22,1), opacity 300ms 150ms ease-out; } .widget_fast_contact_widget .visible.alert:not(.final), .widget_mailchimp .visible.alert:not(.final) { transform: translateY(0); opacity: 1; z-index: 2; } .widget_fast_contact_widget .final, .widget_mailchimp .final { display: none; } .mailchimp-description { line-height: 26px !important; } .visible.final, .visible.sending {display: block !important;} .enovathemes-contact-form-submit-error { margin-top: 20px !important; } .send-div { position: relative; } .widget_fast_contact_widget .sending, .widget_mailchimp .sending { position: absolute; width: 24px; height: 24px; top: 50%; margin-top: -12px; right: 0; z-index: 15; display: none; } .widget_fast_contact_widget .sending:before, .widget_mailchimp .sending:before { border-top: 2px solid rgba(0, 0, 0, 0.1); border-right: 2px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-left: 2px solid rgba(0, 0, 0, 0.4); display: block; content: ""; position: absolute; top: 50%; right:0%; font-size:10px; top: 50%; left: 50%; font-size: 10px; margin: -12px 0 0 -12px; -webkit-animation: contact-form-loading 0.3s infinite linear; animation: contact-form-loading 0.3s infinite linear; } .widget_fast_contact_widget .sending:before, .widget_fast_contact_widget .sending:after, .widget_mailchimp .sending:before, .widget_mailchimp .sending:after { border-radius: 240px; width: 24px; height: 24px; } @-webkit-keyframes contact-form-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes contact-form-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .layout-sidebar .widget_categories, .layout-sidebar .widget_product_categories { padding:48px 40px 40px 40px; background-color: #ffffff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .layout-sidebar .widget_categories .widget_title, .layout-sidebar .widget_product_categories .widget_title { padding-bottom: 12px; border-bottom: 1px solid #e0e0e0; } .layout-sidebar .widget_categories form, .layout-sidebar .widget_categories select { margin-bottom: 0; } .widget .post-meta {opacity: 0.7;} /* Mailchimp -----*/ .widget_mailchimp form { margin-bottom: 0; position: relative; } .et-mailchimp-form > div:nth-child(2) .alert:not(.final) { transition: transform 700ms 100ms cubic-bezier(.19,1,.22,1), opacity 300ms 100ms ease-out; } .et-mailchimp-form > div:nth-child(3) .alert:not(.final) { transition: transform 700ms 150ms cubic-bezier(.19,1,.22,1), opacity 300ms 150ms ease-out; } .et-mailchimp-form > div:nth-child(4) .alert:not(.final) { transition: transform 700ms 200ms cubic-bezier(.19,1,.22,1), opacity 300ms 200ms ease-out; } /* Woocommerce -----*/ .widget_price_filter .price_slider_wrapper { padding-top: 10px; } .widget_price_filter .ui-slider { position: relative; text-align: left; margin-bottom: 20px; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:16px; height:16px; border-radius:16px; cursor: pointer; outline: none; top: -6px; box-shadow: inset 0 0 0 3px #ffffff; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -14px; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; border-radius: 10px; } .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 10px; } .widget_price_filter .ui-slider-horizontal { height:6px; background-color:#e0e0e0; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .widget_price_filter .price_label, .widget_price_filter .button { display: inline-block !important; margin-bottom: 0; } .widget_price_filter .price_label { font-weight: 700 !important; font-size: 14px !important; } .widget_layered_nav_filters li { display: inline-block; padding: 0 !important; margin: 0 4px 6px 0 !important; position: relative; } .widget_layered_nav_filters li a { display:block; text-decoration: none; line-height: 100%; transition: all 300ms ease-out; backface-visibility: hidden; position: relative; padding: 10px 12px 10px 12px !important; } .woocommerce-loop-category__title.post-title { border:none !important; margin:0 !important; padding:0 !important; } .woocommerce-loop-category__title mark { background: transparent; color: inherit; display: inline-block; padding: 0px; border-radius: 0px; font-weight: inherit; text-decoration: inherit; margin:0; } .widget_rating_filter a:not(.button), .widget_rating_filter a:not(.button):hover { color: inherit !important; } .widget_rating_filter span { display: inline-block; vertical-align: text-bottom; margin: 0; } .widget_rating_filter ul li { padding: 0 0 8px 0; font-size: 12px; font-weight: 500; } .woocommerce-widget-layered-nav-dropdown__submit { margin-top:16px; } .select2-container .select2-selection--multiple { line-height: 48px; height: 48px; padding: 0 20px; position: relative; overflow: hidden; } .select2-container .select2-selection--multiple:after { display: block; width: 24px; height: 24px; line-height: 24px; margin-top: -12px; text-align: center; content: ""; position: absolute; top: 50%; right: 0; transform-origin: center; background: url(images/icons/arrow.svg) no-repeat center; background-size: 8px; transition: opacity 300ms ease-out; transform: rotate(270deg); } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { margin: 0 !important } /* One page bullets ----*/ .bullets-container { position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 56px; height: 100vh; z-index: 100; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: none; } .bullets-container.animate { visibility: visible; opacity: 1; transform: translateX(0); transition: transform 300ms ease-out; } .bullets-container ul { list-style: none; margin:0; display: inline-flex; transform: rotate(90deg); } .bullets-container ul li { margin:0 48px 0 0; padding: 0; position: relative; } .bullets-container ul li:last-child { margin-right: 0; } .bullets-container ul li a { display: block; font-size: 11px; font-weight: 800; letter-spacing: 2px; line-height: 10px; text-transform: uppercase; white-space: nowrap; position: relative; } .bullets-container ul li a .effect { display: block; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; margin-top: 0; opacity: 0; transform-origin: 0 0; transform: scaleX(0); backface-visibility: hidden; transition: transform .6s cubic-bezier(.19,1,.22,1); } .bullets-container ul li a.active .effect { opacity: 1; transform: scaleX(1); } /* Posts ----*/ .post-layout, .product-layout, .product-layout-single { padding-top:0; padding-bottom:72px; } .blog-layout-single { padding-bottom:0; } .layout-sidebar .mobile-back { display: none; } .loop-posts { display: grid; grid-row-gap: 24px; grid-column-gap: 24px; justify-items: stretch; grid-template-columns: repeat(1, 1fr); } .masonry .loop-posts { display: block; } .masonry .loop-posts:after { display: table; clear:both; content: ""; } .masonry .loop-posts .post {margin-bottom: 40px;width: 100%;} .loop-posts.et-carousel { display: block; } .loop-posts .post.append {opacity: 0;} .loop-posts .post .post-inner, ul.products .post-inner, .loop-product-category .post-inner { overflow: initial; position: relative; background-color: #ffffff; height: 100%; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .grid .loop-posts .post.no-media .post-inner { height: auto; } .et-carousel.et-woo-products .tns-ovh{ width: calc(100% + 24px); margin-left: -12px; } .et-carousel.loop-posts .tns-ovh{ width: calc(100% + 40px); margin-left: -20px; } .et-carousel.et-woo-products .post .post-inner{ margin:12px; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05); } .loop-posts.et-carousel .post .post-inner{ margin:20px; } .loop-posts.et-carousel .tns-nav, .et-carousel.et-woo-products .tns-nav { margin-top: 12px; } .loop-posts .post .post-body, .post-read-more-wrap { padding:24px; position: relative; width: 100%; } .loop-posts .product .post-body, ul.products .post-body, .loop-product-category .post-body { padding:24px 24px 32px 24px; } .post-body-inner { position: relative; text-align: left; } .product .post-body-inner { text-align: center; } .list .loop-posts .post, .full .loop-posts .post { width: 100% !important; } .list .loop-posts .post .post-inner { display: flex; } .grid .loop-posts .post .post-inner { display: flex; flex-direction: column; justify-content: space-between; } .grid .loop-posts:not(.loop-projects):not(.loop-products) .post .post-body { padding-bottom: 0 !important; } .grid .loop-posts .post .post-inner .post-read-more-wrap { align-self: flex-end; margin-top: auto; } .post-read-more-wrap {padding-top: 0 !important;} .loop-posts .post-title, .project-details .post-title { font-size: 28px; line-height: 36px; } .loop-posts .post-title {margin-top: 4px;} .loop-projects .post-title {margin-top: 0px;} .list .loop-posts .post-title { max-width: 320px; margin-bottom: 0; margin-top: 8px !important; } .post-title {word-break: break-word;} .post-image, .post-media { position: relative; overflow: hidden; text-align: center; } .post-media .slides { list-style: none; margin: 0; } .post-media .slides li{ list-style: none; display: inline-block; vertical-align: top; white-space: normal; padding: 0; margin: 0; } .et-carousel {position: relative;} .post-media .tns-controls, .et-carousel .tns-controls, .et-gallery.slider .tns-controls { visibility: hidden; z-index: -1; opacity: 0; position: absolute; width: 100%; top: 50%; margin-top: -20px; } .post-media .tns-controls button, .et-carousel .tns-controls button, .et-gallery.slider .tns-controls button { position: absolute; left: 24px; } .post-media .tns-controls button + button, .et-carousel .tns-controls button + button, .et-gallery.slider .tns-controls button + button { left: auto; right: 24px; } .single-post-page .post-media .tns-controls, .et-carousel .tns-controls, .et-gallery.slider .tns-controls { visibility: visible; z-index: 2; opacity: 1; } .et-carousel .tns-nav { text-align: center; margin-top: 32px; } .et-carousel .tns-nav button, .et-info-present .tns-nav button { min-width: 0; width: 12px; height: 12px; line-height: 12px; padding: 0 !important; margin: 0 8px 0 0; display: inline-block; background-color:rgba(0,0,0,0.1); position: relative; border-radius: 500px; z-index: initial; } .et-carousel .tns-nav button:last-child, .et-info-present .tns-nav button:last-child { margin-right: 0; } .et-carousel.both .tns-controls { margin-top: -48px; } .post-video .image-container + iframe, .post-video .image-container + video { opacity: 0; visibility: hidden; z-index: -1; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; } .tns-controls-trigger { width: 80px; height: 40px; position: absolute; top:56px; right: 40px; z-index: 51; } .tns-controls-trigger button, .post-media .tns-controls button, .et-carousel .tns-controls button, .et-gallery.slider .tns-controls button { display: inline-block !important; width: 40px; height: 40px; border-radius: 40px; min-width: 0; line-height: 40px; text-align: center; text-indent: -9000em; background-color: transparent; padding: 0; margin: 0; background: url(images/icons/arrow.svg) no-repeat center; background-size: 12px; transition: background-color 300ms ease-out, opacity 300ms ease-out; } .full .tns-controls-trigger button { background-color: transparent; } .tns-controls-trigger button:hover { opacity: 0.3; } .post-media .tns-controls button, .et-carousel .tns-controls button, .et-gallery.slider .tns-controls button { background:none; background-color: #ffffff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .post-media .tns-controls button:before, .et-carousel .tns-controls button:before, .et-gallery.slider .tns-controls button:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: inherit; height: inherit; -webkit-mask: url(images/icons/arrow.svg) no-repeat 50% 50%; -webkit-mask-size: 12px; mask: url(images/icons/arrow.svg) no-repeat 50% 50%; mask-size: 12px; transition: background-color 300ms ease-out; } .post-media .tns-controls button:hover:before, .et-carousel .tns-controls button:hover:before, .et-gallery.slider .tns-controls button:hover:before { background-color: #ffffff; } .tns-controls-trigger button + button, .post-media .tns-controls button + button, .et-carousel .tns-controls button + button, .et-gallery.slider .tns-controls button + button { transform: rotate(180deg); } .post-audio, .post-video { overflow: visible; } .post-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content:center; align-items:center; z-index: 3; opacity: 0; background-color: rgba(0,0,0,0.74); } .post-media img { transition: opacity 0.3s ease-out, transform 0.3s cubic-bezier(.19,1,.22,1); opacity: 1; z-index: 2; position: relative; } .post-media .video-btn { transition: opacity 0.3s ease-out; opacity: 1; z-index: 3; } .post-media img.lazy, .post-media img.lazy + svg + .video-btn, .post-media img + svg { opacity: 0; } .post-media img.lazy + svg { opacity: 1; } .post-audio { margin-bottom: 24px; } .loop-posts .post-image:hover img { transform:scale(1.1); transition: opacity 0.3s ease-out, transform 2s cubic-bezier(.19,1,.22,1); } .list .loop-posts .post-image:hover img, .full .loop-posts .post-image:hover img, .loop-products .post-image:hover img { transform: none; } .image-container, .lazy-inline-image { position: relative; display: block; line-height: 0; } .image-container.loaded, .lazy-inline-image.loaded { background-color: transparent !important; } .lazy-inline-image img { position: absolute; top: 0; left: 0; z-index: -1; } .lazy-inline-image.loaded img { z-index: 3; } .lazy-inline-image.loaded .placeholder, .et-tagline .placeholder, .lazy-inline-image.loaded .media-placeholder { z-index: -1; opacity: 0; } .lazy-inline-image .media-placeholder { position: relative; } .image-container:after { display: block; width: 100%; height: 1px; content: ""; background: #eeeeee; position: absolute; bottom: 0; left: 0; z-index: 2; } .image-container-single:after, .flickr-image .image-container:after, .widget_et_recent_entries .image-container:after, .et-instagram .image-container:after, .instagram-image-list:after { display: none; } .list .loop-posts .post .image-container:after { width: 1px; height: 100%; bottom: auto; left: auto; top: 0; right: 0; } .image-container .placeholder, .lazy-inline-image .placeholder, .gsap-lightbox-overlay .placeholder, .et-tagline .placeholder { width: 40px; height: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; transition: opacity 0.3s ease-out; } .widget .image-container .placeholder { width: 30px; height: 6px; } .image-container .placeholder circle, .gsap-lightbox-overlay .placeholder circle, .lazy-inline-image circle, .et-tagline .placeholder circle { opacity: 0.1; animation: placeholderLoading 0.4s infinite; } .image-container .placeholder circle:nth-child(2), .gsap-lightbox-overlay .placeholder circle:nth-child(2), .lazy-inline-image circle:nth-child(2), .et-tagline circle:nth-child(2) {animation-delay: 0.2s;} .image-container .placeholder circle:nth-child(3), .gsap-lightbox-overlay .placeholder circle:nth-child(3), .lazy-inline-image circle:nth-child(3), .et-tagline circle:nth-child(3) {animation-delay: 0.4s;} @keyframes placeholderLoading { 0% {opacity: 0.2} 100% {opacity: 0.1} } .post-meta *, .post-quote-author, .post-status-author, .instagram-follow, .comment-reply-link, .comment-text .meta, .et-blockquote .title, .et-testimonial .title, .et-person .title { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 20px; font-weight: 700; letter-spacing: 0px; } .post-quote-author, .post-status-author { display: block; text-align: right; margin-top: 24px; } .post-meta .post-date { position: relative; } .post-meta .post-date:after, .post-quote-author:before, .post-status-author:before, .project-category:after, .comment-text .meta:after, .et-heading.highlight-true .text-wrapper:after, .et-blockquote .title:before, .et-testimonial .title:after { content: ""; display:inline-block; vertical-align: middle; width: 56px; height: 1px; margin: 0 16px; transform: translateY(-1px); } .comment-text .meta:after { transform: translateY(-1px); } .post-excerpt { font-size: 18px; line-height: 28px; } .single-post-page > .post .post-content { font-size: 18px; line-height: 32px; } .full .loop-posts .format-quote .post-excerpt, .full .loop-posts .format-status .post-excerpt, .full .loop-posts .format-aside .post-excerpt, .single-post-page > .format-quote .post-content, .single-post-page > .format-status .post-content, .single-post-page > .format-aside .post-content { font-size: 24px; line-height: 32px; padding-top: 32px; padding-left: 32px; position: relative; } .et-shortcode-posts.full .loop-posts .format-quote .post-excerpt, .et-shortcode-posts.full .loop-posts .format-status .post-excerpt, .et-shortcode-posts.full .loop-posts .format-aside .post-excerpt { font-size: 18px; line-height: 32px; padding-top: 0px; padding-left: 0px; } .full .loop-posts .format-aside .post-excerpt { padding-top: 16px; } .et-shortcode-posts.full .loop-posts .format-aside .post-excerpt { padding-top: 0; } .single-post-page > .format-link .post-link { position: relative; padding-left: 24px; } .full .loop-posts .format-quote .post-excerpt:before, .full .loop-posts .format-status .post-excerpt:before, .full .loop-posts .format-aside .post-excerpt:before, .full .loop-posts .format-link .post-body:before, .post.sticky .post-body:before, .single-post-page > .format-quote .post-content:before, .single-post-page > .format-status .post-content:before, .single-post-page > .format-aside .post-content:before, .single-post-page > .format-link .post-link:before, .author-wrapper:before,q:before, .single-post-page blockquote:before { height: 100px; width: 100px; content: ''; display: block; position: absolute; top: 0; left: 0; opacity: 0.05; -webkit-mask: url(images/icons/quote.svg) no-repeat 50% 50%; -webkit-mask-size: 100px; mask: url(images/icons/quote.svg) no-repeat 50% 50%; mask-size: 100px; } .single-post-page blockquote:before {opacity: 0.1;} .single-post-page .format-quote blockquote:before {display: none;} .et-shortcode-posts.full .loop-posts .format-quote .post-excerpt:before, .et-shortcode-posts.full .loop-posts .format-status .post-excerpt:before, .et-shortcode-posts.full .loop-posts .format-aside .post-excerpt:before, .et-shortcode-posts.full .loop-posts .format-link .post-body:before { display: none; } .single-post-page > .format-link .post-link:before { height: 16px !important; width: 16px !important; top: 50% !important; margin-top: -9px; opacity: 1 !important; left: 0 !important; -webkit-mask-size: 16px !important; mask-size: 16px !important; } .full .loop-posts .format-aside .post-excerpt:before, .single-post-page > .format-aside .post-content:before { -webkit-mask: url(images/icons/loudspeaker.svg) no-repeat 50% 50%; mask: url(images/icons/loudspeaker.svg) no-repeat 50% 50%; } .full .loop-posts .format-status .post-excerpt:before, .single-post-page > .format-status .post-content:before { -webkit-mask: url(images/icons/status.svg) no-repeat 50% 50%; mask: url(images/icons/status.svg) no-repeat 50% 50%; } .full .loop-posts .format-link .post-body:before, .single-post-page > .format-link .post-link:before, .post.sticky .post-body:before { top: 48px; left: auto; right: 40px; height: 48px; width: 48px; -webkit-mask-size: 48px; mask-size: 48px; -webkit-mask: url(images/icons/link.svg) no-repeat 50% 50%; mask: url(images/icons/link.svg) no-repeat 50% 50%; } .grid .loop-posts .post.sticky .post-body:before, .list .loop-posts .post.sticky .post-body:before { top: 24px; right: 24px; height: 24px; width: 24px; -webkit-mask-size: 24px; mask-size: 24px; } .post.sticky .post-body:before { height: 24px; width: 24px; -webkit-mask-size: 24px; mask-size: 24px; -webkit-mask: url(images/icons/sticky.svg) no-repeat 50% 50%; mask: url(images/icons/sticky.svg) no-repeat 50% 50%; } .post-read-more, .project-category, .enovathemes-filter .filter, .product_meta, .et-blockquote .author, .et-testimonial .author, .et-accordion .toggle-title, .tabset .tab, .counter-title, .et-progress .title, .et-timer .timer-title, .product-category .post-title, .presentation-subtitle, .et-tagline .tagline-button { margin-bottom: 0; margin-top: 24px; padding: 0 !important; font-weight: 800 !important; font-size: 11px; letter-spacing: 2px !important; line-height: 14px; text-transform: uppercase; } .product-category .post-title { font-size: 11px !important; line-height: 20px !important; margin-top: 0 !important; } .post-read-more svg, .project-read-more svg { width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 2px; transform: translateY(-1px) rotate(180deg); transition: fill 300ms ease-out; } .content-sidebar-toggle { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 40px; border: 2px solid #f5f5f5; background-color: #ffffff; margin-bottom: 32px; display: none; } .post-single-navigation + .content-sidebar-toggle { margin-bottom: 0; } .post-single-navigation.project { margin-top: 56px; } .content-sidebar-toggle svg { width: 42%; height: 42%; display: inline-block; vertical-align: middle; transform: translateY(-4px); position: relative !important; } .post-ajax-button { width: 220px; height: 56px; display: block !important; margin:56px auto 0 auto; } .post-ajax-button.shortcode { width: 56px; margin: -56px auto 0 auto; } .post-ajax-button.shortcode.loading { margin:56px auto 0 auto; } .post-ajax-button.disable, #infinite { cursor:none; z-index: -1; } circle.loader-path { opacity: 0; fill:none; stroke-width:2; animation: rotate 1s linear infinite, dash 1.5s ease-in-out infinite, color 4s ease-in-out infinite; transform-origin: center center; stroke-dasharray: 150,200; stroke-dashoffset: -10; stroke-linecap: round; } #loadmore.loading, .post-ajax-button.shortcode.loading { z-index: 1; } #loadmore.loading .text, #loadmore.loading .regular, #infinite .text, #infinite .regular {opacity: 0;} #loadmore.loading circle, #infinite.loading circle, #infinite.disable .text, .post-ajax-button.shortcode.loading circle {opacity: 1;} @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; } } .video-btn { width: 72px; height: 72px; position: absolute; top: 50%; left: 50%; margin-top:-36px; margin-left:-36px; z-index: 15; } .video-btn svg { overflow: visible; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video-btn svg .back { transform-origin:center center; } .video-btn .play { fill:#ffffff; } .post-video .image-container, .post-video .video-element { transition: opacity 300ms 200ms ease-out, visibility 300ms 200ms ease-out; } .post-video .image-container.playing { visibility: hidden; opacity: 0; z-index: -1; } .post-video .video-element.playing { visibility: visible; opacity: 1; z-index: 2; } /* Single post ----*/ .sidebar-active .post-title-section, .sidebar-active .single-post-page > .post .post-body, .sidebar-active .single-post-page > .post .post-comments-section, .sidebar-active .single-post-page > .post .post-author-box { width: 100% !important; max-width: 100% !important; } .sidebar-active .post-title-section .post-title, .sidebar-active .post-title-section .post-meta { text-align: left; } .post-title-section { text-align: center; position: relative; margin-bottom: 48px !important; } .sidebar-active .single-post-page > .post > .post-inner .post-media { margin-bottom: 40px; } .sidebar-active .post-title-section { margin-bottom: 16px !important; } .post-title-section .post-title { margin-bottom: 0; font-size: 40px; line-height: 48px; } .single-post-page > .post .post-body { position: relative; } .single-post-page > .post .post-body .post-content > *:last-child { margin-bottom: 0 !important; } .single-post-page > .post > .post-inner .post-media { margin-bottom: 64px; overflow: hidden; } .preloader-active .single-post-page > .post > .post-inner .post-content img[class*="wp-image"] { opacity: 0; transition: all 200ms 200ms ease-out; } .single-post-page > .post > .post-inner .post-media.animate, .single-post-page > .post > .post-inner .post-content img[class*="wp-image"].animate { opacity: 1; } .single-post-page .post-content ul:not(.chat) { list-style-type: initial; } .post-bottom { padding: 24px 0; position: relative; border-bottom: 1px solid #e0e0e0; } .post-tags-single { border-left-width: 0 !important; border-right-width: 0 !important; } .post-tags-single a:last-child { margin-right:0 !important; } .post-social-share { display: block; position: absolute; top: 22px; right: -8px; z-index: 15; } .project-details .post-social-share { top: 2px; right: 0; } .project-details .project-category { margin-top: 24px; padding-top: 24px !important; border-top: 1px solid #e0e0e0; } .project-details .project-category:after { display: none; } .post-social-share a { margin-bottom: 0 !important; margin-right: 8px; border-radius: 36px; transition: background-color 300ms ease-out; } .post-social-share .social-toggle { margin-right: 0px; } .post-social-share a svg { fill: #ffffff; transition: fill 300ms ease-out; width: 16px; } .post-social-share .social-links { margin-right: 48px; visibility: hidden; } .post-social-share .social-links a:hover svg { fill: #ffffff; } .post-social-share .social-links.active { visibility: visible; } .social-toggle { position: absolute !important; right: 0; top: 0; margin: 0; background-color: transparent !important; } .post-author-box { margin-top: 64px !important; padding:48px 32px 32px 32px; border-radius: 8px; background-color: #ffffff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .post-author-box > * { display: table-cell; vertical-align: top; } .post-author-info { padding-left:24px; top: -8px; position: relative; } .post-author-gavatar { width: 72px; height: 72px; position: relative; } .post-author-gavatar img, .comment-gavatar img { border-radius: 0px; } .post-author-gavatar img, .post-author-description p { margin-bottom: 0; } .post-author-title { margin-top: 0; margin-bottom: 4px !important; } .post-author-title a { transition: all 300ms; } .post-author-description { color:#616161; } .related-posts-wrapper { padding: 72px 0; } .related-posts { position: static !important; } .related-posts-title, .comment-reply-title, .comments-title, .upsells > h4, .crosssells > h4, .related > h4 { vertical-align: middle; letter-spacing: 0px; } .related-posts-title { margin-bottom: 32px; } .related-posts-title:after, .comment-reply-title:after, .comments-title:after, .upsells > h4:after, .crosssells > h4:after, .related > h4:after, .project-meta-heading:after, .woocommerce h2:after, .woocommerce h3:after { content: ""; display: inline-block; vertical-align: middle; width: 56px; height: 1px; margin: 0 16px; } .see-responses { width: 100%; border:2px solid #e0e0e0; transition: all 300ms ease-out; } .responses { padding-top: 56px; display: none; } .responses.active { padding-top: 56px; display: block; } .comments-title span:first-child { display: block; } .related-posts > .post { float: left; } .related-posts .post .post-title { margin: 0; } .related-posts-wrapper { position: relative; } ul.chat { list-style: none; margin:0; padding: 0; } ul.chat li { margin:0; padding: 0 0 20px 0; } ul.chat li > * { display: inline-block; margin:0; color: #777777; } ul.chat li > p { padding: 8px 16px; background-color: #f5f5f5; border-radius: 8px; font-weight: 400; font-size: 16px; line-height: 24px; } ul.chat li > span { padding-right: 10px; color: #212121; } ul.chat li:nth-child(2n+2):after { content: ""; display: table; clear: both; } ul.chat li:nth-child(2n+2) > * { float: right; text-align: right; } ul.chat li:nth-child(2n+2) > span { padding-left: 10px; padding-right: 0; } ul.chat li:nth-child(2n+2) > p { background-color: #cfe6fe; color: #114071 !important; } /* Comment form ----*/ .post-comments-section { margin-top: 32px !important; } .post-comments-area { position: relative; } .post-comments-area #respond { margin-top:24px; } .post-comments-area .comment-navigation { margin: 24px 0; } .post-comments-area .comment-navigation > * { display: inline-block; vertical-align: middle; } .post-comments-area .comment-navigation > * > a { display: block; transition: all 300ms ease-out; } .post-comments-area .comment-navigation > .nav-previous > a { margin-right: 24px; } .post-comments-area #respond #reply-title small { display: block; font-weight: normal; font-size: 12px; position: absolute; top: 0; right: 0; } .post-comments-area #respond form, .post-comments-area #respond .form-submit, .post-comments-area #respond .form-submit input[type="submit"] { margin-bottom: 0; } .post-comments-area #respond form {margin-bottom: 24px;} .post-comments-area .comment-form-author, .post-comments-area .comment-form-email, .post-comments-area .comment-form-url, .post-comments-area .respond-textarea { display:block; width:100%; margin-bottom: 0; } .post-comments-area .comment-form-author input, .post-comments-area .comment-form-email input, .post-comments-area .comment-form-url input, .post-comments-area .respond-textarea textarea { width: 100%; } /* Comment list ----*/ .comment-list ul.children, .commentlist { margin: 0; list-style:none; } .comment-list .comment, .commentlist .review { max-width: 100%; position: relative; } .comment-list .comment #respond { margin-bottom: 72px; } .comment-list .comment .comment-body, .commentlist .comment_container { display: block; position: relative; padding-left: 128px; margin-bottom: 32px; border-radius: 8px; border: 1px solid #e0e0e0; } .comment-list .comment .comment-body:after, .commentlist .comment_container:after { content: ""; display: table; clear: both; } .comment-list .comment-gavatar, .comment-list .comment-content { display: block; } .comment-list .comment-gavatar, .commentlist .avatar { position: absolute; top: 40px; left: 32px; } .commentlist .avatar { top: 28px; left: 32px; } .post-author-ind { border-radius: 48px; top: -2px; } .comment-list .comment-content, .commentlist .comment-text { max-width: 100%; padding:0 32px 32px 0; position: relative; } .commentlist .comment-text { padding: 24px 32px 24px 0; } .comment-list .comment-meta-group { padding-top: 32px } .comment-list .comment .comment-gavatar { width: 72px; height: 72px; } .comment-list .comment .comment-text p:last-child { margin-bottom: 0; } .comment-author a { color: inherit; } .woocommerce-review__author { display: block; } .comment-meta .comment-author cite { font-style: inherit; } .comment-meta .comment-author cite a { color: inherit; } .comment-meta .comment-author span { text-decoration: none; display: inline-block; line-height: 100%; font-weight: 700 !important; font-size: 12px !important; transition: all 300ms ease-out; backface-visibility: hidden; position: relative; padding: 9px 16px 9px 16px !important; } .comment-meta .comment-author cite { margin-right: 4px; } .comment-meta .comment-date-time { display: inline-block; padding-top: 0px; padding-bottom: 10px; } .comment-meta .comment-date-time a { color: inherit; } .comment-meta { padding-right: 80px; } .review .meta { margin-bottom: 0; } .comment-body .replay { display:block; position: absolute; bottom: -1px; right: -1px; margin-bottom: 0px; } .comment-reply-link { margin: 0; font-weight: 700 !important; border-radius: 8px 0 8px 0; padding: 6px 16px 5px 16px !important; z-index: 5; color: #ffffff; } .comment-reply-link:hover { color: #ffffff !important; } .comment-content .edit-link a a {margin:10px 0px 0 0;} .post-author-info-title a { color: inherit; transition: all 300ms; } .comment-list .pingback { padding: 4px 0; } .comment-list .pingback + .comment { margin-top: 48px; } .comment-list .pingback .comment-content .comment-edit-link { margin-top:0 !important; min-width: 0; } .comment-list .pingback .comment-content .edit-link { position: absolute; top: 50%; right: 0; transform: translateY(-65%); } .comment-list .pingback .comment-content { border-top:none; border-left:none; border-right:none; padding: 8px 56px 16px 0 !important; position: relative; } .comment-list .pingback .comment-content:after { content: ""; display: table; clear: both; } /* Shortcode ----*/ .et-shortcode-posts.full .loop-posts { display: block !important; position: relative; } .full-images { position: relative; overflow: hidden; } .full-content { z-index: 2; background-color: #ffffff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); position: relative; } .full-content .post-body { background-color: transparent !important; box-shadow: none !important; width: 100% !important; margin: 0 !important; z-index: 1 !important; position: absolute !important; top: 0 !important; left: 0 !important; transform: none !important; } .full-content .post-body.tns-slide-active { z-index: 2 !important; } .full-content .post-body:first-child { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; transform: none !important; } .et-shortcode-posts.full .tns-controls { visibility: hidden !important; z-index: -1 !important; width: 0 !important; height: 0 !important; padding: 0 !important; } .full-images .tns-item{opacity:1!important;transition:none!important;z-index:2;animation:imageOut .6s cubic-bezier(.895,.030,.685,.22) forwards!important}.full-images .tns-slide-active{z-index:1;transform:scale(1.2) translateY(20%);transform-origin:center top;animation:imageIn .5s .2s cubic-bezier(.455,.030,.515,.955) forwards,imageInBlur .6s forwards!important}@keyframes imageIn{0%{transform:scale(1.2) translateY(20%)}100%{transform:scale(1) translateY(0)}}@keyframes imageOut{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes imageInBlur{0%{-webkit-filter:blur(56px);-moz-filter:blur(56px);-o-filter:blur(56px);-ms-filter:blur(56px)}100%{-webkit-filter:blur(0);-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0)}}.full-images .prev .tns-item{animation:imageOutPrev .6s cubic-bezier(.895,.030,.685,.22) forwards!important}@keyframes imageOutPrev{from{transform:translateY(0)}to{transform:translateY(100%)}}.full-images .prev .tns-slide-active{transform:scale(1.2) translateY(-20%);transform-origin:center bottom;animation:imageInPrev .5s .2s cubic-bezier(.455,.030,.515,.955) forwards,imageInBlur .6s forwards!important}@keyframes imageInPrev{0%{transform:scale(1.2) translateY(-20%)}100%{transform:scale(1) translateY(0)}}.full-content .post-body-inner>*{opacity:0;animation:contentOut .8s cubic-bezier(.19,1,.22,1) forwards!important}.full-content .tns-slide-active .post-body-inner>*{transform-origin:left top;animation:contentIn .8s cubic-bezier(.19,1,.22,1) forwards!important}.full-content .tns-slide-active .post-body-inner>:nth-child(2){animation-delay:50ms!important}.full-content .tns-slide-active .post-body-inner>:nth-child(3){animation-delay:.1s!important}.full-content .tns-slide-active .post-body-inner>:nth-child(4){animation-delay:.15s!important}@keyframes contentOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-32px);opacity:.8}}@keyframes contentIn{0%{transform:translateY(32px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes contentInBlur{0%{-webkit-filter:blur(4px);-moz-filter:blur(4px);-o-filter:blur(4px);-ms-filter:blur(4px)}100%{-webkit-filter:blur(0);-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0)}}.full-content .prev .post-body-inner>*{animation:contentOutPrev .8s cubic-bezier(.19,1,.22,1) forwards!important}.full-content .prev .tns-slide-active .post-body-inner>*{animation:contentInPrev .8s cubic-bezier(.19,1,.22,1) forwards!important}@keyframes contentOutPrev{0%{transform:translateY(0);opacity:1}100%{transform:translateY(32px);opacity:.8}}@keyframes contentInPrev{0%{transform:translateY(-32px);opacity:0}100%{transform:translateY(0);opacity:1}} .full-images-placeholder { position: absolute; width: 100%; height: auto; z-index: 15; } .full.color .tns-controls-trigger button { -webkit-mask: url(images/icons/arrow.svg) no-repeat 50% 50%; -webkit-mask-size: 12px; mask: url(images/icons/arrow.svg) no-repeat 50% 50%; mask-size: 12px; background-image:none !important; } .full.color .post-meta a, .full.color .post-title a, .full.color .post-read-more { transition:opacity 0.3s ease-out; } .full.color .post-meta a:hover, .full.color .post-title a:hover, .full.color .post-read-more:hover, .full.color .tns-controls button:hover { opacity: 0.7 !important; } .loop-posts .product-category .post-body { padding: 24px !important; } /* Projects ----*/ .project .post-title { margin-bottom: 8px !important; margin-left:-2px; } .project-category { margin-top: 0; } .project-category:after { margin-right: 0; transform: translateY(-1px); } .project-read-more { margin-bottom: 0; margin-top: 34px; } .project-read-more svg { transform: translateY(0px) rotate(180deg); } .project-read-more:hover { color: #ffffff; } .project-read-more:hover svg { fill: #ffffff; } .full .loop-projects .project, .et-tagline { border-radius: 8px; overflow: hidden; transform-origin: 50% 50%; transform: perspective(1000px) rotateY(0deg) rotateX(0deg); } .et-tagline { opacity: 0; transition: opacity 0.2s 0.2s ease-out; } .et-tagline.active { opacity: 1; } .project .post-image-overlay { background-color: transparent !important; } .project .loaded + .post-image-overlay { opacity: 1; } .project .post-image-overlay:before, .et-tagline .post-image-overlay:before { background: rgba(0,0,0,0.2); background: linear-gradient(to bottom, rgba(0,0,0,0) 15%,rgba(0,0,0,1) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; content: ""; display: block; opacity: 0; transition: opacity 300ms ease-out; } .project:hover .post-image-overlay:before, .et-tagline:hover .post-image-overlay:before { opacity: 1; } .project .post-image-overlay .post-image-overlay-content, .et-tagline .post-image-overlay .post-image-overlay-content { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; padding: 32px; background: rgba(0,0,0,0.2); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .post-image-overlay-content .post-title, .post-image-overlay-content .post-title a { color: #ffffff !important; } .enovathemes-filter { text-align: right; margin-bottom: 40px; } .enovathemes-filter select {display: none;} .enovathemes-filter .filter { margin-left: 24px; } .enovathemes-filter .filter:first-child { margin-left: 0px; } .loop-projects.loading { opacity: 0; height: 0; } /* Single ----*/ .project-details { overflow: initial; position: relative; } .project-content p:last-child {margin-bottom: 0;} .project-content { margin-top: 24px; font-size: 18px; line-height: 28px; } .project-details .post-title { margin-bottom: 0 !important; } .post-media.grid ul { display: grid; grid-row-gap: 8px; grid-column-gap: 8px; justify-items: stretch; grid-template-columns: repeat(1, 1fr); } .post-media.grid[data-columns="2"] ul, .post-media.grid[data-columns="4"] ul { grid-template-columns: repeat(2, 2fr); } .post-media.grid[data-columns="3"] ul { grid-template-columns: repeat(3, 3fr); } .post-media.carousel[data-columns="1"] ul li:not(:first-child) {display: none;} .post-media.carousel[data-columns="1"] .tns-inner ul li {display: inline-block;} /* Gallery ----*/ .gsap-lightbox-overlay { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.9); z-index: 9999; width: 100%; height: 100vh; opacity: 0; transition: opacity 300ms 100ms ease-out; } .gsap-lightbox-overlay.active { opacity: 1; } .lightbox-loading {display: none;} .gsap-lightbox-toggle, .gsap-lightbox-nav { position: absolute; top: 24px; right: 24px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; cursor: pointer; display: block; background: #ffffff; z-index: 16; transition: background-color 300ms ease-out; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .gsap-lightbox-nav { top: 50%; margin-top: -20px; } .gsap-lightbox-nav.prev { right: auto; left: 24px; } .gsap-lightbox-nav.next { transform: rotate(180deg); } .gsap-lightbox-toggle:after, .gsap-lightbox-nav:after { content: ""; display: block; position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; background-color: #ffffff; transition: background-color 300ms ease-out; -webkit-mask: url(images/icons/close.svg) no-repeat; mask: url(images/icons/close.svg) no-repeat; -webkit-mask-size: 12px; mask-size: 12px; } .gsap-lightbox-nav:after { -webkit-mask: url(images/icons/arrow.svg) no-repeat; mask: url(images/icons/arrow.svg) no-repeat; } .gsap-lightbox-toggle:hover:after, .gsap-lightbox-nav:hover:after { background-color: #ffffff; } .gsap-lightbox-overlay .placeholder { fill: #ffffff; } .gsap-lightbox-overlay .image-wrapper { display: flex; flex-direction: column; justify-content:center; width: inherit; height: inherit; } .gsap-lightbox-overlay img, .gsap-lightbox-overlay iframe, .gsap-lightbox-overlay video { margin: 0 auto; z-index: 15; position: relative; display: block; align-self:center; } /* Woocommerce ----*/ .select2-container--default .select2-search--inline .select2-search__field {height: 48px;} .woocommerce-grouped-product-list td, .woocommerce-grouped-product-list th, .woocommerce-grouped-product-list tr {border:none;padding:0 !important;} .woocommerce-grouped-product-list tr { border-bottom: 1px solid #e0e0e0; } .woocommerce-grouped-product-list tr:last-child { border-bottom: none; } .woocommerce-grouped-product-list td { padding: 12px 12px 12px 0 !important; } .woocommerce-notices-wrapper > * { margin-bottom: 16px; } .woocommerce-store-notice.demo_store { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; padding: 24px; color: #ffffff !important; text-align: center; margin: 0; } .woocommerce-store-notice.demo_store a { color: #ffffff !important; } .woocommerce-before-shop-loop { text-align: center; } .woocommerce .term-description { padding-bottom:48px; } .woocommerce-before-shop-loop > * { display: block; vertical-align: middle; margin:0; } .woocommerce-result-count { font-size: 16px; line-height: 26px; opacity: 0.7; position: relative; margin-bottom: 30px; display:inline-block !important; } .woocommerce-result-count:only-child { transform: none !important; top: 0 !important; margin-bottom: 80px !important; } .woocommerce-result-count:after { width: 100%; height: 1px; content: ""; display: block; position:absolute; bottom: -3px; left: 0; } .woocommerce-ordering > select { margin-bottom: 56px; height: 48px; } #loop-products > .ajax-scroll-overlay { background-color: #ffffff; } .loop-products, ul.products, .loop-product-category { list-style: none; margin-top: 0; margin-bottom: 0; padding: 0; } ul.products, .loop-product-category { display: grid; grid-row-gap: 24px; grid-column-gap: 24px; justify-items: stretch; grid-template-columns: repeat(1, 1fr); } .loop-products.slides { display: block !important; } .loop-products li, ul.products li, .loop-product-category li, .custom-product { display: block; text-align: center !important; padding: 0; } .product .onsale { position: absolute; right: 16px !important; top: 16px !important; border-radius: 8px; padding:2px 12px; z-index: 3; text-align: center; color: #ffffff; font-size: 12px; line-height: 20px; font-weight: 700; } .product .onsale > span { display:table-cell; vertical-align: middle; font-size: 14px; line-height: 16px; } .product .post-inner { overflow: visible !important; } .product .price { display: inline-block; width: 100%; font-weight: 700; } .product .price del { opacity: 0.5; } .product .price ins { font-size: 120%; } .product .button, .product .added_to_cart { position:relative; margin-top: 12px; text-align: center !important; margin-bottom: 0; width: 100%; max-width: 180px; } .product .button:hover, .product .added_to_cart:hover { color: #ffffff !important; } .product .post-title { margin:0 auto 8px auto; } .transform .product .post-image { overflow: hidden !important; } .woocommerce-message, .woocommerce-error li, .woocommerce-notice { padding: 12px; border-radius: 8px; } .woocommerce-notice--success { color: #6ba537; background-color: #e7f8d7; } .woocommerce-error li {color: #f23428;background-color:#fee6e4;margin-bottom: 8px;} .woocommerce-message a {margin-bottom: 0 !important;} .woocommerce-error {list-style: none;} /* Woocommerce AJAX add to cart ----*/ .ajax_add_to_cart.added { display: none !important; } .added_to_cart { margin-right: 0 !important; margin-bottom: 0 !important; } .ajax-add-to-cart-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 55; display: none; background-color: #ffffff; opacity: 1; transition: opacity 100ms 500ms ease-out; } .ajax-add-to-cart-loading.active { display: block; } .ajax-add-to-cart-loading.load-complete, .ajax-add-to-cart-loading.load-complete svg:not(.tick) { opacity: 0; } .ajax-add-to-cart-loading svg { position: absolute; top: 50%; left: 50%; margin-left:-28px; margin-top: -28px; width: 56px; height: 56px; } .ajax-add-to-cart-loading svg.tick { margin-left:-16px; margin-top: -16px; width: 32px; height: 32px; opacity: 0; } .ajax-add-to-cart-loading .loader-path { opacity: 1; } /* Woocommerce minicart ----*/ .woocommerce-mini-cart-info { margin: 0 !important; } .woocommerce-mini-cart__total { border-top: 1px dashed #e0e0e0; margin-top: 16px !important; padding-top: 10px; padding-bottom: 8px; position: relative; font-weight: 700; } .woocommerce-mini-cart { width: 100%; } .widget_shopping_cart li, .widget_products .product_list_widget > li, .widget_recently_viewed_products .product_list_widget > li, .widget_recent_reviews .product_list_widget > li, .widget_top_rated_products .product_list_widget > li { position: relative; margin: 0 0 8px 0 !important; padding: 0 0 8px 0 !important; } .widget_shopping_cart li:last-child, .widget_products .product_list_widget > li:last-child, .widget_recently_viewed_products .product_list_widget > li:last-child, .widget_recent_reviews .product_list_widget > li:last-child, .widget_top_rated_products .product_list_widget > li:last-child { margin: 0; padding: 0; } .widget_shopping_cart .cart-product-body, .widget_shopping_cart li, .widget_products .product_list_widget > li, .widget_recently_viewed_products .product_list_widget > li, .widget_recent_reviews .product_list_widget > li, .widget_top_rated_products .product_list_widget > li { position: relative; display: table; vertical-align: middle; width: 100%; } .widget_shopping_cart .cart-product-image, .widget_shopping_cart .cart-product-content, .widget_products .product_list_widget > li > *, .widget_recently_viewed_products .product_list_widget > li > *, .widget_recent_reviews .product_list_widget > li > *, .widget_top_rated_products .product_list_widget > li > * { display: table-cell; vertical-align: middle; } .widget_shopping_cart .cart-product-image, .widget_products .product_list_widget > li > .product-image, .widget_recently_viewed_products .product_list_widget > li > .product-image, .widget_recent_reviews .product_list_widget > li > .product-image, .widget_top_rated_products .product_list_widget > li > .product-image, .addon-off .widget_shopping_cart img, .addon-off .widget_products .product_list_widget > li img, .addon-off .widget_recently_viewed_products .product_list_widget > li img, .addon-off .widget_recent_reviews .product_list_widget > li img, .addon-off .widget_top_rated_products .product_list_widget > li img { width: 56px; height: 56px; border: 1px solid #e0e0e0; border-radius: 8px; } .addon-off .widget_shopping_cart img, .addon-off .widget_products .product_list_widget > li img, .addon-off .widget_recently_viewed_products .product_list_widget > li img, .addon-off .widget_recent_reviews .product_list_widget > li img, .addon-off .widget_top_rated_products .product_list_widget > li img { margin-right: 16px; float: left; } .widget_products .product_list_widget > li > .product-image, .widget_recently_viewed_products .product_list_widget > li > .product-image, .widget_recent_reviews .product_list_widget > li > .product-image, .widget_top_rated_products .product_list_widget > li > .product-image { border: none; } .widget_products .product_list_widget > li .image-container, .widget_recently_viewed_products .product_list_widget > li .image-container, .widget_recent_reviews .product_list_widget > li .image-container, .widget_top_rated_products .product_list_widget > li .image-container { border-radius: 8px; } .widget_products .product_list_widget > li .image-container.loaded, .widget_recently_viewed_products .product_list_widget > li .image-container.loaded, .widget_recent_reviews .product_list_widget > li .image-container.loaded, .widget_top_rated_products .product_list_widget > li .image-container.loaded { border: 1px solid #e0e0e0; } .footer .widget_products .product_list_widget > li .image-container.loaded, .footer .widget_recently_viewed_products .product_list_widget > li .image-container.loaded, .footer .widget_recent_reviews .product_list_widget > li .image-container.loaded, .footer .widget_top_rated_products .product_list_widget > li .image-container.loaded { border: none; } .widget_products .product_list_widget > li .image-container:after, .widget_recently_viewed_products .product_list_widget > li .image-container:after, .widget_recent_reviews .product_list_widget > li .image-container:after, .widget_top_rated_products .product_list_widget > li .image-container:after, .widget_products .product_list_widget > li .image-container:before, .widget_recently_viewed_products .product_list_widget > li .image-container:before, .widget_recent_reviews .product_list_widget > li .image-container:before, .widget_top_rated_products .product_list_widget > li .image-container:before { display: none !important; } .widget_shopping_cart .cart-product-image img, .widget_products .product_list_widget > li img, .widget_recently_viewed_products .product_list_widget > li img, .widget_recent_reviews .product_list_widget > li img, .widget_top_rated_products .product_list_widget > li img { border-radius: 8px; z-index: 2; position: relative; } .widget_shopping_cart .cart-product-content, .widget_products .product_list_widget > li > .product-body, .widget_recently_viewed_products .product_list_widget > li > .product-body, .widget_recent_reviews .product_list_widget > li > .product-body, .widget_top_rated_products .product_list_widget > li > .product-body { padding-left: 16px; } .widget_shopping_cart .cart-product-title, .widget_products .product_list_widget > li .product-title, .widget_recently_viewed_products .product_list_widget > li .product-title, .widget_recent_reviews .product_list_widget > li .product-title, .widget_top_rated_products .product_list_widget > li .product-title, .addon-off .widget_shopping_cart, .addon-off .widget_products .product_list_widget > li, .addon-off .widget_recently_viewed_products .product_list_widget > li, .addon-off .widget_recent_reviews .product_list_widget > li, .addon-off .widget_top_rated_products .product_list_widget > li { margin: 0 !important; font-size: 16px !important; font-weight: 700; font-family: inherit; line-height: inherit; text-transform: inherit; letter-spacing:0; } .addon-off .widget_shopping_cart, .addon-off .widget_products .product_list_widget > li, .addon-off .widget_recently_viewed_products .product_list_widget > li, .addon-off .widget_recent_reviews .product_list_widget > li, .addon-off .widget_top_rated_products .product_list_widget > li { margin: 0 0 8px 0 !important; } .addon-off .widget_products .product_list_widget > li *, .addon-off .widget_recently_viewed_products .product_list_widget > li *, .addon-off .widget_recent_reviews .product_list_widget > li *, .addon-off .widget_top_rated_products .product_list_widget > li * { display: initial; } .addon-off .widget_products .product_list_widget > li a, .addon-off .widget_recently_viewed_products .product_list_widget > li a, .addon-off .widget_recent_reviews .product_list_widget > li a, .addon-off .widget_top_rated_products .product_list_widget > li a { display: block; transition: color 0.3s ease-out !important; } .addon-off .widget_products .product_list_widget > li .product-title, .addon-off .widget_recently_viewed_products .product_list_widget > li .product-title, .addon-off .widget_recent_reviews .product_list_widget > li .product-title, .addon-off .widget_top_rated_products .product_list_widget > li .product-title { transition: inherit; } .widget_shopping_cart .cart-product-data { margin-top: -4px; } .widget_shopping_cart .cart-product-title a { color: inherit; transition: all 300ms ease-out; } .widget_shopping_cart .cart-product-title:hover > a { opacity: 0.7; } .widget_shopping_cart .cart_list li .remove{ height: 20px; line-height: 20px; font-size: 20px !important; text-align: center; position: absolute; top: 0px !important; right: 0; display: block; transition: all 300ms ease-out; z-index: 15; } .widget_shopping_cart .cart_list li .remove:hover { opacity: 0.7; } .widget_shopping_cart .cart-data { list-style: none; margin: 0 !important; padding:0 !important; } .widget_shopping_cart .cart-data li { margin: 0 !important; padding:0 !important; width: 100%; vertical-align: top; } .widget_shopping_cart .cart-data li > * { padding:0 !important; display: inline-block; } .widget_shopping_cart .cart-data li > *, .widget_shopping_cart li .quantity, .widget_products .product_list_widget > li .woocommerce-Price-amount, .widget_recently_viewed_products .product_list_widget > li .woocommerce-Price-amount, .widget_recent_reviews .product_list_widget > li .woocommerce-Price-amount, .widget_top_rated_products .product_list_widget > li .woocommerce-Price-amount { font-size: 12px; line-height: 20px; } .addon-off .widget_shopping_cart li .quantity, .addon-off .widget_products .product_list_widget > li .woocommerce-Price-amount, .addon-off .widget_recently_viewed_products .product_list_widget > li .woocommerce-Price-amount, .addon-off .widget_recent_reviews .product_list_widget > li .woocommerce-Price-amount, .addon-off .widget_top_rated_products .product_list_widget > li .woocommerce-Price-amount { font-weight: 300; } .widget_shopping_cart .cart-data li > .attribute { text-transform: capitalize; } .widget_shopping_cart .quantity { display: block; } .cart-product-title, .widget_shopping_cart .cart-data li, .woocommerce-mini-cart-info {text-align: left;} /* Woocommerce cart/checkout... ----*/ h3 label {display: inline-block;margin-bottom: 0;} .col2-set { display: grid; grid-template-columns: repeat(2, 2fr) !important; grid-row-gap: 40px; grid-column-gap: 40px; } .shop_table .image-container, .shop_table .image-container img { max-width: 144px !important; } .shop_table { width: 100%; border-collapse: collapse; vertical-align: middle; } .shop_table .product-remove, .shop_table .product-thumbnail, .shop_table .product-price, .shop_table .product-subtotal, .shop_table th, .woocommerce-orders-table { text-align: center; } .cart_totals th, .woocommerce-checkout-review-order-table th, .woocommerce-table--order-details th, .customer_details th { text-align: left; } .woocommerce-cart-form__contents tbody tr:last-child { background-color: transparent !important; } .shop_table .product-quantity input { margin:0 auto !important; max-width: 88px; padding: 8px !important; } .shop_table .variation, .wc-item-meta { margin: 0; padding: 0; border:none; list-style: none; } .wc-item-meta li { padding: 0; } .shop_table .variation > dt, .wc-item-meta strong { text-transform: capitalize; padding-left: 16px; } .wc-item-meta strong { padding-left: 0; } .shop_table .variation > dt:first-child { padding-left:0; } .shop_table .variation > * { display: inline-block; vertical-align: top; margin: 0; padding: 0; float: none; width: auto; } .shop_table .variation p, .wc-item-meta li p { margin: 0; display: inline-block; } .wc-item-meta li p { padding-left: 16px; } .shop_table .product-remove a { display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; transition: all 300ms ease-out; } .shop_table input[name="update_cart"], .shop_table .coupon input[name="apply_coupon"] { margin:0 !important; } .shop_table td.actions { padding:48px 0 0 0 !important; background-color: transparent !important; border:none !important; } .shop_table .coupon { padding: 24px; margin-bottom: 48px; } .shop_table .product-name a { font-weight: 700; } .shop_table .product-thumbnail img { transition: all 200ms 0ms ease-out !important; max-width: 56px; border-radius: 8px; border:1px solid #e0e0e0; } .shop_table .product-thumbnail a:hover img { opacity: 0.7 !important; } .select2-container .select2-selection--single { height:48px !important; position: relative; border-radius: 8px !important; } .select2-container--default .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field { margin: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 24px !important; width: 24px !important; position: absolute !important; top: 50% !important; margin-top: -12px !important; right: 0 !important; } .wc_payment_methods, #shipping_method { list-style: none; margin: 0 0 32px 0; padding: 0; width: 100%; } .wc_payment_methods > li, #shipping_method > li { margin: 0; padding: 24px; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 0; } #shipping_method > li { padding: 0; } .wc_payment_methods label, .wc_payment_methods input[name='payment_method'], #shipping_method > li label, #shipping_method > li input[name='payment_method'] { display: inline-block !important; vertical-align: middle; position: relative; } .wc_payment_methods input[name='payment_method'], #shipping_method > li input[name='payment_method'] { transform: translateY(-1px); } .wc_payment_methods img { width: auto !important; display:inline-block !important; vertical-align: baseline; } .woocommerce-order-overview { list-style: none; margin: 0; padding: 0 0 32px 0; } .woocommerce-order-overview li { padding: 8px !important; } .woocommerce-page address { padding:16px 24px; } .woocommerce-page .wishlist-title { display: none; } .woocommerce table.wishlist_table { font-size: 100%; } .woocommerce .wishlist_table td.product-add-to-cart a { display: inline-block !important; border-radius: 0; } .woocommerce .wishlist_table .dateadded { display: inline-block; padding-bottom: 16px; } .woocommerce .wishlist_table .ajax_add_to_cart.added { display: none !important; } .wishlist_table .ajax_add_to_cart + .product .button { margin-right: 0 !important; } .woocommerce-MyAccount-navigation { padding-bottom: 48px; } .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; border-radius: 8px; background-color: #ffffff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05); padding: 24px 32px !important; } .woocommerce-MyAccount-navigation ul li { position: relative; } .woocommerce-MyAccount-navigation ul li a { display: block; } .shop_table .woocommerce-button { margin: 0 !important; } .woocommerce-variation-availability { font-weight: 700; } /* Woocommerce single ----*/ .product .single-product-wrapper { position: relative; } .product .summary .price { font-size: 32px; line-height: 32px; letter-spacing: 0; margin-bottom: 24px; } .product .summary .price del { font-size: 24px !important; line-height: 24px !important; } .product .summary .price ins { font-size: inherit !important; margin-left: 8px; display: inline-block; vertical-align: baseline; } .product .summary .product_title { margin-top:0 !important; } .woocommerce-product-details__short-description, .woocommerce-Tabs-panel--description p { font-size: 18px; line-height: 32px; } .product .summary form.variations_form.cart, .product .summary form.cart { width: 100%; margin: 0 auto; } .product .summary table { width: auto; } .product .summary table input { margin:0 !important; } .product .summary .quantity input { margin-bottom: 4px; text-align: center; height: 44px; padding: 0 8px 0 24px; border-radius: 24px; } .product .summary .quantity input, .product .summary .quantity button { vertical-align: top; display: inline-block; } .product .summary table.variations { margin-top: 10px; margin-bottom: 0; width: 100%; max-width: 320px; } .product .summary table.variations tr { padding:0; } .product .summary table.variations th, .product .summary table.variations td { padding:0; vertical-align: text-top; } .product .summary table.variations td { border:none; } .product .summary table.variations label, .product .summary table.variations input, .product .summary table.variations select { margin:0; } .product .summary table.variations label { padding-right: 16px; display: inline-block; } .product .summary table.variations input, .product .summary table.variations select { max-width: 100%; margin-bottom: 16px; } .product .summary table.variations .reset_variations { transform: translateY(-4px); display: inline-block; } .product .summary .product_meta { margin-top: 40px; margin-bottom: 0; } .product_meta > * { display: block; margin-top: 16px; } .product .summary .post-social-share { margin-top: 0; top: 32px; right: 24px; } .tawcvs-swatches .swatch {border-radius: 8px !important;} .tawcvs-swatches .swatch-color {border-width: 1px !important} .tawcvs-swatches .swatch, .swatch-item-wrapper { margin-right: 8px !important; margin-bottom: 8px !important; } html .tawcvs-swatches .swatch.selected, html .tawcvs-swatches .swatch-show-more.selected { border: none !important; } form.cart { margin:0; } form.cart .quantity input { margin-bottom: 0; width: 80px; text-align: center; } form.cart .quantity, form.cart button { display: inline-block; margin:0 !important; vertical-align: top; min-height: 44px; } .woocommerce-product-gallery, .product .single-product-wrapper .summary { position: relative; } .product .single-product-wrapper .summary { margin-bottom: 24px !important; box-shadow: inset 0 0 0 1px #e0e0e0; border-radius: 8px; } .woocommerce-product-gallery .flex-viewport { margin-bottom: 4px; } .woocommerce-product-gallery__wrapper { max-width: none !important; } .woocommerce-product-gallery__trigger { position: absolute; top: 16px; right: 48px; display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 32px; font-size: 16px; transition: all 300ms ease-out; text-align: center; z-index: 5; overflow: hidden; } .woocommerce-product-gallery__trigger img {display: none !important;} .woocommerce-product-gallery .flex-control-nav { list-style: none; margin-bottom: 0; display: grid; grid-template-columns: repeat(6, 6fr) !important; grid-row-gap: 4px; grid-column-gap: 4px; } .sidebar-active .woocommerce-product-gallery .flex-control-nav { grid-template-columns: repeat(4, 4fr) !important; } .woocommerce-product-gallery .flex-control-nav li img { border:1px solid #e0e0e0; cursor: pointer; border-radius: 8px; } .product .single_add_to_cart_button { position: relative; color: #ffffff !important; padding-left: 16px !important; padding-right: 16px !important; backface-visibility: hidden; overflow: hidden; width: auto; min-width: 180px; max-width: 100%; } .product .single_add_to_cart_button:hover { color: #ffffff !important; } .product .single_add_to_cart_button:after { height: 100% !important; bottom: 0 !important; left: 0 !important; backface-visibility: hidden; } .single-title-wrapper {margin-bottom: 24px;} .single-title-wrapper h1 { font-size: 32px; line-height: 40px; } .single-title-wrapper > * { margin-bottom: 0; display: inline-block !important; vertical-align: middle; } .single-title-wrapper > .onsale { position: static; margin-right: 16px; } .related-products, .woocommerce-tabs + .related.products { margin-top: 56px; padding-top: 56px; border-top:1px solid #e0e0e0; } .related-products + .related-products { margin-top: 48px; } .woocommerce-product-gallery__trigger {font-size:0} .woocommerce-product-gallery__trigger:before {font-size:16px} .woocommerce-product-gallery__trigger:before { content: ""; position: absolute; display: block; height:32px; width: 32px; -webkit-mask: url(images/icons/search.svg) no-repeat 50% 50%; mask: url(images/icons/search.svg) no-repeat 50% 50%; -webkit-mask-size: 16px; mask-size: 16px; transition: all 0.3s ease-out; } .woocommerce-product-gallery__trigger:hover:before { background-color:#ffffff; } .comment-text .meta * {display: inline-block;} .comment-form, .form-submit {margin-bottom: 0;} /* Woocommerce rating ----*/ .star-rating { overflow: hidden; position: relative; height:16px; width: 80px; background-color:#f5f5f5; -webkit-mask: url(images/icons/star.svg) left top; mask: url(images/icons/star.svg) left top; -webkit-mask-size: 16px; mask-size: 16px; transition: all 0.3s ease-out; margin: 0; } .star-rating span { overflow: hidden; position: absolute; top: 0; left: 0; text-indent: -9000em; height:16px; background-color:#ffc800; -webkit-mask: url(images/icons/star.svg) left top; mask: url(images/icons/star.svg) left top; -webkit-mask-size: 16px; mask-size: 16px; transition: all 0.3s ease-out; } .post-body .star-rating { margin: 0 auto 8px auto; } .comment-form-rating { margin-top: 32px; margin-bottom: 32px; } .comment-form-rating p, .comment-form-rating label { margin:0; vertical-align: middle; } .comment-form-rating p { margin:16px 0 0 0; } .comment-form-rating select { display: none !important; } .comment-form-rating a { width: 16px; height: 16px; transition: all 0.3s; text-indent: -9000em; display: inline-block; margin-right: 24px; position: relative; background-color:#f5f5f5; -webkit-mask: url(images/icons/star.svg) left top; mask: url(images/icons/star.svg) left top; -webkit-mask-size: 16px; mask-size: 16px; transition: all 0.3s ease-out; height:16px; } .comment-form-rating .star-2 {width: 32px;} .comment-form-rating .star-3 {width: 48px;} .comment-form-rating .star-4 {width: 64px;} .comment-form-rating .star-5 {width: 80px;} .comment-form-rating a:hover, .comment-form-rating a.active { background-color: #ffc800; } .summary .woocommerce-product-rating { margin-bottom: 24px; } /* Woocommerce tabs ----*/ .woocommerce-tabs { width: 100%; margin-top: 32px; padding-top: 32px; border-top:1px solid #e0e0e0; } .woocommerce-tabs > ul { list-style: none; padding: 0; margin:0; } .woocommerce-tabs .tabs { position: relative; display: flex; } .woocommerce-tabs .tabs li { padding: 0; position: relative; text-align: center; margin-bottom: 0; border-radius: 56px; margin-right: 8px; margin-bottom: 8px; overflow: hidden; } .woocommerce-tabs .tabs li:last-child { margin-right: 0; } .woocommerce-tabs .tabs li a { width: 100%; height: 100%; display:block; padding: 0 32px; text-transform: uppercase; transition: all 300ms ease-out; font-weight: 800 !important; font-size: 11px; height: 56px; line-height: 56px; letter-spacing: 2px !important; text-transform: uppercase !important; } .woocommerce-tabs .tabs li.active a, .woocommerce-tabs .tabs li a:hover { color: #ffffff !important; } .woocommerce-Tabs-panel { padding: 24px 0 0 0; margin:0 auto; text-align: left; } .woocommerce-Tabs-panel p:last-child { margin-bottom: 0; } .woocommerce-Tabs-panel h2 { text-align: center; display: none; } .woocommerce-Tabs-panel .shop_attributes { border-collapse: collapse; width: 100%; } .woocommerce-Tabs-panel table { width: 100% !important; } .woocommerce-Tabs-panel .shop_attributes tr { padding: 0; } .woocommerce-Tabs-panel .shop_attributes th { font-weight: 600 !important; } .woocommerce-Tabs-panel .shop_attributes th, .woocommerce-Tabs-panel .shop_attributes td { vertical-align: middle; border:1px solid #e0e0e0; } .woocommerce-Tabs-panel .shop_attributes td p { margin:0; } /* Woocommerce reletated ----*/ .related-products .product .post-inner { position: relative; } /* Woocommerce pages ----*/ .shop_table td, .shop_table tfoot th, .cart_totals th, .customer_details th, .woocommerce-checkout-review-order-table th, .wc_payment_method, .woocommerce-order-overview li, .woocommerce-page address, .woocommerce table.wishlist_table tbody td { border-width:1px; border-style:solid; border-color:#e0e0e0; } .wc_payment_methods > li, .woocommerce-order-overview li { margin-top:-1px !important; } .shop_table thead, .shop_table thead th { background-color:#f5f5f5; } .shop_table thead th, .woocommerce table.wishlist_table thead th { color:#212121; border-width:1px; border-style:solid; border-color:#e0e0e0; } .woocommerce-MyAccount-navigation li a { font-weight: 700 !important; } .shop_table tbody tr, .woocommerce-order-overview li, .woocommerce-page address { background-color:#ffffff; color:#616161; } .shop_table .coupon { background-color:#ffffff; color:#616161; border-width:1px; border-style:solid; border-color:#e0e0e0; } .shop_table tbody tr:nth-child(2n+2), .woocommerce-order-overview li:nth-child(2n+2) { background-color:#ffffff; } .shop_table .product-remove a { background-color:#616161; color:#ffffff !important; } .woocommerce-result-count:after { background-color:#ffffff; } .select2-container--default .select2-selection--single { border-radius: 8px !important; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 !important; padding-right: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px !important; } .my-account:not(.logged-in) h2 {text-align:center;} .woocommerce-form-login { max-width: 320px; margin-left:auto; margin-right:auto; } .my-account .woocommerce h2 { margin-left:auto; margin-right:auto; } .woocommerce table.wishlist_table tbody td { padding: 8px; } .wishlist_table tr td.product-stock-status span.wishlist-out-of-stock { color: #D50000; } .wishlist_table tr td.product-stock-status span.wishlist-in-stock { color: #4CAF50; } /* Navigation ----*/ .enovathemes-navigation, .woocommerce-pagination { position: relative; text-align: center; } .enovathemes-navigation ul, .woocommerce-pagination ul { list-style: none; margin: 0; padding: 48px 0 0 0; display: inline-block; z-index: 5; position: relative; } .enovathemes-navigation li, .woocommerce-pagination li { margin:0 1px 4px 1px; display: inline-block; padding:0; vertical-align: middle; } .enovathemes-navigation li a, .enovathemes-navigation li .current, .woocommerce-pagination li a, .woocommerce-pagination li .current { margin: 0 8px 8px 0; display: block; padding:0 4px; min-width: 40px; height: 40px; min-height: 40px; line-height: 40px; border-radius: 40px; text-align: center; font-size: 12px; font-weight: 600; outline:0; position: relative; overflow: hidden; transition: all 300ms ease-out; } .enovathemes-navigation li a:hover, .enovathemes-navigation li .current, .woocommerce-pagination li a:hover, .woocommerce-pagination li .current { color: #ffffff; } .enovathemes-navigation .next svg, .enovathemes-navigation .prev svg { width: 10px; height:10px; display: inline-block; vertical-align: middle; transform: translate(-1px,-2px); transition: fill 300ms ease-out; } .enovathemes-navigation .next svg { transform: translate(0px,-2px) rotate(180deg); } .enovathemes-navigation .next:hover svg, .enovathemes-navigation .prev:hover svg { fill: #ffffff; } .woocommerce-pagination .next, .woocommerce-pagination .prev { font-size: 0; position: relative; } .woocommerce-pagination .next:before, .woocommerce-pagination .prev:before { -webkit-mask: url(images/icons/arrow.svg) no-repeat 50% 50%; -webkit-mask-size: 10px; mask: url(images/icons/arrow.svg) no-repeat 50% 50%; mask-size: 10px; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; transition: all 0.3s ease-out; } .woocommerce-pagination .next:hover:before, .woocommerce-pagination .prev:hover:before { background-color: #ffffff !important; } .woocommerce-pagination .next { transform:rotate(180deg); } /* Single post navigation ----*/ .post-single-navigation { width: 85px; height: 40px; margin-bottom: 56px; float: right; text-align: right; } .post-single-navigation.product { margin-bottom: 0; margin-top: 56px; } .post-single-navigation a { display:inline-block; width: 40px; height: 40px; position: relative; text-align: initial; text-indent: -9000em; border-radius: 20px; border:2px solid #e0e0e0; background-color: #ffffff; transition: all 300ms ease-out; } .post-single-navigation a:before { content: ""; display: block; width: inherit; height: inherit; position: absolute; top: -1px; left: -1px; -webkit-mask: url(images/icons/arrow.svg) no-repeat 45% 45%; -webkit-mask-size: 12px; mask: url(images/icons/arrow.svg) no-repeat 45% 45%; background-color: #c0c0c0; mask-size: 12px; transition: inherit; } .post-single-navigation a[rel="next"] { left: auto; right: 0px; transform: rotate(180deg); } /* Elements ----*/ /* Typography ----*/ /* et-heading ----*/ .et-heading { margin-bottom: 0; position: relative; } .et-heading.text-align-left {text-align: left;} .et-heading.text-align-right {text-align: right;} .et-heading.text-align-center {text-align: center;} .et-heading.curtain .text-wrapper { position: relative; } .et-heading.curtain .curtain { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transform: scaleX(0); } .et-heading.curtain .text-wrapper, .et-heading.curtain .curtain { display: inline-block; } /* et-blockquote ----*/ blockquote,q{ quotes: none; display: block; position: relative; margin:0 0 16px 0; font-weight: 500; font-size: 28px !important; line-height: 36px !important; text-align: left !important; } .author-wrapper:before { width: 150px; height: 150px; -webkit-mask-size: 150px; mask-size: 150px; top: -24px; left: 56px; opacity:0.1; } .et-blockquote .author, .et-testimonial .author { margin-top: 0; } .et-blockquote, .et-testimonial .et-testimonial-inner { display: flex; justify-content:center; align-items:center; width: 100%; } .et-blockquote img, .et-testimonial img { border-radius: 252px; max-width: 252px; width:100%; } .et-testimonial img { border-radius: 180px; max-width: 180px } .et-blockquote .author-wrapper, .et-testimonial .author-wrapper { padding-left: 32px; text-align: right; position: relative; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-pullquote p { font-size: 28px !important; font-style: normal !important; line-height: 36px !important; margin-bottom: 0 !important; } .alignfull blockquote,q{ padding-left: 32px; padding-right: 32px; } blockquote p { margin:0; } blockquote p:only-child { margin:0; display: inline; position: relative; } blockquote p:before,q:before, blockquote p:after,q:after{ content: '"'; } /* UI ----*/ /* et-button ----*/ .et-button { overflow: initial !important; display: inline-flex; justify-content: center; align-items: center; } .et-button.rounded { border-radius: 8px; } .et-button.outline .regular { stroke-width: 2; fill:transparent; } .et-button .text { position: relative; z-index: 4; display: inline-block; vertical-align: middle; } .et-button .button-back { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; border-radius: inherit; } .et-button .button-back path, .et-button .icon path { transition: fill 300ms ease-out, stroke 300ms ease-out !important; } .et-button .icon path {fill:inherit !important;} .button-back .hover {opacity: 0} .et-button.hover-fill svg {overflow: hidden !important;} .et-button.hover-scale svg {overflow: visible !important;} .et-button.hover-scale .regular { transform-origin: 50% 50%; } .et-button.hover-fill .button-back .hover { opacity: 1; } /*has icon -----*/ .et-button .icon { display: inline-block; vertical-align: middle; position: relative; z-index: 4; line-height: inherit; text-rendering: auto; text-align: center; top: -1px; } .et-button .icon svg { vertical-align: middle; width: 100% !important; height: 100% !important; transform: translateY(1px); } .et-button.small .icon { width: 16px !important; } .et-button.medium .icon { width: 20px !important; } .et-button.large .icon { width: 24px !important; } /* et-separator ----*/ .et-separator, .et-gap, .et-gap-inline { line-height: 0; } .et-gap {display: block;} .et-gap-inline {display: inline-block;vertical-align: middle;} .et-separator.center {text-align: center;} .et-separator.left {text-align: left;} .et-separator.right {text-align: right;} .et-separator .line { display: inline-block; vertical-align: top; max-width: 100%; width: 100%; height:1px; border-bottom-width:1px; } .et-icon-separator .line, .et-icon-separator .icon { display: inline-block; vertical-align: middle; } .et-icon-separator .line { height: 1px; width: 120px; } .et-icon-separator .icon.small { line-height: 24px; width: 24px; height: 24px; text-align: center; } .et-icon-separator .icon.medium { line-height: 40px; width: 40px; height: 40px; text-align: center; } .et-icon-separator .icon.large { line-height: 56px; width: 56px; height: 56px; text-align: center; } .et-icon-separator.left .icon {margin-right: 24px;} .et-icon-separator.left .left {display: none;} .et-icon-separator.right .icon {margin-left: 24px;} .et-icon-separator.right .right {display: none;} .et-icon-separator.center .icon {margin-left: 24px;margin-right: 24px;} /* et-icon-list ----*/ .et-icon-list {list-style:none;} .et-icon-list li { padding: 0 !important; display: table; position: relative; width: 100%; } .et-icon-list .icon-wrap { text-align: center; display: table-cell; vertical-align: middle; position: relative; top: 2px; } .full.et-icon-list .icon-wrap { top: 0; } .full.et-icon-list .icon-wrap svg { top: -1px; } .et-icon-list .icon-wrap + div { display: table-cell; vertical-align: middle; } .et-icon-list .et-icon { border-radius: 72px; } .et-icon-list .et-icon > * { line-height: inherit; } .full.et-icon-list.small li {margin-bottom: 12px;} .full.et-icon-list.medium li {margin-bottom: 16px;} .full.et-icon-list.large li {margin-bottom: 24px;} .full.et-icon-list.small > li > div:last-child {padding-left:16px !important;} .full.et-icon-list.medium > li > div:last-child {padding-left:16px !important;} .full.et-icon-list.large > li > div:last-child {padding-left:24px !important;} .et-icon-list li:last-child {margin-bottom: 0px !important;} .small.et-icon-list .icon-wrap{ width: 32px; height: 32px; } .medium.et-icon-list .icon-wrap{ width: 40px; height: 40px; } .large.et-icon-list .icon-wrap{ width: 48px; height: 48px; } /* et-accordion ----*/ .et-accordion .toggle-title { text-align: left; cursor: pointer; width: 100%; margin:0 0 4px 0 !important; position: relative; padding: 23px 48px 23px 24px !important; border-radius: 56px; } .et-accordion .toggle-title.icon { padding: 16px 48px 16px 24px !important; } .et-accordion .toggle-title svg { max-width: 24px; vertical-align: middle; position: relative; top: -1px; } .et-accordion .toggle-ind { width: 12px; height: 12px; line-height: 12px; display: block; position: absolute; top: 50%; left: auto; right: 24px; margin-top: -6px; cursor: pointer; transform: rotate(-90deg); } .et-accordion .toggle-icon { margin-right: 8px; } .et-accordion .toggle-content { position: relative; height: 0; opacity: 0; visibility: hidden; } .et-accordion .active + .toggle-content { visibility: visible; } .et-accordion .toggle-content .toggle-content-inner { height: inherit; } .et-accordion .toggle-content-inner { padding: 32px 24px 32px 24px; } .et-accordion .toggle-content > :last-child { margin-bottom: 0; } /* et-tab ----*/ .et-tab .tabset { position: relative; z-index: 20; } .tabset .tab { display: inline-flex; justify-content: center; width: 100%; text-align: center; padding:23px 32px !important; min-width: 164px; margin-bottom: 4px; margin-top: 0 !important; border-radius: 56px; cursor: pointer; position: relative; margin-bottom: 0; } .tabset .tab.icon { padding:20px 31px !important; } .vertical .tabset .tab.icon { padding:12px 32px !important; display: flex; align-items: center; } .tabset .tab.active { position: relative; box-shadow: 0px 12px 18px 0px rgba(68,71,91,0.13); } .tabset .tab * { display: inline-block; margin: 0; vertical-align: middle; } .tabset .tab .icon { margin-right: 16px; width: 16px; height: 16px; line-height: 16px; display: inline-block; vertical-align: middle; } .tabset .tab .icon svg { width:100% !important; height:100% !important; top:-1px; position: relative; } .vertical .tabset .tab .icon svg { top:-3px; } .tabs-container { width: 100%; height: auto; position: relative; z-index: 10; padding: 28px 0 0 0; margin: 0 auto; } .tabs-container .tab-content { opacity: 0; transition: opacity 0.2s; } .tabs-container .tab-content.active { opacity:1; } .tabs-container .tab-content > :last-child{ margin-bottom: 0; } .tabs-container .tab-content:not(:first-child) { display: none; } /* et-animate-box ----*/ .et-animate-box { position: relative; } .et-animate-box svg.box-back { position: absolute; top: 0; left: 0; z-index: -1; overflow: visible; } .et-animate-box .content, .presentation-box .content { position: relative; z-index: 2; } /* et-info-present ----*/ .et-info-present { overflow: hidden; } .et-info-present .media-placeholder { fill: transparent; z-index: -1; position: relative; opacity: 0; visibility: hidden; max-width: 100%; height: auto !important; } .presentation-image { background-size: cover; background-position: center center; } .presentation-box { position: absolute; bottom: 40px; right: 40px; padding: 40px; width: 360px; height: 360px; max-width: 90%; max-height: 90%; z-index: 5; text-align: left; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; transform-origin: left top; } .presentation-icon { text-align: left; margin-bottom: 24px; } .presentation-title { font-size: 48px; line-height: 48px; margin-bottom: 8px; } .presentation-subtitle { margin-top: 0; line-height: 16px !important; font-weight: 900 !important; } .et-info-present .tns-nav { position: absolute; bottom: 32px; left: 40px; z-index: 5; } .et-info-present .tns-nav button { background-color: rgba(255,255,255,0.6); margin-right: 16px; } .presentation-box .content > * { opacity: 0; transform-origin: left top; } .presentation-box[data-stagger="none"] .content > * { opacity: 1; } .tns-slide-active .presentation-box[data-animation="left"] {animation: boxInLeft 0.8s 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000) forwards, sepOpacity 0.4s 0.4s forwards !important;} .tns-slide-active .presentation-box[data-animation="right"] {animation: boxInRight 0.8s 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000) forwards, sepOpacity 0.4s 0.4s forwards !important;} .tns-slide-active .presentation-box[data-animation="top"] {animation: boxInTop 0.8s 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000) forwards, sepOpacity 0.4s 0.4s forwards !important;} .tns-slide-active .presentation-box[data-animation="bottom"] {animation: boxInBottom 0.8s 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000) forwards, sepOpacity 0.4s 0.4s forwards !important;} .tns-slide-active .presentation-box[data-stagger="left"] .content > * {animation: staggerInLeft 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000) forwards !important;} .tns-slide-active .presentation-box[data-stagger="right"] .content > * {animation: staggerInRight 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000) forwards !important;} .tns-slide-active .presentation-box[data-stagger="top"] .content > * {animation: staggerInTop 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000) forwards !important;} .tns-slide-active .presentation-box[data-stagger="bottom"] .content > * {animation: staggerInBottom 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000) forwards !important;} .tns-slide-active .presentation-box .content > *:nth-child(1) {animation-delay: 0.7s !important;} .tns-slide-active .presentation-box .content > *:nth-child(2) {animation-delay: 0.75s !important;} .tns-slide-active .presentation-box .content > *:nth-child(3) {animation-delay: 0.8s !important;} .tns-slide-active .presentation-image { animation: boxImageIn 10s !important; } @keyframes boxImageIn{0%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes boxImageIn{0%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes sepOpacity{0%{opacity:0;}100%{opacity:1;}}@keyframes sepOpacity{0%{opacity:0;}100%{opacity:1;}}@keyframes boxInLeft{0%{transform:translateX(-64px)}100%{transform:translateX(0)}}@keyframes boxInRight{0%{transform:translateX(64px)}100%{transform:translateX(0)}}@keyframes boxInTop{0%{transform:translateY(-64px)}100%{transform:translateY(0)}}@keyframes boxInBottom{0%{transform:translateY(64px)}100%{transform:translateY(0)}}@keyframes staggerInLeft{0%{transform:translateX(-32px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes staggerInRight{0%{transform:translateX(32px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes staggerInTop{0%{transform:translateY(-32px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes staggerInBottom{0%{transform:translateY(32px);opacity:0}100%{transform:translateY(0);opacity:1}} /* Social ----*/ /* et-mailchimp ----*/ .et-mailchimp { max-width: 720px; margin: 0 auto; border:none !important; background-color: transparent !important; padding: 0 !important; } .et-mailchimp .et-mailchimp-form > *:not(.alert) { display: inline-block; vertical-align: top; } /* .et-mailchimp .alert:not(.final) { background-color: #f5f5f5; } */ .et-mailchimp form { margin:0; position: relative; } .et-mailchimp input[type="hidden"] { display: none; } .et-mailchimp input[type="text"] { font-size: 18px; height: 72px; min-width: 272px; max-width: 100%; width: 100%; min-height: 72px; margin:0; border-radius: 0 !important; } .et-mailchimp .send-div { height: 72px; width: 72px; min-height: 72px; position: absolute; top: 0; right: 0; z-index: 3; } .et-mailchimp .send-div .button { padding: 0; margin: 0; min-width: 0; text-indent: -9000em; width: inherit; height: inherit; border:none !important; position: relative; border-radius: 0 !important; -webkit-mask: url(images/icons/arrow.svg) no-repeat 50% 50%; -webkit-mask-size: 12px; mask: url(images/icons/arrow.svg) no-repeat 50% 50%; mask-size: 12px; transform: rotate(180deg); } .et-mailchimp .send-div:before { position: absolute; z-index: -1; width: inherit; height: inherit; line-height: 72px; font-size: 24px; text-align: center; transition: all 300ms ease-out; } .et-mailchimp .sending { margin-left: -12px; left: 50%; right: auto; } .et-mailchimp .alert.success, .et-mailchimp .alert.error { position: absolute; } /* et-instagram ----*/ .et-instagram {overflow: hidden;} .et-instagram-image-list {overflow: hidden;} .et-instagram-image-list .instagram-pic a {display: block;position: relative;} .et-instagram .feed-item-description { max-height: 15ch; max-width: 200px; overflow: hidden; } .et-instagram .instagram-item { text-align: center; } .et-instagram .instagram-item .post-image-overlay { padding: 24px; transition: opacity 100ms ease-out; } .et-instagram .instagram-item .post-image-overlay * { color: #ffffff; } .et-instagram .instagram-item:hover .post-image-overlay { opacity: 1; } .et-instagram .instagram-item .feed-item-icons { display: inline-block; vertical-align: middle; width: 16px; height: 16px; line-height: 16px; margin-right: 4px; background: url(images/icons/heart.svg) no-repeat left top; background-size: 16px; } .et-instagram .instagram-item .feed-item-comments { margin-left: 16px; } .et-instagram .instagram-item .feed-item-comments .feed-item-icons { background: url(images/icons/comment.svg) no-repeat left top; background-size: 16px; } .et-instagram .instagram-item .post-image-overlay-content p:last-child { margin-bottom: 0; } .et-instagram.grid, .et-instagram.carousel .slides { display: grid; grid-row-gap: 4px; grid-column-gap: 4px; justify-items: stretch; grid-template-columns: repeat(1, 1fr); } .et-instagram.carousel .slides { grid-row-gap: 0; grid-column-gap: 0; } .et-instagram.et-carousel .slides { display: block; } .et-instagram.grid[data-columns="2"], .et-instagram.grid[data-columns="4"], .et-instagram.carousel[data-columns="2"] .slides, .et-instagram.carousel[data-columns="4"] .slides {grid-template-columns: repeat(2, 2fr);} .et-instagram.grid[data-columns="3"], .et-instagram.grid[data-columns="6"], .et-instagram.grid[data-columns="5"], .et-instagram.carousel[data-columns="3"] .slides, .et-instagram.carousel[data-columns="5"] .slides, .et-instagram.carousel[data-columns="6"] .slides {grid-template-columns: repeat(3, 3fr);} /* et-facebook ----*/ .fb_iframe_widget, .fb_iframe_widget iframe, .fb_iframe_widget span { max-width: 100%; } /* Selfhosted ----*/ /* et-icon-box ----*/ .et-icon-box-container { position: relative; display: grid; grid-row-gap: 0; grid-column-gap: 0; justify-items: stretch; } .gap-false.shadow.et-icon-box-container { box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .gap-true.et-icon-box-container { grid-row-gap: 24px; grid-column-gap: 24px; } .gap-false.et-icon-box-container { overflow: hidden; border-radius: 8px; } .et-icon-box-container.full { border-radius: 0; } .et-icon-box-container.full .et-icon-box-inner { max-width: 282px; } .et-icon-box-container.columns-2 { grid-template-columns: repeat(2, 2fr); } .et-icon-box-container.columns-3 { grid-template-columns: repeat(3, 3fr); } .et-icon-box-container.columns-4 { grid-template-columns: repeat(4, 4fr); } .et-icon-box-container.top .et-icon-box { align-items:flex-start; } .et-icon-box-container.middle .et-icon-box { align-items:center; } .et-icon-box-container.bottom .et-icon-box { align-items:flex-end; } .compose-mode .et-icon-box-container .vc_element .et-icon-box { height: 100%; width: 100%; } .et-icon-box { border-radius: 8px; position: relative; display: flex; flex: 1 0 auto; justify-content:center; transition: color 200ms ease-out, background-color 200ms ease-out, box-shadow 200ms ease-out; } .gap-false.et-icon-box-container .et-icon-box { border-radius: 0; box-shadow: none !important; } .icon-position-left.et-icon-box, .icon-position-right.et-icon-box { justify-content:flex-start; } .et-icon-box-inner { position: relative; z-index: 2; } .et-icon-box a { display: block; } .et-icon-box.icon-alignment-left {text-align: left;} .et-icon-box.icon-alignment-center {text-align: center;} .et-icon-box.icon-alignment-right {text-align: right;} .et-icon-box.icon-position-left {text-align: left;} .et-icon-box.icon-position-right {text-align: right;} .et-icon-box.icon-alignment-left .et-icon {text-align: left;} .et-icon-box.icon-alignment-right .et-icon {text-align: right;} .et-icon-box.full .et-icon {text-align: center !important;} .et-icon-box.icon-position-top .et-icon { margin-bottom: 40px; } .et-icon-box-title br + br { display: none !important; } .et-icon-box-title {margin-bottom: 16px;} .et-icon-box-title.default { font-weight: 800 !important; font-size: 11px; letter-spacing: 2px !important; line-height: 14px; text-transform: uppercase; } h4.et-icon-box-title {margin-bottom: 12px;} h5.et-icon-box-title, h6.et-icon-box-title {margin-bottom: 8px;} .et-icon-box .et-icon, .et-icon-box .et-icon svg, .et-icon-box .et-icon svg *, .et-icon-box .et-icon-box-title, .et-icon-box .et-icon-box-content { transition: all 200ms ease-out !important; } .et-icon-box-content {margin-bottom: 0;} .et-icon-box .et-icon svg { width: 100%; top: 0; } .et-icon-box.full .et-icon svg { width: 50%; top: -2px; z-index: 3; } .et-icon-box .et-icon.small-x { width: 24px; height: 24px; min-width: 24px; line-height: 24px; } .et-icon-box.full .et-icon.small-x { width: 48px; height: 48px; min-width: 48px; line-height: 48px; } .et-icon-box .et-icon.small { width: 48px; height: 48px; min-width: 48px; line-height: 48px; } .et-icon-box.full .et-icon.small { width: 72px; height: 72px; min-width: 72px; line-height: 72px; } .et-icon-box .et-icon.medium { width: 64px; height: 64px; min-width: 64px; line-height: 64px; } .et-icon-box.full .et-icon.medium { width: 96px; height: 96px; min-width: 96px; line-height: 96px; } .et-icon-box .et-icon.large { width: 80px; height: 80px; min-width: 80px; line-height: 80px; } .et-icon-box.full .et-icon.large { width: 120px; height: 120px; min-width: 120px; line-height: 120px; } .et-icon-box .et-icon .icon-back { position: absolute; top: 0; left: 0; width:100%; height: 100%; border-radius: 500px; } .et-icon-box.icon-position-left .et-icon-box-inner, .et-icon-box.icon-position-right .et-icon-box-inner { display: flex; justify-content:flex-start; align-items:flex-start; } .no-content.et-icon-box.icon-position-left .et-icon-box-inner, .no-content.et-icon-box.icon-position-right .et-icon-box-inner { align-items: center; } .et-icon-box.icon-position-left .et-icon-content { padding-left: 32px; } .et-icon-box.icon-position-right .et-icon-content { padding-right: 32px; } .et-icon-box .et-icon-content .et-icon-box-title:only-child {margin-bottom: 0;} /* et-step-box ----*/ .et-step-box-container { position: relative; display: grid; justify-items: stretch; grid-row-gap: 40px; grid-column-gap: 40px; } .et-step-box-container.columns-1 .et-step-box { justify-content: flex-start; max-width: 600px; } .et-step-box-container.columns-1 .et-step-box:nth-child(2n+2), .compose-mode .et-step-box-container.columns-1 .vc_element:nth-child(2n+2) .et-step-box { margin-left: 50%; } .et-step-box-container.columns-1 .et-step-box:nth-child(2n+1), .compose-mode .et-step-box-container.columns-1 .vc_element:nth-child(2n+1) .et-step-box { margin-right: 50%; } .et-step-box-container.columns-2 { grid-template-columns: repeat(2, 2fr); } .et-step-box-container.columns-3 { grid-template-columns: repeat(3, 3fr); } .et-step-box-container.columns-4 { grid-template-columns: repeat(4, 4fr); } .compose-mode .et-step-box-container .vc_element .et-step-box { height: 100%; width: 100%; } .et-step-box-container.columns-2 .et-step-box-inner {max-width: 600px;} .et-step-box-container.columns-3 .et-step-box-inner {max-width: 400px;} .et-step-box-container.columns-4 .et-step-box-inner {max-width: 300px;} .et-step-box { position: relative; display: flex; justify-content:center; } .et-step-box-inner { position: relative; z-index: 2; } .et-step-box-title br + br { display: none !important; } .et-step-box-title { margin-bottom: 16px; font-weight: 700; } h4.et-step-box-title {margin-bottom: 12px;} h5.et-step-box-title, h6.et-step-box-title {margin-bottom: 8px;} .et-step-box .et-step, .et-step-box .et-step-box-title, .et-step-box .et-step-box-content { transition: all 200ms ease-out !important; } .et-step-box-content {margin-bottom: 0;} .et-step-box .step-count { font-size: 72px; line-height:72px; font-weight: 800; opacity: 0.05; transform:translateX(-46px); position: relative; } /* et-pricing-table ----*/ .et-pricing-table-container { position: relative; display: grid; grid-row-gap: 1px; grid-column-gap: 1px; justify-items: stretch; border-radius: 8px; } .gap-false.shadow.et-pricing-table-container { box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); background-color: #f5f5f5; overflow: hidden; transform-origin: 50% 50%; transform: perspective(1000px) rotateY(0deg) rotateX(0deg); } .gap-true.et-pricing-table-container .et-pricing-table { box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); border-radius: 8px; } .gap-true.et-pricing-table-container { grid-row-gap: 40px; grid-column-gap: 40px; } .et-pricing-table { position: relative; text-align: center; } .pricing-table-inner { padding:64px 24px 48px 24px; background-color: #ffffff; z-index: 1; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .pricing-table-head { padding-bottom: 32px; } .et-pricing-table .label { border-radius: 0 0 8px 8px; padding: 8px 16px; font-size: 12px; line-height: 12px; font-weight: 700; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .et-pricing-table .title { font-size: 11px; font-weight: 800; letter-spacing: 2px; line-height: 16px; text-transform: uppercase; margin-bottom: 0; } .et-pricing-table .plan { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 12px; font-weight: 700; opacity: 0.3; letter-spacing: 0px; margin-bottom: 48px; } .et-pricing-table .currency { font-size: 32px; line-height: 32px; vertical-align: top; position: relative; bottom: -7px; } .et-pricing-table .price { font-size: 96px; line-height: 96px; letter-spacing: 0; vertical-align: middle; } .pricing-table-body ul { list-style: none; margin: 0 auto 12px auto; padding: 24px 0; } .pricing-table-body ul li { margin: 0 0 4px 0; padding: 4px 0 0 0; position: relative; font-size: 14px; text-align: center; } .pricing-table-body ul li:last-child { margin-bottom: 0; } .pricing-table-footer { padding-top: 32px; } .et-pricing-table.highlight-true .title, .et-pricing-table.highlight-true .plan, .et-pricing-table.highlight-true .currency, .et-pricing-table.highlight-true .price, .et-pricing-table.highlight-true .pricing-table-body ul li { color: #ffffff !important; } .et-pricing-table.highlight-true .plan {opacity: 0.7;} .et-pricing-table.highlight-true .et-button svg { fill: #ffffff !important; } .et-pricing-table.highlight-true .label { background-color: #ffffff !important; } /* et-testimonial ----*/ .et-testimonial-container[data-columns="1"] .tns-controls { width: 88px; top: auto; bottom: 40px; left: auto; right: 0; margin-top: 0; } .et-testimonial-container[data-columns="1"] .tns-controls > button { position: relative !important; top: 0 !important; right: 0 !important; left: 0 !important; bottom: 0 !important; } .et-testimonial-container[data-columns="1"] .tns-controls > button + button { margin-left: 8px; } .et-testimonial .author-wrapper, .et-testimonial blockquote {text-align: left !important;} .et-testimonial .author-wrapper { padding-top: 32px; } .et-testimonial .author-wrapper:before { top: 8px; } .et-testimonial-container.mult .et-testimonial-inner { padding: 40px; border-radius: 8px; overflow: hidden; } .et-testimonial-container.mult img { border-radius: 72px; max-width: 72px; } .et-testimonial-container.mult blockquote{ font-size: 24px !important; line-height: 32px !important; } .et-testimonial-container.mult .author-wrapper{ padding-top: 0; } .et-testimonial-container.mult .author-wrapper:before { top: auto; left: auto; right: 0; bottom: -80px; } .et-testimonial-container[data-columns="3"] .et-testimonial-inner { flex-direction: column; } .et-testimonial-container[data-columns="3"] img { margin-bottom: 24px; } .et-testimonial-container[data-columns="3"] .author-wrapper { padding-left: 0; } /* et-client ----*/ .grid.et-client-container { position: relative; display: grid; grid-row-gap: 1px; grid-column-gap: 1px; justify-items: stretch; background-color: #e0e0e0; } .et-client-container .et-client { align-items:center; background-color: #ffffff; } .grid.et-client-container[data-columns="2"] {grid-template-columns: repeat(2, 2fr);} .compose-mode .grid.et-client-container .vc_element .et-client { height: 100%; width: 100%; } .et-client { min-height: 120px; position: relative; display: flex; justify-content:center; text-align: center; } .carousel.et-client-container .et-client {min-height: 0;} .client-inner { z-index: 3; } .et-client img, .et-client a { z-index: 2; position: relative; } .et-client img { width: auto !important; display: inline-block !important; transition: all 300ms ease-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; } .et-client:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } /* et-person ----*/ .et-person { text-align: center; position: relative; } .person-image {overflow: hidden;} .et-person .person-inner { background-color: #ffffff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); } .et-person .person-content { padding:40px; overflow: hidden; position: relative; text-align: left; } .et-person .name, .et-person .title, .et-person .et-social-links { display: block; margin-bottom:0; position: relative; z-index: 2; } .et-person .name { font-size: 24px; line-height: 32px; position: relative; transform: translateX(-2px); } .et-person .et-social-links {margin-top: 12px;} .et-person .et-social-links > a { width: 14px; height: 14px; line-height: 14px; margin-right: 32px; margin-bottom: 0; } .et-person .et-social-links > a svg { width: inherit; height: inherit; line-height: inherit; } /* et-banner ----*/ .et-popup-banner-wrapper { position: fixed; top: 0; left:0; z-index: 9999; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 300ms ease-out; } .et-popup-banner-wrapper.animate { opacity: 1; visibility: visible; perspective: 1300px; } .et-popup-banner { position: fixed; top: 50%; left: 50%; padding: 32px; border-radius: 8px; background-attachment: scroll; background-size: cover !important; background-position: center center; background-repeat: no-repeat; } .et-popup-banner.text-align-left {text-align: left;} .et-popup-banner.text-align-right {text-align: right;} .et-popup-banner.text-align-center {text-align: center;} .popup-banner-toggle { position: absolute; top: -20px; right: -20px; color: #ffffff; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; font-size: 16px; background-color: #000000; backface-visibility: hidden; text-align: center; transition: background-color 300ms ease-out, transform 600ms cubic-bezier(.19,1,.22,1); cursor: pointer; z-index: 9999999999999999999999999999; } .popup-banner-toggle:before { content: ""; width: 14px; height: 14px; position: relative; transform: translateY(-1px); background-color: #ffffff; -webkit-mask: url(images/icons/close.svg) no-repeat 50% 50%; -webkit-mask-size: 14px; mask: url(images/icons/close.svg) no-repeat 50% 50%; mask-size: 14px; display: inline-block; vertical-align: middle; } .popup-banner-toggle:hover { transform:rotate(90deg); } /* et-tagline ----*/ .et-tagline { position: relative; width: 100%; background-attachment: scroll; background-position: left top; background-repeat: no-repeat; background-size: cover; } .et-tagline a {display: block;} .et-tagline .post-image-overlay { opacity: 1; background-color: transparent !important; } .et-tagline .media-placeholder { position: relative; z-index: -1; } .et-tagline .tagline-title { font-size: 28px; line-height: 36px; margin-top: 0px; margin-bottom: 4px; } .et-tagline .tagline-button {margin-top: 0;} .et-tagline .tagline-button svg { max-width: 8px; margin-left: 4px; position: relative; transform: rotate(180deg); } .et-tagline.active .placeholder {opacity: 0;} /* Media ----*/ /* et-image ----*/ .et-image {position: relative;} .et-image .media-placeholder, .et-image.animate-true .placeholder { visibility: hidden; } .et-image.animate-false img, .et-image.animate-false .placeholder, .et-gallery img, .et-gallery .placeholder { transition: opacity 0.2s ease-out; } .et-image.animate-false .loaded .placeholder, .et-image.animate-false img, .et-gallery .loaded .placeholder, .et-gallery img { opacity: 0; } .et-image.animate-false .loaded img, .et-image.animate-false .placeholder, .et-gallery .loaded img, .et-gallery .placeholder { opacity: 1; } .et-image .curtain, .vc-curtain { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; transform: scaleX(0); display: block; } .et-image .curtain { height: calc(100% - 8px); } .et-image[data-animation="curtain-top"] .curtain, .et-image[data-animation="curtain-bottom"] .curtain, .vc-curtain[data-curtain="curtain-top"], .vc-curtain[data-curtain="curtain-bottom"] { transform: scaleY(0); } .et-image.parallax { transform: translate3d(0px, 0px, 0px); } .et-image.parallax.disable-parallax { transform: none !important; } /* et-gallery ----*/ .et-gallery { text-align: center; position: relative; } .et-gallery.grid .slides { display: grid; grid-column-gap: 8px; justify-items: stretch; grid-template-columns: repeat(1, 1fr); } .et-gallery.grid[data-columns="1"] .slides, .compose-mode .et-gallery.grid .slides { grid-row-gap: 8px; } .compose-mode .tns-item{transition-duration: 0.3s;animation-duration: 0.3s;} .et-gallery.grid[data-columns="2"] .slides {grid-template-columns: repeat(2, 2fr);} .et-gallery.grid[data-columns="3"] .slides {grid-template-columns: repeat(3, 3fr);} .et-gallery.grid[data-columns="4"] .slides {grid-template-columns: repeat(4, 4fr);} .et-gallery.grid[data-columns="5"] .slides {grid-template-columns: repeat(5, 5fr);} .et-gallery.grid[data-columns="6"] .slides {grid-template-columns: repeat(6, 6fr);} .et-gallery.grid[data-columns="7"] .slides {grid-template-columns: repeat(7, 7fr);} .et-gallery.grid[data-columns="8"] .slides {grid-template-columns: repeat(8, 8fr);} .et-gallery.grid[data-columns="9"] .slides {grid-template-columns: repeat(9, 9fr);} .et-gallery.grid[data-columns="10"] .slides {grid-template-columns: repeat(10, 10fr);} .et-gallery .tns-nav {margin-top: 24px;} .et-gallery.slider {overflow: hidden;} /* et-video ----*/ .et-video { border-radius: 8px; overflow: hidden; } .et-video .image-container:after {display: none;} /* playlist ----*/ .wp-playlist { border:none !important; padding: 0 !important; margin: 0 0 0 0 !important; background-color: #242427 !important; color: #ffffff !important; } .wp-playlist-current-item { height: auto !important; padding: 30px 30px 0 30px !important; } .wp-playlist .mejs-container { margin:0 23px !important; max-width: 100% !important; width: calc(100% - 46px) !important; } .wp-playlist-current-item img { width: 100px !important; height: 100px !important; max-width: 100px !important; } .wp-playlist-current-item .wp-playlist-caption { color: #ffffff !important; } .wp-playlist-current-item .wp-playlist-item-title { max-width: 100%; font-size: 16px !important; line-height: 26px !important; color: #ffffff !important; } .wp-playlist-current-item .wp-playlist-item-album, .wp-playlist-current-item .wp-playlist-item-artist { font-size: 14px !important; line-height: 24px !important; text-transform: uppercase !important; font-weight: 700 !important; font-style: normal !important; color: #ffffff !important; letter-spacing: 0.5px; display: inline-block; vertical-align: top; } .wp-playlist-current-item .wp-playlist-item-artist { padding-left: 20px !important; position: relative; } .wp-playlist-current-item .wp-playlist-item-artist:before { display: block; position: absolute; top: 50%; margin-top: -6px; left: 7px; width: 2px; height:12px; content: ""; background-color: #ffffff !important; } .wp-playlist .mejs-controls { background-color: #242427 !important; } .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-total, .wp-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-total, .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: #3a3a3d !important; } .wp-playlist .mejs-controls .mejs-time-rail .mejs-time-current, .wp-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #00bfff !important; } .wp-playlist .wp-playlist-item { padding:16px 32px 16px 32px !important; border-bottom:none !important; background-color: #2e2e31 !important; color: #ffffff !important; font-weight: 400 !important; } .wp-playlist .wp-playlist-item:nth-child(2n+2) { background-color: #242427 !important; } .wp-playlist .wp-playlist-item .wp-playlist-item-artist { color: #9e9e9e !important; font-size: 14px !important; line-height: 24px !important; text-transform: capitalize !important; } .wp-playlist .wp-playlist-caption { color: #ffffff !important; } .wp-playlist .wp-playlist-item .wp-playlist-item-length { top: 50% !important; right: 30px !important; transform: translateY(-50%); } /* Infographics ----*/ /* et-counter ----*/ .et-counter { text-align: left; position: relative; } .et-counter.center { text-align: center; } .et-counter.right { text-align: right; } .et-counter .counter-icon { width: 150px; line-height: 150px; height: 150px; margin:0; opacity: 0.05; z-index:-1; } .et-counter.icon .counter-content { position:absolute; top: 50%; transform: translateY(-50%); width: 100%; } .et-counter .counter-icon svg { width: 100%; height: 100%; line-height: inherit; } .et-counter .counter-title, .et-counter .counter-value { line-height: 1em; } .et-counter .counter-title { margin-top: 8px; } /* et-progress ----*/ .et-progress { width: 100%; max-width: 100%; margin-bottom: 24px; position: relative; } .et-progress .text { position: relative; padding-bottom: 8px; text-align: left; } .et-progress .track-bar { width: 100%; height: 8px; border-radius: 0px; position: relative; border-radius: 8px; overflow: hidden; } .et-progress .track-bar > * { height: inherit; width: inherit; } .et-progress .track-bar > .bar { position: absolute; border-radius: 8px; } .et-progress .percent, .et-progress .title { display:inline-block; vertical-align: middle; margin: 0; } .et-progress .percent { margin-left: 8px; } .et-progress .percent:after { content: "%"; display:inline-block; vertical-align: middle; } .et-progress .text * { color: inherit !important; } .et-progress.circle { max-width: 220px; max-height: 220px; text-align: center; margin-left: auto; margin-right: auto; } .et-progress svg circle { fill: transparent; stroke-width:2; stroke-linecap: round; opacity: 0; transform: rotate(-90deg); transform-origin: 50% 50%; } .et-progress svg .track-circle { opacity: 1; } .et-progress.circle .text { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding-bottom: 0; text-align: center; } .et-progress.circle .percent, .et-timer .timer-count { margin:0 auto 0 auto; display: block; font-size: 48px; line-height: 48px; } /* et-timer ----*/ .et-timer {text-align: center;display:block;} .et-timer ul {list-style: none;margin: 0;} .et-timer li div { padding: 24px; min-width: 120px; } .et-timer li { width:100%; display: block; text-align: center; position: relative; margin: 0; display: inline-block; padding: 0; } .et-timer ul li:first-child { padding-left: 0; } .et-timer ul li:last-child { padding-right: 0; } .et-timer .timer-count, .et-timer .timer-title { display: block; margin: 0 auto; position: relative; } /* Other ----*/ /* et-gap ----*/ .et-gap {clear: both;} .et-gap-inline {display: inline-block;vertical-align: middle;} .compose-mode .vc_et_gap { border:1px dashed #eeeeee; position: relative; display: block; } .compose-mode .vc_et_gap:before { content: "gap"; position: absolute; top: 50%; left: 0; margin-top: -14px; display: block; width: 100%; height: 28px; color: #e0e0e0; text-align: center; } /* <= 374px ----*/ @media only screen and (max-width: 374px) { .hide374 {display: none !important;} .post-title-section { margin-bottom: 24px !important; } .comment-list .comment .comment-body, .post-author-box { padding: 32px 24px !important; } .comment-list .post-meta .post-date:after { margin-left: 0; } .post-single-navigation { position: relative; height: 40px; text-align: right; } .product .summary .post-social-share { top: 8px !important; right: 8px !important; } /* et-blockquote ----*/ blockquote, q { font-size: 20px !important; line-height: 28px !important; } .author-wrapper:before { width: 120px; height: 120px; -webkit-mask-size: 120px; mask-size: 120px; top: -8px; left: 0; } } /* >= 375px ----*/ @media only screen and (min-width: 375px) { .hide375 {display: none !important;} .loop-posts .post-title { font-size: 28px; line-height: 36px; } .list .loop-posts .post-title { font-size: 24px; line-height: 32px; } .loop-posts .post .post-body, .post-read-more-wrap { padding: 40px; } } /* >= 375px and <= 767px ----*/ @media only screen and (min-width: 375px) and (max-width: 767px) { .loop-products { grid-template-columns: repeat(2, 2fr); grid-row-gap: 8px; grid-column-gap: 8px; } .loop-products .post-title { font-size: 23px !important; line-height: 32px !important; } .loop-posts .product .post-body { padding: 16px 8px 24px 8px !important; } /* et-blockquote ----*/ blockquote, q { font-size: 24px !important; line-height: 32px !important; } .author-wrapper:before { width: 150px; height: 150px; -webkit-mask-size: 150px; mask-size: 150px; top: -24px; left: 0; } } /* <= 767px ----*/ @media only screen and (max-width: 767px) { .single #title-section-default{padding:12px 0 12px 0} .hide767 {display: none !important;} .text767-align-center {text-align: center !important;} .text767-align-left {text-align: left !important;} .text767-align-right {text-align: right !important;} #gen-wrap, #wrap {overflow-x: hidden;} .vc-video-bg .video-container-placeholder { display: block; } .vc_row.background-cover-767 { background-size: cover !important; } .gsap-lightbox-toggle, .gsap-lightbox-nav { top: 8px; right: 8px; } .gsap-lightbox-nav {top:50%;} .gsap-lightbox-nav.prev { right: auto; left: 8px; } .post-social-share .social-links {margin-right: 36px;} /* Header cart ----*/ .header-cart {position: static !important;} .header-cart .cart-box { right: auto; left: 50%; margin-left: -160px; } /* Header ----*/ .et-desktop.mobile-false, .et-desktop.mobile-false + .header-placeholder {display: none !important;} .et-mobile.mobile-false, .et-mobile.mobile-false + .header-placeholder {display: none !important;} .mobile-hide-important:not(.single-header) .et-mobile, .mobile-hide-important:not(.single-header) .et-mobile + .header-placeholder {display: none !important;} .mobile-container-inner, .layout-sidebar .widget-area { overflow-y: auto; padding: 16px !important; } .layout-sidebar .widget-area { padding: 56px 16px 0 16px !important; } .content-sidebar-toggle.active { top: 16px !important; right: 16px !important; } /* Page title section ----*/ .tse.mobile-align-left {float: left !important;} .tse.mobile-align-right {float: right !important;} .tse.mobile-align-center {text-align: center !important;float: none !important;} /* mobile-text-align ----*/ .mobile-text-align-left {text-align: left !important;} .mobile-text-align-right {text-align: right !important;} .mobile-text-align-center {text-align: center !important;} /* Posts ----*/ .product-layout-single { padding-bottom: 24px; } .post-ajax-button { margin: 24px auto 0 auto; } .post-title-section .post-title { font-weight: 400 !important; } .single-post-page > .post > .post-inner .post-media { margin-bottom: 32px; } .list .loop-posts .post .post-inner { display: block; } .full .loop-posts .format-quote .post-excerpt, .full .loop-posts .format-status .post-excerpt, .full .loop-posts .format-aside .post-excerpt, .single-post-page > .format-quote .post-content, .single-post-page > .format-status .post-content, .single-post-page > .format-aside .post-content { font-size: 24px; line-height: 32px; padding-top: 16px; padding-left: 16px; } .full .loop-posts .format-quote .post-excerpt:before, .full .loop-posts .format-status .post-excerpt:before, .full .loop-posts .format-aside .post-excerpt:before, .single-post-page > .format-quote .post-content:before, .single-post-page > .format-status .post-content:before, .single-post-page > .format-aside .post-content:before { height: 50px; width: 50px; -webkit-mask-size: 50px; mask-size: 50px; } .tns-controls-trigger { display: none; } .et-shortcode-posts.full .tns-controls-trigger { display: block; top: 27px; right: 14px; width: 48px; height:24px; } .et-shortcode-posts.full .tns-controls-trigger button { width: 24px; height: 24px; } .tns-controls { visibility: visible !important; z-index: 1 !important; opacity: 1 !important; } .et-shortcode-posts.full .tns-controls-trigger .tns-controls { visibility: hidden !important; z-index: -1 !important; opacity: 0 !important; } .full .loop-posts .format-link .post-body:before, .post.sticky .post-body:before { top: 24px; right: 24px; height: 24px; width: 24px; -webkit-mask-size: 24px; mask-size: 24px; } .layout-sidebar { max-width: 100% !important; } .comments-title:after { margin:24px 0 0 0; display: block; } .comment-list .comment .comment-body, .commentlist .comment-text { display: block; padding: 32px; } .comment-list .comment-meta-group { padding-top: 0; padding-bottom: 16px; display: table; width: 100%; } .comment-list .comment-meta-group > * { vertical-align: top; display: table-cell; } .comment-list .comment-gavatar { padding-top: 6px; } .commentlist .avatar, .comment-list .comment-gavatar { position: static; } .comment-list .comment-content, .commentlist .comment-text { display: block; padding: 0; } .commentlist .comment-text { padding-top: 24px; } .commentlist .comment_container { padding: 24px; } .comment-form-rating .stars { display: none !important; } .comment-form-rating select { display: block !important; margin-top: 16px; } .comment-meta { padding-left: 16px; padding-right: 0; } .comment .edit-link { display: block; margin-left: auto; margin-right: auto; } .post-author-info { padding-left: 0; } .post-author-box > * { display: block; margin:0 auto; text-align: center; } .post-author-gavatar { top: 0; position: relative; margin-bottom: 25px; } .post-author-box { margin-top: 32px !important; } .responses.active { padding-top: 32px; } .related-posts-wrapper { margin-top: 16px !important; padding: 32px 0; } .related-products { padding-top: 32px; margin-top: 32px !important; } /* Projects ----*/ .project .post-image-overlay .post-image-overlay-content { padding: 24px; } .post-single-navigation.project, .project-content { margin-top: 16px; } .enovathemes-filter .toggle-container { display: none; } .enovathemes-filter select {display: block;} .enovathemes-filter .filter { display: none; } /* Widgets ----*/ .widget .columns-mob-1.flickr-image-list li, .widget .columns-mob-1.instagram-image-list li { width: 100%; } .widget .columns-mob-2.flickr-image-list li, .widget .columns-mob-2.instagram-image-list li { width: 50%; } .widget .columns-mob-3.flickr-image-list li, .widget .columns-mob-3.instagram-image-list li { width: 33.33333333333333%; } .widget .columns-mob-4.flickr-image-list li, .widget .columns-mob-4.instagram-image-list li { width:25%; } .widget .columns-mob-5.flickr-image-list li, .widget .columns-mob-5.instagram-image-list li { width: 20%; } .widget .columns-mob-6.flickr-image-list li, .widget .columns-mob-6.instagram-image-list li { width: 16.66666666666667%; } .widget .columns-mob-7.flickr-image-list li, .widget .columns-mob-7.instagram-image-list li { width: 14.28571428571429%; } .widget .columns-mob-8.flickr-image-list li, .widget .columns-mob-8.instagram-image-list li { width: 12.5%; } .widget .columns-mob-9.flickr-image-list li, .widget .columns-mob-9.instagram-image-list li { width: 11.11111111111111%; } .widget .columns-mob-10.flickr-image-list li, .widget .columns-mob-10.instagram-image-list li { width: 10%; } /* Products ----*/ .overflow-x { overflow-x: scroll !important; } .product .button, .product .added_to_cart { width: 100%; } .loop-products .product .button, .loop-products .product .added_to_cart { width: 70%; } .wishlist_table.responsive, .shop_table.cart.responsive { max-width: 480px; } .shop_table td, .shop_table tfoot th, .cart_totals th, .customer_details th, .woocommerce-checkout-review-order-table th, .wc_payment_method, .woocommerce-order-overview li, .woocommerce-page address, .woocommerce table.wishlist_table tbody td { padding: 8px; } .shop_table .product-thumbnail img { max-width: 48px; } .shop_table input[type="button"], .shop_table input[type="reset"], .shop_table input[type="submit"], .shop_table button { width: auto !important; } .woocommerce-message a:last-child, .woocommerce-info a:last-child, .woocommerce-error li a:last-child, .cart-empty a:last-child, .woocommerce-notice a:last-child { display: block !important; margin: 0 auto 16px auto !important; } .shop_table .product-name > a { font-size: inherit; line-height: inherit; } .product .summary table.variations { text-align: center; } .product .summary table.variations td.label { padding-right: 16px; } .product .summary table.variations label { padding-right: 0; padding-bottom: 8px; text-align: left; display: block; } .product .summary table.variations select, .product .summary table.variations input { min-width: 100%; } .woocommerce-tabs .tabs li.active a { z-index: 5; } form.cart .quantity, form.cart button { width: 100%; } form.cart .quantity input { margin-bottom: 10px; width: 100%; text-align: center; } .woocommerce-product-gallery .flex-control-nav { grid-template-columns: repeat(4, 4fr) !important; } .woocommerce-product-gallery, .product .single-product-wrapper .summary { margin-bottom: 24px !important; } .product .single-product-wrapper .summary { padding: 16px; } .product .summary .post-social-share { top: 16px; right: 16px; } .col2-set { grid-template-columns: repeat(1, 1fr) !important; } .shop_table.cart td, .shop_table.cart tr, .shop_table.cart tfoot th { padding: 8px; display: block; width: 100%; max-width: 100% !important; } .shop_table .product-name .button, .wishlist_table .product-add-to-cart a { max-width: 100%; width: 100%; } .shop_table.cart th, .shop_table.cart thead { display: none; } .shop_table.cart tr td:not(:last-child) { border-bottom: none; } .shop_table.cart .product-name, .shop_table.cart .product-price { border-top: none; padding: 0 4px; } .shop_table.cart .product-name {text-align: center;} .shop_table.cart .product-thumbnail, .shop_table.cart .product-name, .shop_table.cart .product-price { display: inline-block; } .shop_table.cart tr:not(:last-child) { padding-bottom:24px; } .shop_table.cart tr { padding: 0; } .shop_table.cart .product-quantity input { max-width: 100%; } .shop_table input[type="button"], .shop_table input[type="reset"], .shop_table input[type="submit"], .shop_table button { width: auto !important; } .woocommerce-product-gallery__trigger { right: 16px; } .product .single_add_to_cart_button { width: 100%; max-width: 100%; } .woocommerce-tabs .tabs { flex-direction: column; } /* et-instagram ----*/ .et-instagram .instagram-item .post-image-overlay { padding: 4px; } .et-instagram .instagram-item .feed-item-comments { margin-left: 8px; } .et-instagram .feed-item-description { display: none; } .et-instagram .post-image-overlay-content > p:first-child { margin-bottom: 0; } /* et-pricing-table ----*/ .et-pricing-table .price { font-size: 72px; line-height: 72px; } /* et-clients ----*/ .grid.et-client-container {grid-template-columns: repeat(2, 2fr);} .et-client {min-height: 96px;} .grid.et-client-container[data-columns-mob="1"] {grid-template-columns: repeat(1, 1fr);} .grid.et-client-container[data-columns-mob="2"] {grid-template-columns: repeat(2, 2fr);} .grid.et-client-container[data-columns-mob="3"] {grid-template-columns: repeat(3, 3fr);} .grid.et-client-container[data-columns-mob="4"] {grid-template-columns: repeat(4, 4fr);} .grid.et-client-container[data-columns-mob="5"] {grid-template-columns: repeat(5, 5fr);} .grid.et-client-container[data-columns-mob="6"] {grid-template-columns: repeat(6, 6fr);} /* et-testimonials ----*/ .et-testimonial-container.mult .title:after { margin-left: 0; } /* et-icon-box ----*/ .et-icon-box-container.columns-2, .et-icon-box-container.columns-3, .et-icon-box-container.columns-4 { grid-template-columns: repeat(1, 1fr); } .et-icon-box.icon-position-right.medium .et-icon-box-inner, .et-icon-box.icon-position-left.medium .et-icon-box-inner, .et-icon-box.icon-position-right.large .et-icon-box-inner, .et-icon-box.icon-position-left.large .et-icon-box-inner { flex-direction: column; } .et-icon-box.icon-position-right.small .et-icon-box-inner, .et-icon-box.icon-position-right.small-x .et-icon-box-inner { flex-direction: row-reverse; } .et-icon-box.icon-position-right .medium .et-icon, .et-icon-box.icon-position-left .medium .et-icon, .et-icon-box.icon-position-right .large .et-icon, .et-icon-box.icon-position-left .large .et-icon { margin-bottom: 40px; transform: none; } .et-icon-box.icon-position-right {text-align: left;} .et-icon-box.icon-position-right.medium .et-icon-content, .et-icon-box.icon-position-right.large .et-icon-content, .et-icon-box.icon-position-right.small .et-icon-content, .et-icon-box.icon-position-right.small-x .et-icon-content {padding-right: 0;} .et-icon-box.icon-position-left.medium .et-icon-content, .et-icon-box.icon-position-left.large .et-icon-content {padding-left: 0;} .et-icon-box.icon-position-right.medium .et-icon-box-inner, .et-icon-box.icon-position-right.large .et-icon-box-inner { flex-direction: column-reverse; } .et-icon-box.icon-position-right.small .et-icon-content, .et-icon-box.icon-position-right.small-x .et-icon-content { padding-left: 32px; } /* et-step-box ----*/ .et-step-box { justify-content: flex-start; } .et-step-box-container.columns-2, .et-step-box-container.columns-3, .et-step-box-container.columns-4 { grid-template-columns: repeat(1, 1fr); } .et-step-box-container.columns-1 .et-step-box:nth-child(2n+2), .compose-mode .et-step-box-container.columns-1 .vc_element:nth-child(2n+2) .et-step-box { margin-left: 0; } .et-step-box-container.columns-1 .et-step-box:nth-child(2n+1), .compose-mode .et-step-box-container.columns-1 .vc_element:nth-child(2n+1) .et-step-box { margin-right: 0; } .et-step-box .step-count { font-size: 36px; line-height:36px; transform:translateX(-2px); } /* et-tabs ----*/ .tabset .tab { margin-bottom: 4px; display: block; } .vertical .tabset .tab.icon { padding: 20px 32px !important; } .vertical .tabset .tab .icon svg { top:-1px; } /* et-blockquote ----*/ .et-blockquote img, .et-testimonial img { display: none; } .et-blockquote .author-wrapper, .et-testimonial .author-wrapper { padding-left: 0; } /* et-mailchimp ----*/ .et-mailchimp .et-mailchimp-form > *:not(.alert) { display: block; margin-right: 0; } /* et-banner ----*/ .et-popup-banner-wrapper[data-mob="true"], .et-banner[data-mob="false"] { display: none; } /* timer ----*/ .et-timer, .et-timer ul { display: block !important; } .et-timer li { max-width: 70% !important; display: block !important; padding: 0 !important; margin: 0 auto 0 auto !important; } /* popup ----*/ @keyframes fadeOutLeft{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(0,-15%,0)}} @keyframes fadeInLeft{from{opacity:0;transform:translate3d(0,-15%,0)}to{opacity:1;transform:none}} @keyframes fadeOutRight{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(0,-15%,0)}} @keyframes fadeInRight{from{opacity:0;transform:translate3d(0,-15%,0)}to{opacity:1;transform:none}} /* et-gallery ----*/ .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-9, .et-gallery.grid[data-columns="5"] .slides, .et-gallery.grid[data-columns="6"] .slides, .et-gallery.grid[data-columns="7"] .slides, .et-gallery.grid[data-columns="9"] .slides {grid-template-columns: repeat(3, 3fr);} .gallery-columns-4, .gallery-columns-8, .et-gallery.grid[data-columns="4"] .slides, .et-gallery.grid[data-columns="8"] .slides, .et-gallery.grid[data-columns="10"] .slides {grid-template-columns: repeat(2, 2fr);} /* et-info-present ----*/ .presentation-box { position: absolute; bottom: 24px; right: 24px; padding: 24px; width: 180px; height: 180px; } .presentation-icon { margin-bottom: 8px; width:96px; } .presentation-title { font-size: 24px; line-height: 24px; } .et-info-present .tns-nav { bottom: 16px; left: 24px; } } /* >= 768px ----*/ @media only screen and (min-width: 768px) { .hide768 {display: none !important;} .text768-align-center {text-align: center !important;} .text768-align-left {text-align: left !important;} .text768-align-right {text-align: right !important;} #to-top { bottom: 24px; right: 24px; } .vc-video-bg .video-container { width: 170%; height: auto; } .wpb_column.vc-video-bg .video-container { width: 190% !important; height: auto !important; left: 50%; margin-left: -50% !important; } /* Row/column ----*/ .vc_inner.vc_column-gap-4>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-4>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:1px}.vc_inner.vc_column-gap-8>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-8>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:3px}.vc_inner.vc_column-gap-16>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-16>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:7px}.vc_inner.vc_column-gap-24>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-24>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:11px}.vc_inner.vc_column-gap-32>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-32>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:15px}.vc_inner.vc_column-gap-40>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-40>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:19px}.vc_inner.vc_column-gap-48>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-48>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:23px}.vc_inner.vc_column-gap-56>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-56>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:27px}.vc_inner.vc_column-gap-64>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-64>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:31px}.vc_inner.vc_column-gap-72>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-72>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:35px}.vc_inner.vc_column-gap-80>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl,.wpb_row.vc_column-gap-80>.container>.vc_element>.vc_column_container+.vc_controls>.vc_controls-out-tl{left:39px} .compose-mode .vc_element.vc_empty:not(.vc_sorting-over) .vc_empty-element:after, .view-mode .vc_element.vc_empty:not(.vc_sorting-over) .vc_empty-element:after, .vc_add-element-not-empty-button { font-size: 12px !important; height: 28px !important; width: 28px !important; line-height: 28px !important; vertical-align: top; } .mobile-container { max-width: 380px; } /* Posts ----*/ .grid .loop-posts { grid-template-columns: repeat(2, 2fr); } .masonry .loop-posts {margin-left: -20px;margin-right: -20px;} .masonry .loop-posts .post { width: calc(50% - 40px); float: left; margin-left: 20px; margin-right: 20px; } .full .loop-posts { grid-row-gap: 40px; grid-column-gap: 40px; } .list .loop-posts { grid-template-columns: repeat(1, 1fr); } .loop-posts .post .post-body, .post-read-more-wrap { padding: 32px; } .full .loop-posts .post .post-inner { background-color: transparent; box-shadow: none; } .full .loop-posts .post .post-body { padding:56px 40px; background-color: #ffffff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); width: 88%; margin: -120px auto 0 auto; z-index: 50; position: relative; } .full-content { width: 88%; margin: -120px auto 0 auto; z-index: 50; position: relative; } .full .loop-posts .post .post-title { font-size: 40px; line-height: 40px; margin-top: 8px; margin-left: -2px; max-width: 80%; } .portrait.full .loop-posts .post .post-title { max-width: 100%; } .full .loop-projects .post .post-title { font-size: 32px; line-height: 40px; margin-top: 0px; max-width: 100%; } .list .loop-posts .post .post-image { min-width: 200px; max-width: 200px; width: 200px; } .tns-controls-trigger { top: -4px; right: 0; } .full-content .tns-controls-trigger { top: 52px; right: 32px; } .post-title-section { margin-left: auto; margin-right: auto; } .comment-list .comment .comment { margin-left: 32px; } /* Projects ----*/ .full .loop-projects { grid-template-columns: repeat(2, 2fr) !important; } .full .loop-projects { grid-row-gap: 24px; grid-column-gap: 24px; } .post-media.grid[data-columns="3"] ul { grid-template-columns: repeat(3, 3fr); } .post-media.grid[data-columns="4"] ul { grid-template-columns: repeat(4, 4fr); } /* Products ----*/ .loop-products .product .post-title { font-size: 24px; line-height: 32px; } .loop-posts .product .post-body, ul.products .post-body, .loop-product-category .post-body { padding: 24px 16px 32px 16px; } .loop-products, ul.products, .loop-product-category { grid-row-gap: 24px; grid-column-gap: 24px; } .medium .loop-products, .small .loop-products, .related .loop-products, ul.products, .loop-product-category { grid-template-columns: repeat(3, 3fr); } .woocommerce-before-shop-loop { text-align: left; } .woocommerce-before-shop-loop > * { display: inline-block; margin:0; } .woocommerce-result-count { float: right; top:-50%; transform: translateY(50%); } .product .single-product-wrapper > *:not(.onsale) { width: 50%; } .product .woocommerce-product-gallery { padding-right: 32px; } .product .single-product-wrapper { display: flex; } .product .single-product-wrapper .summary { padding:24px; } /* et-instagram ----*/ .et-instagram.grid[data-columns="2"],.et-instagram.carousel[data-columns="2"] .slides {grid-template-columns: repeat(2, 2fr);} .et-instagram.grid[data-columns="3"],.et-instagram.carousel[data-columns="3"] .slides {grid-template-columns: repeat(3, 3fr);} .et-instagram.grid[data-columns="4"],.et-instagram.carousel[data-columns="4"] .slides {grid-template-columns: repeat(4, 4fr);} .et-instagram.grid[data-columns="5"],.et-instagram.carousel[data-columns="5"] .slides {grid-template-columns: repeat(5, 5fr);} .et-instagram.grid[data-columns="6"],.et-instagram.carousel[data-columns="6"] .slides {grid-template-columns: repeat(6, 6fr);} .et-instagram[data-columns="4"] .feed-item-description, .et-instagram[data-columns="5"] .feed-item-description, .et-instagram[data-columns="6"] .feed-item-description { display: none; } .et-instagram[data-columns="4"] .post-image-overlay-content > p:first-child, .et-instagram[data-columns="5"] .post-image-overlay-content > p:first-child, .et-instagram[data-columns="6"] .post-image-overlay-content > p:first-child { margin-bottom: 0; } /* et-pricing-table ----*/ .et-pricing-table-container.columns-2, .et-pricing-table-container.columns-4 { grid-template-columns: repeat(2, 2fr); } .et-pricing-table-container.columns-3, .et-pricing-table-container.columns-5 { grid-template-columns: repeat(3, 3fr); } /* et-timer ----*/ .et-timer ul > li { width: auto; display: inline-block; } /* et-tabs ----*/ .tabset .tab { width: auto; margin-right: 4px; } .center-true .tabset { text-align: center; } .center-true .tabs-container { padding:28px 0 0 0; } .center-true .tabset .tab { padding: 24px 40px 24px 40px; } .vertical .tabset { width: 30%; float: left; } .vertical .tabs-container { width: 70%; float: left; padding:0 0 0 28px; } .vertical .tabset .tab { padding: 24px 32px 24px 32px; width: 100%; margin-bottom: 8px; margin-right: 0; text-align: left; } .vertical .tabset .tab .tab-title-tag { font-size: 20px; } .vertical .tabset .tab .icon { margin-right: 16px; width: 32px; height: 32px; line-height: 32px; font-size: 32px; } .tabset .tab:last-child { margin-right: 0; } .vertical .tabset .tab:last-child { margin-bottom:0; } .vertical .tabset .tab:before { width: 3px; height: 0; left: auto; right: 0; top: 0; bottom: auto; } .vertical .tabset .tab.active:before { width: 4px; height: 100%; } /* et-clients ----*/ .grid.et-client-container[data-columns="3"], .grid.et-client-container[data-columns="5"] {grid-template-columns: repeat(3, 3fr);} .grid.et-client-container[data-columns="4"], .grid.et-client-container[data-columns="6"] {grid-template-columns: repeat(4, 4fr);} } /* >= 768px and <= 1023px ----*/ @media only screen and (min-width: 768px) and (max-width: 1023px) { .hide768-1023 {display: none !important;} .text768-1023-align-center {text-align: center !important;} .text768-1023-align-left {text-align: left !important;} .text768-1023-align-right {text-align: right !important;} /* Page title section ----*/ .tse.tablet-align-left {float: left !important;} .tse.tablet-align-right {float: right !important;} .tse.tablet-align-center {text-align: center !important;float: none !important;} /* Widgets ----*/ .widget .columns-tablet-1.flickr-image-list li, .widget .columns-tablet-1.instagram-image-list li { width: 100%; } .widget .columns-tablet-2.flickr-image-list li, .widget .columns-tablet-2.instagram-image-list li { width: 50%; } .widget .columns-tablet-3.flickr-image-list li, .widget .columns-tablet-3.instagram-image-list li { width: 33.33333333333333%; } .widget .columns-tablet-4.flickr-image-list li, .widget .columns-tablet-4.instagram-image-list li { width:25%; } .widget .columns-tablet-5.flickr-image-list li, .widget .columns-tablet-5.instagram-image-list li { width: 20%; } .widget .columns-tablet-6.flickr-image-list li, .widget .columns-tablet-6.instagram-image-list li { width: 16.66666666666667%; } .widget .columns-tablet-7.flickr-image-list li, .widget .columns-tablet-7.instagram-image-list li { width: 14.28571428571429%; } .widget .columns-tablet-8.flickr-image-list li, .widget .columns-tablet-8.instagram-image-list li { width: 12.5%; } .widget .columns-tablet-9.flickr-image-list li, .widget .columns-tablet-9.instagram-image-list li { width: 11.11111111111111%; } .widget .columns-tablet-10.flickr-image-list li, .widget .columns-tablet-10.instagram-image-list li { width: 10%; } /* Posts/projects ----*/ .grid .loop-posts, .loop-products, ul.products { grid-template-columns: repeat(2, 2fr); } /* Projects ----*/ .post-media.grid[data-columns="4"] ul { grid-row-gap: 16px; grid-column-gap: 16px; } /* et-icon-box ----*/ .et-icon-box-container.columns-3 { grid-template-columns: repeat(1, 1fr); } .et-icon-box-container.columns-4 { grid-template-columns: repeat(2, 2fr); } .et-icon-box-container.columns-4 .et-icon-box.icon-position-right .et-icon-box-inner, .et-icon-box-container.columns-4 .et-icon-box.icon-position-left .et-icon-box-inner { flex-direction: column; } .et-icon-box-container.columns-4 .et-icon-box.icon-position-right .et-icon, .et-icon-box-container.columns-4 .et-icon-box.icon-position-left .et-icon { margin-bottom: 40px; } .et-icon-box-container.columns-4 .et-icon-box.icon-position-right {text-align: left;} .et-icon-box-container.columns-1 .et-icon-box.icon-position-right .et-icon-content, .et-icon-box-container.columns-3 .et-icon-box.icon-position-right .et-icon-content, .et-icon-box-container.columns-4 .et-icon-box.icon-position-right .et-icon-content {padding-right: 0;} .et-icon-box-container.columns-3 .et-icon-box.icon-position-right .et-icon-content, .et-icon-box-container.columns-1 .et-icon-box.icon-position-right .et-icon-content { padding-left: 32px; text-align: left; } .et-icon-box-container.columns-4 .et-icon-box.icon-position-left .et-icon-content {padding-left: 0;} .et-icon-box-container.columns-4 .et-icon-box.icon-position-right .et-icon-box-inner, .et-icon-box-container.columns-1 .et-icon-box.icon-position-right .et-icon-box-inner { flex-direction: column-reverse; } .et-icon-box-container.columns-3 .et-icon-box.icon-position-right .et-icon-box-inner, .et-icon-box-container.columns-1 .et-icon-box.icon-position-right .et-icon-box-inner { flex-direction: row-reverse; } /* et-pricing-table ----*/ .et-pricing-table .price { font-size: 56px; line-height: 56px; } .et-pricing-table-container .et-button { min-width: 180px; } /* et-client ----*/ .grid.et-client-container[data-columns="6"] { grid-template-columns: repeat(3, 3fr); } .grid.et-client-container[data-columns="4"] { grid-template-columns: repeat(2, 2fr); } .grid.et-client-container[data-columns-tab="1"] {grid-template-columns: repeat(1, 1fr);} .grid.et-client-container[data-columns-tab="2"] {grid-template-columns: repeat(2, 2fr);} .grid.et-client-container[data-columns-tab="3"] {grid-template-columns: repeat(3, 3fr);} .grid.et-client-container[data-columns-tab="4"] {grid-template-columns: repeat(4, 4fr);} .grid.et-client-container[data-columns-tab="5"] {grid-template-columns: repeat(5, 5fr);} .grid.et-client-container[data-columns-tab="6"] {grid-template-columns: repeat(6, 6fr);} /* et-step-box ----*/ .et-step-box-container.columns-3 { grid-template-columns: repeat(1, 1fr); } .et-step-box-container.columns-4 { grid-template-columns: repeat(2, 1fr); } /* et-blockquote ----*/ .et-blockquote img, .et-testimonial img { max-width: 180px; } blockquote, q { font-size: 24px !important; line-height: 32px !important; } .author-wrapper:before { width: 100px; height: 100px; -webkit-mask-size: 100px; mask-size: 100px; top: -8px; left: 24px; } /* et-separator ----*/ .et-icon-separator .line { max-width:35%; } /* et-person ----*/ .et-person .person-content { padding:32px; } /* et-banner ----*/ .et-popup-banner-wrapper[data-tablet="true"], .et-banner[data-tablet="false"] { display: none; } } /* <= 1023px ----*/ @media only screen and (max-width: 1023px) { .text1023-align-center {text-align: center !important;} .text1023-align-left {text-align: left !important;} .text1023-align-right {text-align: right !important;} .content-sidebar-toggle { display: block; } .content-sidebar-toggle.active { position: absolute; top: 24px; right: 24px; z-index: 15; border:none; } .content-sidebar-toggle.active svg { width: 32%; height: 32%; transform: translateY(-2px); fill: #ffffff; } .layout-sidebar { width: 100%; height: calc(100% + 56px); padding-bottom: 56px; cursor: default; position: fixed; z-index: 9999999; top: 0; left: 0; transform: translateX(-100%); max-width: 380px; background-color: #ffffff; } .layout-sidebar .widget-area { padding: 56px 24px 0 24px; height: inherit; overflow-y: auto; opacity: 0; } .layout-sidebar .mobile-back { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; overflow: initial; fill:#ffffff; } /* Page ----*/ .mob-page-title-text-align-center.rich-header {text-align: center!important;} .mob-page-title-text-align-left.rich-header {text-align: left!important;} .mob-page-title-text-align-right.rich-header {text-align: right!important;} .mob-page-title-text-align-left.rich-header .rh-title {float: left;} .mob-page-title-text-align-left.rich-header .et-breadcrumbs { position: absolute; right: 0; top: 50%; transform: translateY(-50%); backface-visibility: hidden; margin-top: 0 !important; } .mob-page-title-text-align-right.rich-header {float: right;} .mob-page-title-text-align-right.rich-header .et-breadcrumbs { position: absolute; left: 0; top: 50%; transform: translateY(-50%); backface-visibility: hidden; margin-top: 0 !important; } .mob-page-title-text-align-left.rich-header .rh-title >:only-child { margin-bottom: 0 !important; } /* Project ----*/ .single-project-page > .project .post-media { margin-bottom: 32px; } /* Product ----*/ .woocommerce-tabs .tabs { grid-template-columns: repeat(1, 1fr); } /* et-testimonials ----*/ .et-testimonial-container[data-columns="1"] .tns-controls {bottom: 0px;} /* et-banner ----*/ .et-banner .tagline-title { padding-right: 0; padding-bottom: 16px; } /* et-pricing-tables ----*/ .gap-true.et-pricing-table-container { grid-row-gap: 16px; grid-column-gap: 16px; } } /* >= 1024px ----*/ @media only screen and (min-width: 1024px) { .hide1024 {display: none !important;} .text1024-align-center {text-align: center !important;} .text1024-align-left {text-align: left !important;} .text1024-align-right {text-align: right !important;} .vc-video-bg .video-container { width:150%; } /* Page ----*/ .page-title-text-align-left.rich-header .rh-title {float: left;} .page-title-text-align-left.rich-header .et-breadcrumbs { position: absolute; right: 0; top: 50%; transform: translateY(-50%); backface-visibility: hidden; margin-top: 0 !important; } .page-title-text-align-right.rich-header .rh-title {float: right;} .page-title-text-align-right.rich-header .et-breadcrumbs { position: absolute; left: 0; top: 50%; transform: translateY(-50%); backface-visibility: hidden; margin-top: 0 !important; } .page-title-text-align-left.rich-header .rh-title >:only-child { margin-bottom: 0 !important; } /* Posts ----*/ .loop-posts { grid-row-gap: 40px; grid-column-gap: 40px; } .sidebar-active > .container, .single-project-page .post-inner > .container{ display: grid; grid-row-gap: 40px; grid-column-gap: 40px; justify-items: stretch; grid-template-columns: 70% 26.5%; } .layout-sidebar-left > .container { grid-template-columns: 26.5% 70%; } .single-project-page .post-inner > .container { grid-template-columns: 65% 31.5%; } .project-layout-wide .single-project-page .post-inner > .container { grid-template-columns: repeat(1, 1fr); } .single-post-page > .post .post-body, .single-post-page > .post .post-comments-section, .single-post-page > .post .post-author-box, .project-layout-wide .project-details { max-width: 75%; margin-left: auto; margin-right: auto; } /* Projects ----*/ .full .loop-projects { grid-row-gap: 40px; grid-column-gap: 40px; } .post-media.gallery { margin-bottom: 0; } /* Products ----*/ .loop-products, ul.products, .loop-product-category { grid-row-gap: 24px; grid-column-gap: 24px; } .small .loop-products, .related .loop-products, ul.products, .loop-product-category { grid-template-columns: repeat(4, 4fr); } .sidebar-active .loop-products, .large .loop-products, .sidebar-active ul.products, .sidebar-active .loop-product-category { grid-template-columns: repeat(3, 3fr) !important; } .sidebar-active .loop-products .product .post-title, .layout-sidebar-none.small .loop-products .product .post-title { font-size: 24px; line-height: 28px; } .woocommerce:after { content: ""; display: table; clear: both; } .woocommerce-MyAccount-navigation {width: 25%;padding-bottom: 0;} .woocommerce-MyAccount-content {width: 75%;padding-left: 40px;} .woocommerce-MyAccount-navigation {float: left;} .woocommerce-MyAccount-content {float: right;} .product .single-product-wrapper .woocommerce-product-gallery {width: 40% !important;} .product .single-product-wrapper .summary { padding:48px; width: 60% !important; } .layout-content .product .single-product-wrapper .summary { padding:32px; } .single-product-thumbnails-left .woocommerce-product-gallery .flex-viewport { margin-left: 80px; } .single-product-thumbnails-left .woocommerce-product-gallery .flex-control-nav { position: absolute; top: 0; left: 0; display: block; max-width: 76px; } /* Widgets ----*/ .widget .columns-desk-1.flickr-image-list li, .widget .columns-desk-1.instagram-image-list li { width: 100%; } .widget .columns-desk-2.flickr-image-list li, .widget .columns-desk-2.instagram-image-list li { width: 50%; } .widget .columns-desk-3.flickr-image-list li, .widget .columns-desk-3.instagram-image-list li { width: 33.33333333333333%; } .widget .columns-desk-4.flickr-image-list li, .widget .columns-desk-4.instagram-image-list li { width:25%; } .widget .columns-desk-5.flickr-image-list li, .widget .columns-desk-5.instagram-image-list li { width: 20%; } .widget .columns-desk-6.flickr-image-list li, .widget .columns-desk-6.instagram-image-list li { width: 16.66666666666667%; } .widget .columns-desk-7.flickr-image-list li, .widget .columns-desk-7.instagram-image-list li { width: 14.28571428571429%; } .widget .columns-desk-8.flickr-image-list li, .widget .columns-desk-8.instagram-image-list li { width: 12.5%; } .widget .columns-desk-9.flickr-image-list li, .widget .columns-desk-9.instagram-image-list li { width: 11.11111111111111%; } .widget .columns-desk-10.flickr-image-list li, .widget .columns-desk-10.instagram-image-list li { width: 10%; } /* et-pricing-table ----*/ .et-pricing-table-container.columns-4 { grid-template-columns: repeat(4, 4fr); } .et-pricing-table-container.columns-5 { grid-template-columns: repeat(5, 5fr); } .et-pricing-table-container.columns-4 .et-button, .et-pricing-table-container.columns-5 .et-button { min-width: 180px; } .et-pricing-table-container.columns-4 .price, .et-pricing-table-container.columns-5 .price { font-size: 56px; line-height: 56px; } /* et-tabs ----*/ .vertical .tabset { width: 23%; } .vertical .tabs-container { width: 77%; } /* et-testimonials ----*/ .et-testimonial-container[data-columns="1"] .tns-nav {margin-top: 0;} /* et-tagline ----*/ .et-tagline .post-image-overlay .post-image-overlay-content { padding: 40px; } .et-tagline .tagline-title { font-size: 32px; line-height: 40px; } } /* >= 1024px and <= 1279px ----*/ @media only screen and (min-width: 1024px) and (max-width: 1279px){ .hide1024-1279 {display: none !important;} .text1024-1279-align-center {text-align: center !important;} .text1024-1279-align-left {text-align: left !important;} .text1024-1279-align-right {text-align: right !important;} .sidebar-active .woocommerce-tabs .tabs { grid-template-columns: repeat(1, 1fr); } /* widgets ----*/ .widget_et_recent_entries .post-title { max-width: 100%; } .widget_calendar td, .widget_calendar th, .wp-block-calendar td, .wp-block-calendar th { padding: 4px 0; } /* et-icon-box ----*/ .et-icon-box-container.columns-4 { grid-template-columns: repeat(2, 2fr); } /* et-step-box ----*/ .et-step-box-container.columns-4 { grid-template-columns: repeat(2, 2fr); } /* et-pricing-table ----*/ .et-pricing-table .price { font-size: 72px; line-height: 72px; } .et-pricing-table-container.columns-5 .price { font-size: 48px; line-height: 48px; } .et-pricing-table-container.columns-5 .et-button { min-width: 140px; padding: 17px 0px 17px 0px; } /* et-testimonials ----*/ .et-testimonial-container[data-columns="1"] .tns-controls {bottom: 24px;} /* et-person ----*/ .et-person .person-content { padding: 24px; } /* et-client ----*/ .grid.et-client-container[data-columns-tab="1"] {grid-template-columns: repeat(1, 1fr);} .grid.et-client-container[data-columns-tab="2"] {grid-template-columns: repeat(2, 2fr);} .grid.et-client-container[data-columns-tab="3"] {grid-template-columns: repeat(3, 3fr);} .grid.et-client-container[data-columns-tab="4"] {grid-template-columns: repeat(4, 4fr);} .grid.et-client-container[data-columns-tab="5"] {grid-template-columns: repeat(5, 5fr);} .grid.et-client-container[data-columns-tab="6"] {grid-template-columns: repeat(6, 6fr);} } /* <= 1279px ----*/ @media only screen and (max-width: 1279px) { #et-content { overflow-y: hidden; } .text1279-align-center {text-align: center !important;} .text1279-align-left {text-align: left !important;} .text1279-align-right {text-align: right !important;} .bullets-container {display: none;} .sidebar-navigation #wrap {padding-left: 0 !important;} /* Header ----*/ .header-mobile { position: relative; z-index: 79; } .et-desktop.mobile-false, .et-desktop.mobile-false + .header-placeholder {display: none !important;} /* et-testimonials ----*/ .et-testimonial-container.mult .et-testimonial-inner { flex-direction: column; } .et-testimonial-container.mult img { margin-bottom: 24px; } .et-testimonial-container.mult .author-wrapper { padding-left: 0; } .et-testimonial-container.mult .author-wrapper:before { bottom: -60px; } } /* >= 1280px ----*/ @media only screen and (min-width: 1280px) { .hide1280 {display: none !important;} .text1280-align-center {text-align: center !important;} .text1280-align-left {text-align: left !important;} .text1280-align-right {text-align: right !important;} .layout-container-wide > .container, .project-container-wide > .container, .product-container-wide > .container { width: 100% !important; max-width: 100% !important; } .container, .wpml-ls-statics-post_translations, .header-menu > .mm-true > ul { max-width: 1200px; } .vc-video-bg .video-container { width: 100%; } .vc-video-bg.vc-parallax .video-container { transform: translateY(0); top: -5px; height:calc(100vh*1.2) !important; width: auto !important; } body.cursor-active { cursor: none; } .et-popup-banner-wrapper[data-desktop="true"] {display: none;} /* Boxed layout ----*/ .layout-boxed:not(.sidebar-navigation) #wrap { max-width: 1280px; margin: 0 auto; overflow: hidden; } /* Header ----*/ .et-mobile.desktop-false, .et-mobile.desktop-false + .header-placeholder {display: none !important;} /* Posts ----*/ .post-title-section { max-width: 58%; } .loop-posts .post .post-body, .post-read-more-wrap, ul.products .post-body, .loop-product-category .post-body { padding: 40px; } .list .loop-posts .post .post-body { padding: 32px; } .grid .loop-posts { grid-template-columns: repeat(3, 3fr); } .masonry .loop-posts .post { width:calc(33.33333333333333% - 40px); } .sidebar-active .loop-posts, .list .loop-posts { grid-template-columns: repeat(2, 2fr); } .sidebar-active.masonry .loop-posts .post { width: calc(50% - 40px); } .sidebar-active.list .loop-posts, .full .loop-posts { grid-template-columns: repeat(1, 1fr); } .layout-sidebar-none.full .loop-posts .post .post-body, .full-content { width: 560px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin: 0; } .portrait.full .full-content { width: 88% !important; margin: -120px auto 0 auto !important; z-index: 50 !important; position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; } .layout-sidebar-none.full .loop-posts .post .post-media, .full-images { width: 895px; } .portrait.full .full-images, .portrait.full .post-media {width: 100% !important;} .single-post-page > .post .post-body, .single-post-page > .post .post-comments-section, .single-post-page > .post .post-author-box, .project-layout-wide .project-details { max-width: 60%; margin-left: auto; margin-right: auto; } .list .loop-posts .post-title {max-width: 80%;} /* Products ----*/ .small .loop-products { grid-template-columns: repeat(5, 5fr); grid-row-gap: 24px; grid-column-gap: 24px; } .small.sidebar-active .loop-products { grid-template-columns: repeat(4, 4fr) !important; grid-row-gap: 16px; grid-column-gap: 16px; } .small.sidebar-active .loop-products .product .button, .small.sidebar-active .loop-products .product .added_to_cart { width: 90%; } .medium .loop-products { grid-template-columns: repeat(4, 4fr); grid-row-gap: 24px; grid-column-gap: 24px; } .large .loop-products { grid-template-columns: repeat(3, 3fr); grid-row-gap: 40px; grid-column-gap: 40px; } .large.sidebar-active .loop-products { grid-row-gap: 24px; grid-column-gap: 24px; } .loop-posts .product .post-body { padding: 32px 24px 40px 24px; } .small.sidebar-active .loop-posts .product .post-body { padding: 24px 16px 32px 16px; } .small.layout-sidebar-none .loop-posts .product .post-body { padding: 24px 24px 32px 24px; } .large.layout-sidebar-none .loop-posts .product .post-body { padding: 32px 24px 40px 24px; } .loop-products .product .post-title { font-size: 24px; line-height: 32px; } .single .sidebar-active .loop-products, .single .large .loop-products, .single .sidebar-active ul.products, .single .sidebar-active .loop-product-category { grid-template-columns: repeat(4, 4fr) !important; } .product-layout-single.layout-sidebar-left > .container { grid-template-columns: 21.5% 75%; } .product-layout-single.layout-sidebar-right > .container { grid-template-columns: 75% 21.5%; } /* et-instagram ----*/ .et-instagram[data-columns="4"] .feed-item-description { display: block; } .et-instagram[data-columns="4"] .post-image-overlay-content > p:first-child { margin-bottom: 24px; } /* et-client ---*/ .grid.et-client-container[data-columns="5"] {grid-template-columns: repeat(5, 5fr);} .grid.et-client-container[data-columns="6"] {grid-template-columns: repeat(6, 6fr);} } /* >= 1280px and <= 1600 ----*/ @media only screen and (min-width: 1280px) and (max-width: 1599px) { .hide1280-1599 {display: none !important;} /* et-info-present ----*/ .presentation-box { position: absolute; bottom: 32px; right: 32px; padding: 32px; width: 282px; height: 282px; } .presentation-icon { margin-bottom: 16px; width:80%; } .presentation-title { font-size: 32px; line-height: 32px; } .et-info-present .tns-nav { bottom: 24px; left: 32px; } } /* >= 1600 ----*/ @media only screen and (min-width: 1600px) { .hide1600 {display: none !important;} } @supports (-ms-ime-align: auto) { .et-mailchimp .send-div .button { mask: none !important; mask-size: 0 !important; background-color: transparent !important; background: url(images/icons/arrow-ed.svg) no-repeat 50% 50% !important; background-size: 12px !important; } #et-posts-664889 .tns-controls-trigger button { background-color: transparent !important; } .tns-controls-trigger button, .post-media .tns-controls button, .et-carousel .tns-controls button, .et-gallery.slider .tns-controls button { background-image: none; } .full.color .tns-controls-trigger button { -webkit-mask:none; -webkit-mask-size: 0; mask: none; mask-size: 0; background-color: transparent !important; } .tns-controls-trigger button:before, .post-media .tns-controls button:before, .et-carousel .tns-controls button:before, .et-gallery.slider .tns-controls button:before, .full .tns-controls-trigger button:before { content:""; display: block !important; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; margin-top:-6px; margin-left:-6px; background: url(images/icons/arrow.svg) no-repeat center !important; transition: background-color 300ms ease-out, opacity 300ms ease-out; } .tns-controls-trigger button:hover:before, .post-media .tns-controls button:hover:before, .et-carousel .tns-controls button:hover:before, .et-gallery.slider .tns-controls button:hover:before, .full.color .tns-controls-trigger button:before { background: url(images/icons/arrow-ed.svg) no-repeat center !important; } .post-single-navigation a:before { content: ""; display: block; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; mask-size: 100%; margin-top:-6px; margin-left:-6px; } .video-btn svg .back { transform-origin: center center !important; } }