/*
Theme Name:         Leumi Partners Theme
Theme URI:          https://roots.io/sage/
Description:        Leumi partners custom theme.
Version:            8.4.2
Author:             INEX
Author URI:         https://inex.co.il/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

@media all and (max-width: 1360px) and (min-width:992px)
{
    ul.portfolio-filters>li {
        width: calc(100% / 3);
    }
    ul.portfolio-filters>li a 
    {
        font-size: 16px;
    }

    ul.portfolio-filters {
        table-layout: auto;
    }
    .portfolio-item .card__body
    {
        min-height:200px;
    }
    .card__header.with-img { max-height:200px }


    ul.portfolio__tabs {display: flex;flex-wrap: wrap;flex-direction: row;}

    .portfolio__tabs > li {
        width: calc(100% / 6 - 0px);
    }

    .portfolio__tabs > li a {
        padding: 0px 20px 0px;
        font-size: 16px;
    }


    .navbar-right.main-nav-bar {
        margin-top: -50px;
    }

}

.portfolio-list {
    margin: 0px auto;
}




@media all and (max-width: 991px) and (min-width:768px)
{

	ul.portfolio__tabs {display: flex;flex-wrap: wrap;flex-direction: row;}

	ul.portfolio__tabs>li {
			width: calc(100% / 3 - 0px);
			margin: 30px 0px 0px;
	}

	ul.portfolio__tabs>li:last-child>a {
			border-right: 1px solid #a0daf4;
	}

	ul.portfolio__tabs>li:nth-child(4)>a {
			border-left:1px solid #a0daf4;
	}

	.portfolio__tabs > li > a
	{
			font-size:16px;
			padding: 0px 20px 10px;
	}

	.portfolio__tabs > li > a:after
	{
			margin-top: 0px !important;
			bottom: -10px;
	}

	.portfolio-filters {table-layout: auto;}

	.portfolio-filters > li a {
			font-size: 14px;
			padding: 12px 4px;
	}

	.portfolio-item .card__header {
			height: 90px;
			background-size: contain;
	}

	.portfolio-item .card__body {
			min-height: 250px;
	}

	.main-nav-bar--top {
			position: absolute;
			top: 0;
			right: 10px;
	}

	.portfolio__tabs:before, .portfolio__tabs:after {
			display: none;
	}


	body {
			padding-top: 168px;
	}
	
}
.portfolio__tabs > li a.active{
	pointer-events: none;

}
@media all and (max-width:767px)
{
	.portfolio__tabs > li {
			width: calc(100% / 2 - 0px);
			display: inline-block;
			height: 170px;
			height: 42vw;
	}

	ul.portfolio__tabs {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
	}

	.portfolio__tabs > li a {
			height: 100%;
			border-left: 0px !important;
			border-right: 0px !important;
			border-bottom: 1px solid #3ac2f1;
			margin: 10px 0px;
			font-size: 4.4vw;
			height: 100% !important;
			padding: 10px 10px;
	}
	ul.portfolio__tabs {
			display: table;
			flex-direction: row;
			flex-wrap: wrap;
	}
}

.block-grid-sm-2 > .block-grid-item:nth-of-type(even) .team-member__popup {
    right: 0;
    left: auto;
}

.team-member { position:relative; }
.team-member__popup { width: calc(200% + 30px);     max-width: calc(100vw - 47px); }

.team-member.active { z-index:3; }
.hp-strips__sections .col-sm-3 .download_btn{
    width: 100%;
    background-color: #3ac2f1;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 10px;
    padding: 8px 0;
    font-weight: 500;
    font-size: 17px;
	    transition: background-color 0.25s
}
.hp-strips__sections .col-sm-3 .download_btn p{
	padding:0;
	margin:0;
}
.hp-strips__sections .col-sm-3 .download_btn:hover{
	    background-color: #019ad3;
}
.embed-container iframe{
	max-width: 620px;
}
.card .embed-container iframe,
.card .embed-container video{
	width: 100%;
	height: 100%!important;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}