/*
  Theme Name: Visco Industrial Sales Co.
  Author: Whetham Solutions
  Author URI: https://whethamsolutions.com
  Description: Wordpress theme for Visco Industrial Sales Co. Use of this theme outside of this company's website (URL) is strictly prohibited
  Template: ion
  Text Domain: viscoindustrial
*/

#phContact li a strong {
    display: block;
    margin: 0 0 8px;
    text-transform: uppercase;
    color: var(--yellow);
}

#phContact li a {
    text-align: center;
    line-height: 1;
    color: #FFF;
    display: block;
    width: max-content;
}

#phContact ul {
    justify-content: flex-end;
    grid-gap: clamp(20px, 1.5625vw, 30px);
}

#phContact li {
    width: auto;
}

#phContact li a:hover,
#phContact li a:focus {
    color: var(--yellow);
}

.preheader ul li .brand,
.preheader ul li .subbrand {
    display: flex;
}

.preheader ul li .brand {
    width: clamp(252.66666666666666px, 19.739583333333332vw, 379px);
    height: clamp(63.333333333333336px, 4.947916666666667vw, 95px);
}

.preheader ul li .subbrand {
    width: clamp(100px, 7.8125vw, 150px);
    height: clamp(21.333333333333332px, 1.6666666666666667vw, 32px);
}

.preheader ul li .brand img,
.preheader ul li .subbrand img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section-wwo .wwo-pillar:nth-child(4), .section-wwo .wwo-pillar:nth-child(5) {
    grid-column: span 3;
}

.section-wwo .wwo-pillar img, .section-wwo .wwo-pillar img {
    display: block;
    width: 100%;
    height: clamp(204.66666666666666px, 15.989583333333334vw, 307px);
    object-fit: cover;
}

.mnav .icon-call {
    background-image: url(images/icons/icon-call-black.svg);
}

.leaflet-popup-content {
    font-size: 12px !important;
    text-align: center !important;
}

.leaflet-marker-icon {

}

@media (min-width: 1024px) {
    #phContact li a {
        pointer-events: none !important;
    }
}

@media (max-width: 767px) {
    .section-wwo .wwo-pillar:nth-child(5) {
        grid-column: span 6;
    }
    #menu-item-507, #menu-item-508, #menu-item-509 {
        display: none !important;
    }
    .header .navigation ul #menu-item-83 a {
        padding: 12px !important;
    }
    .header .navigation ul li ul li a {
        background-color: var(--dark) !important;
    }
    .header .navigation ul li ul li a:hover,
    .header .navigation ul li ul li a:focus {
        background-color: var(--blue) !important;
    }
}