@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'; /** * CSS @imports must be at the top of the file. * Add them above this section. */ /*//////////////////////////////////// /////////// Hubl Variables//////////// ////////////////////////////////////*/ /** * Colors */ /** * Scaffolding */ /* Background color for '' */ /* Global text color for '' */ /* Global textual link color */ /* Link hover color set via `darken()` function */ /* Link hover decoration */ /** * Typography */ /* Font weights */ /* By default, this inherits from the '' */ /** * Media Queries */ /* Custom, iPhone Retina */ /* Extra Small Devices, Phones */ /* Small Devices, Tablets */ /* Medium Devices, Desktops */ /* Large Devices, Wide Screens */ .page-switching-law-firms .site-main{ padding-bottom: 0; } .site-header-banner .text-col{ text-align: center; } .site-header-banner .text-col .banner-hr{ margin-top: 16px; margin-right: auto; margin-bottom: 48px; margin-left: auto; } p{ margin: 0 0 32px; } p:last-child{ } .btn{ white-space: normal !important; } .btn-sm{ font-size: 14px !important; } .btn-link-white{ color: #ffffff; font-size: 12px; border-color: #ffffff; } .btn-link-white:active, .btn-link-white:focus, .btn-link-white:hover{ color: #ffffff !important; } .hs-form input[type=text], .hs-form input[type=email], .hs-form input[type=tel], .hs-form select, .hs-form textarea{ background: #ffffff; border: 1px solid #C1C1C1; height: 45px; width: 90%; box-sizing: border-box; padding: 6px 12px; } .hs-form .hs-form-required{ color: #9bc900; } .hs-form label{ display: none; } .hs-form .hs-error-msgs{ padding: 0; margin: 0; list-style: none; } .hs-form .hs-error-msgs li{ margin-bottom: 0; } .hs-form .hs-error-msgs li label{ color: #9bc900; display: block !important; } .hs-form .hs-button{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; background: #104C86; border: 1px solid #104C86; font-family: "Open Sans", sans-serif; font-size: 20px font-weight: 700; line-height: 27px; letter-spacing: 0.050em; text-transform: uppercase; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; margin-top: 16px; margin-right: 0; margin-bottom: 0; margin-left: 0; transition: 0.3s; } .hs-form .hs-button:active, .hs-form .hs-button:focus, .hs-form .hs-button:hover{ -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.24); -moz-box-shadow : 4px 4px 4px 0px rgba(0,0,0,0.24); box-shadow : 4px 4px 4px 0px rgba(0,0,0,0.24); color : #104C86; background : transparent; border : 1px solid #104C86; } .bullet-box{ border: 1px solid #d1d2d5; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; margin-bottom: 64px; } .bullet-box ul{ padding: 0; margin: 0; list-style: none; } .bullet-box li{ font-weight: 300; padding-left: 25px; margin-bottom: 16px; position: relative; } .bullet-box li:last-child{ margin-bottom: 0; } .bullet-box li:before{ content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #9bc900; position: absolute; top: 0; left: 0; } .bullet-box-header{ color: #ffffff; text-align: center; text-transform: uppercase; background-color: #d1d2d5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 32px; } .tip-box{ background: #191f2e; color: #ffffff; font-size: 12px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; margin-bottom: 64px; list-style: none; } .tip-box p{ margin-bottom: 16px; } .tip-box h6{ color: #ffffff; text-align: center; text-transform: uppercase; margin-bottom: 32px; } .bg-cover{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg-cover .text-col{ padding-top: 96px; padding-bottom: 96px; } .bg-cover .text-col h2{ color: #ffffff; font-weight: 800; } .bg-cover .text-col h5{ color: #9bc900; font-weight: 300; } .sticky-scroll-box{ background-color: rgba(255,255,255,0.5); position: absolute; left: 0; z-index: 1000; } .sidebar-menu ul{ list-style: none; padding: 0; margin-top: 20px; margin-left: 30px; margin-right: 10px; margin-bottom: 20px; border-left: solid 1px #666666; } .sidebar-menu ul li{ margin-bottom: 30px; padding-left: 25px; margin-left: -9px; line-height: 1; position: relative; background-image: none !important; } .sidebar-menu ul li:before{ content:""; background-image: url("https://3334505.fs1.hubspotusercontent-na1.net/hubfs/3334505/Protexure%20Lawyers%20Pillar%20Pages/menu-sprite.png"); background-repeat: no-repeat; background-position: left top; width: 16px; height: 16px; display: block; position: absolute; left: 1px; top: 0; } .sidebar-menu ul li.active:before{ background-position: left bottom; } .sidebar-menu ul li:last-child{ line-height: 27px; } .sidebar-menu ul li:last-child:before{ background-image:url("https://3334505.fs1.hubspotusercontent-na1.net/hubfs/3334505/Protexure%20Lawyers%20Pillar%20Pages/download-icon.png"); width: 27px; height: 27px; left: -5px; } .sidebar-menu ul li.active:last-child:before{ background-position: left bottom; } .sidebar-menu ul li a{ color: #666666; font-size: 14px; } .sidebar-menu ul li a:hover{ text-decoration: none; } .sidebar-menu ul li.active a{ font-size: 16px; color: #9bc900; font-weight: bold; } .fixed{ position: fixed; z-index: 1000; } .fixed{ top: 61px; } /* Section Marketing Download Offer */ .section-marketing-download-offer{ text-align: center; padding-bottom: 96px; } .section-marketing-download-offer h3{ margin-bottom: 32px; } /* Section Marketing Introduction */ .section-marketing-introduction{ min-height: 538px; } .section-marketing-introduction .introduction-text{ padding-top: 96px; padding-bottom: 96px; } .section-marketing-introduction .introduction-text h3{ color: #104C86; font-weight: 800; margin-bottom: 32px; } .section-marketing-introduction .introduction-text h3.intro-title{ color: #104C86; font-size: 23px; font-weight: 300; line-height: 38px; margin-bottom: 32px; } .section-marketing-introduction .introduction-text h3.intro-title strong{ font-size: 38px; font-weight: 800; } /* Section 00 */ /* Section Marketing Planning */ .section-marketing-planning{ padding-top: 96px; padding-bottom: 96px; } /* Section 01 */ /* Section Marketing Agreements */ .section-marketing-agreements{ padding-top: 96px; padding-bottom: 96px; } /* Section 02 */ /* Section Marketing Review Agreements */ .section-marketing-agreements{ padding-top: 96px; padding-bottom: 96px; } /* Section 03 */ /* Section Marketing Excercising Caution */ .section-marketing-excercising-caution{ padding-top: 96px; padding-bottom: 96px; } /* Section 04 */ /* Section Marketing Pre-Departure */ .section-marketing-pre-departure{ padding-top: 96px; padding-bottom: 96px; } .section-marketing-pre-departure ol{ } .section-marketing-pre-departure ol li{ color: #104c86; font-weight: 700; margin-bottom: 32px; } .section-marketing-pre-departure ol li span{ color: #333333; font-weight: 400; } .section-marketing-pre-departure ol li ul{ padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; list-style: none; position: relative; } .section-marketing-pre-departure ol li ul::before{ content: ''; background: url("https://3334505.fs1.hubspotusercontent-na1.net/hubfs/3334505/Protexure%20Lawyers%20Pillar%20Pages/bullet.arrow.png"); background-size: 38px 45px; background-repeat: no-repeat; width: 38px; height: 45px; position: absolute; top: 2px; left: 15px; } .section-marketing-pre-departure ol li ul li{ color: #333333; font-size: 12px; font-weight: 400; padding-top: 32px; margin-left: 63px; } .section-marketing-pre-departure ol li ul.tip-box{ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } .section-marketing-pre-departure ol li ul.tip-box::before{ display: none; } .section-marketing-pre-departure ol li ul.tip-box li{ color: #ffffff; font-weight: 400; padding: 0; margin: 0; } /* Section 05 */ /* Section Marketing - Communicating Your Plans */ .section-marketing-your-plans{ padding-top: 96px; padding-bottom: 96px; } .section-marketing-your-plans h3{ color: #104C86; font-weight: 700; margin-bottom: 32px; } /* Section 06 */ /* Section Marketing - Talking to Clients */ .section-marketing-talking-to-clients{ padding-top: 96px; padding-bottom: 96px; } /* Section 07 */ /* Section Marketing - Confidentiality */ .section-marketing-confidentiality{ padding-top: 96px; padding-bottom: 96px; } /* Section 08 */ /* Section Marketing - Post Announcement */ .section-marketing-post-announcement{ padding-top: 96px; padding-bottom: 96px; } /* Section 09 */ /* Section marketing - Conclusion */ .section-marketing-conclusion{ padding-top: 96px; padding-bottom: 96px; } /* Section 10 */ /* Section Marketing - Checklists */ .section-marketing-checklists .offer-form{ text-align: center; margin-top: 96px; margin-bottom: 96px; } .section-marketing-checklists .offer-form h3{ color: #ffffff; margin-bottom: 32px; } /*======= Bootstrap 3 Media Queries =======*/ /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ /* min-width : 320px */ @media only screen and (min-width : 320px){ } /* Extra Small Devices, Phones */ /* min-width : 480px */ @media only screen and (min-width : 480px){ } /* Small Devices, Tablets */ /* min-width : 768px */ @media only screen and (min-width : 768px){ .site-header-banner{ background-position: 0 0 !important; } .sticky-scroll-box{ width: 242px; } } /* Medium Devices, Desktops */ /* min-width : 992px */ @media only screen and (min-width : 992px){ } /* Large Devices, Wide Screens */ /* min-width : 1200px */ @media only screen and (min-width : 1200px){ .sticky-scroll-box{ width: 300px; } .sidebar-menu ul{ margin-left: 60px; } }