/*
Theme Name: PXaas Child
Theme URI: https://pxaas.cththemes.com
Author: CTHthemes
Author URI: http://themeforest.net/user/cththemes/
Description: PXaas is Saas, Startup & Software Elementor Landing Page WordPress Theme, responsive based on Bootstrap latest version. PXaas is flexible, easily customizable and suitable for your Startup business
Version: 1.0.0
Tags: custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready
Template: pxaas
Text Domain: pxaas-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/* =Theme customization starts here
------------------------------------------------------- */

/* custom edits */
.header-yellow{
    border-bottom: 5px solid #ffff66c9;
}

.btn.bg-sawatsu-1{
    background-color:#ff9900;
    color:white;
    padding:1em;
    font-size:1.5em;
}

.sawatsu-color-txt{
    color: #e67e22f2;
}

.btn.bg-sawatsu-1:hover {
    color: white;
    background-color: #e67e22f2;
}

.bgbc-color{
    background-color:#804D00 !important;
}

.page-section-wrap.page-sidebar-no-template{
    padding-top:4em;
}

.page-section-wrap.page-fullwidth-template{
    padding-top: 0em;
}

.bg-sawatsu-sec, .table.bg-sawatsu-sec {
    background-color:rgba(255,153,0,0.2);
}

.sawatsu-otext{
    color:rgba(255,153,0,0.2) !important;
}

.table .td-sw{
    background-color:white;
}

.table.sw-table th{
    vertical-align: middle;
    text-align: center;
}

.page .vertical-div{
    position: relative;
    min-height: 30em;
    margin-bottom:10px;
}

.page .vertical-div .sw-vertical, .sw-vertical{
    transform: rotate(-90deg);
    font-size: 8em;
    position: absolute;
    top: 1.2em;
    right: 0px;
    color:white;
    padding-left: 40px;
    margin: 0px;
    font-family: ヒラギノ角ゴ StdN;
    font-weight: 800;
}

.offset-vertical-div{
    position:relative;
}

.page .sw-vdiv{
    min-height: 30em;
}

.navbar, .sw-footer{
    font-family: "Bauhaus 93";
    text-align: center;
}

.sw-footer{
    color:white;
}

.nav-sw-link {
    font-size: 1em;
    display: block;
}

.sw-footer .sub-menu li {
    /* You need to turn on relative positioning so the line is placed relative to the item rather than absolutely on the page */
    position: relative;
    /* Use padding to space things out rather than margins as the line would get broken up otherwise */
    margin: 0;
    padding-bottom: 1em;
    padding-left: 0px;
    font-size:0.75em;
}

.sw-footer .sub-menu li:before {
    background-color: white;
    width: 1px;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -12.5px;
}

.sw-footer .sub-menu li a{
    font-weight: 400;
}

.page .sw-footer a, body .sw-footer a {
    color: #d4d4d4;
    font-weight: 800;
}

span.sw-seminar-tag {
    display: block;
    width: 5em;
    background-color: orange;
    text-align: center;
    padding: 0.5em;
    border-radius: 2.5em;
    color: white;
}

.sw-seminar-s h5 {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 0.5em;
}

/* font home page */
@font-face {
    font-family: komorebi-gothic;
    src: url("フォントurl") format("opentype");
}

/* table striped updates */
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: rgba(255,153,0,0.2);
}

/* verticals */
.page .vertical-div .sw-vertical-r, .sw-vertical-r {
    left: 0;
    padding-left: 0px;
    top: 1.7em;
}

/* effect display more */
.sw-switch.d-none{
    display:block;
    visibility: hidden;
    opacity:0;
    width:0;
    height:0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s linear;
}

.sw-switch.d-none.d-block{
    display:block;
    visibility: visible;
    opacity:1;
    width:100%;
    height:100%;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s linear;
}

a.linkless, a .linkless{
    cursor:default;
}

.komorebi-goth{
    font-family:komorebi-goth !important;
}

.post-template .main-section-wrap{
    padding-top:0px;
}

/* grid items */
.sawatsu-grid .listing-item {
    background-color: white;
    margin-bottom: 2em;
    width: 100%;
    box-shadow: 0.1px 1px 4px 0 #e7eeef;
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
}

.sawatsu-grid a.image {
    margin-bottom: 10px;
}

.sawatsu-grid a.title {
    display: block;
    width: 100%;
    order:1000;
    color: #403a3a;
    margin-top: 1em;
}

.sawatsu-grid span.category-display {
    text-align: left;
    display: block;
    min-width: 40%;
    float: left;
    background-color: #e67e22;
    color:white;
    order:1;
    border-radius: 5px;
    margin: 1px;
    padding: 5px;
}

.sawatsu-grid span.category-display a{
    color:white;
    pointer-events: none;
}

.sawatsu-grid span.date {
    text-align: left;
    display: block;
    width: 30%;
    float: right;
    order: 2;
    margin-left: auto;
    align-self: center;
}

/* filter buttons */
button.btn.mr-3.filter-buttons.active {
    background-color: #e67e22;
    color: white;
}

/* sawatsu-grid big */
.sawatsu-grid-big .listing-item {
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    background-color:white;
    padding: 20px 0px;
}

.sawatsu-grid-big a.image {
}

.sawatsu-grid-big span.category-display {
    min-width: 15%;
    background-color: #e67e22;
    color: white;
    border-radius: 5px;
    margin: 1px;
    padding: 5px;
    width: 15%;
}

.sawatsu-grid-big span.category-display a{
    color:white;
    pointer-events: none;
}

.sawatsu-grid-big a.title {
    display: block;
    width: 100%;
    color: #403a3a;
    margin-top: 1em;
    margin: 1em 0;
}

.sawatsu-grid-big a.title::before{
    content:"セミナー名:";
    font-weight:bold;
}

.sawatsu-grid-big span.date {
    text-align: left;
    display: block;
    width: 30%;
    float: right;
    margin-left: auto;
    margin: 1em 0;
}

.sawatsu-grid-big a.excerpt-more {
    width: 200px;
    display: block;
    margin: 1em 0;
    background-color: #804D00;
    color: white;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}

.post-content-wraptranform-main-sec .comment-num {
    display: none;
}

.post-content-wraptranform-main-sec .post-author{
    display:none;
}

@media (min-width: 992px) {
    .sawatsu-grid .listing-item {
        width: 30% !important;
    }
}

body section#sec1 {
    padding-top: 3em;
}