/* Static-dump reveal fix. The Uncode theme initially hides elements with .animate_when_almost_visible (opacity: 0) and reveals them via a scroll IntersectionObserver that does not complete in this static dump. Force visibility so the page never appears blank once deployed. */ .animate_when_almost_visible{opacity:1 !important;transform:none !important} /* Theme Name: Mango Mobile Description: Child theme customized for Mango Mobile Agency Author: s+s Template: uncode Version: 1.0.0 Text Domain: uncode */ /* FONTS */ /** * @license * MyFonts Webfont Build ID 3950990, 2020-09-22T12:52:37-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Panton-Bold by Fontfabric * URL: https://www.myfonts.com/fonts/font-fabric/panton/bold/ * * Webfont: Panton-Regular by Fontfabric * URL: https://www.myfonts.com/fonts/font-fabric/panton/regular/ * * * Webfonts copyright: Copyright (c) 2018 by Fontfabric LLC. All rights reserved. * * © 2020 MyFonts Inc */ @import url("../../../../hello.myfonts.net/count/3c498e.css"); @font-face { font-family: 'Panton'; src: url('webFonts/Panton-Regular/font.woff2') format('woff2'), url('webFonts/Panton-Regular/font.woff') format('woff'); font-weight: normal; font-style: normal } @font-face { font-family: 'Panton'; src: url('webFonts/Panton-Bold/font.woff2') format('woff2'), url('webFonts/Panton-Bold/font.woff') format('woff'); font-weight: bold; font-style: normal } /* COLOURS */ :root { --mango-yellow: #F6B31A; --mango-black: #2A2628; --mango-pink: #F16161; --mango-green: #7FAF41; --mango-blue: #25BEEE; } /* LAYOUT */ .body-borders .body-border-shadow {box-shadow: 0 0px 14px 0px rgba(0, 0, 0, 0)} /*.body-borders[data-border="27"] .top-border{height:0}*/ .body-borders .top-border {z-index: 10} @media (min-width: 960px){ /*.logo-container.shrinked {padding: 0px 18px 27px 18px;}*/ .hmenu .menu-primary.is_stuck .menu-smart > li > a:before, .hmenu-center .menu-primary .menu-smart > li > a:before {height: 0; transition: height 0.3s linear} .menu-shrink .logo-container {transition: padding 0.1s linear} } .menu-container {transition: background-color 0.2s linear} .main-container .row-container .row-parent .single-internal-gutter .uncont .sb-notopspace {margin-top: 0px} .sbfootertext .uncode_text_column {margin-top: 26px!important} /* MENU fix */ body:not(.menu-force-opacity)[class*=hmenu-] .menu-primary.is_stuck .menu-container {box-shadow: none} body[class*=hmenu] div:not(.menu-accordion) > ul.menu-smart > li, .main-wrapper ul.menu-smart.menu-horizontal > li, .navbar-cta ul.menu-smart > li { flex-wrap: wrap; } body[class*=hmenu] div:not(.menu-accordion) > ul.menu-smart > li.current-menu-item::after, body[class*=hmenu] div:not(.menu-accordion) > ul.menu-smart > li:hover::after { border-top: 1px solid var(--mango-yellow); margin-top: -2em; height: auto; width: 100%!important; -webkit-transition: width .3s ease-out; -moz-transition: width .3s ease-out; -o-transition: width .3s ease-out; transition: width .3s ease-out; } body[class*=hmenu] div:not(.menu-accordion) > ul.menu-smart > li::after {width: 0%} body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.active > a, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li a.active, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-parent > a, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-ancestor > a, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {color: #fff !important} body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:hover, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:focus {color: #fff !important} /* WPML */ .menu-item-object-wpml_ls_menu_item {opacity:0} div.wpml-ls-statics-shortcode_actions {display:none} @media (min-width: 1105px) { .menu-item-object-wpml_ls_menu_item {right:0!important} } @media (min-width: 960px) { .menu-item-object-wpml_ls_menu_item {opacity:1; position: absolute; top:-7px; right:10%; z-index: 11} span.wpml-ls-native {display:inline-block!important; border: 2px solid var(--mango-yellow); border-radius: 50%; padding:10px 5px 0 5px; width: 1.55em; height:1.5em; text-align:center} .hmenu .menu-primary .menu-smart > li.menu-item-object-wpml_ls_menu_item > a:hover::after{display:none} } @media (max-width: 959px) { div.wpml-ls-statics-shortcode_actions {display:block;position: fixed;top:1.45em;left:13px;/* left: -0.5em; */height:auto;z-index: 2001} a.wpml-ls-link{color:var(--mango-black)} span.wpml-ls-legacy-list-horizontal {display:inline-block; border: 2px solid var(--mango-yellow); border-radius: 50%; width: 2.1em; height: 2em; text-align: center} span.wpml-ls-native {display:inline-block;border: 2px solid var(--mango-yellow);border-radius: 50%;padding: 8px 0; width: 2.4em; height: 2.3em; text-align: center} } /* TYPOGRAPHY */ b, strong {font-weight: 700} .style-light p b, .style-light p strong {color:var(--mango-black)} p, li, dt, dd, dl, address, label, small, pre, code {line-height: 1.5} .sbyellow {color: var(--mango-yellow)!important} .sbblack h1, .sbblack h3 {color: var(--mango-black)!important} .portfolio-title .style-light h1 {color: var(--mango-black)!important; letter-spacing:0.04em!important; padding-top:4px} .portfolio-title .style-light h3 {font-family: 'Open Sans'; color: var(--mango-black)!important; letter-spacing:0.0em!important} .portfolio-title p {line-height:1.1} .portfolio-text p {line-height:1.5} .portfolio-subtitle {margin-top:0; font-weight:bold; color: var(--mango-yellow)} /* aggiunto selettore dei link negli elenchi puntati */ body.textual-accent-color .post-content .mango-blog > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn), body.textual-accent-color .post-content > div ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn) {font-weight: 700;text-decoration: underline} body.textual-accent-color .post-content .mango-blog > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn):hover {text-decoration: none} .sbfootertext .style-light p {color: #929292; font-size:12px} footer .style-light a {color:var(--mango-black)} body.textual-accent-color .post-content .contatti-link > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn) {color:var(--mango-black)!important; } /* FORMS */ .shadow-inset-form, input, textarea, select, .seldiv, .select2-choice, .select2-selection--single {box-shadow:none; border-radius:0px} .style-light input, .style-light textarea {border-color: #bdbdbd} .sb-form-btn {text-align:center; padding-top:40px} .wpcf7-inline-wrapper {padding-top:18px} /* reCAPTCHA */ .grecaptcha-badge{ visibility: hidden !important; opacity:0 !important; } /* SERVICES */ .sb-services h3.t-entry-title {margin-bottom:27px!important} /* TESTIMONIALS */ .sb-testimonials.sb-section-title .text-color-xsdn-color{color:var(--mango-yellow)!important} .sb-testimonials.sb-section-subtitle{margin-top:25px!important} .sb-testimonials .tmb-dark.tmb .t-entry-visual * {color: #fff!important} .sb-testimonials blockquote > span {font-size:16px; font-weight:400} .sb-testimonials blockquote > span:nth-child(2) {display:none;} .sb-testimonials .tmb-dark.tmb-content-under.tmb .t-entry p.t-entry-meta {margin-top:0} .sb-testimonials .tmb-dark.tmb-content-under.tmb .t-entry p.t-entry-meta span {font-size:16px; font-weight:700; line-height:28px; color:var(--mango-yellow)} .owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span { background-color:var(--mango-yellow)!important} /* COOKIE COMPLIANCE */ #hu-revoke, #hu-revoke * { margin-left: 10px; box-sizing: border-box; margin-bottom: 20px; } /* BLOG */ .sb-blog .tmb-light.tmb .t-entry-text .t-entry-title a {color: var(--mango-black)} .sb-blog .tmb-light.tmb .t-entry-text .t-entry-title a:hover {color: var(--mango-yellow)} .sb-blog .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span.t-entry-date {color: var(--mango-pink); font-size: 14px} .sb-blog .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span.t-entry-tax a {background-color: var(--mango-yellow); color: white!important; padding:0px 10px; font-family:'Panton'; font-size:14px; font-weight: 700; margin-right:5px} .sb-blog .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span.t-entry-tax a:hover {background-color: white; color: var(--mango-yellow)} .sb-blog .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span.t-entry-tax .cat-comma {display: none} .post-content .sb-post-category ul:not(.no-list) { list-style: none; padding: 0px 0px 0px 0px} .post-content .sb-post-category li {display:inline} .post-content .sb-post-category li a {background-color: var(--mango-yellow); font-family:'Panton'; color: white!important; padding:0px 10px; font-weight: 700} /*body.textual-accent-color .post-content > div ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn) {color: white!important}*/ /* commentato perché incompatibile con link negli elenchi puntati */ div.post-body > div > div.vc_row.mango-blog.row-container > div > div > div > div > div > div > div > div.uncode_text_column.sb-post-category > ul > li > a {text-decoration:none;color: white!important} .post-content .sb-post-category li a:hover {background-color: white; color: var(--mango-yellow)} .style-light .sb-post-date {color: var(--mango-pink)} .main-container .row-container .row-parent .single-internal-gutter .uncont .uncode-share {margin-top: 0px} .share-button.share-inline .social.top li.social-gplus, .share-button.share-inline .social.top li.social-pinterest, .share-button.share-inline .social.top li.social-xing {display: none!important} /* prev - next buttons */ .row-navigation {outline-style: none} .row-navigation.row-navigation-light { outline-color: #fff; background-color: #fff; /*max-width: calc(1400px * 80/100 - 50px);*/ margin: 0 auto } nav.post-navigation .btn-disable-hover i{display:none} @media (min-width: 569px) { .pagination .page-next .btn-link, .navigation .page-next .btn-link, .pagination .page-prev .btn-link, .navigation .page-prev .btn-link { font: 700 16px/20px "Panton", sans-serif; color: var(--mango-black) } } .pagination .page-next .btn span, .navigation .page-next .btn span, .pagination .page-prev .btn span, .navigation .page-prev .btn span {display: table-cell; white-space: normal;vertical-align:middle;} .pagination .page-next i::before, .navigation .page-next i::before,.pagination .page-prev i::before, .navigation .page-prev i::before {vertical-align: top} .pagination .page-prev i, .navigation .page-prev i, .pagination .page-next i, .navigation .page-next i {display: table-cell; padding:0 10px; top:0; vertical-align:middle} nav.post-navigation .fa-angle-right:before, nav.post-navigation .fa-angle-left:before { content: url(img/mango-arrow-black.svg); width: 40px; height: 40px; } .fa-angle-left{transform:rotate(180deg)} /* ANIMATIONS */ /* Pulse */ @keyframes pulse { 0% { transform: scale(1); } 33% { transform: scale(0.9); } 66% { transform: scale(1.05); } 100% { transform: scale(1); } } .sb-pulse .t-entry-visual:hover img{ animation: pulse 1s infinite; animation-timing-function: linear; } /* Float */ @keyframes float { 0% { transform: translatey(10px); } 50% { transform: translatey(-10px); } 100% { transform: translatey(10px); } } /* Grayscale pics */ .sb-gray .background-inner {filter: grayscale(100%)} .sb-gray .background-inner:hover {filter: none; transition: all 0.5s ease-in-out} /* PORTFOLIO */ .sb-portfolio-bg-high .tmb>.t-inside{background-color:var(--mango-black)} .sb-portfolio-bg:not(.sb-portfolio-related) .tmb:nth-child(4n+1)>.t-inside{background-color:var(--mango-pink)} .sb-portfolio-bg:not(.sb-portfolio-related) .tmb:nth-child(4n+2)>.t-inside{background-color:var(--mango-yellow)} .sb-portfolio-bg:not(.sb-portfolio-related) .tmb:nth-child(4n+3)>.t-inside{background-color:var(--mango-green)} .sb-portfolio-bg:not(.sb-portfolio-related) .tmb:nth-child(4n+4)>.t-inside{background-color:var(--mango-blue)} /* related */ .sb-portfolio-bg.sb-portfolio-related .tmb:nth-child(4n+1)>.t-inside>.t-entry-visual{background-color:var(--mango-pink)} .sb-portfolio-bg.sb-portfolio-related .tmb:nth-child(4n+2)>.t-inside>.t-entry-visual{background-color:var(--mango-yellow)} .sb-portfolio-bg.sb-portfolio-related .tmb:nth-child(4n+3)>.t-inside>.t-entry-visual{background-color:var(--mango-green)} .sb-portfolio-bg.sb-portfolio-related .tmb:nth-child(4n+4)>.t-inside>.t-entry-visual{background-color:var(--mango-blue)} .sb-portfolio-bg.sb-portfolio-related .t-entry-text-tc.single-block-padding{padding-top:0} /* end related */ .sb-portfolio-mobile .tmb-dark.tmb .t-entry-text p,.sb-portfolio-related .tmb-dark.tmb .t-entry-text p{color:var(--mango-black)} @media (min-width: 415px){ .sb-portfolio-bg:not(.sb-portfolio-related) .tmb:nth-child(4n+1) h3.t-entry-title,.sb-portfolio-bg:not(.sb-portfolio-related) .tmb:nth-child(4n+3) h3.t-entry-title,.sb-portfolio-bg-high .tmb h3.t-entry-title{padding-left:27px} .sb-portfolio-bg:not(.sb-portfolio-related) .tmb .t-entry-excerpt > p:first-child,.sb-portfolio-bg-high .tmb .t-entry-excerpt > p:first-child {opacity:0;text-align: center} .sb-portfolio-bg:not(.sb-portfolio-related) .tmb .t-entry-excerpt > p:first-child{padding-top: 25%} .sb-portfolio-bg-high .tmb .t-entry-excerpt > p:first-child {padding-top: 20%} .sb-portfolio-bg:not(.sb-portfolio-related) .tmb .t-entry-excerpt > p:first-child::after,.sb-portfolio-bg-high .tmb .t-entry-excerpt > p:first-child::after {display: block; content: url('img/mango-arrow.svg'); width: 40px; height: 40px; margin:30px auto} .sb-portfolio-bg .tmb:hover .t-entry-excerpt > p:first-child,.sb-portfolio-bg-high .tmb:hover .t-entry-excerpt > p:first-child {opacity: 1; transition: all 0.2s ease-in-out} } .sb-portfolio-buttons .btn-lg {padding: 14px 20px 14px 20px !important;} .sb-blog .btn {padding: 14px 20px 14px 20px !important; font-size:15px!important} /*----- RESPONSIVE ----*/ @media (max-width: 959px){ #logo-container-mobile { display: grid !important} body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item > a, body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item > a, body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart li.menu-item > a, body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link > a, body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item-link > a, body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart li.menu-item-link > a { font-size: 5vw !important; line-height: 2 !important; } } /* PORTFOLIO BUTTONS fix */ @media (max-width: 570px){ .main-container .sb-portfolio-buttons .cols-sm-responsive > div[class*=col-sm].col-sm-clear { padding-top: 10px } } /* MOBILE fix */ @media (max-width: 569px) { .btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) { transform-origin: revert; } @media (max-width: 570px) { .main-container .row-container .col-no-gutter > .row-inner > div.sb-team-extraspace-mobile { padding-top:10px } .main-container .row-container .col-no-gutter > .row-inner > div.sb-team-extraspacebot-mobile { padding-bottom:10px } div.sbfootertext {padding-top:0!important} h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) { font-size: 24px; } .sb-portfolio-highlight-mobile .tmb-light.tmb .t-entry-text p {color:white} } /*** TEAM ***/ .style-dark-bg { background-size: cover; opacity:1!important; } .sb-who-claudio .style-dark-bg { background-image: url(../../uploads/2020/10/claudio-hover-mango-mobile-agency.jpg); } .sb-who-antonella .style-dark-bg { background-image: url(../../uploads/2020/10/antonella-hover-mango-mobile-agency.jpg); } .sb-who-giulio .style-dark-bg { background-image: url(../../uploads/2020/10/giulio-hover-mango-mobile-agency.jpg); } .sb-who-nicola .style-dark-bg { background-image: url(../../uploads/2020/10/nicola-hover-mango-mobile-agency.jpg); } .sb-who-jun .style-dark-bg { background-image: url(../../uploads/2020/10/jimmi-hover-mango-mobile-agency.jpg); } .sb-who-gjulio .style-dark-bg { background-image: url(../../uploads/2020/10/gjulio-hover-mango-mobile-agency.jpg); } .sb-who-paula .style-dark-bg { background-image: url(../../uploads/2020/10/paula-hover-mango-mobile-agency.jpg); } .sb-who-veronika .style-dark-bg { background-image: url(../../uploads/2023/09/veronika_hover.jpg); } .sb-who-thomas .style-dark-bg { background-image: url(../../uploads/2023/09/thomas_hover.jpg); } /* --- Google Maps infowindow (google-maps-easy plugin) styling --- */ /* Container background + rounded corners follow the Mango brand */ .gm-style-iw, .gm-style-iw-c { padding: 14px 18px !important; border-radius: 6px !important; box-shadow: 0 4px 16px rgba(42, 38, 40, 0.18) !important; font-family: Panton, "Open Sans", -apple-system, "system-ui", sans-serif !important; } .gm-style-iw-d { overflow: hidden !important; padding: 0 !important; } .gm-style-iw *, .gm-style-iw p, .gm-style-iw span, .gm-style-iw div { font-family: inherit !important; color: #2a2628 !important; line-height: 1.45; } /* Marker title */ .gm-style-iw .gmpMarkerTitle, .gm-style-iw h1, .gm-style-iw h2, .gm-style-iw h3, .gm-style-iw h4 { font-family: Panton, sans-serif !important; color: #f6b31a !important; font-weight: 700 !important; margin: 0 0 6px 0 !important; font-size: 15px !important; line-height: 1.2 !important; } .gm-style-iw p { margin: 4px 0 !important; font-size: 13px !important; } /* Close button colour */ .gm-style-iw button.gm-ui-hover-effect img { filter: none !important; }