/*
Theme Name:     DC Marine Construction
Theme URI:      https://www.corprosystems.com
Description:    Kadence child theme.
Author:         CorproSystems
Author URI:     https://www.corprosystems.com
Template:       kadence
Version:        0.1.0
*/
/*** Kadence Cards ***/

/* Stretch all columns in the Kadence row */
.wp-block-kadence-rowlayout .kt-row-column-wrap {
    align-items: stretch !important;
}

/* Card column */
.wp-block-kadence-column.kadence-card {
    display: flex !important;
    height: auto !important;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Inner card content */
.wp-block-kadence-column.kadence-card > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100%;
    padding: 30px;
}

/* Card hover */
.wp-block-kadence-column.kadence-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
}

/* Remove unwanted outer spacing */
.kadence-card .kt-inside-inner-col > *:first-child {
    margin-top: 0;
}

.kadence-card .kt-inside-inner-col > *:last-child {
    margin-bottom: 0;
}

/* Push button to bottom */
.kadence-card .wp-block-kadence-advancedbtn {
    display: flex;
    justify-content: center;
    margin-top: auto !important;
    padding-top: 24px;
}

/* Button */
.kadence-card .wp-block-kadence-advancedbtn .kb-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 26px;
    background-color: #8dc63f;
    color: #ffffff;
    border: 2px solid #8dc63f;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

/* Button hover */
.kadence-card .wp-block-kadence-advancedbtn .kb-button:hover {
    background-color: #78ad32;
    border-color: #78ad32;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

/* Keyboard focus */
.kadence-card .wp-block-kadence-advancedbtn .kb-button:focus-visible {
    outline: 3px solid rgba(141, 198, 63, 0.35);
    outline-offset: 3px;
}

/*** End Kadence Cards ***/
/* Page title colour */
.page-id-7194 .wp-site-blocks .page-title h1,
.page-id-75 .wp-site-blocks .page-title h1,
.page-id-139 .wp-site-blocks .page-title h1,
.page-id-98 .wp-site-blocks .page-title h1,
.page-id-108 .wp-site-blocks .page-title h1,
.page-id-118 .wp-site-blocks .page-title h1,
.page-id-128 .wp-site-blocks .page-title h1,
.page-id-131 .wp-site-blocks .page-title h1,
.page-id-147 .wp-site-blocks .page-title h1,
.page-id-139 .wp-site-blocks .page-title h1,
.page-id-198 .wp-site-blocks .page-title h1,
.page-id-133 .wp-site-blocks .page-title h1 {
    color: #000000 !important;
}

/* Page title area height */
.page-id-194 .entry-hero.page-hero-section .entry-header,
.page-id-75 .entry-hero.page-hero-section .entry-header,
.page-id-198 .entry-hero.page-hero-section .entry-header,
.page-id-139 .entry-hero.page-hero-section .entry-header,
.page-id-98 .entry-hero.page-hero-section .entry-header,
.page-id-108 .entry-hero.page-hero-section .entry-header,
.page-id-118 .entry-hero.page-hero-section .entry-header,
.page-id-128 .entry-hero.page-hero-section .entry-header,
.page-id-131 .entry-hero.page-hero-section .entry-header,
.page-id-147 .entry-hero.page-hero-section .entry-header,
.page-id-139 .entry-hero.page-hero-section .entry-header,
.page-id-133 .entry-hero.page-hero-section .entry-header {
    min-height: 120px !important;
}
/* Reduce Kadence heading spacing inside single content */
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6 {
        margin: 0 0 .5em !important;
}
/******END******/
/* Kadence header HTML block: vertically align tagline and social icons */
.dc-header-tagline-social {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}

/* Keep the text vertically centered with the icons */
.dc-header-tagline-social .dc-header-tagline {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

/* Fix WordPress/Kadence image alignment inside header HTML block */
.dc-header-tagline-social a {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.dc-header-tagline-social img {
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.header-button,
.mobile-header-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px;
}

.header-button::before,
.mobile-header-button::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  flex-shrink: 0;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.general-button .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 10px;
}

.general-button .wp-block-button__link::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  flex-shrink: 0;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
/******FOOTER CSS*****/
.footer-contact-column {
  font-size: 14px;
  line-height: 1.6;
}

.footer-logo img {
  max-width: 300px;
  height: auto;
  display: block;
  margin-bottom: 20px;
}

.footer-contact-column h4 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 10px;
  color:#ffffff;
}

.footer-contact-column p {
  margin: 0 0 14px;
}

.footer-contact-column a {
  color: inherit;
  text-decoration: none;
}

.footer-contact-column a:hover {
  text-decoration: underline;
}

.footer-social {
  margin-top: 18px;
}

.footer-social-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}

.footer-social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 1;
}

.footer-social-icons img {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  display: block;
}
.footer-accreditations {
  font-size: 14px;
  line-height: 1.6;
}

.footer-accreditations h4 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 16px;
	color:#ffffff;
}

.footer-accreditation-logos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
}

.footer-accreditation-logos a {
  display: inline-block;
  line-height: 0;
}

.footer-accreditation-logos img {
  display: block;
  max-width: 210px;
  height: auto;
}
/****END FOOTER****/
/*****BLOG****/
/* AJAX Load More wrapper */
.custom-blog-pagination {
    text-align: center;
    margin: 50px 0 20px;
}

/* AJAX Load More button */
.kadence-load-more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #8dc63f;
    color: #ffffff;
    padding: 14px 34px;
    border: none;
    border-radius: 4px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
    transition: all 0.25s ease;
}

.kadence-load-more-button:hover {
    background: #111111;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.kadence-load-more-button:disabled,
.kadence-load-more-button.is-loading {
    opacity: 0.7;
    cursor: wait;
    transform: none;
}
/* Load More button below blog archive */
.custom-blog-pagination {
    text-align: center;
    margin: 50px 0 20px;
}

.custom-blog-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #8dc63f;
    color: #ffffff !important;
    padding: 14px 32px;
    border-radius: 4px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
    transition: all 0.25s ease;
}

.custom-blog-pagination a:hover {
    background: #111111;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}
.custom-load-more-location {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 50px 0 70px;
    text-align: center;
}

.kadence-load-more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #8dc63f;
    color: #ffffff;
    padding: 14px 34px;
    border: none;
    border-radius: 4px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
    transition: all 0.25s ease;
}

.kadence-load-more-button:hover {
   background: #111111;
    color: #ffffff;
    transform: none;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
 
}
/* Blog archive card styling */
#archive-container,
#archive-container .entry-list-item {
    overflow: visible !important;
}

/* Give the card room for shadow and hover lift */
#archive-container .entry-list-item {
    padding: 12px;
}

/* Blog archive card styling */
#archive-container .entry-list-item article.loop-entry {
    position: relative;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Card hover effect */
#archive-container .entry-list-item article.loop-entry:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18) !important;
}

/* Make featured image fill card nicely */
#archive-container .post-thumbnail {
    display: block;
    overflow: hidden;
}

#archive-container .post-thumbnail img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

#archive-container .entry-list-item article.loop-entry:hover .post-thumbnail img {
    transform: scale(1.04);
}

/* Inner text spacing */
#archive-container .entry-content-wrap {
    padding: 24px 24px 28px;
}

/* Category style */
#archive-container .entry-taxonomies a {
    color: #8dc63f;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-decoration: none;
}

/* Blog title */
#archive-container .entry-title {
    margin-top: 8px;
    margin-bottom: 12px;
    line-height: 1.2;
}

#archive-container .entry-title a {
    color: #111111;
    font-size: clamp(21px, 2vw, 26px);
    font-weight: 800;
    text-decoration: none;
}

#archive-container .entry-title a:hover {
    color: #8dc63f;
}

/* Date/meta */
#archive-container .entry-meta {
    font-size: 14px;
    color: #777777;
    margin-bottom: 14px;
}

/* Excerpt */
#archive-container .entry-summary p {
    color: #444444;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Read more button */
#archive-container .post-more-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #8dc63f;
    color: #ffffff !important;
    padding: 10px 18px;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
}

#archive-container .post-more-link:hover {
    background: #111111;
    color: #ffffff !important;
}
.blog-hero {
    background-image: url('/wp-content/uploads/2026/06/Metal-Roofing-2.webp');
    background-size: cover;
    background-position: center;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    position: relative;
}

.blog-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
}

.blog-hero-inner {
    position: relative;
    z-index: 1;
    text-align: center;
}

.blog-hero h1 {
    color: #fff;
    font-size: clamp(36px, 5vw, 64px);
    margin: 0;
}
/*** END BLOG**/