/* Reset and Base Styles */
body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}
body{font:400 16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal}
html{scroll-behavior:smooth}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}
img{max-width:100%;vertical-align:middle}
figure>img{display:block}
figcaption{font-size:14px}
ul,ol{margin-left:30px}
li>ul,li>ol{margin-bottom:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
h1{font-size:36px;font-weight:300;margin-bottom:20px}
h2{font-size:32px;font-weight:300;margin-bottom:20px;color:#424242}
a{color:#2a7ae2;text-decoration:none;transition:color 0.3s ease}
a:visited{color:#1756a9}
a:hover{color:#111;text-decoration:underline}
blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}
blockquote>:last-child{margin-bottom:0}
pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}
code{padding:1px 5px}
pre{padding:8px 12px;overflow-x:auto}
pre>code{border:0;padding-right:0;padding-left:0}

/* Layout */
.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}
@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}
.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}
.icon>svg{display:inline-block;width:16px;height:16px;vertical-align:middle}
.icon>svg path{fill:#828282}

/* Header */
.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:56px;position:relative;background-color:#fff}
.site-title{font-size:26px;font-weight:300;line-height:56px;letter-spacing:-1px;margin-bottom:0;float:left}
.site-title,.site-title:visited{color:#424242}
.site-nav{float:right;line-height:56px}
.site-nav .menu-icon{display:none}
.site-nav .page-link{color:#111;line-height:1.5;padding:8px 12px;border-radius:4px;transition:background-color 0.3s ease}
.site-nav .page-link:hover{background-color:#f0f0f0;text-decoration:none}
.site-nav .page-link:not(:last-child){margin-right:5px}
@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{width:18px;height:15px}.site-nav .menu-icon>svg path{fill:#424242}.site-nav .trigger{clear:both;display:none}.site-nav:hover .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}

/* Sections */
.section{padding:60px 0}
.section-intro{font-size:18px;color:#666;margin-bottom:40px}

/* Home Content */
#home-content{font-size:17px;line-height:1.8;color:#333}
#home-content h1{font-size:36px;margin-top:20px;margin-bottom:20px;color:#111;line-height:1.2}
#home-content h2{font-size:28px;margin-top:30px;margin-bottom:15px;color:#222;line-height:1.3}
#home-content h3{font-size:22px;margin-top:25px;margin-bottom:12px;color:#333;line-height:1.4}
#home-content p{margin-bottom:20px;margin-top:0}
#home-content ul,#home-content ol{margin-bottom:20px;margin-top:10px;margin-left:30px;padding-left:10px}
#home-content li{margin-bottom:8px;line-height:1.6}
#home-content code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:0.9em;font-family:monospace}
#home-content a{color:#2a7ae2;text-decoration:underline}
#home-content a:hover{color:#1756a9}

/* Adventures Section */
.adventures-section{background-color:#f9f9f9}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:30px}
.trip-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;padding:20px}
.trip-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}
.trip-card h3{font-size:22px;font-weight:500;margin-bottom:8px;color:#333}
.trip-date{font-size:14px;color:#888;margin-bottom:10px}
.trip-description{font-size:15px;color:#555;line-height:1.6;margin-bottom:15px}
.photo-thumbnails{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px;border-radius:6px;overflow:hidden}
.photo-thumbnails .thumbnail{width:100%;height:140px;object-fit:cover;border-radius:4px;transition:transform 0.3s ease,opacity 0.3s ease;cursor:pointer}
.photo-thumbnails .thumbnail:hover{transform:scale(1.05);opacity:0.9}
.trip-link{color:#2a7ae2;font-weight:500;display:inline-block;transition:color 0.3s ease;margin-top:10px}
.trip-link:hover{color:#1756a9;text-decoration:none}
@media screen and (max-width: 600px){.gallery-grid{grid-template-columns:1fr}.photo-thumbnails{grid-template-columns:repeat(2,1fr)}}

/* Blog Section */
.blog-section{background-color:#fff}
.blog-posts{margin-top:30px}
.blog-post{padding:30px 0;border-bottom:1px solid #e8e8e8}
.blog-post:last-child{border-bottom:none}
.blog-post .post-title{font-size:28px;font-weight:500;margin-bottom:10px;color:#333}
.blog-post .post-title a{color:#333;text-decoration:none;transition:color 0.3s ease}
.blog-post .post-title a:hover{color:#2a7ae2}
.blog-post .post-meta{font-size:14px;color:#828282;margin-bottom:15px}
.blog-post .post-excerpt{font-size:16px;color:#555;line-height:1.7;margin-bottom:15px}
.blog-post .read-more{color:#2a7ae2;font-weight:500;transition:color 0.3s ease}
.blog-post .read-more:hover{color:#1756a9;text-decoration:none}

/* Single Blog Post */
.blog-post-section{background-color:#fff}
.blog-post-container{max-width:800px;margin:0 auto}
.back-to-blog{margin:20px 0}
.back-to-blog a{color:#2a7ae2;text-decoration:none;font-weight:500}
.back-to-blog a:hover{color:#1756a9}
.single-post{margin:40px 0}
.single-post .post-content{font-size:17px;line-height:1.8;color:#333}
.single-post .post-content h1{font-size:36px;margin-top:40px;margin-bottom:20px;color:#111;line-height:1.2}
.single-post .post-content h2{font-size:28px;margin-top:35px;margin-bottom:15px;color:#222;line-height:1.3}
.single-post .post-content h3{font-size:22px;margin-top:30px;margin-bottom:12px;color:#333;line-height:1.4}
.single-post .post-content p{margin-bottom:20px;margin-top:0}
.single-post .post-content ul,.single-post .post-content ol{margin-bottom:20px;margin-top:10px;margin-left:30px;padding-left:10px}
.single-post .post-content li{margin-bottom:8px;line-height:1.6}
.single-post .post-content ul ul,.single-post .post-content ol ol,.single-post .post-content ul ol,.single-post .post-content ol ul{margin-top:8px;margin-bottom:8px}
.single-post .post-content code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:0.9em;font-family:monospace}
.single-post .post-content pre{background-color:#f5f5f5;padding:15px;border-radius:5px;overflow-x:auto;margin-bottom:20px;margin-top:10px}
.single-post .post-content pre code{background:none;padding:0}
.single-post .post-content hr{border:none;border-top:2px solid #e8e8e8;margin:40px 0}
.single-post .post-content a{color:#2a7ae2;text-decoration:underline}
.single-post .post-content a:hover{color:#1756a9}
.single-post .post-content blockquote{border-left:4px solid #e8e8e8;padding-left:20px;margin-left:0;margin-right:0;color:#666;font-style:italic}

/* Social Section */
.social-section{background-color:#f9f9f9}
.social-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:30px}
.social-link-card{display:flex;align-items:center;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;text-decoration:none;color:#333}
.social-link-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,0.15);text-decoration:none}
.social-icon{margin-right:15px;color:#2a7ae2;display:flex;align-items:center;justify-content:center}
.social-info h4{font-size:18px;font-weight:500;margin-bottom:5px;color:#333}
.social-info p{font-size:14px;color:#666;margin:0}

/* Footer */
.site-footer{border-top:1px solid #e8e8e8;padding:30px 0;background-color:#f9f9f9}
.footer-heading{font-size:18px;margin-bottom:15px}
.contact-list,.social-media-list{list-style:none;margin-left:0}
.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}
.footer-col{float:left;margin-bottom:15px;padding-left:15px}
.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}
.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}
.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}
@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}
@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}

/* Page Content */
.page-content{padding:0}
.page-heading{font-size:20px}
.post-list{margin-left:0;list-style:none}
.post-list>li{margin-bottom:30px}
.post-meta{font-size:14px;color:#828282}
.post-link{display:block;font-size:24px}
.post-header{margin-bottom:30px}
.post-title{font-size:42px;letter-spacing:-1px;line-height:1}
@media screen and (max-width: 800px){.post-title{font-size:36px}}
.post-content{margin-bottom:30px}
.post-content h2{font-size:32px}
@media screen and (max-width: 800px){.post-content h2{font-size:28px}}
.post-content h3{font-size:26px}
@media screen and (max-width: 800px){.post-content h3{font-size:22px}}
.post-content h4{font-size:20px}
@media screen and (max-width: 800px){.post-content h4{font-size:18px}}

/* Syntax Highlighting */
.highlight{background:#fff}
.highlighter-rouge .highlight{background:#eef}
.highlight .c{color:#998;font-style:italic}
.highlight .err{color:#a61717;background-color:#e3d2d2}
.highlight .k{font-weight:bold}
.highlight .o{font-weight:bold}
.highlight .cm{color:#998;font-style:italic}
.highlight .cp{color:#999;font-weight:bold}
.highlight .c1{color:#998;font-style:italic}
.highlight .cs{color:#999;font-weight:bold;font-style:italic}
.highlight .gd{color:#000;background-color:#fdd}
.highlight .gd .x{color:#000;background-color:#faa}
.highlight .ge{font-style:italic}
.highlight .gr{color:#a00}
.highlight .gh{color:#999}
.highlight .gi{color:#000;background-color:#dfd}
.highlight .gi .x{color:#000;background-color:#afa}
.highlight .go{color:#888}
.highlight .gp{color:#555}
.highlight .gs{font-weight:bold}
.highlight .gu{color:#aaa}
.highlight .gt{color:#a00}
.highlight .kc{font-weight:bold}
.highlight .kd{font-weight:bold}
.highlight .kp{font-weight:bold}
.highlight .kr{font-weight:bold}
.highlight .kt{color:#458;font-weight:bold}
.highlight .m{color:#099}
.highlight .s{color:#d14}
.highlight .na{color:teal}
.highlight .nb{color:#0086B3}
.highlight .nc{color:#458;font-weight:bold}
.highlight .no{color:teal}
.highlight .ni{color:purple}
.highlight .ne{color:#900;font-weight:bold}
.highlight .nf{color:#900;font-weight:bold}
.highlight .nn{color:#555}
.highlight .nt{color:navy}
.highlight .nv{color:teal}
.highlight .ow{font-weight:bold}
.highlight .w{color:#bbb}
.highlight .mf{color:#099}
.highlight .mh{color:#099}
.highlight .mi{color:#099}
.highlight .mo{color:#099}
.highlight .sb{color:#d14}
.highlight .sc{color:#d14}
.highlight .sd{color:#d14}
.highlight .s2{color:#d14}
.highlight .se{color:#d14}
.highlight .sh{color:#d14}
.highlight .si{color:#d14}
.highlight .sx{color:#d14}
.highlight .sr{color:#009926}
.highlight .s1{color:#d14}
.highlight .ss{color:#990073}
.highlight .bp{color:#999}
.highlight .vc{color:teal}
.highlight .vg{color:teal}
.highlight .vi{color:teal}
.highlight .il{color:#099}

/* Tables */
table{border-collapse:collapse;margin-left:auto;margin-right:auto;width:100%;border:1px solid green}
table td,table th{padding:3px 5px}
table th{background-color:#080;color:white}

/* Home page layout */
.home-container {
  display: flex;
  gap: 60px;
  align-items: flex-start;
  margin-top: 40px;
}

.home-portrait {
  flex-shrink: 0;
}

.portrait-image {
  width: 250px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.home-text {
  flex: 1;
  min-width: 0;
}

/* Responsive layout for home page */
@media screen and (max-width: 800px) {
  .home-container {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .portrait-image {
    width: 200px;
  }
}

/* Photography Portfolio */
.portfolio-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}

.photo-card {
  display: flex;
  gap: 30px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.photo-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.photo-card-image {
  flex: 0 0 45%;
  overflow: hidden;
}

.photo-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.photo-card-content {
  flex: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.photo-card-content h3 {
  margin: 0 0 10px 0;
  font-size: 24px;
  font-weight: 400;
  color: #111;
}

.photo-location {
  font-size: 14px;
  color: #828282;
  margin: 0 0 15px 0;
  font-style: italic;
}

.photo-description {
  font-size: 16px;
  line-height: 1.6;
  color: #424242;
  margin: 0 0 20px 0;
}

.album-link {
  display: inline-block;
  color: #111;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 16px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.album-link:hover {
  background: #111;
  color: #fff;
  border-color: #111;
}

/* Responsive layout for photography portfolio */
@media screen and (max-width: 800px) {
  .photo-card {
    flex-direction: column;
  }

  .photo-card-image {
    flex: 0 0 auto;
    height: 250px;
  }

  .photo-card-content {
    padding: 20px;
  }
}

/* Modern Footer Styles */
.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0;
}

.footer-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-name {
  font-size: 18px;
  font-weight: 300;
  color: #424242;
  margin: 0;
}

.footer-copyright {
  font-size: 13px;
  color: #828282;
  margin: 0;
}

.footer-right {
  display: flex;
  align-items: center;
}

/* Horizontal Social Links */
.social-links-horizontal {
  display: flex;
  gap: 20px;
  align-items: center;
}

.social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: transparent;
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s ease;
}

.social-link:hover {
  transform: scale(1.1);
}

.social-link .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-link .icon svg {
  width: 24px;
  height: 24px;
}

.social-link .icon svg path {
  fill: #828282;
  transition: fill 0.3s ease;
}

.social-link:hover .icon svg path {
  fill: #111;
}





/* Responsive Footer */
@media screen and (max-width: 600px) {
  .footer-content {
    flex-direction: column;
    gap: 30px;
    text-align: center;
  }

  .footer-left {
    align-items: center;
  }

  .social-links-horizontal {
    justify-content: center;
  }
}