/*
Copyright (C) 2020 - 2020, Pacific Software Publishing, Inc.

NOTICE:  All information contained herein is, and remains the property of 
Pacific Software Publishing, Inc.

The intellectual and technical concepts contained herein are proprietary to 
Pacific Software Publishing, Inc. and may be covered by U.S. and Foreign Patents, 
patents in process, and are protected by trade secret or copyright law. Dissemination 
of this information or reproduction of this material is strictly forbidden unless 
prior written permission is obtained from Pacific Software Publishing, Inc.  

Access to the source code contained herein is hereby forbidden to anyone except 
current Pacific Software Publishing, Inc. employees, managers or contractors 
who have executed Confidentiality and Non-disclosure agreements explicitly covering 
such access.

The copyright notice above does not evidence any actual or intended publication or 
disclosure of this source code, which includes information that is confidential 
and/or proprietary, and is a trade secret, of  Pacific Software Publishing, Inc.

ANY REPRODUCTION, MODIFICATION, DISTRIBUTION, PUBLIC PERFORMANCE, OR PUBLIC DISPLAY 
OF OR THROUGH USE OF THIS SOURCE CODE WITHOUT THE EXPRESS WRITTEN CONSENT 
OF Pacific Software Publishing, Inc. IS STRICTLY PROHIBITED, AND IN VIOLATION 
OF APPLICABLE LAWS AND INTERNATIONAL TREATIES. THE RECEIPT OR POSSESSION OF  
THIS SOURCE CODE AND/OR RELATED INFORMATION DOES NOT CONVEY OR IMPLY ANY RIGHTS 
TO REPRODUCE, DISCLOSE OR DISTRIBUTE ITS CONTENTS, OR TO MANUFACTURE, USE, OR 
SELL ANYTHING THAT IT MAY DESCRIBE, IN WHOLE OR IN PART.
*/

/* CSS in this file will be applied to all colors for the Responsive001 (Modern Flat) theme */

.webdexpress_header {
    width: 85%;
}

#content {
  width: 100%;
}
#content.whatsnew_empty {
  width: 100% !important;
  padding: 0px !important;
}
#content > .page_title {
  display: none;
}
#mainbody {
  width: 85%;
}
.listItemsContainer {
  width: 85%;
  margin: auto;
}
.pageContainer {
  width: 85%;
  margin: auto;
  margin-bottom: 2em;
}
#wrap {
  overflow: unset;
}

#navigation {
  position: fixed;
  top: 0;
}
#navigation .nav li ul li a {
    text-transform: none;
}

.spm-page-content {
  padding: 1em 1.5em;
}

#mainbody {
  padding: 0px;
  border: 0px;
} 

#content {
  padding: 0px;
}

.whatsnew_title > a {
  text-decoration: none;
}

/* Remove underline from "View More" in the What's New Section (only shown if more than 5 news exist) */
a.whatsnew-view-more {
  text-decoration: none;
}

/* Remove underline from "Back to Top" link shown at bottom of each section (only shown if this is enabled from Appearance -> Theme */
a.back-to-top-link {
  text-decoration: none;
}

@media screen and (min-width: 40em) {
  #navigation .nav {
    text-align: center; }
    #navigation .nav li {
      float: none;
      display: inline-block; }
      #navigation .nav li li {
        text-align: left; } }
.page_title.spm-page-title {
  padding-top: 30px;
  padding-bottom: 10px; }

.pageContainer .page_title.spm-page-title,
.listItemsContainer .page_title.spm-page-title {
  border-top: 1px solid #ccc; }

.pageContainer:first-child .page_title.spm-page-title {
  border: 0; }

.spm-page-content .product_full {
  border-bottom: 1px dashed #ccc;
}
.spm-page-content .product_full:last-child {
    border: 0;
}
.spm-page-content #whatsnew_full_list .whatsnew_text {
  float: none;
  border: 0;
  margin: 0;
  padding-top: 1rem;
}
.spm-page-content #whatsnew_full_list div + div .whatsnew_text {
  border-top: 1px dashed #ccc;
}

/*
 The following is there to add margin required by switch from position: sticky to fixed for #navigation
 The switch was done to avoid odd behavior with Firefox
 */
#header h1 {
  margin: 68px 0 0 0;
}

@media screen and (max-width: 980px) {
    #content.whatsnew_present {
        width: 100% !important;
    }
    .webdexpress_header {
        width: 85%;
    }
}

/*
 * Hide login button if set to show at both top and bottom
 */
.header_wrap {
  display: none;
}

/*
 * Social Media Feed
 */
.sns-feed .blog-title a {
    text-decoration: none;
}
#content .youtube-list img {
    max-width: 180px;
}
#content .youtube-list .blog-content a {
    display: inline-block;
}
#content .youtube-list .date,
#content .youtube-list .blog-title {
    float: right;
    width: calc(100% - 190px);
}
#content .youtube-list li:after {
    content: '';
    clear: both;
    display: table;
}

#content .note-list .blog-content,
#content .ameblo-list .blog-content,
#content .bloguru-list .blog-content {
	overflow: hidden;
	position: relative;
	line-height: 1.5em;
	max-height: 3em;
	word-wrap: break-word;
	padding-right: 1em;
}
#content .note-list .blog-content:before,
#content .ameblo-list .blog-content:before,
#content .bloguru-list .blog-content:before {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0.3em;
    font-size: 11px;
}
#content .note-list .blog-content:after,
#content .ameblo-list .blog-content:after,
#content .bloguru-list .blog-content:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1.2em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff;
}
#content .note-list .blog-title a,
#content .ameblo-list .blog-title a,
#content .bloguru-list .blog-title a {
	overflow: hidden;
	position: relative;
	line-height: 1.5em;
	max-height: 1.5em;
	word-wrap: break-word;
	padding-right: 1em;
    display: inline-block;
}
#content .note-list .blog-title a:before,
#content .ameblo-list .blog-title a:before,
#content .bloguru-list .blog-title a:before {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0.3em;
    font-size: 11px;
}
#content .note-list .blog-title a:after,
#content .ameblo-list .blog-title a:after,
#content .bloguru-list .blog-title a:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff;
}

@media only screen and (max-width:780px) {
    #youtube-feed > ul li {
        display: block;
    }
    #youtube-feed .date,
    #youtube-feed .blog-title {
        float: right;
        width: calc(100% - 190px);
    }
    
}

@media only screen and (max-width:600px) {
    #content .youtube-list li {
        display: flex;
        flex-wrap: wrap;
    }
    #content .youtube-list .date,
    #content .youtube-list .blog-title {
        float: none;
        width: 100%;
    }
}