/*
Theme Name: OSGFilms 2013
Theme URI: http://osgfilms.com/
Author: Orlando S. Gondar
Author URI: http://osgfilms.com/
Description: Faithful rebuild of the April 2013 OSGFilms.com design ("The Official Media Space of Orlando S. Gondar"), recovered from the Wayback Machine. Uses the site's own 2013 stylesheet and images. Includes Appearance > Restore OSGFilms 2013, a one-click importer that recreates the recovered posts, pages, media, menu and widgets. All recovered images are bundled (web-optimised); the 16 MB GH2 Hack Pack is uploaded separately via Media > Add New.
Version: 1.2.0
Requires at least: 5.6
Tested up to: 7.1
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: osgfilms-2013
Tags: two-columns, left-sidebar, custom-menu, featured-images, threaded-comments
*/

/* The original 2013 stylesheet lives in nightbrand.css and is loaded first.
   Everything below reproduces the inline <style> blocks the 2013 site printed in its <head>,
   plus the plugin styles (Media Grid, NextGEN, MailChimp) the homepage relied on. */

/* ------------------------------------------------------------ THEME COLORS (from 2013 <head>) */
#main a{color:#222;}
#main a:hover{color:#d42f2f;}
.underline{ border:1px solid; border-width:0 0 1px 0; padding-bottom:3px;}
#footer a:hover{color:#d42f2f !important;}
.page_title a{ color:#aaa !important; }
.page_title a:hover{ color:#d42f2f !important; }
#sidebar a:hover{ color:#d42f2f !important; }
.blog_entry a.continue:hover, .portfolio1 a.continue:hover { background:#d42f2f; color:#FFF !important; }
.pagination span.courante, .pagination .current { color:#FFF; background:#d42f2f;}
.pagination a:hover { background:#d42f2f; color:#FFF; }
.underlined_title{ border:1px solid #d42f2f; border-width:0 0 1px 0; padding-bottom:3px;}

body{ background:#000000 scroll repeat center top;}
#wrapper .content{background:#1a1a1a url(images/bg_wrapper.png) repeat-y;}
#side h4{color:#ffffff;}
#side a{color:#ffebeb;}
#side{color:#ffffff;}
.current-menu-item > a, .current-menu-ancestor > a, .current_page_ancestor > a, .current_page_item > a{background:#d42f2f url(images/sidebar_h4_bg.png) no-repeat left top !important; color:#FFF !important;}
.current-menu-item > a:hover, .current-menu-ancestor > a:hover, .current_page_ancestor > a:hover, .current_page_item > a:hover{ color:#1a1a1a!important;}
.menu li a:hover{ color:#d42f2f !important; }
.current-menu-item ul a, .current-menu-ancestor ul a, .current_page_ancestor ul a, .current_page_item ul a{ background:none !important; }

/* Custom heading font used in 2013 (Trajan Pro Bold, from the site's own uploads) */
@font-face { font-family:"custom-one"; src:url("fonts/TrajanPro-Bold.otf") format("opentype"); font-display:swap; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family:"custom-one", "Cinzel", Georgia, serif !important; }

/* screen-reader text used by the 2013 markup */
.inv, .screen-reader-text{ position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.clear{ clear:both; }

/* Equal height columns (the 2013 theme did this in JS) */
#wrapper .content{ display:flex; align-items:stretch; flex-wrap:wrap; }
#wrapper .content > #side{ float:none; flex:0 0 200px; }
#wrapper .content > #content{ float:none; flex:0 0 760px; padding-bottom:40px; min-height:900px; }
#wrapper .content > .bottom, #wrapper .content > br.clear{ flex-basis:100%; }

/* ------------------------------------------------------------ Sidebar extras */




#sidebar .textwidget img{ display:block; max-width:200px; height:auto; }



#mc_embed_signup{ background:#000; clear:left; font:14px Helvetica,Arial,sans-serif; width:200px; }
.mc-subscriber-note{ font:11px Helvetica, Arial, sans-serif; color:#ccc; padding:3px 6px; }
.social_networks li{ float:left; }

/* ------------------------------------------------------------ Media Grid (homepage) */
.mg_grid_wrap{ min-width:200px; width:auto; margin:20px auto; }
.mg_container{ margin:auto; width:100%; overflow:hidden; }
.mg_box{ float:left; overflow:hidden; margin:5px; border:1px solid #cecece; border-radius:2px; position:relative; box-sizing:border-box; }
.mg_box .img_wrap{ padding:3px; position:absolute; inset:0; overflow:hidden; border-radius:2px; }
.mg_box .img_wrap > div{ position:relative; width:100%; height:100%; overflow:hidden; border-radius:2px; }
.mg_box img.thumb{ display:block; width:100%; height:100%; object-fit:cover; }
.mg_box.col1_1{ width:calc(100% - 10px); }
.mg_box.col1_2{ width:calc(50% - 10px); }
.mg_box.col1_3{ width:calc(33.333% - 10px); }
.mg_box.col1_4{ width:calc(25% - 10px); }
/* row heights are a fraction of the full grid width (Media Grid 1.x behaviour) */
.mg_box.row1_3{ height:242px; } .mg_box.row1_4{ height:178px; } .mg_box.row1_5{ height:145px; }
.mg_box.row2_5{ height:290px; } .mg_box.row4_5{ height:596px; } .mg_box.row1_2{ height:363px; } .mg_box.row1_1{ height:726px; }
.img_wrap .overlays .overlay{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0; transform:translate(-100%,-100%); transition:all .4s ease-in-out; }
.img_wrap:hover .overlays .overlay{ transform:translate(0,0); opacity:.8; }
.img_wrap .overlays .cell_more{ position:absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background:#555; border-radius:50%; opacity:0; transform:scale(.3); transition:all .3s ease-in-out .1s; }
.img_wrap .overlays .cell_more span{ display:block; width:100%; height:100%; background:url(images/mg_link_w.png) no-repeat center center; }
.img_wrap:hover .overlays .cell_more{ opacity:1; transform:scale(1); }
.img_wrap .overlays .cell_type{ position:absolute; bottom:0; left:0; right:0; padding:10px; text-align:center; opacity:0; transition:opacity .3s; }
.img_wrap:hover .overlays .cell_type{ opacity:1; }
span.mg_overlay_tit{ color:#222; font-size:14px; font-weight:bold; }
.home-news{ padding:0 20px; }
.home-news h3{ margin:20px 0 10px 0 !important; }
.home-news p{ margin-bottom:14px; }
.home-news center img, .home-news img{ max-width:100%; height:auto; }

/* ------------------------------------------------------------ Post content */
.page_content img{ max-width:100%; height:auto; }
.page_content p{ margin-bottom:15px; }
.page_content iframe{ max-width:100%; }
.page_content .video-embed{ position:relative; padding-top:56.25%; margin-bottom:15px; }
.page_content .video-embed iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.page_content table{ border-collapse:collapse; margin-bottom:15px; }
.page_content td, .page_content th{ padding:4px 6px; }
.alignleft{ float:left; margin:0 15px 10px 0; }
.alignright{ float:right; margin:0 0 10px 15px; }
.aligncenter, img.aligncenter{ display:block; margin:0 auto 15px auto; }
.wp-caption{ max-width:100%; margin-bottom:15px; }
.wp-caption-text{ font-size:11px; text-align:center; }
.sticky, .bypostauthor, .gallery-caption{ }
.preview_image{ transition:height .4s ease; }
.preview_image img{ width:760px; height:auto; }
.preview_image.open{ height:auto; }
.preview_image.open .preview_image_opener{ display:none; }
.preview_image.open .preview_image_closer{ display:block; }

/* NextGEN gallery thumbnails (Black Minimalism look) */
.ngg-galleryoverview{ overflow:hidden; margin:10px 0; clear:both; }
.ngg-gallery-thumbnail-box{ float:left; margin:0 6px 6px 0; }
.ngg-gallery-thumbnail img{ border:1px solid #333; padding:3px; background:#000; display:block; }
.ngg-clear{ clear:both; }
.gallery{ overflow:hidden; } .gallery-item{ float:left; margin:0 8px 8px 0; }

/* Blog list (archives, search) */
.blog_post_list .image_fx img{ width:720px; height:250px; object-fit:cover; }
.pagination{ margin:20px; text-align:right; }
.pagination a, .pagination span{ display:inline-block; padding:4px 8px; background:#ccc; color:#333; margin-left:4px; }

/* Comments */
.commentlist{ margin:0 0 20px 0; }
.commentlist li.comment{ border-bottom:1px dotted #c4c4c4; padding:10px 0; list-style:none; }
.commentlist .avatar{ float:left; margin:0 10px 0 0; }
.commentlist .children{ margin-left:30px; }
#commentform label{ display:block; }
#commentform input[type=text], #commentform input[type=email], #commentform input[type=url], #commentform textarea{ border:1px solid #ccc; padding:5px; width:95%; }
#commentform .form-submit input{ background:#101010; color:#fff; border:0; padding:6px 14px; cursor:pointer; }

/* tiny lightbox */
#osg-lightbox{ position:fixed; inset:0; background:rgba(102,102,102,.85); display:none; align-items:center; justify-content:center; z-index:99999; cursor:zoom-out; }
#osg-lightbox img{ max-width:92vw; max-height:92vh; box-shadow:0 0 20px #000; background:#000; }
#osg-lightbox.on{ display:flex; }

/* list thumbnails: the "read" overlay only appears on hover (2013 did this with jQuery) */
.image_fx{ position:relative; overflow:hidden; }
.image_fx a > span{ opacity:0; transition:opacity .25s linear; }
.image_fx a:hover > span{ opacity:1; }
#sidebar .menu li a{ display:block; }
/* social icons dimmed until hover (2013 custom.js) */
.social_networks li{ opacity:.3; transition:opacity .3s; }
.social_networks li:hover{ opacity:1; }