/**! Custom Styles Go Here (for easy template updating) **/ body{font-family: 'Lora', serif; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Montserrat', sans-serif; } h1{text-transform: uppercase; font-size: 50px; line-height: 1.3em; } .gradient--active .bg--primary, .gradient--active [data-overlay].bg--primary:before {background: linear-gradient(to right, #324e77 0%, #009ca8 100%); } .nav-bar.bg--primary .menu > li > a, .nav-bar.bg--dark .menu > li > a, .nav-bar.nav--transparent .menu > li > a{font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .menu > li {position: relative; float: left; font-size: 0.8em; font-weight: 400; letter-spacing: 1px; font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif; } .btn i.socicon {opacity: 1; margin-right: 0.5em; vertical-align: middle; } .section-title hr {margin-bottom: 2em; } h3, .h3, h4, .h4{color: #009ca8; } ul.half-list li::before {content: "•"; color: #009ca8; display: inline-block; width: 1em; margin-left: -1em} ul.half-list li {padding-left: 1em; } .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {padding-top: 5.765625em; padding-bottom: 5.765625em; float: none; overflow: hidden; } .contacto_tel{width: 50%; float: left; } .contacto_info>div{float: none; clear: both; } .contacto_tel i {font-size: 20px; opacity: 0.5; color: #009ca8; display: block; margin-bottom: 10px; margin-top: 5px; } .contacto_tel a{font-size: 25px; font-weight: 300; opacity: 1; } .contacto_info p.lead{color: #009ca8; } footer{position: relative; } #form {background: #ffffffee; } form button[type=submit] {background: #0372c0; color: white; } form button[type=submit]:hover {background: #29a9e1; color: #f6f6f6; } .nav-bar .logo {max-height: 90%; margin: 0; } .nav--fixed.nav-bar .logo {max-height: 70%; margin: 0; } .contacto_tel_alone{margin: 0 auto; float: none; } footer{position: relative; } .diagonal_grande{position: absolute; width: 1px; height: 100px; background: #0170bf1f; left: 50%; transform: rotate(20deg); } .nav-bar .logo {max-height: 50%; margin: 0; } .nav--fixed.nav-bar .logo {max-height: 40%; margin: 0; } .btn:hover, .btn:focus, .btn.focus {color: #333333; text-decoration: none; border-bottom: 1px solid white; } #cta_tel_mob{display: none; position: fixed; bottom: -50px; left:0; opacity:0; width: 100%; text-align: center; text-decoration: none; background: white; z-index: 9; padding: 14px 10px; font-size: 20px; letter-spacing:1.5px; text-transform: uppercase; box-sizing: border-box; border:none; border-top: 1px solid #efefef; box-shadow: 0px 0px 60px -8px #0000001a; color:#000; animation-name: fadeInCTA; animation-duration: 1s; animation-fill-mode: forwards; animation-delay: 2s; } @keyframes fadeInCTA {from {opacity: 0;bottom: -50px;} to {opacity: 1;bottom: 0px;} } a#cta_tel_mob:hover{color:#000;} a#cta_tel_mob:visited{color:#000;} a#cta_tel_mob:active{color:#000;} #cta_tel_mob svg{display: inline; max-width: 24px; margin-right: 10px; vertical-align: middle; } #cta_tel_mob path{ fill:#000; } @media screen and (max-width:750px){ #cta_tel_mob{ display:block; } } .btn_whatsapp{background: #2edd2e; border: none; } .newsletter-form{margin-top: -160px; } .contacto_mail{width: 100%; float: none; padding: 30px 10px; } .contacto_mail i {font-size: 20px; opacity: 0.5; color: #009ca8; display: block; margin-bottom: 10px; margin-top: 5px; } .contacto_mail a{font-size: 25px; font-weight: 300; opacity: 1; } .break{width: 100%; display: table; float: none; } .contacto_map{width: 100%; float: none; padding: 30px 10px; } .contacto_map i {font-size: 20px; opacity: 0.5; color: #009ca8; display: block; margin-bottom: 10px; margin-top: 5px; } .contacto_map strong{font-size: 25px; font-weight: 300; opacity: 1; } #contacto a{color:#019aa7; } /* TABLET Landscape */ @media screen and (max-width:1200px) {} /* TABLET Portrait */ @media screen and (max-width:900px) {} /* MOBILE */ @media screen and (max-width:750px) {h1{font-size: 26px; } .nav-bar .logo {max-height: 40%; margin: 0; } .contacto_map strong, .contacto_mail a, .contacto_tel a{font-size:16px; } } #whatsapp_bubble{display: block; text-decoration: none; border:none; border-radius: 0; box-sizing: border-box; max-width: 60px; z-index: 9; bottom: 20px; right: 20px; width:60px; height:60px; position: fixed; opacity:0.9; transition: all 0.3s; overflow:visible; } #whatsapp_bubble:hover{transform: scale(1.05); opacity:1; } #whatsapp_bubble svg{filter: drop-shadow( 0px 5px 10px rgba(0, 0, 0, .3)); } @media screen and (max-width:750px){ #cta_tel_mob{ display:block; } }