/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

 @font-face {
  font-family: "Savoy";
  src: url("/blog/wp-content/fonts/Savoy-Roman-webfont.ttf") format("truetype"),
       url("/blog/wp-content/fonts/Savoy-Roman-webfont.woff") format("woff");
}

@font-face {
font-family: "savoybold";
src: url("/blog/wp-content/fonts/Savoy-Bold-webfont.ttf") format("truetype"),
      url("/blog/wp-content/fonts/Savoy-Bold-webfont.woff") format("woff");
}

@font-face {
font-family: "savoyitalic";
src: url("/blog/wp-content/fonts/Savoy-Italic-webfont.ttf") format("truetype"),
      url("/blog/wp-content/fonts/Savoy-Italic-webfont.woff") format("woff");
}

body{
-webkit-font-smoothing: initial;
}

h1, h2, h3, h4 {
/* font-family: "savoybold", sans-serif !important; */
font-style: normal;
color: #222;
font-weight:800;
/* -webkit-font-smoothing: subpixel-antialiased; */
line-height: 1.2;
}

h1.page-title {
font-size: 42px !important;
line-height: 1.1;
font-weight:800;
}

h1.entry-title {
text-align: center;
font-size: 45px !important; 
margin: 35px auto 40px auto;
max-width: 680px;
}

h2.entry-title {
font-size:24px;
font-weight:800;
}

h3{
  font-size:28px;
}

p, li{
/* font-family: "Savoy", sans-serif !important; */
font-style: normal;
color: #565973;
font-weight:400;
font-size:0.975rem !important;
}

.entry-content li{
  margin-bottom:10px;
}


.home .meta-date{
  display: none !important; 
}

.home .entry-meta[data-type*=slash] li:not(:last-of-type):after{
  display: none !important;
}

.wp-block-image img {
  max-width: 80%;
  margin: auto;
  text-align: center;
  display: block;
  border-radius: 8px;
  padding: 20px;
  margin:40px auto;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
}

.image-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.85);
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

.image-modal.active {
  display: flex;
  opacity: 1;
}

.image-modal img {
  max-width: 90%;
  max-height: 90%;
  cursor: zoom-out;
}

.clickable-image img {
  cursor: zoom-in;
}

/* Bootstrap 5 Button Customizations */
.btn {
  font-weight: 400;
  font-size: 12px;
  font-weight:500;
  text-transform: uppercase;
  line-height: 1.5;
  padding: 15px 40px;
  position: relative;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  height: 1px;
  background-color: currentColor;
  transform: translateX(-50%) scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  width: 75%;
  max-width: 75%;
}

.btn:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.btn:hover {
  text-decoration: none;
  transform: translateY(-1px);
}

/* Primary button styling */
.btn-primary {
  background-color: #6366F1;
  border-color: #6366F1;
  color: white;
}

.btn-primary:hover {
  background-color: #5855eb;
  border-color: #5855eb;
  color: white;
}

/* Secondary button styling */
.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
}

.btn-outline-primary {
  color: #6366F1;
  border-color: #6366F1;
  background-color: transparent;
}

.btn-outline-primary:hover {
  background-color: #6366F1;
  border-color: #6366F1;
  color: white;
}

[data-prefix="blog"] .hero-section[data-type="type-1"]{
  margin-bottom:50px;
}

.page-description{
/* font-family: "Savoy", sans-serif !important; */
font-style: normal !important;
color: #222 !important;
font-size:16px;
font-weight:500;
}

.card-content .entry-meta a{
  font-size:12px !important;
}

.post-meta-dates {
  text-align: center;
  font-family: "p22-underground", sans-serif;
  font-size: 14px;
  color: #666 !important;
  margin: 20px 0;
}

.entry-meta li.meta-categories a {
font-family:"p22-underground", sans-serif;
}

#menu-main-menu li a{
font-weight:500;
font-size:16px;
color:#444;
margin:0 15px;
text-transform: none;
}

#menu-main-menu li a:hover{
  color:#6366F1;
  }

.site-main{
background:#fff;
}

.chat-container {
margin-bottom:50px;
}

.callout-image {
width: 100%;
max-width: 300px;
height: auto;
margin-bottom: 20px;
}

.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
z-index: 1000;
align-items: center;
justify-content: center;
}

.modal[style*="display: block"] {
display: flex !important;
}

.hubspot-modal-content {
position: relative;
padding: 20px;
width: 90%;
max-width: 1000px;
}

.close {
position: fixed;
right: 20px;
top: 20px;
cursor: pointer;
z-index: 1001;
}

.meetings-iframe-container {
width: 100%;
min-height: 600px;
}

.entry-meta li.meta-date::after {
  display: none;
}

.entry-meta[data-type="simple:slash"] li.post-modified-info.ct-meta-element-date::after {
  display: none !important;
}

li.meta-categories{
  display: none;
}

/* Comparison Table */

/* Table Styles */

.wp-block-table .has-fixed-layout{
  border: none !important;
}

.wp-block-table table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 0.75rem;
}

.wp-block-table th,
.wp-block-table td {
  padding: 0.5rem;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.wp-block-table th:first-child {
  border: 0;
  background: transparent;
}

.wp-block-table th:nth-child(2n) {
  box-shadow: 0 0 2rem hsla(0, 0%, 0%, 0.15);
}

.wp-block-table th:nth-child(2n),
.wp-block-table td:nth-child(2n) {
  position: relative;
  background: #fff;
}

.wp-block-table td:not(:first-child) {
  text-align: center;
}

@media (min-width: 48rem) {
  .wp-block-table table {
    font-size: 0.875rem;
  }
  
  .wp-block-table th,
  .wp-block-table td {
    padding: 1rem;
  }
}

@media (min-width: 60rem) {
  .wp-block-table table {
    font-size: 1rem;
  }
  
  .wp-block-table th,
  .wp-block-table td {
    padding: 1.5rem 2rem;
  }
}

@media (max-width: 768px) {
/* h1, h2, h3, h4 {
  -webkit-font-smoothing: antialiased;
  font-weight:400 !important;
} */
.hubspot-modal-content {
  width: 95%;
}

.meetings-iframe-container {
  min-height: 500px;
}
}