/* ====================================================================================================================================================== GENERIC ====================================================================================================================================================== */ p:empty, .entry-content-wrapper:empty{ display:none; } /*fix webkit flickering bug*/ body .container_wrap .avia-builder-el-no-sibling{ margin-top:0; margin-bottom:0; } body .container_wrap .avia-builder-el-last{ margin-bottom:0; } body .container_wrap .avia-builder-el-first{ margin-top:0; } #top .av_inherit_color *{ color:inherit; } #top .av_inherit_color a{ text-decoration: underline; } /* ====================================================================================================================================================== SCREEN READER see https://webaim.org/techniques/css/invisiblecontent/#techniques ====================================================================================================================================================== */ /* ===================================================================================== Loading icon e.g. masonry, portfolio (moved from portfolio.css) ========================================================================================== */ /* ============================================================================================= Tooltip for social share buttons (moved from blog.css - breaks layout if blog disabled ) ================================================================================================= */ /* ====================================================================================================================================================== TEXT BLOCK ====================================================================================================================================================== */ .avia_textblock{ clear: both; line-height: 1.65em; } .flex_column + .avia_textblock{ padding-top: 50px; } /* ====================================================================================================================================================== Columns ====================================================================================================================================================== */ body .column-top-margin{ margin-top:50px; } /* ====================================================================================================================================================== Icon ====================================================================================================================================================== */ /* ====================================================================================================================================================== COLOR SECTION ====================================================================================================================================================== */ .avia-section{ clear:both; width:100%; float:left; min-height:100px; position: static; /*fixes a glitch with bg image not displaying below video slide*/ } .avia-section.avia-section-small{ min-height:0; } .avia-section.av-minimum-height .container{ display: table; table-layout: fixed; } .avia-section.av-minimum-height .container .content{ display: table-cell; vertical-align: middle; height:100%; float:none !important; } .avia-full-stretch{ background-size: cover !important; } #top #main .avia-section .template-page{ width:100%; border:none; margin-left: auto; padding-left: 0; margin-right: auto; } .avia-section .template-page .entry-content-wrapper{ padding-right:0; } .avia-section-small .content, .avia-section-small .sidebar { padding-top: 20px; padding-bottom: 20px; } .avia-section-large .content, .avia-section-large .sidebar { padding-top: 70px; padding-bottom: 70px; } .avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 130px; padding-bottom: 130px; } .avia-section-no-padding .content, .avia-section-no-padding .sidebar{ padding-top:0; padding-bottom:0; } .avia-section.avia-full-stretch, .html_header_transparency .avia-section.avia-builder-el-0{ border-top:none; } #top #wrap_all #main .avia-no-border-styling{ border:none; } /*video bg*/ /*handle video section on mobile*/ /*parallax section*/ .av-parallax-section{ position: relative; border-top: none; overflow: hidden; } .av-parallax { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; height: calc((100vh * 0.3) + 100%); will-change: transform; } .av-parallax-inner{ position: absolute; width: 100%; height:100%; bottom:0; left:0; } /*prevent img pos flickering*/ /*special border top elements*/ .html_minimal_header #main > .avia-builder-el-0, .av_minimal_header + #main .container_wrap_first:first-child { border-top: none; } /* ====================================================================================================================================================== Dropcaps ====================================================================================================================================================== */ /* ====================================================================================================================================================== Contact Form Defaults ====================================================================================================================================================== */ fieldset{ border:none; } #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{ -webkit-appearance: none; border-radius:0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; border-radius: 2px; } #top select[multiple], #top .avia_ajax_form .select[multiple]{ background-image:none; } #top select[multiple] { background-image:none; } /* ====================================================================================================================================================== Sidebar ====================================================================================================================================================== */ .avia-builder-widget-area{ position: relative; } .flex_column .widget:first-child, .content .widget:first-child{ padding-top: 0; border-top: none; } .flex_column .widget .widgettitle , .content .widget .widgettitle{ margin-top:0.85em; } /* ====================================================================================================================================================== AVIA PLAYER Defaults ====================================================================================================================================================== */ /*playlist shortcode*/ /* ====================================================================================================================================================== Privacy toggles frontend ====================================================================================================================================================== */ /* ====================================================================================================================================================== Tooltips ========================================================================================================================================================= */ /*tooltip positions. mainly used for image hotspots but also for testimonials*/ /*below*/ /*to the left*/ /*to the right*/ /*arrow alignment for above and below tooltips*/ /*arrow alignment for left and right tooltips*/ /* ====================================================================================================================================================== ANIMATIONS ====================================================================================================================================================== */ /*pop up animation*/ @keyframes avia_appear { 0% { transform:scale(0.5); opacity: 0.1; } 100% { transform:scale(1); opacity: 1; } } @keyframes avia_image_appear { 0% { transform:scale(0.7); opacity: 0.1; } 100% { transform:scale(1); opacity: 1; } } @keyframes avia_hotspot_appear { 0% { transform:translate(0, 80px); opacity: 0.1; } 100% { transform:translate(0, 0px); opacity: 1; } } @keyframes avia_appear_short { 0% { transform:scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform:scale(1); opacity: 0; } } /*pop up animation*/ @keyframes avia_masonry_show { 0% { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; } 100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } /*animated arrow animattion*/ @keyframes avia_fade_move_down { 0% { transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,20px); opacity: 0; } } /*slide down (height increase) animation*/ @keyframes avia_slide_down { 0% { height:0%; } 100% { height:100%; } } /*expand width animation*/ @keyframes avia_expand { 0% { width:0%; } 100% { width:100%; } } /*fade in animation*/ @keyframes avia-ltr { 0% { transform:translate(-10%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes avia-rtl { 0% { transform:translate(10%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes avia-btt { 0% { transform:translate(0,50%); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes avia-ttb { 0% { transform:translate(0, -10%); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes avia-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes avia-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /*rotate*/ @keyframes avia-rotateIn { 0% { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center; transform: none; opacity: 1; } } @keyframes avia-rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes avia-rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -22deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } /*background animation*/ @keyframes avia-bg-move { 0% { background-position: -31px 0; } 100% { background-position: 0 0; } } /*caption animation*/ @keyframes caption-right { 0% { transform:translate(2000px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes caption-left { 0% { transform:translate(-2000px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes caption-top { 0% { transform:translate(0,-20px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes caption-bottom { 0% { transform:translate(0,20px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } /*image hotspot pulse*/ @keyframes av_pulsate { 0% {transform: scale(0.1); opacity: 0.0;} 50% {opacity: 0.7;} 100% {transform: scale(1); opacity: 0.0;} } /*sonar effect*/ @keyframes sonarEffect { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);} 100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;} } /* curtain reveals 1px miscalc on several screen sizes !!! */ @keyframes avia-curtain-reveal-ltr{ 0% { width: 101%; left: 0; } 100%{ width: 0; left: 100%; } } @keyframes avia-curtain-reveal-rtl{ 0% { width: 100%; } 100%{ width: 0; } } @keyframes avia-curtain-reveal-ttb{ 0% { height: 101%; top: 0; } 100%{ height: 0; top: 100%; } } @keyframes avia-curtain-reveal-btt{ 0% { height: 100%; } 100%{ height: 0; } } /* ================================================================== Advanced Animations based on https://github.com/animate-css ================================================================== */ @keyframes avia-fade-in-left{ 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-fade-in-right{ 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-fade-in-down { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-fade-in-up { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-flip-in-x{ 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } /* 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }*/ 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); opacity: 1; } } @keyframes avia-flip-in-y{ 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } /* 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }*/ 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); opacity: 1; } } @keyframes avia-roll-in{ 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-zoom-in{ 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } /* ============================= Shape SVG Dividers ============================= */ /* fix a small gap on different screen sizes - rotate(180deg) seems not calculate correctly */ /* Temporary fixes for Chrome 85 issue. Can be removed in a future version of Chrome. */ /* special case for paralax with overlay hiding svg */