/**
 * Gallery & Content Styles
 * Extracted from css/style.css — ONLY gallery/content-related rules.
 * NO header, nav, footer, or global reset that could conflict with Elementor.
 */

/* ========== Scoped Typography (content area only) ========== */
#main { width:auto; position:relative; margin-top:0; margin-left:0; background:#fff; }
#main p { margin-bottom:10px; line-height:150%; font-size:12px; -webkit-font-smoothing:antialiased; font-family:"freight_regular", Arial; }
#main h2 { margin-bottom:8px; color:#666; font-size:26px; line-height:100%; font-family:"freight_bold", Arial; font-weight:bold; -webkit-font-smoothing:antialiased; }
#main h3 { margin-bottom:2px; color:#2b2b2b; font-size:22px; line-height:100%; font-family:"freight_bold", Arial; font-weight:500; font-style:normal; -webkit-font-smoothing:antialiased; }
#main h5 { font-family:"freight_bold", Arial; margin-bottom:10px; color:#2b2b2b; }
#main a { text-decoration:none; color:#2b2b2b; outline:none; line-height:100%; }
#main a:hover { text-decoration:none; }

.clear { width:100%; height:0; overflow:hidden; clear:both; }
.inner { padding:3% 1.8% 1.8% 1.8%; }

/* ========== Content Containers ========== */
#content { height:auto; background:#fff; width:auto; max-width:1400px; margin:0 auto; }
#content.minHeight { min-height:600px; }
#content .inner { width:auto; }
#content h2 { color:#2b2b2b; font-size:45px; margin-bottom:30px; }
#content .contentArea h2 { line-height:100%; }

/* ========== Post Image / Overlay ========== */
.postImage { position:relative; display:block; margin-bottom:15px; }
.postImage.border { border:1px #e7e7e7 solid; }
.postImage .postOverlay { background:url(../img/post-overlay.png) repeat; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; opacity:0; filter:alpha(opacity=0); -webkit-transition:.6s ease opacity; -moz-transition:.6s ease opacity; transition:.6s ease opacity; -webkit-backface-visibility:hidden; margin-bottom:0; }
.postImage.border .postOverlay { height:100.2%; width:100.2%; }
.postImage.open .postOverlay { opacity:0.8; filter:alpha(opacity=80); }
.postImage .postOverlay i { display:block; width:28px; height:28px; position:absolute; top:50%; left:50%; margin-top:-14px; margin-left:-14px; }

/* ========== Content Area ========== */
.contentArea { float:left; width:71%; padding-bottom:30px; }
.contentArea p { line-height:180%; margin-bottom:20px; }
.contentArea p.button { line-height:140%; }
.contentArea p.video { text-align:center; }
.contentArea h3 { margin-bottom:20px; font-weight:bold; font-size:21px; }
.contentArea ul, .contentArea ol { margin-left:15px; list-style:disc; margin-bottom:20px; }
.contentArea ol { list-style:decimal; counter-reset:item; }
.contentArea ol li { display:block; position:relative; }

/* ========== Posts Container ========== */
#postsContainer { padding-top:1.8%; }
#postsContainer .inner { padding-top:0; padding-bottom:0; width:auto; max-width:1400px; }
#postsContainer .pagination { display:block; float:right; margin-bottom:30px; }
#postsContainer .pagination a, #content .pagination span { display:inline-block; border:1px #e4e4e4 solid; padding:6px; font-size:16px; font-family:"freight-sans-pro", Arial; font-weight:normal; margin-right:5px; line-height:100%; }
#postsContainer .categories { padding:30px 0; }
#postsContainer .categories ul { float:right; }
#postsContainer .categories li { float:left; }
#postsContainer .categories li a { font-family:"freight-sans-pro", Arial; font-weight:normal; border-left:1px #cecece solid; color:#818181; display:block; padding:0 10px; font-size:16px; }
#postsContainer .categories li:first-child a { border-left:0; }
#postsContainer .categories .respCategories { display:none; font-family:'freight-sans-pro','freight_regular',Arial; font-weight:normal; font-size:15px; }
#postsContainer .contentArea { width:70%; border-right:1px solid #e7e7e7; padding-right:2%; padding-bottom:0; }
#postsContainer .contentArea article { margin-bottom:40px; border-bottom:1px #e7e7e7 solid; padding-bottom:40px; }
#postsContainer .contentArea article h2 { margin-bottom:15px; line-height:100%; }
#postsContainer .contentArea article .postDate { margin-bottom:15px; }
#postsContainer .contentArea article .continue { float:right; }
#postsContainer .contentArea article img { display:block; max-width:100%; margin-bottom:0; height:auto; }
#postsContainer .contentArea article p a, #postsContainer .contentArea article li a { color:#00688c; }

/* ========== Gallery Archive ========== */
#main.galleryPage #content { max-width:none; }
#main.galleryPage .inner { max-width:none; }

#galleryWrap { margin-top:0; margin-left:-1.8%; }
#galleryWrap article { width:22.9%; margin-bottom:1.8%; margin-left:1.8%; max-width:320px; display:inline-block; vertical-align:top; }
#galleryWrap article h2, #galleryWrap article h2 a { font-size:20px; margin-bottom:10px; }
#galleryWrap article img { display:block; max-width:100%; }

/* ========== Single Gallery ========== */
#page.gallery { background:#000; }

#galleryHeader { position:fixed; top:0; left:0; width:100%; padding:15px 0; background:#000; z-index:1000; }
#galleryHeader .backToGallery { display:block; color:#fff; position:relative; float:right; font-family:"freight-sans-pro","freight_regular",Arial; font-weight:normal; }
#galleryHeader .backToHome { display:block; color:#fff; position:relative; float:right; font-family:"freight-sans-pro","freight_regular",Arial; font-weight:normal; margin-right:15px; }
#galleryHeader span { line-height:100%; float:right; padding:0 10px; }

#singleGalleryWrap { width:900px; margin:auto; padding-top:50px; position:relative; }
#singleGalleryWrap .postContent { margin-top:30px; }
#singleGalleryWrap h2 { color:#fff; }
#singleGalleryWrap img { display:block; max-width:100%; }
#singleGalleryWrap p.postDate { color:#8d8b8b; }
.galleryImage { margin-bottom:20px; }
.galleryImage img { min-height:480px; min-width:720px; }

#gallery-1 img { margin:auto; height:auto !important; }
#gallery-1 .gallery-item { margin-bottom:30px; background:url(../img/ajax_loader.gif) no-repeat center center; }

#fixedSocialButtons { position:fixed; top:22%; z-index:1000; margin-top:-115px; margin-left:10px; width:70px; height:230px; }
#fixedSocialButtons .wrap { margin-bottom:10px; }

.galleryImageWrap { width:80%; float:left; }
.gallerySocial { width:20%; float:right; position:relative; }

#galleryLatest { position:fixed; width:150px; top:37%; margin-left:10px; }
#singleGalleryWrap #galleryLatest article { margin-bottom:15px; }
#singleGalleryWrap #galleryLatest h2 { font-size:14px; }
#singleGalleryWrap #galleryLatest h2 a { color:#fff; }

/* ========== Video Wrapper ========== */
.videoWrapper, p.video { position:relative; padding-bottom:56.25%; padding-top:25px; height:0; margin-bottom:30px; }
.videoWrapper iframe, p.video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* ========== Post Date ========== */
.postDate { font-size:11px; font-family:Arial, Tahoma, Geneva, sans-serif; color:#666666; margin-bottom:10px; }
.disclaimer { font-size:12px; margin-bottom:8px; }
.postDate-custom { margin-bottom:8px; }

/* ========== Helper Classes ========== */
.sectionTitle { color:#2b2b2b; font-family:"freight-sans-pro","freight_bold",Arial; font-weight:bold; line-height:100%; font-size:18px; display:block; }
.listTitle { color:#666666; font-family:"freight_bold",Arial; font-size:14px; margin-bottom:5px; display:block; text-transform:uppercase; }
.bolded, p strong, p b { font-family:Arial, Geneva, sans-serif; font-weight:bold; color:#333333; }

.btn { display:inline-block; text-transform:uppercase; padding:9px 28px; font-family:"freight_bold",Arial; cursor:pointer; text-align:center; border-radius:6px; border:0; letter-spacing:1px; }
.btnOrange { border:1px #e6830e solid; color:#e6830e; }
.btnOrange.background { background:#e6830e; color:#fff; }
.btnWhite { border:1px #fff solid; color:#fff; }
.btnBlack { border:1px #979494 solid; color:#7f7d7d; }

.left { float:left; }
.right { float:right; }

img.alignright { float:right; margin:0 0 1em 1em; }
img.alignleft { float:left; margin:0 1em 1em 0; }
img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption-text { font-size:12px; }

/* ========== Gallery Slider (if present) ========== */
#gallerySliderWrap { background:#f5f5f5; border-top:1px #e2e2e2 solid; }
#gallerySliderWrap .inner { padding:0; }
#gallerySliderWrap .sectionTitle { text-transform:none; margin-bottom:40px; padding-left:1.8%; max-width:1375px; margin:0 auto 40px; display:none; }
#gallerySlider { position:relative; overflow:hidden; }
#gallerySlider .galleryWrap { width:100%; position:relative; }
#gallerySlider img { max-height:100%; }
#gallerySlider .slider { overflow:hidden; position:relative; height:420px; }
#gallerySlider .slider ul { margin:0; padding:0; }
#gallerySlider .slider li { float:left; margin:0; list-style:none; height:420px; }
#gallerySliderWrap #gallerySlider .slider, #gallerySliderWrap #gallerySlider .slider li { height:420px; }
#gallerySlider .controls a { -webkit-transition:.3s all ease; transition:.3s all ease; opacity:0; filter:alpha(opacity=0); }
#gallerySlider .prevSlide { display:block; width:39px; height:60px; background:url(../img/prev-icon.png) no-repeat center left; position:absolute; top:0; left:0; width:45%; height:100%; z-index:100; margin-left:3%; }
#gallerySlider .nextSlide { display:block; width:39px; height:60px; background:url(../img/next-icon.png) no-repeat center right; position:absolute; top:0; right:0; width:45%; height:100%; z-index:100; margin-right:3%; }
#gallerySlider .controls:hover a { opacity:1; filter:alpha(opacity=100); }

/* ========== Responsive – Gallery specific ========== */
@media (max-width: 1024px) {
    img { height:auto; max-width:100%; }
    .inner { padding:1.8%; }
    #gallerySliderWrap .inner { padding:3.5% 0; }
    #gallerySliderWrap #gallerySlider .slider, #gallerySliderWrap #gallerySlider .slider li { height:320px; }
    #gallerySlider .controls a { opacity:1 !important; }
    #galleryWrap article { width:22.8%; }
    .galleryImage img { min-height:none; min-width:none; }
    #content h2 { font-size:30px; }
    #postsContainer .categories { padding:2% 0; }
    #postsContainer .categories li a { font-size:14px; }
}

@media (max-width: 800px) {
    #main p { font-size:13px; }
    .contentArea { float:none; width:100%; }
    #postsContainer .contentArea { width:100%; }
    #galleryWrap article { width:44%; margin-left:5%; margin-top:5%; margin-bottom:0; }
    #singleGalleryWrap { width:auto; padding:0 15px; }
    #singleGalleryWrap .postContent { padding-top:60px; margin:0; }
    #gallery-1 .gallery-item { min-height:initial; }
    #galleryLatest { position:relative; top:0; margin-top:0; width:auto; height:auto; margin-left:-3%; }
    #singleGalleryWrap #galleryLatest article { float:left; width:30%; margin-left:3%; }
    #postsContainer .categories { margin-bottom:10px; }
    #postsContainer .categories.open { margin-bottom:25px; }
    #postsContainer .categories .respCategories { display:block; margin:15px 0; }
    #postsContainer .categories ul { float:none; display:none; }
    #postsContainer .categories li { float:none; width:100%; margin-bottom:0; }
    #postsContainer .categories li a { border-left:0; border-bottom:1px #ccc solid; padding:10px 0; display:block; }
    #postsContainer .pagination { margin-bottom:30px; }
}

@media (max-width: 730px) {
    .inner { width:auto !important; padding:15px; }
    #main { margin-left:0; margin-top:0; }
    #content h2 { font-size:22px; }
    #postsContainer { padding-top:40px; }
    #postsContainer .contentArea { padding-right:0; border-right:0; }
    #galleryWrap { margin-left:0; margin-top:15px; }
    #galleryWrap article { width:auto; margin-left:0; float:none; margin-bottom:20px; }
    #galleryWrap article h2, #galleryWrap article h2 a { font-size:18px; }
    #fixedSocialButtons { position:relative; top:0; margin-top:0; width:auto; height:auto; margin-left:-15px; }
    #fixedSocialButtons .wrap { float:left; margin-left:15px; }
    .galleryImageWrap { width:auto; float:none; }
    .gallerySocial { width:auto; float:none; }
    #singleGalleryWrap img { min-height:inherit; min-width:inherit; }
    #galleryLatest { margin-left:0; }
    #singleGalleryWrap #galleryLatest article { float:none; width:auto; margin-left:0; }
    #gallerySliderWrap { display:none; }
    .sectionTitle.large { font-size:22px; }
}