/*
Theme Name: Lightning Child
Theme URI: https://lightning.vektor-inc.co.jp/en/
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 15.37.1.1784213404
Updated: 2026-07-16 23:50:04

*/

/*==================================================
Vapor Trails Original Theme

Ver.1.0  Theme Base      ← 完了
Ver.1.1  Header
Ver.1.2  Navigation
Ver.1.3  Hero Slider
Ver.1.4  Card Layout
Ver.1.5  Article
Ver.1.6  Sidebar
Ver.1.7  Footer

------------------------

Ver.2.0  Design Upgrade
Ver.3.0  Animation

Version : 1.0
Author  : Hellion
==================================================*/



/*==================================================
01 Theme Color
==================================================*/

:root{

    /* Sky Blue */
    --vt-main:#3fa9f5;

    /* Light Sky */
    --vt-sub:#bfe8ff;

    /* Deep Blue */
    --vt-accent:#0077cc;

    /* White */
    --vt-white:#ffffff;

    /* Gray */
    --vt-text:#333333;

}


/*==================================================
02 Reset
==================================================*/

body{

    color:var(--vt-text);

    background:#ffffff;

    font-family:
    "Yu Gothic",
    "Hiragino Sans",
    sans-serif;

    line-height:1.8;

}

a{

    text-decoration:none;

    transition:.3s;

}

img{

    max-width:100%;

    height:auto;

    display:block;

}

/*==================================================
03 Header
Version 1.2 "Formation"
==================================================*/

#site-header{

    background:
    linear-gradient(
        to bottom,
        #2b90df 0%,
        #55b5f4 55%,
        #d9f5ff 100%
    );

    border-bottom:1px solid rgba(255,255,255,.45);

    box-shadow:0 2px 10px rgba(0,0,0,.08);

}

/*----------------------------------
 Header Container
----------------------------------*/

#site-header-container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    max-width:1280px;

    margin:auto;

    min-height:92px;

    padding:0 30px;

}

/*----------------------------------
 Site Logo
----------------------------------*/

.site-header-logo{

    margin:0;

    flex:1;

}

.site-header-logo a{

    color:#fff;

    font-size:46px;

    font-weight:300;

    letter-spacing:.03em;

    text-decoration:none;

    text-shadow:
        0 1px 3px rgba(0,0,0,.25);

}

.site-header-logo a:hover{

    opacity:.9;

}

/*====================================
 Header Flex Override
====================================*/

.siteHeaderContainer{

    display:flex !important;

    justify-content:space-between !important;

    align-items:center !important;

}

.site-header-logo{

    flex:1;

    text-align:left;

}

#global-nav{

    margin-left:auto;

    flex:none;

}

/*==================================================
04 Navigation
Version 1.2
==================================================*/

#global-nav{

    margin-left:auto;

}

.global-nav-list{

    display:flex;

    align-items:center;

    gap:18px;

    margin:0;

}

.global-nav-list>li>a{

    color:#fff;

    font-size:80px;

    font-weight:600;

    letter-spacing:.05em;

    padding:12px 8px;

    transition:.3s;

}

.global-nav-list>li>a:hover{

    transform:translateY(-2px);

    opacity:.85;

}

.global-nav-list>.current-menu-item>a{

    border-bottom:2px solid #fff;

}

/* ==================================================
Header Ver1.2 Test
================================================== */

@media (min-width:1200px){

.siteHeader .siteHeadContainer{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
}

.siteHeader .navbar-header{
    margin-right:auto !important;
    flex:0 0 auto !important;
}

.siteHeader #gMenu_outer{
    margin-left:auto !important;
    flex:0 0 auto !important;
}

.siteHeader #gMenu_outer ul{
    justify-content:flex-end !important;
}

.siteHeader #gMenu_outer li a{
    font-size:18px !important;
    font-weight:600;
    padding:20px 18px;
}

}