/*
Name: Highland Purchasing
Author: Insomedia
Template: hello-elementor
*/

h1, h2, h3, h4, h5, h6 { margin-top: 0; }

.home .im-breadcrumbs { display: none; }
.page-id-584 .im-breadcrumbs, .elementor-page-604 .im-breadcrumbs, .page-id-23 .im-breadcrumbs { background: #f4f4f4; }

.page-id-584 #sidebar-block .elementor-widget-wrap, .elementor-page-604 #sidebar-block .elementor-widget-wrap, .page-id-23 #sidebar-block .elementor-widget-wrap { background: #fff !important; }

.elementor-widget-text-editor ul { margin-bottom: 20px; }

.um-field-bedrijfsnaam { display: none; }

.leveranciers { display: flex; flex-wrap: wrap; margin: 0 -1%; }
.leveranciers .leverancier { background: #fff; width: 30.333%; margin: 10px 1.5%; border: 1px #ccc solid; padding: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 3px; transition: all .1s ease-in-out; }
.leveranciers .leverancier:hover { transform: scale(1.05); }
.leveranciers .leverancier h2 { font-family: "Source Sans Pro", Sans-serif; font-size: 22px; font-weight: 600; text-align: center; margin: 0; }
.leveranciers .leverancier .image { width: 100%; height: 200px; display: flex; margin-bottom: 20px; }
.leveranciers .leverancier .image img { width: 100%; height: 100%; object-fit: contain; }
.leveranciers .leverancier .icon { text-align: center; font-size: 122px; margin-bottom: 20px; }

.leveranciers .post-tags { display: flex; justify-content: center; margin-top: 10px; flex-wrap: wrap; }
.leveranciers .post-tags .post-tag { font-size: 11px; border: 1px solid #ccc; padding: 2px 6px; border-radius: 3px; margin: 5px; }

.leverancier-search form { display: flex; margin-top: 20px; }
.leverancier-search input[type=text] { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
.leverancier-search button { border: 0; background: var( --e-global-color-primary ); color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.elementor-element-9832ec1 .elementor-icon-list-item:last-child .elementor-icon-list-icon i { color: var( --e-global-color-primary ) !important; }
.elementor-element-b163d12 .elementor-widget .elementor-icon-list-item, .elementor-element-b163d12 .elementor-widget .elementor-icon-list-item a { font-size: var( --e-global-typography-text-font-size ) !important; }

.profile-image { margin-bottom: 15px; }
.profile-image img { max-width: 300px !important; }

.leverancier-deelnemer { margin-bottom: 25px; padding: 10px 20px; background: var( --e-global-color-primary ); color: #fff; font-size: 14px; }
.leverancier-deelnemer ul { display: flex; margin: 0; padding: 0; list-style: none; }
.leverancier-deelnemer ul li .fas { margin-right: 5px; color: #fff; }

.leverancier-grid .grid-item { margin-top: 30px; background: #f4f4f4; padding: 30px; }
.leverancier-grid .grid-item h2 { font-size: 20px; }
.leverancier-grid .grid-item h3 { font-size: 26px; margin-top: 0; }

#favorite { cursor: pointer; }

.bespaarmogelijkheden .form { border-bottom: 1px #ccc solid; }
.bespaarmogelijkheden .form .row { display: flex; flex-wrap: wrap; width: 100%; align-items: center; border: 1px #ccc solid; border-bottom: 0; padding: 10px 15px; }
.bespaarmogelijkheden .form .row .num { width: 4%; }
.bespaarmogelijkheden .form .row .question { width: 60%; font-weight: 700; }
.bespaarmogelijkheden .form .row .question span { font-weight: normal; display: block; font-size: 14px; }
.bespaarmogelijkheden .form .row .info { width: 36%; display: flex; flex-wrap: wrap; align-items: center; justify-content: end; }
.bespaarmogelijkheden .form .row .info input { max-width: 100px; margin: 0 10px; }
.bespaarmogelijkheden button { margin-top: 20px; }

.home .elementor-slide-heading { max-width: 50%; }
.home .elementor-slide-description { max-width: 50%; }
.home .swiper-slide-inner { background-image: linear-gradient(270deg, #B1002E00 30%, var( --e-global-color-primary ) 70%); }

.hp-attachments .hp-attachment a { display: flex; }
.hp-attachments .hp-attachment span { margin-right: 10px; display: table; width: 16px; }

#hp_swiper .swiper-container { overflow: hidden; }
#hp_swiper .custom-swiper-pagination { position: absolute; bottom: -25px; }
#hp_swiper .swiper-button-prev { left: auto; right: 40px; }
#hp_swiper .swiper-button-next, #hp_swiper .swiper-button-prev { top: auto; bottom: -25px; width: calc(18px / 44* 27); height: 18px; }
#hp_swiper .swiper-button-next:after, #hp_swiper .swiper-button-prev:after { font-size: 18px; }

/* Gform */
.gform_fileupload_rules { display: none !important; }

.gform_button.button { background: var( --e-global-color-primary ); }
.gform_button.button:hover { color: var( --e-global-color-c247e60 ); }

@media only screen and (max-width: 990px ) {

    .grid-item .leveranciers .leverancier { width: 47%; }

}


@media only screen and (max-width: 768px ) {

    .home .elementor-slide-heading { max-width: 75%; }
    .home .elementor-slide-description { max-width: 75%; }
    .home .swiper-slide-inner { background-image: linear-gradient(270deg, #B1002E00 10%, var( --e-global-color-primary ) 25%); }

    .elementor-slide-heading { font-size: 20px !important; }
    .elementor-slide-description { font-size: 14px !important; }

    .leveranciers .leverancier { width: 47%; }

    .grid-item .leveranciers .leverancier { width: 47%; }
    .grid-item .leveranciers .leverancier h2 { font-size: 16px; }
    .leveranciers .leverancier h2 { font-size: 18px; }
    .grid-item .leveranciers .leverancier .image { height: 100px; }


    .elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper~.elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper~.elementor-swiper-button-prev { left: 0 !important; }
    .elementor-element .swiper .elementor-swiper-button-next, .elementor-element .swiper~.elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper~.elementor-swiper-button-next { right: 0 !important; }

}

@media only screen and (max-width: 490px ) {

    .grid-item .leveranciers .leverancier { width: 100%; }

}