/*
Theme Name: MegaStorm Theme v2026.06
Theme URI: https://www.megastormsystems.com/
Description: MegaStorm Systems WordPress theme for product pages, navigation, repository content, and technical articles.
Author: MegaStorm Systems
Author URI: https://www.megastormsystems.com/
License: GNU General Public License v2 (GPLv2)
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 2026.06
Tested up to: 6.5
Requires PHP: 5.6
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news
Text Domain: megastorm-theme

MegaStorm Theme v2026.06. A customized WordPress theme for MegaStorm Systems.
*/

/*
Copyright 2026 MegaStorm Systems - https://www.megastormsystems.com

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


/* Custom CSS for MegaStorm Systems */

.read-more.custom { display: inline; }

#logo { padding: 5px 0; float: left; }
#logo2 { float: right; padding: -5px 0 5px 10px; }

#page-container ul > li {
    padding-left: 15px;
    background-image: url('https://www.megastormsystems.com/images/arrow-box.png');
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
#page-container li li {
    padding-left: 15px;
    background-image: url('https://www.megastormsystems.com/images/arrow-circle.png');
    background-repeat: no-repeat;
    background-position: 0px 4px;
} 


/* ===Disable footer with 4 columns=== */
#footer div ul>.one-fourth {
   width: 100%;
   padding: 0 20px;
   margin: 0 0 20px 0!important;
   box-sizing: border-box;
}

/* ===Screenshots===*/
#page-container img.screenshot {
    box-shadow: 5px 5px 3px #888888;
    margin: 10px;
    width: 192px;
    height: 144px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#page-container img.screenshot:hover {
    transform: scale(1.08) translateY(-5px);
    box-shadow: 
        10px 10px 8px rgba(29, 62, 124, 0.25),
        0 0 20px rgba(29, 62, 124, 0.1); /* Blue glow effect */
}

/* ===Tools===*/
#page-container img.tools {
    box-shadow: 5px 5px 3px #888888;
    margin: 5px 5px 5px 5px !important;
    width: 192px;
    height: auto;
}
#page-container div.tools {
    width:90%; 
    margin-left:auto !important; margin-right:auto !important;
    padding:10px;
    border:1px dashed #cccccc; 
    border-radius:4px;
}

/* ===Tutorials===*/
#page-container img.tutorial {
    display: block;
    box-shadow: 5px 5px 3px #888888;
    margin: 0px auto 5px auto !important;
    width: 192px;
    height: auto;
}
#page-container div.tutorial-parent {
    width:98%; 
    margin-left:auto !important; margin-right:auto !important;
}
#page-container div.tutorial-child-left {
    width:45%;
    padding:5px;
    float:left;
    border:1px dashed #cccccc; 
    border-radius:4px;
}
#page-container div.tutorial-child-right {
    width:45%;
    padding:5px;
    float:right;
    border:1px dashed #cccccc; 
    border-radius:4px;
}


/* ===Download style 1=== */
#page-container dl.download { 
    overflow: auto;
        overflow-x: auto;
        overflow-y: auto;
	
	background: #FAFAFA;
	border-radius: 4px;
    border: 1px solid #DDD;
    
	margin-left: 20px !important;   
    margin: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left-value: 0px;
        margin-left-ltr-source: physical;
        margin-left-rtl-source: physical;
        margin-right-ltr-source: physical;
        margin-right-rtl-source: physical;
    padding: 0px;
        padding-top: 0px;
        padding-right-value: 0px;
        padding-bottom: 0px;
        padding-left-value: 0px;
        padding-left-ltr-source: physical;
        padding-left-rtl-source: physical;
        padding-right-ltr-source: physical;
        padding-right-rtl-source: physical;
}

#page-container dl.download dt {
    font-size: 13px;
    line-height: 20px;
    color: #0d4987;
    font-weight: bold;

    border-bottom: none;
	position: relative;
	paddin-bottom: 3px;
    
    padding: 10px 0px 2px 10px;
        padding-top: 10px;
        padding-right-value: 0px;
        padding-bottom: 2px;
        padding-left-value: 10px;
        padding-left-ltr-source: physical;
        padding-left-rtl-source: physical;
        padding-right-ltr-source: physical;
        padding-right-rtl-source: physical;
    margin: 0px 0px 5px 20px;
        margin-top: 0px;
        margin-right-value: 0px;
        margin-bottom: 5px;
        margin-left-value: 20px;
        margin-left-ltr-source: physical;
        margin-left-rtl-source: physical;
        margin-right-ltr-source: physical;
        margin-right-rtl-source: physical;
}

#page-container dl.download dt::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px; /* Match your padding-left: 10px */
    width: calc(93% - 10px); /* 90% width minus left padding */
    height: 1px;
    background-color: #C3C3C3;
}

#page-container dl.download dd.description {    
    color: #777;
    margin-top: -5px;
    margin-left: 10px;
        margin-left-value: 2em;
        margin-left-ltr-source: physical;
        margin-left-rtl-source: physical;
    margin-right: 10px;
        margin-right-value: 2em;
        margin-right-ltr-source: physical;
        margin-right-rtl-source: physical;
}

#page-container dl.download dd.body {
    overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden;
    height: 100%;
}

#page-container dl.download dd.body ul {
    margin: 0px 0px 1em;
        margin-top: 10px;
        margin-right-value: 0px;
        margin-bottom: 1em;
        margin-left-value: 0px;
        margin-left-ltr-source: physical;
        margin-left-rtl-source: physical;
        margin-right-ltr-source: physical;
        margin-right-rtl-source: physical;

     padding: 0px;
        padding-top: 0px;
        padding-right-value: 0px;
        padding-bottom: 0px;
        padding-left-value: 0px;
        padding-left-ltr-source: physical;
        padding-left-rtl-source: physical;
        padding-right-ltr-source: physical;
        padding-right-rtl-source: physical;

    list-style: none outside none;
        list-style-type: none;
        list-style-image: none;
        list-style-position: outside;
}

#page-container dl.download dd.body ul li {
    background-image: none;
    /*float: left;*/
    list-style: none outside none;
    	list-style-type: none;
    	list-style-image: none;
    	list-style-position: outside;  
    margin: 0.4em 0px 0px 3em;
        margin-top: 0.4em;
        margin-right-value: 0px;
        margin-bottom: 0px;
        margin-left-value: 3em;
        margin-left-ltr-source: physical;
        margin-left-rtl-source: physical;
        margin-right-ltr-source: physical;
        margin-right-rtl-source: physical;
}


/* ===Download style 2=== */
#page-container ul.downloads {
 list-style: none outside none;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
 padding: 0px;
    padding-top: 0px;
    padding-right-value: 0px;
    padding-bottom: 0px;
    padding-left-value: 0px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
 margin: 0px 0px 10px 25px;
    margin-top: 0px;
    margin-right-value: 0px;
    margin-bottom: 10px;
    margin-left-value: 25px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
}

#page-container ul.downloads > li {
 line-height: 20px;
}

#page-container a.downloads {
 border-left: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	min-width: 160px;
    text-align: left;
    float: left;
    margin-right: 10px;
    margin-right-value: 10px;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    margin-bottom: 10px;
    border-right-color-value: rgba(0, 0, 0, 0.15);
    border-left-color-value: rgba(0, 0, 0, 0.15);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    display: inline-block;
    padding: 4px 12px;
    padding-right-value: 12px;
    padding-left-value: 12px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    cursor: pointer;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-right-width-ltr-source: physical;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style-value: solid;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-repeat: stretch stretch;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
	-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}


#page-container .btn:hover {
 color: #333;
 text-decoration: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;    
}

#page-container .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
	background-color: #E6E6E6;
    color: #333;
}

#page-container img.downloads {
border-image: url('none') 100% 100% 100% 100% 1 1 1 1 0 0 0 0 stretch stretch;
	width: 32px;
	height: 32px;
	margin-right: 6px;
    margin-right-value: 6px;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
	vertical-align: middle;
	border-top-width: 0px;
    border-right-width-value: 0px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 0px;
    border-left-width-value: 0px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: none;
    border-right-style-value: none;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: none;
    border-left-style-value: none;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: -moz-use-text-color;
    border-right-color-value: -moz-use-text-color;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: -moz-use-text-color;
    border-left-color-value: -moz-use-text-color;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-left-style: none;
	border-left-color: inherit;
	border-left-width: 0px;
	border-right-style: none;
	border-right-color: inherit;
	border-right-width: 0px;
}

#navbar .menu-container ul.menu > li.current-menu-item,
#navbar .menu-container ul.menu > li.current-menu-parent,
#navbar .menu-container ul.menu > li.current-menu-ancestor,
#navbar .menu-container ul.menu > li.current_page_item,
#navbar .menu-container ul.menu > li.current_page_parent,
#navbar .menu-container ul.menu > li.current_page_ancestor {
    background: #4f5a64;
    box-shadow: inset 0 3px 0 #c7e4f5;
}

#navbar .menu-container ul.menu > li:has(> ul .current-menu-item),
#navbar .menu-container ul.menu > li:has(> ul .current-menu-parent),
#navbar .menu-container ul.menu > li:has(> ul .current-menu-ancestor),
#navbar .menu-container ul.menu > li:has(> ul .current_page_item),
#navbar .menu-container ul.menu > li:has(> ul .current_page_parent),
#navbar .menu-container ul.menu > li:has(> ul .current_page_ancestor) {
    background: #4f5a64;
    box-shadow: inset 0 3px 0 #c7e4f5;
}

#navbar ul li ul li:hover,
#navbar ul li ul li:focus-within {
    background: #f3f6f8;
}

#navbar ul li ul li a:hover,
#navbar ul li ul li a:focus {
    color: #0d5f9b;
}

#navbar ul li ul li.current-menu-item,
#navbar ul li ul li.current-menu-ancestor,
#navbar ul li ul li.current_page_item,
#navbar ul li ul li.current_page_ancestor {
    background: #eef3f6;
}

#navbar ul li ul li.current-menu-item > a,
#navbar ul li ul li.current-menu-ancestor > a,
#navbar ul li ul li.current_page_item > a,
#navbar ul li ul li.current_page_ancestor > a {
    color: #0d5f9b;
}

#navbar ul li ul li.menu-item-has-children > a,
#navbar ul li ul li.page_item_has_children > a {
    position: relative;
    box-sizing: border-box;
    padding-right: 32px;
}

#navbar ul li ul li.menu-item-has-children > a::after,
#navbar ul li ul li.page_item_has_children > a::after {
    content: "\203A";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #8b98a3;
    font-size: 16px;
    line-height: 1;
}

#navbar ul li ul li.menu-item-has-children:hover > a::after,
#navbar ul li ul li.menu-item-has-children:focus-within > a::after,
#navbar ul li ul li.page_item_has_children:hover > a::after,
#navbar ul li ul li.page_item_has_children:focus-within > a::after {
    color: #0d5f9b;
}

#nav-search .search-field {
    background: #5f6973 url("https://www.megastormsystems.com/images/icon-search-small.png") no-repeat 4px center;
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: none;
    color: #fff;
}

#nav-search .search-field:focus {
    background: #fff url("https://www.megastormsystems.com/images/icon-search-small-dark.png") no-repeat 4px center;
    border-color: #cfd8e0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.24);
    color: #26313f;
}

/* ===Product page system=== */
.ms-product {
    --ms-accent: #0d5f9b;
    --ms-accent-rgb: 13, 95, 155;
    --ms-kicker: #81e6f4;
    --ms-panel: #f7f9fb;
    --ms-line: #d9e2ea;
    margin-top: -39px;
    color: #26313f;
}

.ms-product-engine { --ms-accent: #0d5f9b; --ms-accent-rgb: 13, 95, 155; --ms-kicker: #81e6f4; }
.ms-product-tool { --ms-accent: #2f8b57; --ms-accent-rgb: 47, 139, 87; --ms-kicker: #a9efc5; }
.ms-product-game { --ms-accent: #5f6772; --ms-accent-rgb: 95, 103, 114; --ms-kicker: #d9e0e7; }
.ms-product-benchmark { --ms-accent: #3f7f8f; --ms-accent-rgb: 63, 127, 143; --ms-kicker: #a8e8ef; }
.ms-product-curiosity { --ms-accent: #8a5a44; --ms-accent-rgb: 138, 90, 68; --ms-kicker: #f0c8aa; }
.ms-product-universe { --ms-accent: #a1445d; --ms-accent-rgb: 161, 68, 93; --ms-kicker: #f2b6c6; }

.ms-product-hero {
    box-sizing: border-box;
    position: relative;
    min-height: 250px;
    margin: 0 0 28px;
    padding: 34px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    background:
        var(--ms-hero-image, none) right 22px top -4px / 128px auto no-repeat,
        linear-gradient(to right top,
            rgb(var(--ms-accent-rgb)) 0%,
            rgba(var(--ms-accent-rgb), 0.92) 45%,
            rgba(var(--ms-accent-rgb), 0.74) 68%,
            rgba(var(--ms-accent-rgb), 0.38) 86%,
            #fff 100%);
    box-shadow: 0 16px 36px rgba(17, 24, 32, 0.22);
}

.ms-product-hero-crm64pro {
    --ms-hero-image: url("https://www.megastormsystems.com/images/icon-crm64pro.png");
}

.ms-product-hero-editorc64 {
    --ms-hero-image: url("https://www.megastormsystems.com/images/icon-crm64pro.png");
}

.ms-product-hero > div {
    position: relative;
    width: 100%;
}

.ms-product-hero .ms-product-kicker {
    margin: 0 0 8px;
    color: var(--ms-kicker);
    font-size: 28px;
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 0;
}

.ms-product-hero h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 18px;
    line-height: 1.35;
}

.ms-product-hero p {
    margin: 0 0 18px;
    color: #edf7fb;
    font-size: 17px;
    line-height: 1.6;
}

.ms-product-hero a {
    color: #fff;
    text-decoration: underline;
}

#page-container .ms-product-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#page-container .ms-product-tags li {
    margin: 0;
    padding: 5px 9px;
    background-image: none;
    border: 1px solid rgba(255,255,255,0.26);
    border-radius: 4px;
    background: rgba(255,255,255,0.12);
    color: #fff;
}

.ms-band {
    margin: 0 0 26px;
    padding: 24px;
    border-top: 3px solid var(--ms-accent);
    border-bottom: 1px solid var(--ms-line);
    background: #fff;
}

.ms-note {
    margin: 0 0 28px;
    padding: 14px 16px;
    border-left: 4px solid #d89322;
    background: #fff8e7;
}

.ms-note strong {
    display: block;
    margin-bottom: 6px;
}

.ms-capture-wall {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin: 10px 0 30px;
}

.ms-panel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: start;
    margin: 0 0 42px;
}

.ms-panel-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 28px;
}

.ms-panel {
    box-sizing: border-box;
    margin: 0 0 28px;
    padding: 18px 20px;
    border: 1px solid var(--ms-line);
    border-radius: 6px;
    background: #fff;
}

.ms-panel-grid .ms-panel {
    margin: 0;
}

.ms-panel-compact {
    padding: 14px 16px;
    background: var(--ms-panel);
}

.ms-panel-compact strong {
    display: block;
    color: var(--ms-accent);
    margin-bottom: 6px;
}

.ms-panel h3 {
    margin: 0 0 10px;
    color: var(--ms-accent);
}

.ms-panel h3 a,
.ms-panel h3 a:visited {
    color: inherit;
}

.ms-panel h3 img {
    float: right;
    width: 48px;
    height: 48px;
    margin-left: 12px;
}

.ms-platform-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 28px;
}

.ms-platform {
    margin: 0 0 28px;
    padding: 16px 18px;
    border-left: 4px solid #6a1b9a;
    border-radius: 6px;
    background: #f8f3fc;
}

.ms-platform-grid .ms-platform {
    margin: 0;
}

.ms-platform h3 {
    margin-top: 0;
    color: #6a1b9a;
}

.ms-platform h3 img {
    float: right;
    width: 42px;
    height: 42px;
}

.ms-libs {
    columns: 2;
    column-gap: 36px;
}

.ms-libs li {
    break-inside: avoid;
}

.ms-panel .ms-libs {
    columns: 1;
}

.ms-lib-version {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 6px;
    border: 1px solid #d9e2ea;
    border-radius: 4px;
    background: #f7f9fb;
    color: #5f6772;
    font-size: 0.9em;
}

@media (max-width: 760px) {
    .ms-product {
        margin-top: -23px;
    }

    .ms-product-hero {
        min-height: 250px;
        padding: 24px;
    }

    .ms-panel-grid,
    .ms-platform-grid {
        display: block;
    }

    .ms-panel,
    .ms-platform {
        margin-bottom: 14px;
    }

    .ms-libs {
        columns: 1;
    }
}

/* ===Project footer=== */
.project-footer {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #DDD;
}

.project-footer p {
    font-size: 0.9rem;
    color: #666;
    text-align: center;
}

/* ===Recent Posts Widget Extended custom CSS=== */

.rpwe-block ul {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.rpwe-block li {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 10px;
    list-style-type: none !important;
	background-position: 0px 6px !important;
}
.rpwe-block a {
    display: inline !important;
    text-decoration: none;
}
.rpwe-block h3 {
    background: none !important;
    clear: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: bold;
    font-size: 16px !important;
    line-height: 1.5em;
}
.rpwe-thumb {
    border: 1px solid #eee !important;
    box-shadow: 0px 0px 5px grey;
    margin: 2px 10px 2px 0;
    padding: 3px !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rpwe-thumb:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    z-index: 10; 
}

.rpwe-summary {
    font-size: 14px;
	line-height: 1.5;
}
.rpwe-time {
    color: #bbb;
    font-size: 13px;
}
.rpwe-alignleft {
    display: inline;
    float: left;
}
.rpwe-alignright {
    display: inline;
    float: right;
}
.rpwe-aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.rpwe-clearfix:before,.rpwe-clearfix:after {
    content: "";
    display: table !important;
}
.rpwe-clearfix:after {
    clear: both;
}
.rpwe-clearfix {
    zoom: 1;
}