/* Fonts */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/Open-Sans-800.eot'); /* IE9 */
  src: url('../fonts/Open-Sans-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open-Sans-800.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Open-Sans-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open-Sans-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open-Sans-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Open-Sans-500.eot'); /* IE9 */
  src: url('../fonts/Open-Sans-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Open-Sans-500.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Open-Sans-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Open-Sans-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open-Sans-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* Body */
body {
	font-family: 'Open Sans';
	--contrast: #E63946;
	--dark: #1D3557;
	--darker: #172a46;
	--light: #ffffff;
	--green: #01ab6a;
	--highlight: #fbd465;
}

/* Headings */

/* Highlight */
mark { background: var(--highlight); }
.has-large-font-size { line-height: 1.3em; }

/* Buttons */
.et_pb_post_content_0_tb_body.et_pb_post_content a.et_pb_button, 
.et_pb_post_content_0_tb_body.et_pb_post_content a.wp-block-button__link,
.et_pb_post_content_0_tb_body.et_pb_post_content a.et_pb_button:hover, 
.et_pb_post_content_0_tb_body.et_pb_post_content a.wp-block-button__link:hover { color: #fff !important; }

/* Link Hover */
.pagination a:hover,
.post-meta a:hover,
.et_pb_text a:hover,
.et_pb_post_content a:hover,
.et_pb_title_container a:hover,
.et_pb_blurb .et_pb_module_header a:hover,
.et_pb_blog_0_tb_body .et_pb_post .entry-title a:hover { text-decoration: underline; }

/* IMG Shadow */
.et_pb_title_featured_container img { border: solid 1px rgba(21,21,21,0.2); box-shadow: 2px 2px 0px rgba(21,21,21,0.15); }

/* Checklist */
.et_pb_post_content ul,
.et_pb_text ul { margin: 0 !important; padding: 0 !important; }
.et_pb_post_content ul li,
.et_pb_text ul li { margin-bottom:15px; margin-left: 10px; list-style: none; line-height: 1.625em; }
.et_pb_post_content ul li:before,
.et_pb_text ul li:before { content: '\2713'; font-size: 1.6em; font-weight: bold; color: var(--green); margin-right: 5px; }
/* Checklist exclusions */
.et_pb_post_content .wp-block-gallery li:before { content: none; }

/* Accordions */
.wp-block-accordion-item { padding: 20px; }

/* Contact Form 7 */
.wpcf7 { color: #fff; }
.wpcf7-spinner { display: block; margin: 0 auto; }
.wpcf7-recaptcha { margin-left: 10%; }
.wpcf7 p { margin: 10px 0; color: #fff; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"] { height: 35px; }
.wpcf7 textarea { height: 100px;  }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select { width: 100%; max-width: 750px; font-size: 1.2em; border: none; background: var(--light); color: #333; padding: 25px 15px; margin-bottom: 5px !important; box-shadow: 2px 2px 0px 0px rgba(0,0,0,.2); }
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 textarea:focus { box-shadow: inset 0 0 0 2px #ccc; }
.wpcf7 input[type="submit"] { padding: 15px 35px; background: var(--contrast); text-transform: uppercase; font-size: 1.5em; color: var(--light); border: none; border-radius: 5px; cursor: pointer; transition: all 0.7s; }
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus { filter:brightness(1.1); }

/* Social Icons */
.et_pb_social_media_follow .et_pb_social_icon:hover .icon:before { color: rgba(255,255,255,0.7) !important;}

/* Click to Call */
.ctc { display: none; z-index: 100000; position:fixed; bottom: 0; left: 0; background: var(--darker); color: var(--light); width: 96%; margin-left: 2%; padding: 0.7em 0; border-top-right-radius: 20px; border-top-left-radius: 20px; font-size: 1.3em; text-align: center; box-shadow: 0 -2px 2px 0 rgba(0,0,0,.2); }
.ctc a { color: var(--light); font-weight: bold; }

/* ===== Compare section (id="compare") ===== */
#compare { background: #f0f4f8; padding: 96px 24px; border-top: solid #c4e8ff; border-bottom: solid #c4e8ff; }
#compare .wp-block-heading { color: #0f172a; margin: 0 auto 64px; max-width: 900px; font-size: 42px; line-height: 1.2; letter-spacing: -0.02em; }
/* ===== Table wrapper ===== */
#compare .wp-block-table.comparison-table { margin: 0 auto 48px; max-width: 1100px; }
/* Ensure we overwrite default WP/theme black borders */
#compare .wp-block-table.comparison-table table,
#compare .wp-block-table.comparison-table th,
#compare .wp-block-table.comparison-table td { border: 0 !important; }
/* Table base */
#compare .wp-block-table.comparison-table table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #ffffff; box-shadow: 0 14px 30px rgba(15, 23, 42, 0.10); }
/* Cell styling + custom grid lines (replaces ugly borders) */
#compare .wp-block-table.comparison-table th,
#compare .wp-block-table.comparison-table td { padding: 16px 18px; text-align: left; vertical-align: top; font-size: 16px; line-height: 1.55; box-shadow: inset -1px 0 0 #dbe7f3, inset 0 -1px 0 #dbe7f3; }
#compare .wp-block-table.comparison-table th:last-child,
#compare .wp-block-table.comparison-table td:last-child { box-shadow: inset 0 -1px 0 #dbe7f3; }
#compare .wp-block-table.comparison-table tbody tr:last-child td { box-shadow: inset -1px 0 0 #dbe7f3; }
#compare .wp-block-table.comparison-table tbody tr:last-child td:last-child { box-shadow: none; }
/* Header row */
#compare .wp-block-table.comparison-table thead th { background: #1e3a5f; color: #ffffff; font-weight: 800; letter-spacing: -0.01em; }
/* Zebra rows */
#compare .wp-block-table.comparison-table tbody td { color: #0f172a; background: #ffffff; }
/* Highlight "Our AI-Powered Websites" (3rd column) */
#compare .wp-block-table.comparison-table thead th:nth-child(3) { background: #0f2947; }
#compare .wp-block-table.comparison-table tbody td:nth-child(3) { background: #ddfbff; font-weight: 700; }
/* Row hover (desktop) */
@media (hover: hover) and (pointer: fine) {
    #compare .wp-block-table.comparison-table tbody tr:hover td { background: #eef6ff; }
    #compare .wp-block-table.comparison-table tbody tr:hover td:nth-child(3) { background: #cff7ff; }
}
/* ===== CTA button alignment and spacing ===== */
#compare .wp-block-buttons { margin-top: 8px; }
#compare .wp-block-button__link { box-shadow: 0 10px 22px rgba(230, 57, 70, 0.22); transition: box-shadow 160ms ease, filter 160ms ease; }
#compare .wp-block-button__link:hover { ox-shadow: 0 14px 28px rgba(230, 57, 70, 0.28); filter: brightness(1.02); }


/* Responsive Styles */
@media only screen and (max-width: 768px) {
    #compare { padding: 72px 18px; }
    #compare .wp-block-heading { font-size: 32px; margin-bottom: 36px; }
    #compare .wp-block-table.comparison-table { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 12px; }
    #compare .wp-block-table.comparison-table table { min-width: 720px; }	
}

/* Mobile Styles */
@media only screen and (max-width: 500px) {
 .ctc { display: block; }
}