/*
Theme Name: TechGraph Avada Child
Description: Child theme for Avada theme customized for the TechGraphOnline.com website
Author: ThemeFusion / Holy Cow Online Marketing
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.2.6
Text Domain: Avada
*/

/* For TechGraph plugin 'gasparesganga-jquery-popup-window' JavaScript library */

/* Assure the popup window is above the Avada sticky header AND the WordPress admin bar. */
.popupwindow_container
{
	/* [TGP-192] 'Properties dialog: Can't enter link URL (z-index problem)' */
	/* z-index: 999999999999999; */ /* same level as WP admin bar */

	z-index: 11000; /* on top of the Avada header */
}

/* [TGO-13] 'Image size in tables is too small; CSS needs to be improved' */
.wedocs-single-wrap .wedocs-single-content article .entry-content img
{
	max-width: none;
	padding: 0;
}

.wp-block-table.aligncenter td, 
.wp-block-table.aligncenter th, 
.wp-block-table.alignleft td, 
.wp-block-table.alignleft th, 
.wp-block-table.alignright td, 
.wp-block-table.alignright th {
    word-break: normal; /* not "break-word" from WordPress default */
}

/* Docs: Table: Button Title column doesn't wrap labels. */
.wedocs-single-wrap .wedocs-single-content article .entry-content .tgo-docs-title-button-description-table td:nth-child(1)
{
    white-space: nowrap;
}
/* Docs: Table: Button Title column wraps labels. */
.ua-mobile .wedocs-single-wrap .wedocs-single-content article .entry-content .tgo-docs-title-button-description-table td:nth-child(1)
{
    white-space: normal;
}

/* Docs: Table: Button column only gets 20%. */
.wedocs-single-wrap .wedocs-single-content article .entry-content 
.tgo-docs-title-button-description-table td:nth-child(2)
{
    width: 20%;
}

/* Docs: Table: Have button images scale with cell width. */
.wedocs-single-wrap .wedocs-single-content article .entry-content
.tgo-docs-title-button-description-table td:nth-child(2) img
{
    max-width: 100%;
}

.wedocs-single-wrap .wedocs-single-content article .entry-content img {
    max-width: 100%;
}

/* Wrap long sub-menu items (e.g. "Log Out (Larry.Daniele.Annual.Individual)"). */
.fusion-main-menu .fusion-dropdown-menu .sub-menu li a
{
    word-wrap: break-word;
}

/* Give buttons in My Recent Graphs section on Home page some margin */
.tgo-buttons
{
    margin: 1em 0;
}
.tgo-buttons .fusion-button
{
    margin: 1em;
}

/* BEGIN: Documentation Optimizations for Popup Help Window */

/* Have these rules kick in at a larger (500px) width rather than the WeDocs 
   default width (425px) */
@media screen and (max-width: 500px) {
    /* Reduce default Avada padding from 30px to 10px */
    html:not(.avada-has-site-width-percent) main#main
    {
        padding-left: 10px;
        padding-right: 10px;
    }
	.wedocs-hide-mobile {
		display: none;
	}
	.wedocs-single-wrap .wedocs-single-content footer.entry-footer.wedocs-entry-footer time {
		float: none;
	}
	.wedocs-shortcode-wrap ul.wedocs-docs-list.col-3 > li,
	.wedocs-shortcode-wrap ul.wedocs-docs-list.col-2 > li {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.wedocs-feedback-wrap .vote-link-wrap {
		display: block;
		margin-top: 15px;
	}
	/* Reduce figures (table) margin */
	.wedocs-single-content figure {
		margin: 0.1em;
	}

}

/* END: Documentation Optimizations for Popup Help Window */

/* BEGIN: Sidebar styling */

.sidebar .facetwp-facet {
	margin-bottom: 1em;
}

.sidebar .facetwp-sort {
	margin: 1em 0;
	width: 100%;
}

.sidebar .facetwp-sort-select {
	padding-left: 15px;
	width: 100%;
}

.sidebar .facetwp-type-search .facetwp-input-wrap,
.sidebar .facetwp-dropdown
{
	width: 100%;
}

.sidebar .facetwp-type-date_range input {
	margin-right: 4%;
	width: 48%;
}

.sidebar .facetwp-type-date_range input:last-child {
	margin-right: 0;
}

/* No margin for automatically added "<p>" tags added to facetwp group */
.sidebar .tgo-facet-group p {
	margin: 0;
}

/* END: Sidebar styling */

.tgo-graph-featured-image
{
	margin: 1em 0;
	text-align: center;
}

/* [TGO-67] 'Documentation: Tables should have borders around them' */
.type-docs table, .type-docs tr, .type-docs th, .type-docs td
{
	border-collapse: collapse;
	border-spacing: 0;
	border-style: solid;
	border-width: 1px;
	padding: 0.5em;
}

.tgo-call-to-action p
{
    color: black;
    font-size: 1.2em;
}

/* Fix Documentation problem where images in columns float and text wraps up */
.wedocs-single-content .wp-block-columns + *
{
    clear: both;
}

/* Improve the styling of the WeDocs search widget */
/* Add margin between form items */
.wedocs-search-form > * {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
/* Hide the "Docs" selector, we only have one doc.*/
.wedocs-search-in {
  display: none;
}
/* Make the input field wider */
.wedocs-search-widget input {
  width: 100%;
}
/* Make the placeholder text less noticeable. */
.wedocs-search-widget input::placeholder {
  color: #777;
}

/* Style the reminder display in header top bar. */
.techgraph-subscription-info {
    background-color: rgba(255,255,255,0.2);
	display: inline-block;
    margin-right: 1em;
    padding: 0 1em;
}

/* Assure button in our HTML displays the proper link cursor. */
.techgraph-subscription-info button {
    cursor: pointer;
}

/* If a user happens to have multiple subscriptions, make them all appear on one line separated by ", ". */
.techgraph-subscription-info div {
    display: inline;
}
.techgraph-subscription-info div:not(:last-child):after {
	content: ", ";
}

/* Assure our Paid Member Subscriptions (PMS) form inputs (esp. buttons) are a 
   reasonable size (esp. in Safari browser).
*/
.pms-form input
{
    font-size: 1em;
}

/* On our special "Upgrade Your Trial Subscription" page, hide some elements 
  (plan details and "Select subscription plan" heading) to make the page simpler
  and less confusing.
*/
#post-9332 .pms-account-subscription-details-table,
#post-9332 .pms-account-subscription-details-table + h3
{
    display: none;
}

/* Assure standard input has a reasonable default size. */
input, textarea, keygen, select, button {
	font-size: 1em;
}

/* Assure expired users see they are expired. */
.techgraph-subscription-status-expired .techgraph-subscription-info-status {
    color: #fade76;
    font-weight: bold;
}

/* Assure videos embedded by the block editor aren't wider than their parent */
.docs .wp-block-video video {
    max-width: 100%;
}

/* Style the TechGraph editor "Save & Close" button so it stands out more. */
.techgraph-editor-popup-window .popupwindow_titlebar_button_close {
	background-color: #800080; /* TGO Purple */
	border-radius: 5px;
}
.techgraph-editor-popup-window .popupwindow_titlebar_button_close::before {
	color: white;
}