div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//www.klf-insurance.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block; }
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; } hr {
height: 1px;
border: 0;
float: left;
width: 100%;
margin-bottom: 12px;
background: #5d8e58; }
code, kbd, pre, samp {
font-family: monospace, serif; }
a, a:visited {
background: transparent; }
a:active,
a:hover {
outline: 0; }
b,
strong {
font-weight: bold; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
q {
quotes: none; }
mark {
background: #ff0;
color: #000; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
dfn {
font-style: italic; } img {
border: 0;
vertical-align: middle;
max-width: 100%;
-ms-interpolation-mode: bicubic; }
svg:not(:root) {
overflow: hidden; } table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
background-color: transparent; } fieldset {
border: 0;
padding: 0; }
legend {
border: 0;
padding: 0;
white-space: normal; }
button, input, select, textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
input {
line-height: normal; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
-moz-appearance: textfield; }
input, select {
vertical-align: middle; }
select[multiple],
select[size] {
height: auto; }
textarea {
resize: vertical;
overflow: auto;
height: auto;
vertical-align: top; } .clearfix:before, .clearfix:after {
display: table;
content: ""; }
.clearfix:after {
clear: both; }
.hide {
display: none; }      .primary-colour {
color: #a80d02; }
.secondary-colour {
color: #a80d02; }
.primary-font {
font-family: "Lato", sans-serif !important; }
.secondary-font {
font-family: "EB Garamond", serif !important; }
.green-bg {
background: #4dbb40;
color: #fff; }
.green-bg a, .green-bg a:visited {
color: white !important; }
.blue-bg {
background: #05489d; }
.white-bg {
background: #fff;
color: #3c4146; }
.white-bg a, .white-bg a:visited {
color: #05489d !important; }
.offWhite-bg {
background: #ebebeb; }        .container {
max-width: 940px;
margin: 0 auto;
width: 100%; } .wrapper-100, .wrapper-33, .wrapper-50, .wrapper-25, .wrapper-75, .wrapper-66 {
width: 100%;
float: left;
margin-bottom: 12px; }
@media only screen and (min-width: 660px) {
.wrapper-100, .wrapper-33, .wrapper-50, .wrapper-25, .wrapper-75, .wrapper-66 {
margin-bottom: 18px; } }
@media only screen and (min-width: 980px) {
.wrapper-100, .wrapper-33, .wrapper-50, .wrapper-25, .wrapper-75, .wrapper-66 {
margin-bottom: 18px; } }
.wrapper-container {
width: 100%;
float: left;
clear: left; }
@media only screen and (min-width: 600px) {
.with-equal-height {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-box-flex: 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.with-equal-height > div {
float: none; }
.wrapper-50 {
width: 50%; }
.wrapper-25 {
width: 50%;
margin-left: 0; }
.wrapper-75 + .wrapper-25, .wrapper-25.with-75-right {
width: 100%; }
.with-margin .wrapper-50 {
margin-left: 1.5%;
width: 49.25%; }
.with-margin .wrapper-50:first-child {
margin-left: 0; }
.with-margin .wrapper-25 {
margin-left: 0%;
width: 49.25%; }
.with-margin .wrapper-25:nth-child(2n) {
margin-left: 1.5%; }
.with-margin .wrapper-75 + .wrapper-25, .with-margin .wrapper-25.with-75-right {
margin-left: 0;
width: 100%; } }
@media only screen and (min-width: 660px) {
.wrapper-66 {
width: 66.66%; }
.wrapper-33 {
width: 33.33%; }
.with-margin .wrapper-33 {
margin-left: 1.5%;
width: 32.33333%; }
.with-margin .wrapper-33:first-child {
margin-left: 0; }
.with-margin .wrapper-66 + .wrapper-33 {
margin-left: 1.5%; }
.with-margin .wrapper-66 {
width: 66.16667%;
margin-left: 1.5%; }
.with-margin .wrapper-66:first-child {
margin-left: 0; } }
@media only screen and (min-width: 768px) {
.wrapper-25 {
width: 25%; }
.wrapper-75 {
width: 75%; }
.wrapper-75 + .wrapper-25, .wrapper-25.with-75-right {
width: 25%; }
.with-margin .wrapper-25, .with-margin .wrapper-75 + .wrapper-25, .with-margin .wrapper-25.with-75-right {
margin-left: 1.5%;
width: 23.875%; }
.with-margin .wrapper-25:first-child, .with-margin .wrapper-75 + .wrapper-25:first-child, .with-margin .wrapper-25.with-75-right:first-child {
margin-left: 0; }
.with-margin .wrapper-75 {
width: 74.625%;
margin-left: 1.5%; }
.with-margin .wrapper-75:first-child {
margin-left: 0; } }
.padded-content {
padding: 18px 18px;
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.padded-content.horizontal {
padding-top: 0;
padding-bottom: 0; }
@media only screen and (min-width: 600px) {
.padded-content.horizontal {
padding-top: 0;
padding-bottom: 0; } }
@media only screen and (min-width: 768px) {
.padded-content.horizontal {
padding-top: 0;
padding-bottom: 0; } } .with-75-right .padded-content.horizontal, .wrapper-75 + .wrapper-25 .padded-content.horizontal {
padding-top: 0;
padding-bottom: 0; } .margin-bottom {
margin-bottom: 12px !important; }
.double-margin-bottom {
margin-bottom: 24px !important; }
.no-margin-bottom {
margin-bottom: 0 !important; }
.margin-top {
margin-top: 12px !important; }
.double-margin-top {
margin-top: 24px !important; }
.no-margin-top {
margin-top: 0 !important; }   body {
-webkit-animation: bugfix infinite 1s; }  .mainMenu {
display: block;
position: relative;
width: 100%;
margin: 0;
padding: 0;
float: left; }
#toggleMenu {
display: none; }
#toggleMenu:checked ~ ul {
max-height: 100%; opacity: 1; }
.mainMenu div > ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
float: left;
overflow-y: hidden;
max-height: 0;
border-bottom: 1px solid; }
.mainMenu div li {
margin: 0;
padding: 0;
white-space: nowrap;
display: block;
width: 100%;
float: left; }
.mainMenu div a, .mainMenu div a:visited {
display: block;
width: 100%; }
.mainMenu div a:hover {
text-decoration: none; }
label.menuTitle {
margin: 0;
display: block;
cursor: pointer;
background: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/menu.png);
background-image: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/menu.svg), none;
background-repeat: no-repeat;
background-position: 97% 10px;
background-size: 24px 19px; }
@media only screen and (min-width: 768px) {
label.menuTitle {
display: none; }
.mainMenu div ul {
display: block !important;
border: 0;
overflow: visible;
max-height: 100% !important; }
.mainMenu div ul li {
width: auto;
display: inline;
border: 0; } } .mainMenu div > ul ul {
float: left;
width: 100%;
margin: 0;
padding: 0; }
@media only screen and (min-width: 768px) {
.mainMenu div > ul > li {
position: relative; }
.mainMenu div > ul > li:hover ul {
display: block !important; }
.mainMenu div > ul ul {
display: none !important;
position: absolute;
left: 0; }
.mainMenu div > ul ul li {
display: block;
width: 100%;
float: left;
padding: 0;
margin: 0; }
.mainMenu div .toggleChildren {
display: none !important; } }  .mainMenu div {
border-bottom: 1px solid #ccc; }
.mainMenu div li {
border-top: 1px solid #ccc; }
.mainMenu div a, .mainMenu div a:visited {
color: #05489d;
text-decoration: none;
font-family: "Lato", sans-serif;
font-weight: 700;
width: 90%; padding: 6px 5%;
background: none; }
@media only screen and (min-width: 600px) {
.mainMenu div a, .mainMenu div a:visited {
padding: 6px 3%;
width: 94%; } }
label.menuTitle {
font-size: 20px;
width: 90%; padding: 6px 5%;
font-weight: bold; }
@media only screen and (min-width: 600px) {
label.menuTitle {
padding: 6px 3%;
width: 94%; } }
@media only screen and (min-width: 768px) {
.mainMenu {
width: 74%;
border: 0; }
.mainMenu div > ul {
margin-left: -10px; }
.mainMenu div {
border-bottom: 0; }
.mainMenu div li {
border: 0; }
.mainMenu div a:hover {
color: #333; }
.mainMenu div a, .mainMenu div a:visited {
padding: 4px 10px 8px 10px;
float: left;
width: 100%;
font-size: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.mainMenu div li a:hover {
border-bottom: 4px solid #4dbb40;
padding: 0px 10px 4px 10px; }
.mainMenu ul.menu > li.current-menu-ancestor > a, .mainMenu ul.menu > li.current_page_item > a, .mainMenu ul.menu > li.current-page-ancestor > a {
border-bottom: 4px solid #4dbb40;
padding: 2px 10px 4px 10px;
color: #333; } }
@media only screen and (min-width: 980px) {
.mainMenu div a, .mainMenu div a:visited {
padding: 2px 10px 8px 10px; }
.mainMenu div a.active, .mainMenu div a:visited.active {
padding: 2px 10px 4px 10px; }
.mainMenu div li a:hover {
padding: 2px 10px 4px 10px; } } .mainMenu div .toggleChildren {
float: right;
padding: 0 2%;
width: 30px; height: 30px; display: block;
background: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/nav-arrow.png) no-repeat center center;
background-size: 11px 8px; }
.mainMenu div .toggleChildren.contract {
background: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/nav-arrow.png) no-repeat center center;
background-size: 11px 8px;
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV"; }
.mainMenu div > ul ul a, .mainMenu div > ul ul a:visited {
background: #eee; }
@media only screen and (min-width: 768px) {
.mainMenu div > ul > li:hover > a {
color: #333; }
.mainMenu div > ul ul {
top: 30px; min-width: 260px; }
.mainMenu div > ul ul a {
border: 0;
padding: 6px 10px;
border-bottom: 1px solid #ccc; }
.mainMenu div > ul ul a:hover {
border-bottom: 1px solid #ccc;
padding: 6px 10px; } }  body {
font-family: "Lato", sans-serif;
line-height: 1.5;
font-size: 14px;
color: #3c4146;
font-weight: 300; }
@media only screen and (min-width: 768px) {
body {
font-size: 13px; } } h1, .h1 {
font-size: 34px;
padding: 0 0 6px 0; }
h2, .h2 {
font-size: 28px;
padding: 0 0 6px 0; }
h3, .h3 {
font-size: 22px;
padding: 0 0 12px 0;
line-height: 1.3;
font-weight: 400 !important; }
h4, .h4 {
font-size: 17px;
line-height: 1.4;
padding: 0 0 12px 0;
color: #787878;
font-family: "Lato", sans-serif;
font-weight: 700; }
h5, .h5 {
font-size: 16px;
line-height: 1.35;
padding: 0 0 6px 0;
font-family: "Lato", sans-serif;
font-weight: 700; }
p, ul, ol {
padding: 0 0 10px 0;
font-family: "Lato", sans-serif;
font-weight: 700;
line-height: 21px; }
p.date {
font-size: 13px; }
p#breadcrumbs {
font-size: 12px;
color: #787878;
font-weight: 700; }
p#breadcrumbs a, p#breadcrumbs a:visited {
text-decoration: underline; }
img.alignleft {
float: left;
margin: 0 12px 12px 0; }
img.alignright {
float: right;
margin: 0 0 12px 12px; }   .item-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.item-container iframe,
.item-container object,
.item-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
header {
float: left;
width: 100%;
background: #fff; }
.logo {
margin: 10px auto;
width: 150px; }
@media only screen and (min-width: 600px) {
.logo {
float: left;
margin: 16px 3% 16px 3%;
width: 24%; } }
@media only screen and (min-width: 660px) {
.logo {
width: 22%; } }
@media only screen and (min-width: 768px) {
.logo {
margin-right: 0; } }
@media only screen and (min-width: 980px) {
.logo {
width: 18%;
margin: 16px 0 16px 0%; } }
.navigation-wrapper {
float: left;
width: 100%; }
.navigation-wrapper .strapline {
width: 100%;
text-align: center;
font-family: "EB Garamond", serif;
font-weight: 400;
color: #05489d;
line-height: 1.2;
font-size: 18px;
padding-bottom: 4px; }
@media only screen and (min-width: 600px) {
.navigation-wrapper {
width: 67%;
padding-top: 12px;
margin-right: 3%; }
.navigation-wrapper .strapline {
font-size: 22px; } }
@media only screen and (min-width: 660px) {
.navigation-wrapper {
width: 69%;
margin-top: 10px; }
.navigation-wrapper .strapline {
text-align: left;
width: 60%;
float: left; } }
@media only screen and (min-width: 768px) {
.navigation-wrapper {
width: 72%;
margin-top: 16px; }
.navigation-wrapper .strapline {
width: 66%;
font-size: 24px; } }
@media only screen and (min-width: 980px) {
.navigation-wrapper {
width: 82%;
margin-right: 0; } }
.secondary-contact-area {
width: 100%;
text-align: center;
font-size: 13px;
color: #555; }
.secondary-contact-area p {
padding-bottom: 2px; }
@media only screen and (min-width: 660px) {
.secondary-contact-area {
text-align: right;
width: 37%;
float: right; } }
@media only screen and (min-width: 768px) {
.secondary-contact-area {
width: 32%;
font-size: 13px; } }
@media only screen and (min-width: 980px) {
.secondary-contact-area {
margin-bottom: -6px; } }
a, a:visited {
color: #05489d;
text-decoration: none; }
a:hover {
text-decoration: underline; }
a.link {
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 16px; }
.home-bg {
background-image: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/cloud.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center 0;
float: left;
width: 100%; }
@media only screen and (min-width: 768px) {
.home-bg {
padding-top: 200px; } }
@media only screen and (min-width: 980px) {
.home-bg {
padding-top: 300px; } }
.secondary-banner {
float: left;
width: 100%; }
@media only screen and (min-width: 768px) {
.secondary-banner {
padding-top: 12px; } }
.secondary-banner-inline {
float: left;
width: 100%; }
.secondary-banner-inline img {
height: auto !important;
width: 100%; }
@media only screen and (min-width: 768px) {
.secondary-banner-inline {
padding-bottom: 10px; } }
.home-content {
float: left;
width: 100%; }
.sub-content {
float: left;
width: 100%; }
@media only screen and (min-width: 768px) {
.sub-content .floating-area {
margin-bottom: 36px; } }
.blog-content {
float: left;
width: 100%; }
@media only screen and (min-width: 768px) {
.blog-content p {
max-width: 780px; }
.blog-content .floating-area {
margin-bottom: 36px; } }
.floating-area {
float: left;
width: 100%; }
.floating-area .wrapper-33 {
margin-bottom: 0; }
.floating-area .wrapper-33 img {
border: 1px solid #ccc;
margin-bottom: 12px; }
@media (min-width: 600px) and (max-width: 659px) {
.floating-area .wrapper-33 {
width: 50%; } }
@media only screen and (min-width: 660px) {
.floating-area .wrapper-33 h3 {
min-height: 58px; } }
@media only screen and (min-width: 768px) {
.floating-area {
margin: -160px 3% 12px 3%;
width: 88%;
padding: 1% 2%; } }
@media only screen and (min-width: 980px) {
.floating-area {
margin: -240px 0 12px 0;
width: 96%; }
.floating-area .wrapper-33 h3 {
min-height: 34px; } }
.padded-content ol {
margin: 6px 0 6px 20px;
color: #787878; }
.padded-content ul {
margin: 6px 0 6px 6px;
color: #787878; }
.padded-content ul li {
background: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/bullet.gif) no-repeat left 7px;
list-style: none;
padding-left: 12px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.padded-content ul li {
background: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/bullet-2x.gif) no-repeat left 7px;
background-size: 6px 6px; } }
.feature-testimonial {
text-align: center; }
.feature-testimonial .padded-content {
position: relative; }
.feature-testimonial p {
font-size: 13px; }
.feature-testimonial img {
text-align: center; }
@media only screen and (min-width: 600px) {
.feature-testimonial img {
float: left;
width: 30%;
position: absolute;
bottom: 0;
left: 0; }
.feature-testimonial blockquote {
border: 0;
padding: 6px 0 12px 4%;
text-align: left; }
.feature-testimonial .testimonial-quote {
padding: 0 6px;
height: 160px; }
.feature-testimonial .testimonial-quote.close {
height: 30px; } }
@media only screen and (min-width: 768px) {
.feature-testimonial .testimonial-quote {
height: 120px; }
.feature-testimonial img {
float: left;
width: 22%;
margin-left: 4%; }
.feature-testimonial blockquote {
border: 0;
padding: 6px 0 12px 4%;
text-align: left; } }
@media only screen and (min-width: 980px) {
.feature-testimonial .testimonial-quote {
height: 90px; }
.feature-testimonial img {
width: 20%; } }
.testimonial-wrapper {
float: left; }
@media only screen and (min-width: 600px) {
.testimonial-wrapper {
width: 74%;
margin-left: 24%; } }
@media only screen and (min-width: 980px) {
.testimonial-wrapper {
margin-left: 20%; } }
blockquote {
width: 100%;
float: left;
margin: 0;
padding: 18px 0 12px 0;
border-top: 1px solid #05489d; }
blockquote p {
font-size: 16px !important;
line-height: 1.4; }
blockquote .testimonial-quote {
color: #05489d;
font-size: 48px;
font-family: "EB Garamond", serif;
font-weight: 400;
display: inline-block;
float: left;
margin: -6px 0 0 0;
padding: 0; }
blockquote .testimonial-quote.close {
float: right;
height: 30px;
margin: -4px 0 0 0; }
.feature-accreditations {
float: left;
width: 100%;
text-align: center; }
.feature-accreditations a {
color: #fff; }
.feature-accreditations ul {
margin: 0;
padding: 12px;
box-sizing: border-box; }
.feature-accreditations ul li {
list-style: none;
padding: 0 0 10px 0;
margin: 0 12px; }
@media only screen and (min-width: 660px) {
.feature-accreditations ul li:first-child {
float: left; }
.feature-accreditations ul li:last-child {
float: right;
padding-top: 20px;
max-width: 320px;
text-align: right; } }
.feature-accreditations ul li img.biba {
width: 46px; }
.feature-accreditations ul li img.fca {
width: 78px; }
footer {
float: left;
width: 100%; }
footer .copyright {
font-size: 13px; }
footer .copyright ul {
margin: 0;
padding: 0; }
footer .copyright ul li {
float: left;
list-style: none;
margin-right: 12px;
background: none;
padding: 0 0 6px 0; }
footer .social {
float: left;
width: 100%;
margin: 12px 0 0 0;
padding: 0;
text-align: center; }
footer .social li {
list-style: none;
display: inline;
margin: 0 6px;
text-align: center;
background: none; }
@media only screen and (min-width: 768px) {
footer .social {
float: right;
text-align: right;
width: 24%;
margin: -22px 0 0 0; } }
@media only screen and (min-width: 660px) {
footer .copyright p {
float: left;
margin-right: 12px; } }
@media only screen and (min-width: 768px) {
footer .copyright {
width: 76%;
float: left; }
footer p {
float: left;
clear: left;
max-width: 76%; } }
.blog-left {
width: 94%;
padding: 3%;
background: #fff;
float: left; }
@media only screen and (min-width: 768px) {
.blog-left {
width: 60%;
padding: 2% 7% 2% 3%; } }
@media only screen and (min-width: 960px) {
.blog-left {
width: 70%;
padding: 2% 4% 2% 0%; } }
.blogpost {
float: left;
width: 100%;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #ccc; }
.blogpost.full {
border-bottom: 0px; }
.blogpost h2 {
margin: 0 0 6px 0; }
.blogpost h2 a {
font-weight: normal; }
.blogpost h1 {
margin: 0 0 8px 0; }
.blogpost .date {
float: left;
font-weight: normal; }
.blogpost .category_name {
float: left;
margin-left: 6px;
color: #6C6E85;
font-size: 14px; }
.blogpost .featured-image img {
float: left;
width: 100%;
margin: 6px 0;
height: auto !important;
border: 5px solid #FFFFFF;
box-shadow: 0 0 4px #777777;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.blogpost .overview-wrapper, .blogpost .post-wrapper {
float: left;
width: 100%;
margin: 8px 0; }
.blogpost .overview-wrapper p, .blogpost .post-wrapper p {
margin-bottom: 6px; }
@media only screen and (min-width: 768px) {
.blogpost .featured-image img {
width: 39%;
margin: 6px 2% 6px 0; } }
.pagination {
float: left;
width: 100%; }
.pagination .wrapper-50 {
width: 50%;
margin-bottom: 0; }
.pagination .wrapper-50.right {
text-align: right; }
p.category {
float: left;
font-size: 13px;
margin: -4px 0 0 0; }
ul.tags {
float: left;
width: auto;
margin: -4px 0 0 0;
padding: 0;
font-size: 13px; }
ul.tags li {
float: left;
list-style-type: none;
margin: 0 0 0 4px;
padding: 0;
background: none; }
.blog-side h3 {
margin-bottom: 6px; }
@media only screen and (min-width: 768px) {
.blog-side {
margin-top: 16px; } }
.blog-side ul {
margin: 0;
padding: 0; }
.blog-side ul li {
list-style: none;
margin: 0;
padding: 0;
background: none; }
.sub-left {
float: left;
width: 100%;
margin-bottom: 0; }
.sub-left .padded-content {
padding-bottom: 0; }
.sub-left ul {
margin: 0;
padding: 0; }
.sub-left ul li {
padding: 0;
margin: 0;
width: 100%;
float: left;
background: none; }
.sub-left ul li.current-menu-item a, .sub-left ul li.current-menu-item a:visited {
color: #3c4146 !important; }
.sub-left ul li a, .sub-left ul li a:visited {
border-bottom: 1px solid #ccc;
padding: 6px;
float: left;
width: 100%;
background: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/right-arrow.png) no-repeat right;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.sub-left ul li a, .sub-left ul li a:visited {
background: url(https://www.klf-insurance.com/wp-content/themes/klf-v1/assets/images/right-arrow-2x.png) no-repeat right;
background-size: 9px 9px; } }
.sub-left ul li a:hover, .sub-left ul li a:visited:hover {
text-decoration: none; }
@media only screen and (min-width: 768px) {
.sub-left {
width: 24%; } }
.sub-right {
float: left;
width: 100%; }
@media only screen and (min-width: 768px) {
.sub-right {
width: 76%; } }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {
border: 1px solid #ccc;
padding: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 360px;
margin: 2px 0 0 0; }
.wpcf7-form input[type="submit"] {
background: #05489d;
color: #fff;
padding: 6px 10px;
border: 0; }
.hover-copy {
background: #05489d none repeat scroll 0 0;
float: left;
padding: 3% 4%;
width: 92%;
margin-bottom: 18px;
color: #fff; }
.hover-copy h3 {
padding-bottom: 6px;
min-height: 10px !important; }
.hover-copy a, .hover-copy a:visited {
color: white !important; }
.wrapper-33.contact-image {
margin-bottom: 0; }
.wrapper-33.contact-image img {
margin-bottom: 0;
border: 0; }
@media only screen and (min-width: 768px) {
.contact-image:hover .hover-copy {
display: block; }
.wrapper-33.contact-image {
margin-bottom: 12px;
position: relative; }
.hover-copy {
background: rgba(5, 72, 157, 0.7);
display: none;
height: 91%;
left: 0;
position: absolute;
top: 0; } }
.contact-image p img {
float: left;
margin: 0;
max-width: 100% !important;
padding: 0;
width: 100%; }
.wp-caption.aligncenter {
margin-left:auto!important;
margin-right:auto!important;
}
.wp-caption.alignright {
float:right;
}