/* 
Theme Name: Genie Website Framework
Theme URI: https://genieinawebsite.com
Description: Core Theme for Genie in a Website
Author: Cloud Agency
Author URI: https://cloudagency.co/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ---- Preferred Materials Directory ---- */

.directory-inner {
    margin:0 auto;
    padding:0 20px;
    max-width: 1140px;
}
ul.cat-list {
    list-style: none;
    margin:0 0 30px 0;
    padding:0;
}
ul.cat-list li {
    display: inline;
    
}
ul.cat-list li a {
    display: inline-block;
    background:#e5ecf3;
    color:#2e2e2e;
    font-weight: bold;
    padding:8px 12px;
    border-radius:6px;
    margin: 0 10px 10px 0;
}
ul.cat-list li a.active {
    background:#353C52;
    color:white;
}
.taxonomy-description-wrapper {
    background: #353C52;
    color:white;
    padding:40px 0;
}
.taxonomy-description-wrapper .directory-inner h2 {
    color:white;
}
#directory-wrapper {
    width:100%;
    padding:20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.directory-wrapper {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Other-Fibers-and-Materials.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Other-Synthetics.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Polyamide.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Polyester.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Manmade-Cellulosics.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Silk.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Leather.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Wool.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Down.jpg') no-repeat, var(--e-global-color-text);
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Other-Plant-based.jpg') no-repeat, var(--e-global-color-text);
    background: url('/wp-content/uploads/2021/02/PFM-Directory_Cotton.jpg'), var(--e-global-color-text);
	transition: background-image 0.3s ease-in-out;
}

/*
#directory-wrapper.other-plant-based {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Other-Plant-based.jpg');
}
#directory-wrapper.down-feathers {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Down.jpg');
}
#directory-wrapper.wool {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Wool.jpg');
}
#directory-wrapper.leather {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Leather.jpg');
}
#directory-wrapper.silk {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Silk.jpg');
}
#directory-wrapper.manmade-cellulosics {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Manmade-Cellulosics.jpg');
}
#directory-wrapper.polyester {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Polyester.jpg');
}
#directory-wrapper.polyamide {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Polyamide.jpg');
}
#directory-wrapper.other-synthetics {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Other-Synthetics.jpg');
}
#directory-wrapper.other-fibers-materials {
    background: url('http://tex2021.demositeonline.com/wp-content/uploads/2021/02/PFM-Directory_Other-Fibers-and-Materials.jpg');
}
*/
.directory-left h2,
.directory-right h2 {
    color:white!important;
    text-shadow: 0px 0px 3px #444;
}
.directory-left {
    float:left;
    width:48%;
    margin-right:4%;
}
.directory-right {
    float:left;
    width:48%;
}
#directory-wrapper .directory-inner {
    overflow: auto;
}
.directory-block {
    border:1px solid #e5ecf3;
    margin-bottom:40px;
    background:#e5ecf3;
    box-shadow:0px 0px 7px #888;
}
.directory-block h3 {
    padding:0 20px;
    margin:20px 0 10px 0;
}
.directory-block p {
    padding: 0 20px;
}
.directory-block ul {
    list-style: none;
    margin:0 0 30px 0;
    padding:0;
}
.directory-block ul li {
    margin:0 0 5px 0;
    line-height: 24px;
}
.directory-block ul li.no-results {
    margin-left:20px;
    font-weight:bold;
    font-style:italic;
    color:#888;
}
.directory-block ul li a {
    background:#c2d3e4;
    display: block;
    color: #2e2e2e;
    padding:5px 10px 5px 20px;
    overflow: auto;
    line-height: 24px;
}
.directory-block ul li a:hover {
    background:#a8bed4;
}
.directory-block ul li span.material-pdf {
    display: inline-block;
    background: #353C52;
    color: white;
    border-radius: 12px;
    padding:1px 10px;
    font-size:85%;
    font-weight:bold;
}
.directory-block ul li .fas {
    color: black;
}
.material-item-right {
    float:right;
    display: inline-block;
}
.material-item-right .fa-caret-right {
    margin:0 0 0 10px;
    font-size:20px;
}

@media only screen and (max-width: 1170px) {
  .directory-inner {
        padding: 0 40px;
  }
    #directory-wrapper {
        padding: 20px 10px;
    }
    #directory-wrapper .directory-inner {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 760px) {
  .directory-left,
   .directory-right {
       float:none;
       width:100%;
       margin:0;
  }
}

/* This section helps the Preferred Material Toolbox background images preload
 * to avoid the flash of white background when first clicking on a new category */
div#preload { display: none; }

img#preload-cotton {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Cotton.jpg') no-repeat;
	display: none;
}

img#preload-other-plant-based {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Other-Plant-based.jpg') no-repeat;
	display: none;
}

img#preload-down {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Down.jpg') no-repeat;
	display: none;
}

img#preload-wool {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Wool.jpg') no-repeat;
	display: none;
}

img#preload-leather {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Leather.jpg') no-repeat;
	display: none;
}

img#preload-silk {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Silk.jpg') no-repeat;
	display: none;
}

img#preload-manmade-cellulosics {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Manmade-Cellulosics.jpg') no-repeat;
	display: none;
}

img#preload-polyester {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Polyester.jpg') no-repeat;
	display: none;
}

img#preload-polyamide {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Polyamide.jpg') no-repeat;
	display: none;
}

img#preload-other-synthetics {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Other-Synthetics.jpg') no-repeat;
	display: none;
}

img#preload-other-fibers-and-materials {
	background: url('/wp-content/uploads/2021/02/PFM-Directory_Other-Fibers-and-Materials.jpg') no-repeat;
	display: none;
}

/* Fixing weird elementor defaults that add a red border to the buttons inside <th> tags on the data tables */

th [type=button], th button {
	border: none !important;
}

/* member search template */
.member-search-wrapper {
    margin:0 auto;
    background: #f7f7f7;
}
.member-text-search-wrapper {
    background: white;
    padding:50px;
}
.member-text-search {
    max-width:1100px;
    margin:0 auto;
    
}
.member-list {
    max-width:1100px;
    margin:0 auto;
    padding:40px 0
}
.member-list ul {
    margin:0;
    padding:0;
    column-count: 2;
    column-width: 50%;
}
.member-list ul li {
    margin:0 0 5px 0;
    padding:0;
    list-style: none;
    background:#fff;
    border:1px solid #d3d3d3;
    padding:5px 10px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.member-list ul li a {
    text-decoration: none;
    color:#353C52;
    display: block;
}
.member-list ul li a:hover {
    color:#A9B297;
}

.member-search-text-label,
.member-search-text-field {
    width:50%;
}
@media only screen and (max-width: 1100px) {
    .member-list ul {
        margin:0 20px;
    }
}
@media only screen and (max-width: 760px) {
    .member-search-text-label,
    .member-search-text-field {
        width:100%;
    }
    .member-list ul {
        column-count: 1;
    }
}