/* Theme Name: Avada Child Llentab Theme URI: http://www.abeo.cz/ Description: Avada customization for LLENTAB Author: Jan Mazánek Author URI: http://www.abeo.cz/ Template: Avada Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: Avada-child-llentab Customization of Theme Avada for LLENTAB. Headers and button font: Citadina, "Franklin Gothic", Arial,Helvetica, sans-serif; Body font: Tahoma, Geneva, sans-serif, Arial, Helvetica, sans-serif */ /** CSS classes to be used for customizing content */ .AlignCenter{ text-align:center; } .PositionBottom{ position:absolute; bottom:0px; } .MinHeight60px{ min-height: 60px; } .MinHeight300px, .MinHeight300px > .fusion-column-wrapper{ min-height: 300px !important; } .MaxHeight250px, a.MaxHeight250px > img{ max-height: 250px; } .MaxHeight300px, a.MaxHeight300px > img{ max-height: 300px; } .MaxHeight350px, a.MaxHeight350px > img{ max-height: 350px; } .MaxHeight400px, a.MaxHeight400px > img{ max-height: 400px; } .MaxHeight500px, a.MaxHeight500px > img{ max-height: 500px; } .MaxHeight600px, a.MaxHeight600px > img{ max-height: 600px; } .SliderTextBlue, .SliderTextBlack, .SliderTextWhite{ padding: 2px 10px; line-height: 1.3em; } .SliderTextBlue{ background-color: #004071 !important; background-color: rgba(0,64,113,0.8) !important; } .SliderTextBlack{ background-color: #000 !important; background-color: rgba(0,0,0,0.8) !important; } .SliderTextWhite{ background-color: #fff !important; background-color: rgba(255,255,255,0.8) !important; } .White40{ background-color: #fff !important; background-color: rgba(255,255,255,0.4) !important; } .White80{ background-color: #fff !important; background-color: rgba(255,255,255,0.8) !important; } /** 20190823 jan.mazanek@abeo.cz * Remove these definitions as soon as Avada allows to specify Custom Font weight in administration */ #tribe-events-content .tribe-events-tooltip .entry-title, #tribe-events-content .tribe-events-tooltip .tribe-event-title, .fusion-accordian .panel-heading a, .fusion-accordian .panel-title, .fusion-carousel-title, .fusion-flip-boxes .fusion-flip-box .flip-box-heading-back, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a, .fusion-megamenu-title, .fusion-modal h4, .fusion-person .person-desc .person-author .person-author-wrapper, .fusion-tabs .nav-tabs li .fusion-tab-heading, .fusion-tabs-widget .fusion-tabs-nav ul li a, .fusion-title h4, .fusion-widget-area h4, .popover .popover-title, .post-content h4, .project-content .project-info h4, .share-box h4, .tribe-block__tickets__registration__tickets__header, table th{ font-weight: 500; font-family: Citadina, "Franklin Gothic", Arial,Helvetica, sans-serif; } body .fusion-button, body #main #comment-submit, body #main .comment-submit, body #reviews input#submit, body .button-default, body .button.default, body .comment-form input[type="submit"], body .fusion-button, .fusion-button-default, body .fusion-portfolio-one .fusion-button, body .post-password-form input[type="submit"], body .slidingbar-area .button-default, body .ticket-selector-submit-btn[type="submit"], body .tml-submit-wrap input[type="submit"], body .wpcf7-form input[type="submit"], body .wpcf7-submit, input.button-default { font-weight: 700; font-family: Citadina, "Franklin Gothic", Arial,Helvetica, sans-serif; } /** END Remove these definitions... */ nav.fusion-main-menu .fusion-button{ font-family: Citadina, "Franklin Gothic", Arial,Helvetica, sans-serif; } .FontFamilyAsHeaders, body .fusion-main-menu > ul > li > a, body .fusion-main-menu .fusion-dropdown-menu .sub-menu li a, body .fusion-main-menu .sub-menu li a, body .fusion-main-menu .fusion-megamenu-title, body .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled, .llentab-item.llentab-shortcode, .llentab-item.llentab-shortcode *, .fusion-progressbar-text-on-bar .progress-title{ font-family: Citadina, "Franklin Gothic", Arial,Helvetica, sans-serif; font-weight: 500; } .FontFamilyAsHeaders strong{ font-weight: 900; } .PerexAsH2, .PerexAsH3, .PerexAsH4{ font-family: Citadina, "Franklin Gothic", Arial,Helvetica, sans-serif; font-weight: 700; } .PerexAsH2{ font-size: 19px; } .PerexAsH3{ font-size: 17px; } .PerexAsH4{ font-size: 15px; } body .fusion-main-menu > ul > li > a{ font-weight: 900; } body .fusion-main-menu > ul > li > a .fusion-button{ font-family: Citadina, "Franklin Gothic", Arial,Helvetica, sans-serif; font-size: 15px; } /** Optimize for mobile */ @media (only screen, print) and ( max-width: 640px ) { .HideBackgroundOnMobile { background-image: none !important; } } /*** Rainbow stripes in header and footer */ .LlentabStripe{ height: 8px; } .LlentabStripe *{ box-sizing: content-box; } .LlentabStripe > div{ clear: none !important; float: left !important; width: 16.66%; border-width: 8px 0px 0px; border-style: solid; text-align: center; } .LlentabStripeBelow > div{ border-width: 0px 0px 8px; } .LlentabStripeWithIcons > div > a{ display: block; padding: 12px 0px 24px 0px; text-align: center; } .LlentabStripeWithIcons img { height: 28px; width: 39px; padding-top:5px; padding-bottom:5px; -webkit-transition: 150ms linear; transition: 150ms linear; } .LlentabStripeWithIcons > div:not(.Inactive):hover img, .LlentabStripeWithIcons > div.Current img{ height: 38px; width: 52px; padding-top:0px; padding-bottom:0px; } .LlentabStripe span{ display: none; text-align: center; margin-top: 3px; height: 17px; margin-bottom: -20px; font-family: Citadina, Tahoma, Geneva, Arial, sans-serif; font-weight: 700; text-transform: uppercase; } .LlentabStripeWithIcons > div:not(.Inactive):hover span, .LlentabStripeWithIcons > div.Current span{ display: block; } @media (max-width: 800.001px) { .LlentabStripeWithIcons > div a { display: none !important; } .LlentabStripe{ max-height: 8px; overflow: hidden; } } @media (min-width: 800.001px) { .LlentabStripeWithIcons{ height: 85px; } .LlentabStripeWithIcons > div{ height: 77px; font-size: 14px; } } .LlentabStripeStorage, .LlentabStripeStorage a, .LlentabStripeStorage a:hover{ border-top-color: #f6926f; color: #f6926f; } .LlentabStripeStorage.Current{ background-color: rgba(246, 146, 111, 0.4); } .LlentabStripeStorage:not(.Inactive):hover{ background-color: rgba(246, 146, 111, 0.2); } .LlentabStripeProduction, .LlentabStripeProduction a, .LlentabStripeProduction a:hover{ border-top-color: #00a5b8; color: #00a5b8; } .LlentabStripeProduction.Current{ background-color: rgba(0, 165, 184, 0.4); } .LlentabStripeProduction:not(.Inactive):hover{ background-color: rgba(0, 165, 184, 0.2); } .LlentabStripeAgriculture, .LlentabStripeAgriculture a, .LlentabStripeAgriculture a:hover{ border-top-color: #9cc165; color: #9cc165; } .LlentabStripeAgriculture.Current{ background-color: rgba(156, 193, 101, 0.4); } .LlentabStripeAgriculture:not(.Inactive):hover{ background-color: rgba(156, 193, 101, 0.2); } .LlentabStripeSport, .LlentabStripeSport a, .LlentabStripeSport a:hover{ border-top-color: #be87a2; color: #be87a2; } .LlentabStripeSport.Current{ background-color: rgba(190, 135, 162, 0.4); } .LlentabStripeSport:not(.Inactive):hover{ background-color: rgba(190, 135, 162, 0.2); } .LlentabStripeOffice, .LlentabStripeOffice a, .LlentabStripeOffice a:hover{ border-top-color: #74c9ba; color: #74c9ba; } .LlentabStripeOffice.Current{ background-color: rgba(116, 201, 186, 0.4); } .LlentabStripeOffice:not(.Inactive):hover{ background-color: rgba(116, 201, 186, 0.2); } .LlentabStripeRetail, .LlentabStripeRetail a, .LlentabStripeRetail a:hover{ border-top-color: #8180bd; color: #8180bd; } .LlentabStripeRetail.Current{ background-color: rgba(129, 128, 189, 0.4); } .LlentabStripeRetail:not(.Inactive):hover{ background-color: rgba(129, 128, 189, 0.2); } /*** END of rainbow stripes in header and footer */ /** Country switcher in mobile version in default font-family */ [class^="fusion-icon-"] .menu-text, [class*=" fusion-icon-"] .menu-text { font-family: Citadina, "Franklin Gothic", Arial,Helvetica, sans-serif !important; } /** Contacts */ .MarginBottom0{ margin-bottom: 0px !important; } .BackgroundSizeUnset > .fusion-column-wrapper, /* BUG? https://www.facebook.com/groups/AvadaUsers/permalink/1266513960160205/ */ .BackgroundSizeUnset > .fusion-column-wrapper > .fusion-column-wrapper { height: auto !important; background-size: contain !important; background-size: auto min(100%, 300px) !important; -webkit-background-size: contain !important; -webkit-background-size: auto min(100%, 300px) !important; -moz-background-size: contain !important; -moz-background-size: auto min(100%, 300px) !important; -o-background-size: contain !important; -o-background-size: auto min(100%, 300px) !important; } .BackgroundSizeAuto > .fusion-column-wrapper, .BackgroundSizeAuto > .fusion-column-wrapper > .fusion-column-wrapper { background-size: auto !important; } .BackgroundSizeAuto > .fusion-column-wrapper > .fusion-column-wrapper { height: auto !important; } .BackgroundSizeAuto .White80 p:last-of-type { /* Remove margin after last paragraph on transparent white background positioned to bottom*/ margin-bottom: 0; } /** Video header */ .VideosHeader { padding-bottom: 29% !important; } .VideosHeader > #video-1 { margin-top: 0px !important; } /** References: style box inserted via shortcode */ .llentab-shortcode{ font-size:16px; } .llentab-item.llentab-shortcode, .llentab-item.llentab-shortcode *{ box-sizing:content-box; margin: 0px; } a.llentab-item.llentab-shortcode{ width:100% !important; } .llentab-shortcode.usage-storage .llentab-button { background: #f6926f; } .llentab-shortcode.usage-production .llentab-button { background: #00a5b8; } .llentab-shortcode.usage-agriculture .llentab-button { background: #9cc165; } .llentab-shortcode.usage-sport .llentab-button { background: #be87a2; } .llentab-shortcode.usage-office .llentab-button { background: #74c9ba; } .llentab-shortcode.usage-retail .llentab-button { background: #8180bd; } .llentab-shortcode.usage-default .llentab-button { background: #0069b4; } /* Hide duplicate title on news list loaded by AJAX (2nd and next pages) * children element must be visible, so display or opacity doesn't work */ .fusion-image-wrapper .fusion-rollover .fusion-rollover-content{ font-size: 0px; } /* Hide categories in reference and news (posts) lists */ .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories{ display: none; } /* Decrease height of slider before LayerSliders are inited keeps ration 1920/549 */ #sliders-container .ls-wp-container { /* Expecting 16px width scrollbar*/ max-height: calc((100vw - 12px) * 549 / 1920); } /* Display content of first slider before LayerSlider is inited * only on windows wide 800px+ */ @media screen and (min-width:800px) { #layerslider-container .ls-wp-container > .ls-slide:first-child { width:100%; height: 100%; } /** Display first image before LayerSlider parses the HTML */ #layerslider-container .ls-wp-container > .ls-slide:first-child > img.ls-l:first-child{ visibility:visible; opacity: 1; } /** When LayerSlider parses HTML with slider data, imeddiately display slide's first background image It should be 3rd div, because first 2 divs are ls-background-videos and ls-slide-backgrounds */ #layerslider-container .ls-inner > .ls-layers > .ls-wrapper[data-slide-index="1"]:nth-child(3) { display: block; opacity: 1; } /** with CSS 4 should work the selector below Source: https://stackoverflow.com/questions/16835825/nth-child2n-of-attribute-value : */ /* #layerslider-container .ls-inner > .ls-layers > .ls-wrapper:nth-child(1 of [data-slide-index="1"]) { display: block; opacity: 1; } */ } /** Make space for footer map overlapping on post detail pages */ .related-posts{ margin-bottom: 90px; } /** Footer customization */ .fusion-footer-widget-area { border-top-width: 0px !important; overflow: visible !important; /* Needed for SVG map*/ } .fusion-footer-widget-area .fusion-widget-area .fusion-column .fusion-footer-widget-column{ margin-bottom: 20px; } .fusion-footer-widget-area .fusion-widget-area .fusion-column .widget-title{ margin-bottom: 3px; } /** Move "To top" icon closer to right edge (original value is 75px) */ #toTop, .to-top-right #toTop{ right: 50px; } .fusion-privacy-bar-bottom{ border-top: 1px solid #ddd; /** Make space for "To top" icon */ padding-right: 110px; } @media only print, screen and (min-width: 725px) and (max-width: 1560px) { .fusion-social-links-footer { /** Make space for "To top" icon */ padding-right: 80px; } } /** 20190717 jan.mazanek@abeo.cz * REMOVE? UNUSED? */ /* #textblockswidget-27 { margin-top: 330px; margin-right: -10px; margin-bottom: 0px; } @media screen and (max-width: 800px){ #textblockswidget-27 { margin-top: 40px; } #textblockswidget-21, #textblockswidget-22{ display: none; } } */ #sliders-container h1, #sliders-container h2{ font-weight: normal; } #IntroText p{ text-align: justify; } a.fusion-button.HalyZJinychOboru{ margin-top: 20px; margin-left: 35px; color: #333; } a.fusion-button.HalyZJinychOboru:hover{ color: #000; } .fusion-button.button-flat{ -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75); } .fusion-button.button-flat.button-xlarge{ -webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75); } .fusion-content-boxes .heading.heading-with-icon{ margin-bottom: 0px; } .fusion-content-boxes div.content-container{ margin-bottom: 15px; } .fusion-checklist > li{ line-height: 16px !important; } .fusion-checklist > li.fusion-li-item > .icon-wrapper { height: 16px !important; } .fusion-testimonials.clean blockquote q { font-style: normal; font-size: 16px; line-height: 24px; } .fusion-testimonials.classic blockquote { padding: 0; } /** Override color set in Testimonial dialogue*/ .fusion-testimonials.classic .author{ color: #747474 !important; } /* References */ .llentab-pager{ padding-bottom: 0px; /* Margin is set at page level to be applied both on list and detail */ } /* Full demand */ .DemandColumn > .fusion-column-wrapper, .TechnicalQuery{ color:#fff !important; background-color: #0069b4 !important; padding: 20px !important; } .chosen-container { width: 100% !important; } .wpcf7-text, .wpcf7-textarea{ color: #333 !important; } .wpcf7-form textarea.wpcf7-textarea { height: 166px; } div.wpcf7 img.ajax-loader { margin-left:-16px !important; } .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a { padding: 25px 0px; } .fusion-image-wrapper .fusion-rollover .fusion-rollover-link{ color: #fff !important; } .fusion-image-wrapper .fusion-rollover .fusion-rollover-link::before{ content: '\e619 ' !important; color: #999 !important; display: block; } .wpcf7-form .wpcf7-form-control.wpcf7-submit{ border: 2px solid; } .wpcf7-form .wpcf7-validation-errors, .wpcf7-form .wpcf7-not-valid-tip { border: 0px; background: red !important; color:#fff !important; } .wpcf7-form .wpcf7-not-valid-tip { padding: 1px 5px; } .wpcf7-form .wpcf7-not-valid{ border-color:red !important; background-color: #fdd !important; color: #000 !important; } /** WP Video Lightbox */ div.pp_overlay{ background-color: #fff !important; } div.ppt{ color: #333 !important; } .pp_pic_holder.light_square{ -webkit-box-shadow:0 0 45px rgba(0, 0, 0, 0.2); box-shadow:0 0 45px rgba(0, 0, 0, 0.2) } div.pp_pic_holder{ z-index: 10010; } /** Inquiry optional items: location and area **/ #ContactFormLocationAndSize{ /* background-color: #004071;*/ z-index: 1010; /* color: #333;*/ margin: 10px 0px 20px; box-shadow: inset 0px 1px 0px #0087e7, 0px 0px 0px #33668d, 1px 7px 7px 3px rgba(0, 0, 0, 0.2); } #main .fullwidth-box #ContactFormLocationAndSize.fusion-row{ padding: 10px 20px; } .fusion-counters-box .content-box-percentage { white-space: nowrap; } .counter-box-content strong { display: block; } /* Kontakty */ @media only screen and (max-width: 800px){ .ContactPageMap{ margin-top: -40px; margin-bottom: -40px; max-height: 320px; } } /** 20190816 jan.mazanek@abeo.cz * I'm replacing plugin "WP Video Lightbox" with Avada Fusion Builder iLightBox * After this, only: [data-rel~="prettyPhoto"] a .fusion-no-lightbox[href*="youtu"] * should stay in these definitions of play icon */ a[data-rel~="prettyPhoto"][href*="youtu"], a[data-rel~="prettyPhoto"][href*="vimeo"], a[data-rel~="iLightbox"][href*="youtu"], a[data-rel~="iLightbox"][href*="vimeo"], a.fusion-no-lightbox[href*="youtu"], a.fusion-no-lightbox[href*="vimeo"], p.video { display: block; position: relative; } .AlignCenter a[data-rel~="prettyPhoto"][href*="youtu"], .AlignCenter a[data-rel~="prettyPhoto"][href*="vimeo"], .AlignCenter a[data-rel~="iLightbox"][href*="youtu"], .AlignCenter a[data-rel~="iLightbox"][href*="vimeo"], .AlignCenter a.fusion-no-lightbox[href*="youtu"], .AlignCenter a.fusion-no-lightbox[href*="vimeo"], .AlignCenter p.video { margin-right: auto; margin-left: auto; } a[data-rel~="prettyPhoto"][href*="youtu"]::before, a[data-rel~="prettyPhoto"][href*="vimeo"]::before, a[data-rel~="iLightbox"][href*="youtu"]::before, a[data-rel~="iLightbox"][href*="vimeo"]::before, a.fusion-no-lightbox[href*="youtu"]::before, a.fusion-no-lightbox[href*="vimeo"]::before, p.video a[rel~="wp-video-lightbox"]::before, p.video a.fusion-no-lightbox::before { content: "\f04b"; font: normal normal 900 20px/1 'Font Awesome 5 Free'; position: absolute; top: 38%; margin-top:-10px; left: 50%; width: 60px; margin-left:-30px; background: #999999; background: rgba(0,0,0,0.33); text-align: center; padding: 10px 0; color: #fff; color: rgba(255,255,255,0.33) !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } a[data-rel~="prettyPhoto"][href*="youtu"]:hover::before, a[data-rel~="prettyPhoto"][href*="vimeo"]:hover::before, a[data-rel~="iLightbox"][href*="youtu"]:hover::before, a[data-rel~="iLightbox"][href*="vimeo"]:hover::before, a.fusion-no-lightbox[href*="youtu"]:hover::before, a.fusion-no-lightbox[href*="vimeo"]:hover::before, p.video a[rel~="wp-video-lightbox"]:hover::before, p.video a.fusion-no-lightbox:hover::before { background: #c42127; background: rgba(196, 33, 39, 0.9); color: #fff !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .link-to-video-detail{ position: absolute; right: 10px; margin-top: 10px; color: #fff; text-shadow:0px 0px 4px #000; } .page-id-4813 .video-description-only-on-detail{ display: none; } body #main .post h2 a{ color: #333; } /* Move single solid underline to bottom of text */ .fusion-title .title-sep.sep-single{ bottom: -7px; } /* Zpravodal LLENTAB ocelové haly */ .sidebar .widget_rss h4 { display: none; } .fusion-content-widget-area .widget_rss li { padding: 0px 0px 10px 12px; } .fusion-content-widget-area .widget_rss li a::before { position: absolute; font-family: icomoon; content: '\f105'; margin-left: -12px; } /************************************************************************************* 20171201 copyed part of local CSS modifications for LLENTAB group 20190313 usage: .FlipBoxIconsAsBackground - https://www.llentab.com/about-llentab/subsidiaries/ .FlipBoxesBuildingsByPurpose - https://www.llentab.com/ (homepage) .SteelHallsByPurpose - https://www.llentab.com/steel-buildings/ **************************************************************************************/ .fusion-flip-boxes{ margin-bottom: 5px; /** Prevent up-down bumping by adding couple extra pixels * 20190912 jan.mazanek: disabled because setting "The same height" works better min-height: 240px; */ } .fusion-flip-box .flip-box-front{ padding: 0px; } body .fusion-flip-boxes .fusion-flip-box .flip-box-heading-back { text-transform: none; font-size: 19px; font-weight: 600; } @media only screen and (max-width: 1440px) and (min-width: 1024.001px){ body .fusion-flip-boxes .fusion-flip-box .flip-box-heading-back { font-size: 17px; } } @media only screen and (max-width: 1024px) and (min-width: 800.001px){ body .fusion-flip-boxes .fusion-flip-box .flip-box-heading-back { font-size: 15px; } } .FlipBoxCoverLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .FlipBoxCoverLink > a > img{ width: 100%; height: 100%; } .flip-box-back-inner p:last-child{ margin-bottom: 0px; } div.FlipBoxIconsAsBackground .fusion-flip-box .flip-box-front{ background-color: rgb(246, 246, 246) !important; padding-bottom: 10px; } .FlipBoxIconsAsBackground .fusion-flip-box .flip-box-image { margin-bottom: 10px; } .FlipBoxIconsAsBackground .flip-box-image img { min-width: 100%; } .FlipBoxIconsAsBackground .fusion-flip-box a{ color: #bfbfbf; } .FlipBoxIconsAsBackground .fusion-flip-box a:hover{ color: #ffffff; } .FlipBoxesBuildingsByPurpose .fusion-flip-box-wrapper{ padding: 0px 3px 0px 3px; margin: 0px; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper{ margin-bottom: 6px; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box .flip-box-grafix{ margin-bottom: 0px; } .FlipBoxesBuildingsByPurpose .flip-box-image img, .FlipBoxesBuildingsByPurpose .flip-box-back img{ width: 100%; min-height: 48px; /* To prevent error https://web.dev/tap-targets/ */ } .FlipBoxesBuildingsByPurpose .flip-box-image img { opacity: 0.7 !important; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes { min-height: 90px; margin-bottom: 0px; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box .flip-box-front .flip-box-heading{ position: absolute; top: 33%; background: transparent; margin: 0; height: 66%; width: 100%; padding: 0 3px; text-shadow: 0px 0px 4px #000; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box .flip-box-back .flip-box-heading-back{ display: none; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box .flip-box-back, .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box .flip-box-front{ padding: 0px; transition: all 0.5 cubic-bezier(0.0, 0.0, 1.0, 1.0) 0 !important; transform: none !important; -webkit-transform: none !important; transition-property: opacity !important; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box .flip-box-front { position: relative; z-index: 10; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box .flip-box-back { position: absolute; left: 0; top: 0; height: auto; width: 100%; transform: none; -webkit-transform: none; z-index: 11; box-sizing: border-box; opacity: 0; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box:hover .flip-box-back { transform: none; -webkit-transform: none; z-index: 11; opacity: 1; } .FlipBoxesBuildingsByPurpose.fusion-flip-boxes .fusion-flip-box:hover .flip-box-front { transform: none; -webkit-transform: none; z-index: 10; } @media only print, screen and (min-width: 780px) { /* Increase minimal height of h2 to allow 2 lines of text, instead of always ensuring bottom padding 27px */ .fusion-flip-boxes.SteelHallsByPurpose .flip-box-front-inner h2{ min-height: 36px !important; /* Increased by 10px */ } body .fusion-flip-boxes.FlipBoxesBuildingsByPurpose .fusion-flip-box .flip-box-front{ min-height: 50px !important; /** Prevent calculation of too high flipboxes when lazyloading images */ } } /** Logo over slider */ .fusion-logo-link .fusion-standard-logo{ margin-top:16px; margin-bottom:-16px; /* Equal with margin-top */ } /*** MENU customization ****/ /** Temporary CSS for Avada 5.7.2, is added in Avada 5.9.1 */ .fusion-main-menu>ul>li>a { display: flex; line-height: 1; } /** END of Temporary CSS for Avada 5.7.2, is added in Avada 5.9.1 */ .fusion-main-menu{ padding-top: 34px; } /** 20210310 OLD styling of sticky menu. This requires the duplicate HTML code inserted into