/* Theme Name: Bacata Theme URI: http://estudio89.com/bacata Author: estudio89 team Author URI: http://estudio89.com Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, microformats, post-formats, rtl-language-support, sticky-post, translation-ready Text Domain: estudio89 */ /* REVISAR LO DEL MENU SIDE - PROBLEMAS EN FIREFOX */ /* diplay:inline-block compatibility */ #main-menu.e89-menu-normal, .post-meta { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; } #main-menu.e89-menu-normal >li, .post-meta >* { display: inline-block; zoom: 1; *display: inline; letter-spacing: normal; word-spacing: normal; vertical-align: middle; text-rendering: auto; } /* Header */ body.header-mobile-logo-left .e89-header-logo { padding: 3px 110px 3px 10px; text-align: left; } body.header-mobile-logo-right .e89-header-logo { padding: 3px 10px 3px 110px; text-align: right; } body.float-header-all #e89-header { position: fixed; width: 100%; } #e89-header-float, .e89-header-bar, .e89-header-logo .main-logo, .e89-header-logo .float-logo, .e89-header-widget, #e89-header-nav { display: none; } .e89-mobile-button, .e89-mobile-search, .e89-mobile-cart { position:absolute; top:50%; left:0; z-index:2; width:50px; height:50px; margin:-25px 5px 0 5px; cursor: pointer; -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent; } body.header-mobile-menu-right .e89-mobile-button, body.header-mobile-logo-left .e89-mobile-button { right:0; left: auto; } body.float-header-btn .e89-mobile-button.btn-floating { margin:5px; position:fixed; top:-60px; -webkit-transition:top 0.4s ease; transition:top 0.4s ease; } .e89-mobile-button.hamburger:before, .e89-mobile-button.hamburger:after, .e89-mobile-button.hamburger span { content:''; display:block; width:26px; height:2px; position:absolute; left:12px; } .e89-mobile-button.hamburger:before { top:16px; } .e89-mobile-button.hamburger span { top:24px; } .e89-mobile-button.hamburger:after { top:32px; } body.header-mobile-menu-left .e89-mobile-search, body.header-mobile-menu-left .e89-mobile-cart { right:0; left: auto; } body.header-mobile-logo-right .e89-mobile-search, body.header-mobile-logo-right .e89-mobile-cart { left: 50px; } body.header-mobile-logo-left .e89-mobile-search, body.header-mobile-logo-left .e89-mobile-cart { right: 50px; left: auto; } .e89-mobile-search .open-search, .e89-mobile-cart .e89-icon-cart { display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 24px; } .e89-mobile-search .e89-searchform { display: none; position: absolute; z-index: 2; top: 100%; margin-top: 10px; width: 300px; font-size: 90%; } #e89-mobile-nav { z-index: 30; display: none; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } #e89-mobile-nav.show-right { -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); left: auto; right: 0; } #e89-mobile-nav.show-top { -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); right: 0; } #e89-mobile-nav.show-bottom { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); right: 0; } #e89-mobile-nav.show-fade { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity: 0; } #e89-mobile-nav a { -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent; } #e89-mobile-nav.active { display: block; } body.e89-mobile-nav-opened { overflow: hidden; } body.e89-mobile-nav-opened #e89-mobile-nav { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } body.e89-mobile-nav-opened #e89-mobile-nav.show-fade { opacity: 1; } #e89-mobile-nav-wrapper { position: relative; height: 100%; } #e89-mobile-nav .mobile-content-top { min-height: 50px; position: relative; padding: 0 50px; } #e89-mobile-nav .mobile-content-bottom { padding: 0 50px; } #e89-mobile-nav .close-mobile-nav { cursor: pointer; width: 40px; height: 40px; position: absolute; top: 5px; right: 10px; } body.header-mobile-menu-left #e89-mobile-nav:not(.show-left) .close-mobile-nav, body.header-mobile-logo-right #e89-mobile-nav:not(.show-left) .close-mobile-nav { right: auto; left:10px; } #e89-mobile-nav .close-mobile-nav:after, #e89-mobile-nav .close-mobile-nav:before { content:''; border:2px solid; display:block; width:13px; height:13px; margin:auto; position:absolute; top:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } #e89-mobile-nav .close-mobile-nav:before { border-right:none; border-bottom:none; right:6px; } #e89-mobile-nav .close-mobile-nav:after { border-left:none; border-top:none; right:22px; } #e89-mobile-logo { text-align: center; } #e89-mobile-logo img, .extra-elements.element_custom_1 img { max-width: 200px; } #e89-mobile-bar .to-top, #e89-mobile-bar .to-bottom { width: 100%; text-align: center; } #e89-mobile-bar .extra-elements { display: inline-block; padding: 10px 0; line-height: 1; } #e89-mobile-bar .extra-elements a { -webkit-transition: color .3s ease; transition: color .3s ease; } #e89-mobile-bar .extra-elements .link { display: inline-block; margin: 0 5px; } #e89-mobile-bar .extra-elements .fa { vertical-align: middle; } #e89-mobile-bar .extra-elements .text { vertical-align: middle; line-height: 1.2em; } #e89-mobile-bar .extra-elements .with-icon { padding-left: 5px; } #e89-mobile-bar .e89-searchform { top: auto; bottom: 100%; } #mobile-menu, #mobile-menu ul { margin: 0; padding: 0; } #mobile-menu li >a, #mobile-menu a .description, #mobile-menu ul { -webkit-transition: none .3s ease; transition: none .3s ease; -webkit-transition-property: color; transition-property: color; } #mobile-menu li >a { text-decoration:none; display:block; min-height: 40px; position:relative; } #mobile-menu a .icon { display:inline-block; vertical-align: middle; backface-visibility: hidden; padding-right:5px; } #mobile-menu a .icon img { display: block; max-width: none; } #mobile-menu a .text { display:inline-block; vertical-align:middle; backface-visibility: hidden; } #mobile-menu a .title { display: block; line-height: 1.2em; } #mobile-menu a .description { display:block; line-height:1.2em; } #mobile-menu li:after, #mobile-menu li:first-child:before { display: block; } #mobile-menu:not(.dividers-first-last) li:first-child:before, #mobile-menu:not(.dividers-first-last) li:last-child:after { display: none;} .e89-menu-slide-wrapper { position: relative; height: 100%; } .e89-menu-slide { left: 0; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: left .3s ease; transition: left .3s ease; } .e89-menu-slide ul { width: 100%; left: 100%; position: absolute; top: 0; } .e89-menu-slide li { list-style: none; overflow: hidden; word-break: break-word; display: none; } .e89-menu-slide-wrapper >.panel-active >li, .e89-menu-slide .item-active, .e89-menu-slide .item-active >.panel-active, .e89-menu-slide .panel-active >li { display: block; } .e89-menu-slide a.link { padding-left: 50px; padding-right: 50px; } .e89-menu-slide .menu-item-has-children >a.link:not(.next) { padding-right: 0!important; width: calc(100% - 90px); } .e89-menu-slide a.only-open { display: block; float: right; width: 40px; } .e89-menu-slide a.next:after, .e89-menu-slide a.back:after { text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:FontAwesome; font-style:normal; font-weight:normal; position:absolute; line-height: 1; font-size: 20px; text-align: center; width: 50px; top: 50%; right: 0; margin-top: -10px; content: '\f105'; } .e89-menu-slide a.back:after { left: 0; right: auto; content: '\f104'; } .e89-menu-slide:not(.dividers-none) li:after, .e89-menu-slide:not(.dividers-none) li:first-child:before { content: ''; width: 100%; height: 1px; } .e89-menu-slide.dividers-custom li:after, .e89-menu-slide.dividers-custom li:first-child:before { margin: auto; } #e89-main-head { position: relative; } .e89-main-head-wrapper { display: table; width: 100%; margin: auto; } .e89-main-head-content { display: table-cell; vertical-align: middle; position: relative; } #e89-main-head .post-title { color: inherit; } #e89-main-head.border { border-bottom: 1px solid; } #e89-main-head:not(.mode-slider) .e89-main-head-content { padding: 40px 20px; } #e89-main-head.mode-slider { background: transparent; } @media (min-width: 778px) { .e89-header-wrapper { min-height: 90px; } } @media (min-width: 1024px) { body.float-header-all #e89-header { position: relative; } .e89-header-bar-wrapper { display: table; width: 100%; margin: auto; } .e89-header-bar .to-left, .e89-header-bar .to-right { display: table-cell; } body.header-mode-side .e89-header-bar .to-left, body.header-mode-side .e89-header-bar .to-right { width: 100%; text-align: center; } .e89-header-bar .extra-elements { display: inline-block; max-width: 100%; line-height: 1; } .e89-header-bar .extra-elements a { -webkit-transition: color .3s ease; transition: color .3s ease; } .e89-header-bar .extra-elements .link { display: inline-block; margin: 0 5px; } .e89-header-bar .extra-elements .fa { vertical-align: middle; } .e89-header-bar .extra-elements .text { vertical-align: middle; line-height: 1.2em; } .e89-header-bar .extra-elements .with-icon { padding-left: 5px; } .e89-header-widget { display: block; } .e89-header-widget .widget { padding: 10px; margin: 0 auto; } .e89-header-widget .widget a { color:inherit; } #e89-header-nav.e89-menu-slide-wrapper { display: block; } #e89-header-nav .to-left, #e89-header-nav .to-right { display: table-cell; white-space: nowrap; vertical-align: middle; } #e89-header-nav .extra-elements { display: inline-block; max-width: 100%; line-height: 1; } #e89-header-nav .extra-elements a { -webkit-transition: color .3s ease; transition: color .3s ease; } #e89-header-nav .extra-elements .link { display: inline-block; margin: 0 5px; } #e89-header-nav .extra-elements .fa { vertical-align: middle; } #e89-header-nav .extra-elements .text { vertical-align: middle; line-height: 1.2em; } #e89-header-nav .extra-elements .with-icon { padding-left: 5px; } #main-menu, #main-menu ul { padding: 0; margin: 0; } #main-menu li >a, #main-menu a .description { -webkit-transition: none .3s ease; transition: none .3s ease; -webkit-transition-property: color, background, border; transition-property: color, background, border; } #main-menu.e89-menu-normal { list-style: none; display: table-cell; } #main-menu.e89-menu-normal li { position:relative; } #main-menu.e89-menu-normal >li:last-child >a { margin-right: 0; } #main-menu.e89-menu-normal >li:first-child >a { margin-left: 0; } #main-menu li >a { text-decoration:none; display:block; position:relative; } #main-menu.item-underline >li >a:before { content:''; display:block; position:absolute; bottom: 0; width: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } #main-menu.item-underline >li.current-menu-item >a:before, #main-menu.item-underline >li:hover >a:before { width:100%; bottom: 0; opacity: 1; } #main-menu.underline-left >li >a:before { left: 0; } #main-menu.underline-right >li >a:before { right: 0; } #main-menu.underline-center >li >a:before { margin: auto; left: 0; right: 0; } #main-menu.underline-bottom >li >a:before { width: 100%; bottom: -10px; opacity: 0; } #main-menu.underline-opacity >li >a:before { width: 100%; opacity: 0; } #main-menu.e89-menu-slide li >a { min-height: 40px; } #main-menu a .icon { display:inline-block; vertical-align: middle; backface-visibility: hidden; padding-right:5px; } #main-menu a .icon img { display: block; max-width: none; } #main-menu a .text { display:inline-block; vertical-align:middle; backface-visibility: hidden; } #main-menu a .title { display: block; line-height: 1.2em; } #main-menu a .description { display:block; line-height: 1.2em; } #main-menu.e89-menu-normal .menu-item-has-children >a:after { text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:FontAwesome; font-style:normal; font-weight:normal; position:absolute; text-align:right; line-height: 1; } #main-menu.e89-menu-normal ul { z-index:10; position:absolute; left:0; visibility:hidden; opacity:0; -webkit-transition: none .3s ease; transition: none .3s ease; -webkit-transition-property: margin-top, visibility, opacity; transition-property: margin-top, visibility, opacity; } #main-menu.e89-menu-normal li:hover >ul { visibility:visible; opacity:1; } #main-menu.e89-menu-normal ul ul { left:100%; } #main-menu.e89-menu-normal ul li { display: block; word-break: break-word; } #main-menu.e89-menu-normal ul a { min-height:40px; } #main-menu.e89-menu-normal >li.menu-item-has-children >a:after{ content:"\f107"; line-height: 1.2em; } #main-menu.e89-menu-normal li.dropdownmenu ul .menu-item-has-children >a:after { content:"\f105"; top: 50%; } #main-menu.e89-menu-normal .remove-link >a { cursor: default; } #main-menu .megamenu .column-title >a, #main-menu .megamenu .column-title >a:hover { background: transparent; border-radius: 0; border: 0; } #main-menu .megamenu .column { float:left; } #main-menu .col-1 .column { width:100%; } #main-menu .col-2 .column { width:50%; } #main-menu .col-3 .column { width:33.333%; } #main-menu .col-4 .column {width:25%; } #main-menu .col-5 .column { width:20%; } #main-menu .megamenu .column ul { position:static; visibility:inherit; opacity:inherit; background: transparent; } #main-menu .megamenu .column li { width: 100%; } #main-menu.e89-menu-normal:not(.dividers-none) >li:after, #main-menu.e89-menu-normal:not(.dividers-none) >li:first-child:before { content: ''; position: absolute; width: 1px; top: 0; bottom: 0; right: 0; } #main-menu.e89-menu-normal >li:first-child:before { left: 0; right: auto; } #main-menu.e89-menu-normal.dividers-custom >li:after, #main-menu.e89-menu-normal.dividers-custom >li:first-child:before { top: 50%; } #main-menu li:after, #main-menu li:first-child:before { display: block; } #main-menu:not(.dividers-first-last) li:first-child:before, #main-menu:not(.dividers-first-last) li:last-child:after { display: none; } } /* REVISAR - y muchos deberían activarse despues de 1024 - Pendiente de extra-elements en el menu, se desborda por el flex */ .e89-header-bar-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } body.header-mode-side .e89-header-bar-wrapper { -moz-box-direction: column; -webkit-box-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flexbox-direction: column; -ms-flex-direction: column; flex-direction: column; } .e89-header-bar .to-left, .e89-header-bar .to-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flexbox-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .e89-header-bar .to-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; text-align: right; } .e89-header-bar .extra-elements { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } body.header-mode-side .e89-header-bar .extra-elements { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .e89-menu-slide-wrapper { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .e89-menu-slide-wrapper >.top-align-left >li ul >li >a { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content:flex-start; text-align: left; } .e89-menu-slide-wrapper >.top-align-center >li ul >li >a { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; text-align: center; } .e89-menu-slide-wrapper >.top-align-right >li ul >li >a { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; text-align: right; } #e89-mobile-nav-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-box-direction: column; -webkit-box-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flexbox-direction: column; -ms-flex-direction: column; flex-direction: column; } #e89-mobile-nav .mobile-content-top, #e89-mobile-nav .mobile-content-bottom { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } #e89-mobile-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -moz-box-direction: column; -webkit-box-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flexbox-direction: column; -ms-flex-direction: column; flex-direction: column; } #e89-mobile-bar .to-top, #e89-mobile-bar .to-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flexbox-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #e89-mobile-bar .extra-elements { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } #mobile-menu a.link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mobile-menu a .icon, #mobile-menu a .text { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } #mobile-menu.top-align-left >li >a { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content:flex-start; text-align: left; } #mobile-menu.top-align-center >li >a { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; text-align: center; } #mobile-menu.top-align-right >li >a { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; text-align: right; } @media (min-width: 1024px) { #e89-header-nav:not(.e89-menu-slide-wrapper) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } #e89-header-nav:not(.e89-menu-slide-wrapper) > #main-menu { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flexbox-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #e89-header-nav.header-menu-align-justify #main-menu, #e89-header-nav.header-menu-align-justify #main-menu >li { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } #e89-header-nav.header-menu-align-left, #e89-header-nav.header-menu-align-left #main-menu { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content:flex-start; text-align: left; } #e89-header-nav.header-menu-align-center, #e89-header-nav.header-menu-align-center #main-menu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; text-align: center; } #e89-header-nav.header-menu-align-right, #e89-header-nav.header-menu-align-right #main-menu { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; text-align: right; } #e89-header-nav .to-left, #e89-header-nav .to-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } #main-menu a.link, #main-menu.e89-menu-normal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } #main-menu a .icon, #main-menu a .text { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } #main-menu.top-align-left >li >a, #main-menu.sub-align-left >li ul li >a, #main-menu.mega-align-left >li.megamenu ul .column-title >a { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content:flex-start; text-align: left; } #main-menu.top-align-center >li >a, #main-menu.sub-align-center >li ul li >a, #main-menu.mega-align-center >li.megamenu ul .column-title >a { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; text-align: center; } #main-menu.top-align-right >li >a, #main-menu.sub-align-right >li ul li >a, #main-menu.mega-align-right >li.megamenu ul .column-title >a { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; text-align: right; } } /* ------------------------------------------------------ STRUCTURE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ------------------------------------------------------ */ #e89-footer-wrapper { margin: auto; } .extra-elements.element_cart { position: relative; padding-right: 5px; } .e89-mobile-cart span.e89-count-cart, .extra-elements.element_cart span.e89-count-cart { position: absolute; font-family: sans-serif; line-height: 15px; width: 15px; font-size: 10px; background: #4f08a0; color: #fff; text-align: center; border-radius: 50%; top: -3px; right: 0; } .e89-mobile-cart span.e89-count-cart { top: 8px; right: 6px; } .post-content blockquote:not(.featured) { padding: 15px 15px 15px 40px; border-left: 2px solid; margin-bottom: 20px; } .e89-loop-container { margin-bottom: 20px; position: relative; } .e89-loop-container .e89-load-box { position: relative; display: block; min-height: 3em; text-align: center; } .e89-loop-container .e89-loop-spiner { position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; } /* ------------------------------------------------------ SINGLE & PAGE ------------------------------------------------------ */ .post-title { line-height: 1.3em; margin: 0; } .post-meta >span, .post-meta >p { line-height: 1.3em; margin: 10px 0 0 0; padding: 0 10px; position: relative; } .post-meta >p { padding: 0; } .post-meta >span:first-child { padding-left: 0; } .post-meta >span:last-child { padding-right: 0; } .post-meta >span:after { content: ''; position: absolute; top: 50%; margin-top: -2px; right: -2px; width: 4px; height: 4px; border-radius: 50%; } .post-meta >span:last-child:after { display: none; } .post-featured { position: relative; display: block; margin-bottom: 20px; text-align: center; } .post-featured blockquote { background: #f7f7f7; padding: 80px 40px; } .post-featured blockquote * { position: relative; z-index: 2; font-size: 200%; } .post-featured blockquote p.author { margin-top: 20px; font-size: 120%; } .post-featured blockquote p.author:before { content: ''; border-top: 1px solid; display: block; max-width: 25px; margin: 0 auto 10px auto; } .post-featured blockquote.cover { background-size: cover; background-position: center; background-color: transparent; color: #fff; } .post-featured blockquote.cover:after { content: ''; background: #000; opacity: .2; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .post-featured blockquote .e89-svg-icon { display: block; margin: 0 auto 10px auto; width: 50px; height: 50px; fill: currentColor; } .post-featured blockquote.featured, .post-featured blockquote.featured a { color: inherit; } .post-featured blockquote.featured a:hover { opacity: .8; } .post-featured blockquote.cover.featured, .post-featured blockquote.cover.featured a { color: #fff; } .post-content .post-pages { display: block; margin: 20px 0; text-align: center; } .post-navigation { border-top: 1px solid; padding-top: 40px; margin-top: 40px; } .post-navigation .nav-links { position: relative; overflow: hidden; text-transform: uppercase; } .post-navigation .screen-reader-text { display: none; } .post-navigation .nav-previous, .post-navigation .nav-next { width: 50%; display: inline-block; vertical-align: middle; } .post-navigation .nav-next { text-align: right; float: right; } .post-navigation .nav-previous ~ .nav-next { float: none; } .post-navigation a { display: block; padding: 0 30px; } .post-navigation i { position: absolute; width: 30px; top: 50%; margin-top: -15px; font-size: 30px; } .post-navigation .nav-previous i { left: 0; } .post-navigation .nav-next i { right: 0; } .post-navigation .nav-tag { font-size: 90%; } .post-navigation .nav-tag, .post-navigation .nav-title { display: block; line-height: 1.3em; } .post-related { border-top: 1px solid; margin-top: 40px; padding-top: 40px; } .post-related .rel-container{ display: block; margin: 0 -10px; text-align: center; } .post-related .rel-box { display: inline-block; vertical-align: top; max-width: 320px; width: 33.333%; padding: 10px; } .post-related .featured-animate, .post-related img { width: 100%; } .post-related .rel-title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 10px; border: 1px solid; border-top: 0; } .post-share { display: block; text-align: center; margin-top: 20px; } .post-share:before { content: ''; display: block; border-top: 1px solid; margin: 0 auto 20px auto; max-width: 200px; } .post-share .label { display: inline-block; vertical-align: middle; line-height: 34px; } .post-share a { display: inline-block; vertical-align: middle; margin-left: 10px; padding: 0 5px; } .post-share .icon { font: normal normal normal 14px/1 FontAwesome; font-size: 22px; line-height: 34px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post-share .icon-facebook:before { content: "\f09a"; } .post-share .icon-twitter:before { content: "\f099"; } .post-share .icon-linkedin:before { content: "\f0e1"; } .post-share .icon-pinterest:before { content: "\f0d2"; } .post-share .icon-whatsapp:before { content: "\f232"; } .post-share .icon-whatsapp{ display: none; } .post-tags { display: block; margin: 40px 0; line-height: 1.3em; text-align: center; } .post-tags a { display: inline-block; vertical-align: middle; margin:0 5px; padding: 0 5px; } .section-title { line-height: 1.3em; display: block; margin-bottom: 20px; text-align: center; } .e89-author { display: table; width: 100%; margin-top: 40px; padding: 40px; } .e89-author .author-avatar { display: table-cell; vertical-align: top; width: 1px; white-space: nowrap; } .e89-author .author-info { display: table-cell; vertical-align: top; } .e89-author .author-avatar img { border-radius: 50%; border: 2px solid #fff; background: #fff; margin-right: 20px; } .e89-author .name { display: block; line-height: 1.3em; margin-bottom: 10px; } .e89-author .desc { display: block; font-size: 90%; } .e89-author .links { display: block; margin-top: 10px; } .e89-author .links a { display: inline-block; vertical-align: middle; font-size: 20px; margin-right: 10px; } /* ------------------------------------------------------ LOOP ------------------------------------------------------ */ .e89-post-loop { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid; text-align: center; } .e89-post-loop .post-featured { margin-top: 20px; } .post-excerpt p{ margin: 20px 0 0 0; } .post-excerpt .more-link { display: inline-block; line-height: 1.3em; padding: 20px 0; } /* isotope */ .e89-isotope { margin-left: -10px; margin-right: -10px; } .e89-isotope-item, .e89-isotope-sizer { width: 33.333%; } .e89-isotope-item.e89-sticky { width: 66.666%; } .e89-isotope-item { padding: 10px; overflow: hidden; } .e89-isotope-text { background: #f7f7f7; padding: 20px; text-align: left; } .e89-isotope .post-featured { margin: 0; } .e89-isotope .post-title { font-size: 22px; } .e89-isotope .post-meta >span { font-size: 12px; margin-top: 5px; } .e89-isotope .post-excerpt p { font-size: 14px; margin-top: 10px; } .e89-isotope .more-link { font-size: 12px; padding: 10px 0 0 0; margin-top: 10px; border-top: 1px solid; } .e89-isotope .e89-post-loop { margin-bottom: 0; padding-bottom: 0; border: none; } /* ------------------------------------------------------ PAGINATION ------------------------------------------------------ */ #e89-pagination { text-align: center; margin-top: 20px; } #e89-pagination ul { display: inline-block; list-style: none; margin: 0; padding: 0; } #e89-pagination ul li { display: inline-block; vertical-align: middle; } #e89-pagination ul li a, #e89-pagination ul li span { display: block; text-decoration: none; padding: .5em; line-height: 1; min-width: 2em; } /* ------------------------------------------------------ RESPONSIVE VIDEOS ------------------------------------------------------ */ /* Embedded resposive */ .e89-embed, .wp-video { width: 100%!important; } .e89-embed iframe { width: 100%; height: auto; display: block; } /* Embedded audio */ .featured-content >iframe { width: 100%; } /* WP Audio post format */ .e89-audio-content.has-cover { padding-left: 150px; background-size: contain; background-repeat: no-repeat; background-position: left; background-color: #222; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode { height: 150px!important; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls { background: transparent; height: 50px; top: 50%; margin-top: -25px; padding: 0 20px; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls >div, .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls >a { margin-top: 10px; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-playpause-button { width: 50px; height: 50px; margin-top: 0; margin-right: 10px; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-playpause-button button { width: 50px; height: 50px; margin: 0; background: transparent; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-playpause-button button:after, .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-playpause-button button:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-playpause-button button:after { opacity: 0; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-playpause-button button:hover:after { opacity: 1; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-playpause-button button:hover:before { opacity: 0; } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-play button:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.143,3.358,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5C15.5,3.857,12.143,0.5,8,0.5z M6.864,10.5v-5l4,2.5L6.864,10.5z'/%3E%3C/svg%3E"); } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-play button:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.143,3.358,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5C15.5,3.857,12.143,0.5,8,0.5z M8,14.812c-3.763,0-6.813-3.054-6.813-6.812c0-3.763,3.051-6.813,6.813-6.813c3.764,0,6.812,3.05,6.812,6.813 C14.812,11.764,11.764,14.812,8,14.812z M6.864,5.5l4,2.5l-4,2.5V5.5z'/%3E%3C/svg%3E"); } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-pause button:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.143,3.358,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5C15.5,3.857,12.143,0.5,8,0.5z M7.5,10h-1V6h1V10z M9.5,10h-1V6h1V10z'/%3E%3C/svg%3E"); } .e89-audio-content .e89-mejs-container.wp-audio-shortcode .mejs-controls .mejs-pause button:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.143,3.358,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5C15.5,3.857,12.143,0.5,8,0.5z M8,14.812c-3.763,0-6.813-3.054-6.813-6.812c0-3.763,3.051-6.813,6.813-6.813c3.764,0,6.812,3.05,6.812,6.813 C14.812,11.764,11.764,14.812,8,14.812z M6.5,10h1V6h-1V10z M8.5,6v4h1V6H8.5z'/%3E%3C/svg%3E"); } /* ------------------------------------------------------ FEATURED ANIMATIONS ------------------------------------------------------ */ .featured-animate { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .featured-animate .ft-image { display: block; overflow: hidden; } .featured-animate img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: all .5s ease; transition: all .5s ease; } .featured-animate:hover img{ -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .featured-animate .ft-image:after{ content: ''; position: absolute; z-index: 1; background: #000; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .featured-animate:hover .ft-image:after{ opacity: .2; } .featured-animate .ft-buttons { position: absolute; z-index: 2; opacity: 0; top: 70%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all .3s ease; transition: all .3s ease; } .featured-animate:hover .ft-buttons { opacity: 1; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .featured-animate .ft-buttons a { position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 50px; padding: 5px; font-size: 0; line-height: 0; color: transparent; } .featured-animate .ft-buttons a:before, .featured-animate .ft-buttons a:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: 50px; -webkit-transition: all .3s ease; transition: all .3s ease; } .featured-animate .ft-buttons a:after { opacity: 0; } .featured-animate .ft-buttons a:hover:after { opacity: 1; } .featured-animate .ft-buttons a:hover:before { opacity: 0; } .featured-animate .ft-buttons a.ft-btn-more:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.142,3.358,7.5,7.5,7.5c4.143,0,7.5-3.358,7.5-7.5C15.5,3.857,12.143,0.5,8,0.5z M8,14.813c-3.763,0-6.813-3.051-6.813-6.813c0-3.763,3.051-6.813,6.813-6.813c3.764,0,6.813,3.05,6.813,6.813 C14.813,11.763,11.764,14.813,8,14.813z M11.75,7.998L9.686,5.281H9.029l1.809,2.38H4.267v0.678h6.569l-1.807,2.378h0.656 L11.75,7.998z'/%3E%3C/svg%3E"); } .featured-animate .ft-buttons a.ft-btn-more:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.143,3.358,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5C15.5,3.857,12.143,0.5,8,0.5z M9.686,10.717H9.029l1.807-2.378H4.267V7.661h6.571l-1.809-2.38h0.656l2.064,2.717L9.686,10.717z'/%3E%3C/svg%3E"); } .featured-animate .ft-buttons a.ft-btn-zoom:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.143,3.358,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5C15.5,3.857,12.143,0.5,8,0.5z M8,14.812c-3.763,0-6.813-3.053-6.813-6.812c0-3.763,3.051-6.813,6.813-6.813c3.764,0,6.812,3.05,6.812,6.813 C14.812,11.764,11.764,14.812,8,14.812z M4.937,4.258h1.611v0.678H4.937v1.611H4.259V4.936V4.258H4.937z M4.937,11.064h1.611v0.678 H4.937H4.259v-0.678V9.453h0.678V11.064z M11.063,9.454h0.678v1.61v0.678h-0.678H9.452v-0.678h1.611V9.454z M11.062,4.936H9.453 V4.258h1.609h0.678v0.678v1.611h-0.678V4.936z'/%3E%3C/svg%3E"); } .featured-animate .ft-buttons a.ft-btn-zoom:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.143,3.358,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5C15.5,3.857,12.143,0.5,8,0.5z M4.937,4.258h1.611v0.678H4.937v1.611H4.259V4.936V4.258H4.937z M4.937,11.064h1.611v0.678H4.937H4.259v-0.678V9.453h0.678V11.064z M11.063,9.454h0.678v1.61v0.678h-0.678H9.452v-0.678h1.611V9.454z M11.062,4.936H9.453V4.258h1.609h0.678v0.678v1.611h-0.678V4.936 z'/%3E%3C/svg%3E"); } /* ------------------------------------------------------ WIDGETS ------------------------------------------------------ */ .widget { position: relative; display: block; line-height: 1.3em; } .widget-title { margin-bottom: 20px; } .widget ol, .widget ul { padding-left: 20px; margin: 0; } .widget li { padding: 0; } .widget h1,.widget h2,.widget h3,.widget h4,.widget h5,.widget h6 { color: inherit; } .tagcloud a { display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; padding: 0 3px; line-height: 1.3em; } .e89_widget_lastpost .e89_lastpost_box { line-height: 1.3em; text-align: center; } .e89_widget_lastpost a { display: inline-block; } .e89_widget_lastpost img { width: 100%; max-width: 150px; border: 3px solid #ddd; border-radius: 50%; } .e89_widget_lastpost span:before { content: ''; display: block; border-top: 1px solid; width: 50px; margin: 10px auto; } /* ------------------------------------------------------ FORM ------------------------------------------------------ */ input, textarea, select, button { font-size: 100%; font-family: inherit; color: #808080; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } ::-moz-placeholder { color: inherit; opacity: 1; } :-moz-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } :focus::-webkit-input-placeholder { opacity: .5; } :focus::-moz-placeholder { opacity: .5; } :focus:-moz-placeholder { opacity: .5; } :focus:-ms-input-placeholder { opacity: .5; } input[type=text], input[type=password], input[type=email], input[type=search], input[type=tel], input[type=number], textarea, select { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f1f1f1; border: 1px solid #ddd; border-radius: 0; padding: 10px 15px; width: 100%; } input[type=radio], input[type=checkbox] { margin: 0 3px; } select { padding-right: 30px; background-repeat: no-repeat; background-position: right 10px center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='10px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23808080' d='M15.5,4.25L8,11.75l-7.5-7.5H15.5z'/%3E%3C/svg%3E"); } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus, select:focus { outline: none; background-color: #f9f9f9; } input[type=reset], input[type=submit], input[type=button], button { background: #3a3939; color: #fff; border: none; padding: 10px 20px; cursor: pointer; outline: none; } input[type=reset]:hover, input[type=submit]:hover, input[type=button]:hover, button:hover { background: #000; } /* Contact form 7 */ span.wpcf7-list-item { margin: 0 .5em; } .wpcf7-form p { line-height: 1; } .wpcf7-list-item-label { vertical-align: middle; } span.wpcf7-not-valid-tip { color: #ad0204; font-size: 80%; line-height: 1.3em; margin-top: 3px; } div.wpcf7-response-output { margin: 0; padding: 5px 10px; font-size: 90%; line-height: 1.3em; } div.wpcf7-mail-sent-ok { background: #31a500; color: #fff; border: 0; } div.wpcf7-validation-errors { background: #ad0204; color: #fff; border: 0; } /* ------------------------------------------------------ COMMENTS ------------------------------------------------------ */ .comments-area { margin-top: 40px; border-top: 1px solid; padding-top: 40px; } .comments-area .comment-list, .comments-area .comment-list ul { padding: 0; margin: 0; } .comments-area .comment-list { padding: 40px; margin-bottom: 20px; } .comments-area .comment-list li { list-style: none; position: relative; } .comments-area .comment-list >li, .comments-area .comment-list >.comment-respond { padding-bottom: 20px; border-bottom: 1px solid; margin-bottom: 20px; } .comments-area .comment-list >li:last-child, .comments-area .comment-list >div:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .comments-area .comment-list ul li { margin-top: 20px; padding: 20px 0 0 5%; border-top: 1px solid; } .comments-area .comment-list ul #reply-title:before{ content: ''; display: block; border-top: 1px solid; margin: 20px auto; } .comments-area .comment-avatar { display: inline-block; vertical-align: middle; margin-right: 10px; } .comments-area .comment-avatar .avatar { display: block; border-radius: 50%; border: 2px solid #fff; background: #fff; } .comments-area .comment-data { display: inline-block; vertical-align: middle; line-height: 1.3em; } .comments-area .comment-author { display: inline-block; margin-right: 100px; } .comments-area .bypostauthor >.comment-data .comment-author { padding-right: 20px; background-repeat: no-repeat; background-position: right center; } .comments-area .comment-entry { display: block; margin-top: 10px; clear: both; } .comments-area .comment-moderation { display: inline-block; padding-top: 10px; margin-top: 20px; font-style: italic; border-top: 1px solid; } .comments-area .comment-moderation i { margin-right: 5px; } .comments-area p { margin: 0; } .comments-area .comment-reply, .comments-area .comment-reply-cancel { position: absolute; right: 0; top: 0; line-height: 1.3em; text-align: right; } .comments-area ul .comment-reply, .comments-area ul .comment-reply-cancel { top: 20px; } .comments-area .comment-time, .comments-area .comment-reply-link, .comments-area .comment-edit-link, #cancel-comment-reply-link { display: block; font-size: 80%; } .comments-area .comment-navigation { line-height: 2em; padding: 0 40px; margin-bottom: 20px; overflow: hidden; } .comments-area .comment-navigation .screen-reader-text { display: none; } .comments-area .comment-navigation .nav-previous { float: left; } .comments-area .comment-navigation .nav-next { text-align: right; float: right; } .comments-area .comments-closed { margin: 0; } #respond { position: relative; } #commentform .comment-form-msg { line-height: 1.3em; text-align: center; margin-bottom: 20px; } #commentform .comment-form-comment { margin-bottom: 10px; } #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url { float: left; width: 33.333%; padding-right: 10px; margin-bottom: 20px; } #commentform .comment-form-url { padding-right: 0; } #commentform .form-submit { clear: both; margin-bottom: 0; } /* SEARCH FORM ================================================ */ .e89-searchform { position: relative; } .e89-searchform.has-button input[type=text] { padding-right: 40px; } .e89-searchform label { position: absolute; right: 5px; top: 50%; margin-top: -15px; display: inline-block; vertical-align: middle; cursor: pointer; } .e89-searchform input[type=submit] { display: none; } .e89-searchform .e89-svg-icon { width: 20px; height: 20px; vertical-align: middle; opacity: .5; fill: currentColor; padding: 5px; } .element_search { position: relative; } .element_search a.open-search { cursor: pointer; } .element_search .e89-searchform { display: none; position: absolute; z-index: 2; top: 100%; margin-top: 10px; width: 300px; font-size: 90%; } /************************************************************************************ FOOTER *************************************************************************************/ #e89-footer .columns-container { display: block; margin: 0 -20px; } #e89-footer .column { display: inline-block; vertical-align: top; } #e89-footer .col-1-a .column { width: 100%; } #e89-footer .col-2-a .column, #e89-footer .col-3-b .column.col-3, #e89-footer .col-3-c .column.col-1 { width: 50%; } #e89-footer .col-2-b .column, #e89-footer .col-2-c .column { width: 66.666%; } #e89-footer .col-3-a .column, #e89-footer .col-2-b .column.col-1, #e89-footer .col-2-c .column.col-2, #e89-footer .col-5-b .column.col-5, #e89-footer .col-5-c .column.col-1 { width: 33.333%; } #e89-footer .col-4-b .column.col-4, #e89-footer .col-4-c .column.col-1 { width: 40%; } #e89-footer .col-4-a .column, #e89-footer .col-3-b .column, #e89-footer .col-3-c .column { width: 25%; } #e89-footer .col-5-a .column, #e89-footer .col-4-b .column, #e89-footer .col-4-c .column { width: 20%; } #e89-footer .col-6-a .column, #e89-footer .col-5-b .column, #e89-footer .col-5-c .column { width: 16.666%; } #e89-footer .widget { margin-bottom: 20px; } #e89-footer .copyright-area { display: block; position: relative; min-height: 40px; line-height: 40px; font-size: 90%; text-align: center; } #e89-footer .copyright-area:before { content: ''; display: block; border-top: 1px solid; padding-bottom: 20px; opacity: 0.2; } #e89-footer .copyright-text { display: inline-block; vertical-align: middle; line-height: normal; padding: 0 40px; } #e89-footer a.back-top { position: absolute; bottom: 0; right: 0; width: 40px; font-size: 20px; cursor: pointer; } /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 15px; } .alignleft { float: left; margin-right: 30px; } .alignright { float: right; margin-left: 30px; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text { font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0; } /************************************************************************************ GALLERY *************************************************************************************/ #e89-main .gallery { margin: 5px 0 20px 0; } /* gallery item */ #e89-main .gallery dl { margin: 0 8px 8px 0; display: inline-block; vertical-align: top; *display:inline; width: auto; float: none; text-align: center; } /* gallery caption */ #e89-main .gallery dd { width: 140px; line-height: 120%; font-size: 90%; text-align: center; margin: 5px 0 0; } /* get rid of br tag */ .gallery br { display:none; } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } a.e89-image-popup:focus { outline: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; max-width: 1000px; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { top:-44px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Slick */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Arrows */ .slick-prev, .slick-next { z-index: 1; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev { left: 10px; } [dir='rtl'] .slick-prev { right: 10px; left: auto; } .slick-next { right: 10px; } [dir='rtl'] .slick-next { right: auto; left: 10px; } .slick-prev:after, .slick-prev:before, .slick-next:after, .slick-next:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-repeat: no-repeat; -webkit-transition: all .3s ease; transition: all .3s ease; } .slick-prev:after, .slick-next:after { opacity: 0; } .slick-prev:hover:after, .slick-next:hover:after { opacity: 1; } .slick-prev:hover:before, .slick-next:hover:before { opacity: 0; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .5; } .slick-prev.slick-disabled:hover:after, .slick-next.slick-disabled:hover:after { opacity: 0; } .slick-prev:before, [dir='rtl'] .slick-next:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.142,3.358,7.5,7.5,7.5c4.144,0,7.5-3.358,7.5-7.5 C15.5,3.857,12.144,0.5,8,0.5z M8,14.813c-3.763,0-6.813-3.052-6.813-6.813c0-3.763,3.051-6.813,6.813-6.813 c3.764,0,6.813,3.05,6.813,6.813C14.813,11.763,11.764,14.813,8,14.813z M5.953,7.999l2.078,2.719h0.657L6.607,7.999l2.08-2.717 H8.031L5.953,7.999z'/%3E%3C/svg%3E"); } .slick-prev:after, [dir='rtl'] .slick-next:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.142,3.358,7.5,7.5,7.5c4.144,0,7.5-3.358,7.5-7.5 C15.5,3.857,12.144,0.5,8,0.5z M8.031,10.718L5.953,7.999l2.078-2.717h0.656l-2.08,2.717l2.081,2.719H8.031z'/%3E%3C/svg%3E"); } .slick-next:before, [dir='rtl'] .slick-prev:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.142,3.358,7.5,7.5,7.5c4.144,0,7.5-3.358,7.5-7.5 C15.5,3.857,12.144,0.5,8,0.5z M8,14.813c-3.763,0-6.813-3.052-6.813-6.813c0-3.763,3.051-6.813,6.813-6.813 c3.764,0,6.813,3.05,6.813,6.813C14.813,11.763,11.764,14.813,8,14.813z M8,5.282H7.345l2.079,2.717l-2.08,2.719H8l2.078-2.719 L8,5.282z'/%3E%3C/svg%3E"); } .slick-next:after, [dir='rtl'] .slick-prev:after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M8,0.5C3.858,0.5,0.5,3.857,0.5,8c0,4.142,3.358,7.5,7.5,7.5c4.144,0,7.5-3.358,7.5-7.5 C15.5,3.857,12.144,0.5,8,0.5z M8,10.718H7.344l2.08-2.719L7.345,5.282H8l2.078,2.717L8,10.718z'/%3E%3C/svg%3E"); } /* Dots */ .slick-dotted { padding-bottom: 30px; } .slick-dots { font-size: 0; line-height: 0; position: absolute; z-index: 1; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; padding: 5px; border-radius: 50%; cursor: pointer; color: transparent; border: 0; outline: none; background: #000; opacity: .5; -webkit-transition: all .3s ease; transition: all .3s ease; } .slick-dots li.slick-active button, .slick-dots li button:hover { outline: none; opacity: 1; } /* bug fix */ .slick-slide, .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /* IE10 - IE11 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #main-menu li >a:before{ min-height: 40px; float: left; content: ''; } } /* OLD IE */ /* html.old-ie #algo { position: absolute; bottom: 0; left: 0; }*/