@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 */ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .site-content-landing-page .content-area-insurance h3{ margin-bottom: 32px; } .site-content-landing-page .content-area-insurance p{ font-weight: 300; color: ; } .site-content-landing-page .content-area-insurance .hs_cos_wrapper_type_text{ font-weight: 300; } .site-content-landing-page .content-area-insurance hr{ border-top: 1px solid ; } .site-content-landing-page .content-area-insurance .section-marketing-smart-choice .link-wrap{ margin-bottom:32px; } .site-content-landing-page .content-area-insurance .section-marketing-smart-choice .link-wrap h4{ font-weight: 400; color: ; margin-bottom: 13px; } .site-content-landing-page .content-area-insurance .section-marketing-smart-choice h2{ margin-bottom: 32px; } .site-content-landing-page .content-area-insurance .section-marketing-smart-choice .link-wrap h6 .fas{ color: ; padding-left: 6px; } .site-content-landing-page .content-area-insurance .section-marketing-smart-choice .btn{ margin-top: 32px; } .site-content-landing-page .content-area-insurance .section-marketing-palying h2{ font-weight: 400; margin-bottom: 29px; } .site-content-landing-page .content-area-insurance .box-wrap{ background: #ffffff; box-shadow: 5px 5px 7px rgba(0,0,0,0.1); padding-top: 32px; padding-right: 32px; padding-bottom: 32px; padding-left: 32px; margin-bottom: 96px; } .site-content-landing-page .content-area-insurance .two-cols-row{ background:#ffffff; padding: 32px; box-shadow: 5px 5px 7px rgba(0,0,0,0.1); margin-bottom: 96px; } .site-content-landing-page .content-area-insurance .two-cols-row h3.lime{ color: #9bc900; font-weight:bold; text-align:center; max-width:357px; margin-right:auto; margin-left:auto; } .site-content-landing-page .content-area-insurance .insurance-cover-row{ background: #ffffff; padding: 40px; box-shadow: 5px 5px 7px rgba(0,0,0,0.1); margin-bottom: 96px; } .site-content-landing-page .content-area-insurance .section-marketing-what{ /* max-width:902px; margin-left:auto; margin-right:auto; */ } .site-content-landing-page .content-area-insurance .insurance-cover-row .list-wrap{ list-style:none; } .site-content-landing-page .content-area-insurance .insurance-cover-row .list-wrap li{ font-size:20px; letter-spacing:0.05em; line-height:27px; margin-bottom:32px; } .site-content-landing-page .content-area-insurance .insurance-cover-row .list-wrap li:before{ position: absolute; content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #318Eb1; left: 14px; } .site-content-landing-page .content-area-insurance .section-marketing-covered{ margin-top:64px; } /****Why Lawyers Need Professional Liability Insurance*****/ .site-content-landing-page .why-insurance h4{ font-weight:400; margin-bottom:32px; /* // color: ; */ } .site-content-landing-page .why-insurance h4.teal{ color: #318Eb1; } .site-content-landing-page .why-insurance .section-marketing-benefits hr{ margin-top:0; } .site-content-landing-page .why-insurance .section-marketing-required{ background:#ffffff: } .site-content-landing-page .why-insurance .section-marketing-required hr{ margin-bottom:0; } .site-content-landing-page .why-insurance .section-marketing-covered{ margin-bottom:93px; } .site-content-landing-page .why-insurance .section-marketing-help{ background:#ffffff; /* max-width:902px; margin-left:auto; margin-right:auto; */ padding:34px 78px; margin-bottom:94px; box-shadow: 5px 5px 7px rgba(0,0,0,0.1); } .site-content-landing-page .why-insurance .section-marketing-help .image-row{ margin-bottom:28px; } .site-content-landing-page .why-insurance .section-marketing-help .image-row img{ display:block; margin-left:auto; margin-right:auto; } /****How Is Professional Liability Insurance Priced?*****/ .site-content-landing-page .how-insurance h2{ font-weight:400; margin-bottom:32px; } .site-content-landing-page .how-insurance .list-wrap { margin:0; list-style:none; } .site-content-landing-page .how-insurance .list-wrap li:before{ position: absolute; content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #318Eb1; left: 15px; } .site-content-landing-page .how-insurance .list-wrap li{ margin-bottom:32px; font-weight:400; font-size:20px; } .site-content-landing-page .how-insurance .factors-list { list-style:none; margin-bottom:105px; } .site-content-landing-page .how-insurance .factors-list li:before{ position: absolute; content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #318Eb1; left: -40px; } .site-content-landing-page .how-insurance .factors-list li{ margin-bottom:32px; position: relative; } .site-content-landing-page .how-insurance .factors-list h4{ font-weight:400; color:; } .site-content-landing-page .how-insurance .section-marketing-lower-insurance .box-wrap{ padding:56px 40px; background:#ffffff; /* max-width:806px; margin-left:auto; margin-right:auto; */ } .site-content-landing-page .how-insurance .section-marketing-lower-insurance h4{ font-weight:400; margin-bottom:31px; } .site-content-landing-page .how-insurance .section-marketing-competitive h4{ font-weight:400; margin-bottom:31px; } .site-content-landing-page .how-insurance .section-marketing-competitive .list-wrap li{ font-size:16px; } .site-content-landing-page .how-insurance .section-marketing-charts .row:first-child{ margin-bottom:83px; } .site-content-landing-page .how-insurance .section-marketing-charts .row h4{ margin-bottom:32px; font-weight:400; } .site-content-landing-page .how-insurance .section-marketing-charts .hs_cos_wrapper_type_image{ text-align:center; } .site-content-landing-page .how-insurance .section-marketing-charts .hs_cos_wrapper_type_image img{ margin-left: auto; margin-right: auto; display: block; } /*****************************************/ /* Start your meida query here */ /*****************************************/ @media only screen and (min-width: 320px){ } @media only screen and (min-width: 768px){ } @media only screen and (min-width: 992px){ .site-content-landing-page .content-area-insurance .two-cols-row .mid-col:after{ background:; bottom: 0; content: " "; margin-left: 31px; position: absolute; top: 20px; width: 1px; height: 180px; text-align: center; } .site-content-landing-page .why-insurance .section-marketing-who .left-col p{ border-right:1px solid ; padding-right: 30px; } } @media only screen and (min-width: 1200px){ }