/* Theme Name: MUUTU Theme URI: https://www.muutu.fi Description: Digitoimisto Muutu Custom WP Author: Digitoimisto Muutu Author URI: https://www.muutu.fi Template: Divi Version: 6.8.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: responsive-layout Text Domain: divi-child */ /* Mobile menu scrollable fix - cmon Divi WHY U NO 2019??*/ .et_mobile_menu { overflow-y:scroll!important; max-height:80vh!important; -overflow-scrolling:touch!important; -webkit-overflow-scrolling:touch!important; } /* SlideFix */ .mfp-title {display:none} /* Piilota navigaation hakufunktio*/ #et_top_search {display:none!important} /* GradientOverlay */ .gradient-overlay:before { content:""; position:absolute; z-index:1; background:inherit; top:0; bottom:0; width:100%; } .gradient-overlay .et_pb_row { z-index:2 !important; } .gradient-overlay { background-color: transparent; } /* GradientOverlay - END */ /* Easy icons - add these to links with e.g. class="icon-email" etc. */ .icon-email::before{font-family: 'ETmodules';content: '\e076';} /* Envelope */ .icon-phone::before{font-family: 'ETmodules';content: '\e090';} /* Phone */ .icon-mobile::before{font-family: 'ETmodules';content: '\e00b';} /* Mobile */ .icon-marker::before{font-family: 'ETmodules';content: '\e081';} /* Marker */ .icon-clock::before{font-family: 'ETmodules';content: '\e06b';} /* Clock */ /* Easy icons - END */ /* Services box-shadow + hover */ .services{ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); transition: all 100ms ease-out 0s; } .services:hover{ box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09); } /* Mistä leveydestä alaspäin näytetään hampurilaisvalikko. */ @media only screen and (max-width: 1280px) { #top-menu-nav { display: none; } #et_mobile_nav_menu { display: block } } @media only screen and (max-device-width : 980px) { /* Navigaatio seuraa mobiilissa */ #main-header { position:fixed!important; } /* Mobile menu close icon */ .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; -webkit-transition: 0.3s; transition: 0.3s; } } /* Lightbox-näkymän sulkurasti hiukan kirkkaammaksi. */ .mfp-close { opacity: .6 !important; } .mfp-close:hover { opacity: 1 !important; }