/*
Theme Name: Energysc V2
Author: ttvnit
Author URI:
Description: Custom theme for the Esc website
Version: 1.0
*/
.grid-container u,
.midsec u {
    text-decoration: none;
}

body.single .latest-news-item .cat {
    white-space: normal;
}

.block-fullwidth p {
    margin-bottom: 16px;
    ;
}

.footer nav.footer-nav-1 ul li a,
.footer nav.footer-nav-2 ul li a {
    font-size: 16px;
}
 


.multiple-items .slick-list .item-inner {
    padding: 30px;
}

.multiple-items .slick-list .item-inner>a>.row {
    height: 80px;
    display: block;
}

.multiple-items .slick-list .item-inner a {
    background: #fff;
}

.multiple-items .slick-list .item-inner p {
    margin-bottom: 20px;
    font-size: 16px
}

.multiple-items .slick-list .item-inner a:hover {
    background: linear-gradient(25deg, #194797 30.25%, rgba(25, 71, 151, 0) 146.73%)
}

.multiple-items .slick-list .item-inner a:hover,
.multiple-items .slick-list .item-inner a:hover h3,
.multiple-items .slick-list .item-inner a:hover p {
    color: #fff
}

.multiple-items .slick-list .item-inner a:hover .slide-icon {
    display: none
}

.multiple-items .slick-list .item-inner a:hover .slide-icon-hover,
.multiple-items .slick-list .item-inner a:hover .image-right {
    display: block
}


.multiple-items .slick-list .item-inner .image-right,
.multiple-items .slick-list .item-inner a .slide-icon-hover {
    display: none
}

.multiple-items .slick-list .item-inner a h3 {
    min-height: 56px;
    font-size: 28px;
    font-weight: 400;
    line-height: 28px
}

.multiple-items .slick-list a {
    height: 490px;
    width: 100%;
    color: #05132c;
    border-radius: 10px;
    padding: 30px;
    text-decoration: none;
    display: block;
    box-shadow: 0 5px 15px #888;
}

.multiple-items .item-inner strong {
    font-size: 10px;
    display: none;
}

.multiple-items .item-inner a:hover {
    text-decoration: none;
}

.multiple-items .item-inner a:hover strong {
    display: block;
}

.multiple-items .slick-arrow {
    width: 30px;
    height: 30px;
}

.multiple-items .slick-arrow:before {
    font-size: 30px;
    color: #194797;
}

.small-gap {
    :where(.is-layout-flex) {
        gap: 0.5em !important;
    }
}

.manufacturer-search-item ul li {
    white-space: normal;

    a {
        word-wrap: break-word;
    }
}

.popular-resources {
    .content-wrapper {
        padding: 20px 0 10px 0;

        h2 {
            font-size: 32px;
        }

        .row {
            display: flex;
            align-items: center;
        }

        .desc {
            font-size: 16px;
            font-family: 400;
            color: #fff;
            padding-bottom: 24px;
            text-align: justify;
        }

        &.left {
            .desc {
                color: #292D32;
            }
        }

        &.right {
            h2.left-title {
                color: #fff;
            }
        }

        .btn-wrapper {
            row-gap: 24px;
            display: grid;
            margin-bottom: 24px;

            .resource-item {
                width: 100%;
            }

            a.resource-link {
                min-height: unset;
                padding: 10px 16px;
                border-radius: 40px;
                background: #ee3135;
                color: #fff;
                text-align: center;
                transition: background-color 300ms ease-out;
                transition-duration: 300ms;
                margin-bottom: unset;

                &:hover {
                    background: linear-gradient(266deg, #ee3135 30%, #292D32 100%);
                }
            }
        }

        .image-wrapper {
            text-align: center;

            img {
                width: 100%;
            }
        }
    }
}

.popular-resources.right {
    h2.left-title {
        color: #fff;
    }
}

.page-section+.page-section.popular-resources {
    margin-top: 0;
    margin-bottom: 0;
}

.left-image-right-text {
    margin-bottom: 0;
    padding: 30px 0 0 0;
}

.page-block {
    .content-wrapper {
        padding: 20px 0 10px 0;

        h2 {
            font-size: 32px;
        }

        .row {
            display: flex;
            align-items: center;
        }

        .desc {
            font-size: 16px;
            font-family: 400;
            color: #000;
            padding-bottom: 24px;
            text-align: justify;
        }

        &.has-bg {
            h2.left-title {
                color: #fff;
            }

            .learn-more,
            .desc {
                color: #fff;
            }
        }

        .btn-wrapper {
            row-gap: 24px;
            display: grid;
            margin-bottom: 24px;

            .resource-item {
                width: 100%;
            }

            a.resource-link {
                min-height: unset;
                padding: 10px 16px;
                border-radius: 40px;
                background: #ee3135;
                color: #fff;
                text-align: center;
                transition: background-color 300ms ease-out;
                transition-duration: 300ms;
                margin-bottom: unset;

                &:hover {
                    background: linear-gradient(266deg, #ee3135 30%, #292D32 100%);
                }
            }
        }

        .learn-more {
            color: #000;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            text-decoration: underline;
        }

        .image-wrapper {
            text-align: center;
            a {
				display: block;
			}
            img {
                width: 100%;
            }
        }
    }
}

img {
	pointer-events: none;
}
.page-template-upload-page {
    .page-no-header-footer {
        padding: 20px 20%;
        h1.page-title {
            font-size: 2.5rem;
            padding: 0 2rem;
        }
        .gform_heading {
            padding: 20px 0;
            h2.gform_title {
                font-size: 2rem;
            }
        }
        .button {
            color: #fff;
            background: #000;
            text-transform: uppercase;
            border-radius: 0;
            border: 0;
            &.gform_button_select_files {
                margin: 0 auto;
            }
        }
    }
}
@media (max-width:767px) {
    .popular-resources {
        .content-wrapper {
            .row {
                display: grid;
                padding: 0 24px;
            }
        }
    }

    .slider-cols-block .row {
        margin-left: 0;
        margin-right: 0;
    }

    .multiple-items .slick-prev {
        left: -10px;
    }

    .multiple-items .slick-next {
        right: -10px;
    }

    .multiple-items .slick-list .item-inner h3 {
        font-size: 20px
    }

    .multiple-items .slick-list .item-inner .image-right {
        margin: -67px 0 0;
        position: absolute;
        right: -15px
    }

    .multiple-items .slick-list .item-inner>a>.row {
        height: auto;
    }

    .multiple-items .slick-list .item-inner {
        height: auto;
    }

    .multiple-items .slick-list .item-inner a {
        height: auto;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .multiple-items .slick-list .item-inner .image-right {
        margin: -30px 0 0 -30px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .multiple-items .slick-list .item-inner .image-right {
        margin: -30px 0 0 -52px
    }

    .multiple-items .slick-list .item-inner h3 {
        font-size: 24px;
        line-height: 24px
    }

    .multiple-items .slick-list .item-inner p {
        font-size: 14px
    }
}

@media (min-width:1200px) {
    .multiple-items .slick-list .item-inner .image-right {
        max-width: 140px;
        margin: -30px 0 0 -38px
    }

    .multiple-items .slick-list .item-inner>a>.row {
        height: 192px
    }
}

@media all and (max-width: 767px) {
    .training-listing {
		.btn-default-3 {
			margin: 6px 0;
		}
		img {
			margin: 10px auto;
			float: none;
		}
	}
}
.wp-block-image a {
	display: flex;
}
.four-cols-boxes-hover-block h2.left-title {
    &.center{
        text-align: center;
        font-size: 30px;
        span {
            display: none;
        }
    }
    &.right {
        text-align: right;
    }
}
.training-listing.smaller {
    padding: 0;
    .event-item {
        padding: 20px 40px;
        min-height: unset;
        .row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            .links {
                display: flex;
                padding: 0 16px;
                flex-wrap: wrap;
				justify-content: flex-end;
				width: min-content;
                a {
                    margin: 6px;
                    min-width: 140px;
                }
            }
        }
    }

}
@media all and (max-width: 767px) { 
    .four-cols-boxes-hover-block h2.left-title {
        &.center{
            font-size: 20px;
        }
    }
    .training-listing.smaller .event-item {
        .row {
            .links {
                width: 100%;
				a {
					width: 100%;
				}
            }
        }
    }
}

.frm-list-table th {
    vertical-align: middle;
    color: #000;
    text-align: left;
}
.frm-list-table th a{
    display: flex;
    align-items: center;
    color: #000;
}
.frm-list-table td a{
    color: #194797;
}
.frm-list-table td.column-more_data {
    word-break: break-all;
}
.frm-list-table .tablenav-pages{
    margin: 20px 0;
}
.frm-list-table .btn-export {
    float: right;
    margin: -5px 0 20px 0;
    height: 40px;
    background: #194797;
    color: #fff;
    border-radius: 20px;
    padding: 10px 30px;
    font-size: 16px;
    text-align: center;
    border: 0 ;
    cursor: pointer;
}
.frm-list-table .btn-export .dashicons {
    font-size: 23px;
}
table.widefat {
    background: #fff;
}
table.fixed {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px;
}
.striped>tbody>:nth-child(odd) {
    background-color: #f6f7f7;
}
.widefat td, .widefat th {
    padding: 8px 10px;
}
.widefat td .toggle-row {
    display: none;
}
.sorting-indicators {
    display: grid;
}
.sorting-indicator {
    display: block;
    width: 10px;
    height: 4px;
    margin-top: 4px;
    margin-left: 7px;
}
th.sorted.asc .sorting-indicator.asc:before,
th.sorted.desc .sorting-indicator.desc:before {
    color: #1d2327;
}
.sorting-indicator.asc:before {
    content: "\f142";
}
.sorting-indicator.desc:before {
    content: "\f140";
}
.sorting-indicator:before {
    font: normal 20px / 1 dashicons;
    display: inline-block;
    padding: 0;
    top: -4px;
    left: -8px;
    line-height: .5;
    position: relative;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important;
    color: #a7aaad;
}
th.sortable a span, th.sorted a span {
    float: left;
    cursor: pointer;
}
.pagination-links a {
    color: #000;
}
.pagination-links a:hover {
    color: #ee3135;
}
span.tablenav-pages-navspan,
.first-page ,
.last-page ,
.prev-page,
.next-page {
    font-size: 20px;
    text-decoration: none;
    padding: 0 10px;
}

header.sticky-header .menu-icon-hamburger {
    opacity: 1;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"%3E%3Crect x="0.3" y="0.3" width="31.4" height="31.4" rx="5.7" stroke="white" stroke-width="0.6"/%3E%3Cpath d="M9 11H23" stroke="white" /%3E%3Cpath d="M9 21H23" stroke="white" /%3E%3Cpath d="M9 16H23" stroke="white"/%3E%3C/svg%3E');
}


header.sticky-header.scrolled .menu-icon-hamburger {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"%3E%3Crect x="0.3" y="0.3" width="31.4" height="31.4" rx="5.7" stroke="%23EE3135" stroke-width="0.6"/%3E%3Cpath d="M9 11H23" stroke="%23EE3135" /%3E%3Cpath d="M9 21H23" stroke="%23EE3135" /%3E%3Cpath d="M9 16H23" stroke="%23EE3135"/%3E%3C/svg%3E');
}