/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.social-links .top-search {
	color: white;
}

.search-submit {
	color: white !important;
}

.current_page_item {
	background-color: #eef5f9 !important;
}

.entry-content a {
	text-decoration: underline;
}

.navigation-block {
	max-width: 1340px;
}

.site-branding {
	max-width: 1340px;
}

.site-content {
	max-width: 1340px;
}

body {
	color: black;
}

.post {
	border: 1px solid #dadada;
	box-shadow: 0 4px 6px hsla(0,0%,0%,.1);
}

code {
	color: #666;
	background: #F7FAFB;
	border: 1px solid #eaeaea;
	font-size: 1.5rem;
	padding: 2px 4px;
}

.entry-title a {
	color: #0f69b6 !important;
}

.entry-title {
	color: #0f69b6 !important;
}

h2 span {
	color: #0f69b6 !important;
}

.entry-content h2 {
	color: #0f69b6 !important;
}

pre {
	background: inherit;
}

code {
	word-wrap: break-word;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace !important
}

.styled-table {
	  border-collapse: collapse;
}

.styled-table thead {
    background-color: #0f69b6;
    color: #ffffff;
}

.styled-table th,
.styled-table td {
    padding: 10px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}


  /* --- Color Variables --- */
  :root {
    --brand:         #1069b6;
    --brand-hover:   #0b5a9a;
    --brand-light:   #e8f2f9;
    --bg:            #f7f9fc;
    --surface:       #ffffff;
    --text:          #1a1a1a;
    --text-body:     #555555;
    --text-muted:    #888888;
    --footer-bg:     #0d1b2a;
    --shadow:        0 2px 12px rgba(0, 0, 0, 0.06);
    --radius:        10px;
  }

  /* --- Page Background --- */
  body {
    background-color: var(--bg);
    color: var(--text-body);
  }

  /* --- Links (global) --- */
  a {
    color: var(--brand);
    transition: color 0.2s ease;
  }
  a:hover,
  a:focus {
    color: var(--brand-hover);
  }

  /* --- Header --- */
  .site-header {
    background: var(--surface);
		padding-bottom: 25px;
margin: 0 auto 1.6em;
		border-radius: var(--radius);
    border-top: 3px solid var(--brand);
    box-shadow: var(--shadow);
		max-width: 1340px;
  }
  .site-title a {
    color: var(--brand);
  }
  .site-description {
    color: var(--text-muted);
  }

  /* --- Navigation --- */
  .navigation-bar {
    background: var(--surface);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  .main-navigation a {
    color: var(--text-body);
    transition: color 0.2s ease;
  }
  .main-navigation a:hover,
  .main-navigation a:focus,
  .main-navigation .current_page_item a {
    color: var(--brand);
  }

  /* --- Search / Social Buttons --- */
  .top-search,
  .top-search a {
    background-color: var(--brand);
    color: #fff;
    transition: background-color 0.2s ease;
  }
  .top-search:hover,
  .top-search a:hover {
    background-color: var(--brand-hover);
  }

  /* --- Blog Post Cards --- */
  .hentry {
    background: var(--surface);
    border-radius: var(--radius);
    border-top: 3px solid var(--brand);
    box-shadow: var(--shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
  }
  .hentry:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  }

  /* --- Post Typography --- */
  .entry-title,
  .entry-title a {
    color: var(--text);
    font-weight: 700;
  }
  .entry-title a:hover {
    color: var(--brand);
  }
  .entry-meta,
  .entry-meta a {
    color: var(--text-muted);
    font-size: 0.875em;
  }
  .entry-content {
    color: var(--text-body);
    line-height: 1.75;
  }

  /* --- Buttons --- */
  button,
  .button,
  input[type="submit"],
  .wp-block-button__link {
    background-color: var(--brand);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0.6em 1.4em;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
  }
  button:hover,
  .button:hover,
  input[type="submit"]:hover,
  .wp-block-button__link:hover {
    background-color: var(--brand-hover);
    transform: translateY(-1px);
  }

  /* --- Sidebar --- */
  .widget-area .widget {
    background: var(--surface);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 1.4em;
    margin-bottom: 1.5em;

  }
  .widget-title {
    color: var(--text);
    font-weight: 700;
    border-bottom: 2px solid var(--brand);
    padding-bottom: 0.5em;
    margin-bottom: 1em;
  }
  .widget-area .widget li {
    padding: 0.35em 0;
    border-left: 3px solid transparent;
    padding-left: 0.75em;
    transition: border-color 0.2s ease;
  }
  .widget-area .widget li:hover {
    border-left-color: var(--brand);
  }

  /* --- Author Avatar --- */
  .widget-area .avatar,
  .avatar {
    border: 3px solid var(--brand);
    border-radius: 50%;
  }

  /* --- Footer --- */
  .site-info {
    background-color: var(--footer-bg);
    color: rgba(255, 255, 255, 0.7);
  }
  .site-info a {
    color: rgba(255, 255, 255, 0.85);
  }
  .site-info a:hover {
    color: #fff;
  }

  /* --- Selection Highlight --- */
  ::selection {
    background-color: var(--brand);
    color: #fff;
  }

  /* --- Scrollbar (Webkit) --- */
  ::-webkit-scrollbar {
    width: 8px;
  }
  ::-webkit-scrollbar-track {
    background: var(--bg);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--brand);
    border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--brand-hover);
  }