.guten-OJn00S.layout-boxed > .guten-container { max-width: 1170px; } .guten-OJn00S > .guten-background-overlay { background: var(--wp--preset--color--black); opacity: 0.75; } .guten-OJn00S:not(.background-animated), .guten-OJn00S.background-animated > .guten-background-animated .animated-layer { background-image: url(https://locksmithin.london/wp-content/themes/keyman/assets/img/lock-with-several-keys-lockey.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; background-blend-mode: normal;  } .guten-element.guten-OJn00S { padding-top: 120px; padding-bottom: 120px; } @media only screen and (max-width: 1024px) { .guten-element.guten-OJn00S { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (max-width: 767px) { .guten-element.guten-OJn00S { padding-top: 60px; padding-bottom: 60px; } }.guten-w4TZ5I { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-w4TZ5I { width: 100%; } }.guten-4VKtO4 h1, .guten-4VKtO4 h2, .guten-4VKtO4 h3, .guten-4VKtO4 h4, .guten-4VKtO4 h5, .guten-4VKtO4 h6, .guten-4VKtO4 span, .guten-4VKtO4 a { justify-content: center; text-align: center; font-family: var(--gutenverse-font-family-1jILyS); font-size: var(--gutenverse-font-size-1jILyS); font-weight: var(--gutenverse-font-weight-1jILyS); text-transform: var(--gutenverse-font-transform-1jILyS); font-style: var(--gutenverse-font-style-1jILyS); text-decoration: var(--gutenverse-font-decoration-1jILyS); line-height: var(--gutenverse-font-lineHeight-1jILyS); letter-spacing: var(--gutenverse-font-spacing-1jILyS); color: var(--wp--preset--color--white);  } .guten-4VKtO4 {   }.guten-xKNC52.layout-boxed > .guten-container { max-width: 1170px; } .guten-element.guten-xKNC52 { padding-top: 100px; padding-bottom: 100px; } @media only screen and (max-width: 1024px) { .guten-element.guten-xKNC52 { padding-top: 80px; padding-right: 10px; padding-bottom: 80px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-xKNC52 { padding-top: 40px; padding-bottom: 40px; } }.guten-JPKE0i { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-JPKE0i { width: 100%; } }.guten-xf5d36 .guten-postblock .guten-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap:30px; } .guten-xf5d36 .guten-postblock .guten-post { margin-bottom: 40px; } .guten-xf5d36 .guten-postblock .guten-thumb .thumbnail-container { height: 270px; padding-bottom: 0; } .guten-xf5d36 .guten-postblock .guten-post-category a { color: var(--wp--preset--color--black); font-family: var(--gutenverse-font-family-nTUR3H); font-size: var(--gutenverse-font-size-nTUR3H); font-weight: var(--gutenverse-font-weight-nTUR3H); text-transform: var(--gutenverse-font-transform-nTUR3H); font-style: var(--gutenverse-font-style-nTUR3H); text-decoration: var(--gutenverse-font-decoration-nTUR3H); line-height: var(--gutenverse-font-lineHeight-nTUR3H); letter-spacing: var(--gutenverse-font-spacing-nTUR3H); } .guten-xf5d36 .guten-postblock .guten-post-category { background: var(--wp--preset--color--theme-1); margin-bottom: 10px; margin-left: 10px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-post-title { margin-bottom: 15px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { color: var(--wp--preset--color--black); font-family: var(--gutenverse-font-family-4aW1A1); font-size: var(--gutenverse-font-size-4aW1A1); font-weight: var(--gutenverse-font-weight-4aW1A1); text-transform: var(--gutenverse-font-transform-4aW1A1); font-style: var(--gutenverse-font-style-4aW1A1); text-decoration: var(--gutenverse-font-decoration-4aW1A1); line-height: var(--gutenverse-font-lineHeight-4aW1A1); letter-spacing: var(--gutenverse-font-spacing-4aW1A1); } .guten-xf5d36 .guten-postblock .guten-post:hover .guten-postblock-content .guten-post-title a { color: var(--wp--preset--color--theme-1); } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt { margin-bottom: 0px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { color: var(--wp--preset--color--theme-2); font-family: var(--gutenverse-font-family-aIAGaZ); font-size: var(--gutenverse-font-size-aIAGaZ); font-weight: var(--gutenverse-font-weight-aIAGaZ); text-transform: var(--gutenverse-font-transform-aIAGaZ); font-style: var(--gutenverse-font-style-aIAGaZ); text-decoration: var(--gutenverse-font-decoration-aIAGaZ); line-height: var(--gutenverse-font-lineHeight-aIAGaZ); letter-spacing: var(--gutenverse-font-spacing-aIAGaZ); } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-readmore { font-family: var(--gutenverse-font-family-6BGG6q); font-size: var(--gutenverse-font-size-6BGG6q); font-weight: var(--gutenverse-font-weight-6BGG6q); text-transform: var(--gutenverse-font-transform-6BGG6q); font-style: var(--gutenverse-font-style-6BGG6q); text-decoration: var(--gutenverse-font-decoration-6BGG6q); line-height: var(--gutenverse-font-lineHeight-6BGG6q); letter-spacing: var(--gutenverse-font-spacing-6BGG6q); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore.icon-position-before .guten-readmore i { margin-right: 12px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore.icon-position-after .guten-readmore i { margin-left: 12px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore .guten-readmore i { font-size: 14px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore a { color: var(--wp--preset--color--theme-1); background: rgba(255, 255, 255, 0); } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore:hover a { color: var(--wp--preset--color--black); } .guten-xf5d36 .guten-postblock .guten-postblock-content .guten-post-meta { font-family: var(--gutenverse-font-family-0818339); font-size: var(--gutenverse-font-size-0818339); font-weight: var(--gutenverse-font-weight-0818339); text-transform: var(--gutenverse-font-transform-0818339); font-style: var(--gutenverse-font-style-0818339); text-decoration: var(--gutenverse-font-decoration-0818339); line-height: var(--gutenverse-font-lineHeight-0818339); letter-spacing: var(--gutenverse-font-spacing-0818339); color: var(--wp--preset--color--FE9Njv); } .guten-xf5d36 .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-author.icon-position-before i { margin-right: 0px; } .guten-xf5d36 .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-author.icon-position-after i { margin-left: 0px; } .guten-xf5d36 .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-date.icon-position-before i { margin-right: 0px; } .guten-xf5d36 .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-date.icon-position-after i { margin-left: 0px; } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore span, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination { font-family: var(--gutenverse-font-family-Wy4zA6); font-size: var(--gutenverse-font-size-Wy4zA6); font-weight: var(--gutenverse-font-weight-Wy4zA6); text-transform: var(--gutenverse-font-transform-Wy4zA6); font-style: var(--gutenverse-font-style-Wy4zA6); text-decoration: var(--gutenverse-font-decoration-Wy4zA6); line-height: var(--gutenverse-font-lineHeight-Wy4zA6); letter-spacing: var(--gutenverse-font-spacing-Wy4zA6); } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination { margin-top: 20px; color: var(--wp--preset--color--theme-0); background: var(--wp--preset--color--white); border-style: none; } .guten-xf5d36 .guten-postblock .guten_block_nav { gap: 10px; } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination:not(.next):not(.prev) { width: 40px; } .guten-xf5d36 .guten-postblock.guten-pagination-prevnext .guten_block_nav .btn-pagination.next, .guten-xf5d36 .guten-postblock.guten-pagination-prevnext .guten_block_nav .btn-pagination.prev,
                        .guten-xf5d36 .guten-postblock.guten-pagination-number .guten_block_nav .btn-pagination.next, .guten-xf5d36 .guten-postblock.guten-pagination-number .guten_block_nav .btn-pagination.prev { width: 90px; height: 38px; } .guten-xf5d36 .guten-postblock.guten-pagination-number .guten_block_nav .btn-pagination:not(.next):not(.prev), .guten-xf5d36 .guten-postblock.guten-pagination-number .guten_block_nav span { height: 38px; } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore.icon-position-before i, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination.prev i { margin-right: 5px; font-size: 12px; } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore.icon-position-after i, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination.next i { margin-left: 5px; font-size: 12px; } .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination.current { color: var(--wp--preset--color--theme-0); background: var(--wp--preset--color--theme-1); } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore:hover, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination:not(.disabled):not(.current):hover { color: var(--wp--preset--color--theme-0); background: var(--wp--preset--color--theme-1); } .guten-xf5d36.guten-element {   animation-name: none; } @media only screen and (max-width: 1024px) { .guten-xf5d36 .guten-postblock .guten-posts { grid-template-columns: repeat(1, minmax(0, 1fr)); } .guten-xf5d36 .guten-postblock .guten-thumb .thumbnail-container { height: 420px; padding-bottom: 0; } .guten-xf5d36 .guten-postblock .guten-postblock-content { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .guten-xf5d36 .guten-postblock .guten-thumb .thumbnail-container { height: 240px; padding-bottom: 0; } .guten-xf5d36 .guten-postblock .guten-post-category { padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt { margin-bottom: 0px; } .guten-xf5d36 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore .guten-readmore i { font-size: 12px; } .guten-xf5d36 .guten-postblock .guten_block_nav { gap: 10px; } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination:not(.next):not(.prev) { width: 35px; } .guten-xf5d36 .guten-postblock.guten-pagination-prevnext .guten_block_nav .btn-pagination.next, .guten-xf5d36 .guten-postblock.guten-pagination-prevnext .guten_block_nav .btn-pagination.prev,
                        .guten-xf5d36 .guten-postblock.guten-pagination-number .guten_block_nav .btn-pagination.next, .guten-xf5d36 .guten-postblock.guten-pagination-number .guten_block_nav .btn-pagination.prev { width: 80px; height: 33px; } .guten-xf5d36 .guten-postblock.guten-pagination-number .guten_block_nav .btn-pagination:not(.next):not(.prev), .guten-xf5d36 .guten-postblock.guten-pagination-number .guten_block_nav span { height: 35px; } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore.icon-position-before i, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination.prev i { font-size: 10px; } .guten-xf5d36 .guten-postblock .guten-block-pagination .guten-block-loadmore.icon-position-after i, .guten-xf5d36 .guten-postblock .guten_block_nav .btn-pagination.next i { font-size: 10px; } }