/*
 * @author    PFS Web, Francois Tremblay <ftremblay@absolunet.com>
 * @copyright Copyright (c) 2019 Absolunet (http://www.absolunet.com)
 * @link      http://www.absolunet.com
 */

/*
Theme Name: MDLN Catalog v1
Theme URI:
Author:
Author URI:
Description:
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: mdln-catalog


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*
Every layer is wrapped in this class.
This is essentially the "body" element in relation to the ATG catalog
*/


.too-tall {
    max-height: 100px;
    overflow: hidden;
    border: 1px dotted #ff0000;
    -webkit-transition: all 0.5s;
    -o-transition:  all 0.5s;
    transition:  all 0.5s;
}

.too-tall.expanded{
    height: auto;
    max-height: none;
}

.mkt-catalog-layer li {
    list-style: disc;
    margin-left: 30px;
}

.mkt-catalog-layer * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.mkt-catalog-layer *:before,
.mkt-catalog-layer *:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.mkt-catalog-layer {
    color: #666;
    font-family: 'Open Sans', arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 18px;
}

.mkt-catalog-page-template-category,
.mkt-catalog-page-template-sub-category,
.mkt-catalog-page-template-product-grouping,
.mkt-catalog-page-template-search-results {
    max-width: 100%;
    margin-right :auto;
    margin-left :auto;
}

.mkt-catalog-page-template-search-results {
    max-width: 750px;
}

.mkt-catalog-page-template-leaf-category {
    max-width: 708px;
    margin-right :auto;
    margin-left :auto;
}

.mkt-catalog-page-template-product-family {
    max-width: 970px;
    margin-right :auto;
    margin-left :auto;
}

.mkt-catalog-hero-wrap {
    margin-bottom: 18px;
}

.layer-component-columns > .row {
    margin-bottom: 18px;
}


/**
 * Headings
 */
.mkt-catalog-layer h1,
.mkt-catalog-layer h2,
.mkt-catalog-layer h3,
.mkt-catalog-layer h4,
.mkt-catalog-layer h5,
.mkt-catalog-layer h6 {
    font-family: sans-serif;
}

.mkt-catalog-layer .section-title {
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 15px;
}

.mkt-catalog-layer h3 {
    color: #013e77;
    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    margin-bottom: 15px;
    padding-bottom: 6px;
    font-family: 'Glober Regular';
}

.page-header,
.page-title {
    margin-top: 0;
}

.archive .entry-title {
    font-size: 18px;
    font-weight: normal;
}

.navigation.pagination h2 {
    display: none;
}


/* /headings */

.mkt-catalog-layer p {
    margin-bottom: 18px;
}

.mkt-catalog-layer .col img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.mkt-catalog-hero-wrap {
    /*border: 1px solid #ccc;
    padding: 10px;*/
}

.mkt-catalog-layer-has-component-banner .mkt-catalog-hero-wrap,
.mkt-catalog-layer-has-component-carousel .mkt-catalog-hero-wrap,
.mkt-catalog-layer-has-component-call-to-action .mkt-catalog-hero-wrap,
.mkt-catalog-page-template-product-family.mkt-catalog-layer-acf-layout-overview .mkt-catalog-hero-wrap {
    border: 0 none;
    padding: 0;
}

/**
 * Catalog template: Overview layer
 */
.mkt-catalog-hero-wrap .section-title {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
}

.mkt-catalog-cta-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.mkt-catalog-layer-has-component-call-to-action .cta-title-wrap {
    background-color: #e7233f;
    color: #fff;
    display: table-row;
    height: 152px;
}
.mkt-catalog-layer-has-component-call-to-action .cta-title {
    display: table-cell;
    padding: 0 30px;
    vertical-align: middle;
    width: 100%;
}
.mkt-catalog-layer-has-component-call-to-action .cta-heading {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.mkt-catalog-layer-has-component-call-to-action .cta-text-wrap {
    background-color: #1d2d4c;
    color: #fff;
    display: table-row;
    height: 78px;
}
.mkt-catalog-layer-has-component-call-to-action .cta-text {
    display: table-cell;
    padding: 0 30px;
    vertical-align: middle;
    width: 100%;
}
.cta-text-wrap .cta-link {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

/**
 * Resources layer
 */
.mkt-catalog-resources-cta-wrap .section-title {
    background-color: #438aae;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 20px;
}

.mkt-catalog-resources-cta {
    background-color: #eef4f2;
    padding: 25px;
}

.module-img,
.module-title {
    margin-bottom: 10px;
}

.mkt-catalog-resources-cta .module-img img {
    max-height: 125px;
    width: auto;
}

.mkt-catalog-resources-banner img {
    max-height: 280px;
    width: auto;
}

/* /resources layer */


/**
 * Draw Attention Custom
 */

.qtip-content .hotspot-content p {
    font-size: 12px;
    margin: 0 0 12px 0;
}
.qtip a:hover {
    text-decoration: none;
}
/* /draw attention custom */


/**
 * Category Nav layer
 */

.nav-section {
    border: 1px solid rgb(229,229,229);
    margin-bottom: 15px;
}

.nav-section.nav-section-banner-ad,
.nav-section.nav-section-open-html {
    border: 0 none;
}

.mkt-catalog-layer-acf-layout-category_nav .section-title {
    border-bottom: 1px solid rgb(229,229,229);
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    padding: 10px;
}

.mkt-catalog-layer-acf-layout-category_nav .link-list {
    margin: 0;
}

.mkt-catalog-layer-acf-layout-category_nav .link-list li {
    margin: 0;
    list-style: none;
}

.mkt-catalog-layer-acf-layout-category_nav .link-list a {
    color: #555;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

.mkt-catalog-layer-acf-layout-category_nav .link-list a:hover {
    background: #dfdfdf;
    color: #333;
}

.mkt-catalog-layer-acf-layout-category_nav .nav-section-banner-ad img {
    display: block;
    max-width: 100%;
    height: auto;
}

.mkt-catalog-layer-acf-layout-category_nav .link-list .view-more {
    border-top: 1px dashed rgb(229,229,229);
}

.mkt-catalog-layer-acf-layout-category_nav .link-list .view-more a {
    font-weight: bold;
    color: #444;
}

.mkt-catalog-layer-acf-layout-category_nav .link-list .arrow-up {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid black;
    margin-left: 2px;
    margin-bottom: 2px;
}

.mkt-catalog-layer-acf-layout-category_nav .link-list .arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid black;
    margin-left: 2px;
    margin-bottom: 2px;
}

/* /category nav layer */


#mktSearchWordpressOverview {
    border: 0 none !important;
    padding: 30px 20px 0px 0px !important;
}

#mktSearchWordpressOverview .mkt-catalog-page-template-search-results {
    margin-left: 0px !important;
}

/**
 * Search Results Template: Overview Layer
 */
.mkt-catalog-page-template-search-results.mkt-catalog-layer-has-component-carousel .section-title,
.mkt-catalog-page-template-search-results.mkt-catalog-layer-has-component-promoted-links .section-title {
    font-family: inherit;
    font-weight: bold;
}

.mkt-catalog-page-template-search-results.mkt-catalog-layer-has-component-carousel .row-title,
.mkt-catalog-page-template-search-results.mkt-catalog-layer-has-component-promoted-links .row-title {
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 5px;
}

/* /search results template: overview layer */


/**
 * Promoted Links component
 */
.mkt-catalog-page-template-search-results.mkt-catalog-layer-acf-layout-overview .layer-component-promoted-links{
    margin-bottom: 15px;
}
.layer-component-promoted-links .promoted-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.layer-component-promoted-links .promoted-links-list > li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* /promoted links component */


@media (min-width: 708px) {
    .mkt-catalog-hero-cta-wrap .col-first {
        padding-right: 0;
    }
    .mkt-catalog-hero-cta-wrap .col-last {
        padding-left: 0;
    }
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/**
 * Catalog Tables
 *
 * @since 1.7
 */
.mdln-catalog-table {
    font-size: 14px;
    margin: 0;
}

.mdln-catalog-table th {
    font-size: 16px;
}
.mdln-catalog-table td {
    font-family: monospace;
}
.mdln-catalog-table td img {
    display: block;
    max-width: 100%;
    height: auto;
    max-width: 150px;
}

@media (min-width: 768px) {
    table.mdln-catalog-table {
        table-layout: fixed;
    }
}

/**
 * Flexslider custom
 */
.flexslider {
    border: 0 none;
    margin: 0;
    margin-bottom: 40px;
}

.flex-direction-nav a:before {
    line-height: 40px;
}

.flex-caption {
    width: 100%;
    padding: 2%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.flex-control-paging li a.flex-active {
    outline: medium none;
}
.flexslider .slides > li {
    margin-left: 0px;
}
.mkt-catalog-layer .flex-direction-nav .flex-nav-next {
    list-style: none;
}
.mkt-catalog-layer .flex-direction-nav .flex-nav-prev {
    list-style: none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    list-style: none;
}



.flexslider.min-slides .flex-direction-nav {
    display: none;
}

.flex-direction-nav a {
    background-color: rgba( 255,255,255, 1 );
    width: 20px;
    padding: 0 5px;
}
.flex-direction-nav a:before {
    font-size: 20px;
}

.mkt-catalog-page-template-search-results .flexslider {
    width: 708px;
    width: 750px;
}
.mkt-catalog-page-template-search-results .flexslider .slides > li {
    border: 1px solid #ccc;
}

.mkt-catalog-page-template-search-results .flexslider.max-slides .slides > li {
    max-width: 135px;
}

.mkt-catalog-page-template-search-results .flex-caption {
    background: transparent;
    color: #000;
    font-size: 13px;
    margin: 0;
    text-align: center;
    text-shadow: inherit;
    line-height: 26px;
    font-weight: bold;
}

.flexslider .flex-direction-nav a {
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0.9;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #ccc;
}

.flexslider .flex-direction-nav a:active,
.flexslider .flex-direction-nav a:focus {
    outline: none;
}
.flexslider .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    line-height: 40px;
}

.flexslider .flex-direction-nav .flex-next {
    right: 5px;
}
.flexslider .flex-direction-nav .flex-nav-next a:before {
    margin-right: -3px;
}

.flexslider .flex-direction-nav .flex-prev {
    left: 5px;
}

.flexslider .flex-direction-nav .flex-nav-prev a:before {}
/* /flexslider custom */