/* mobile first */


.from-date{
	margin-top:15px;
	}

.adv-search-topics-btn{
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 20px;
gap: 8px;
width: 123px;
height: 45px;
background: #FFDEAC;
border: 1px solid #DBA048;
border-radius: 2px;
flex: none;
order: 0;
flex-grow: 0;
float:left;
cursor:pointer;
}



.binyamin-container{
box-sizing: border-box;
padding: 24px;
border: 3px solid #333333;
border-radius: 1px;
	}


.benjo-title{
font-weight: 600;
font-size: 18px;
letter-spacing: -0.011em;
}

.benjo-subtitle{
font-weight: 400;
font-size: 14px;
letter-spacing: -0.011em;
color: #8F919A;
margin-top:10px;
}

.benjo-text{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.011em;
color: #333333;
margin-top:20px;
margin-bottom:10px;
}

.main-title{
	font-weight: 800;
	font-size: 38px;
	}



.theme-child{
	height: 29px;
	padding:0px 16px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.16);
	background-color: #D3EBD9;
	margin-left: 8px;
	margin-top:10px;
	font-size:18px;
	color: #333333;
	cursor:pointer;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	}


.intro-container{
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
padding: 16px;
gap: 81px;
width: 100%;
/* height: 196px; */
border: 1px solid #E9E9EC;
border-radius: 5px;
flex: none;
flex-grow: 0;	
}

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.from-date{
	margin-top:auto;
	}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  


}


/* Extra small devices  */

@media (max-width: 320px) {

}




.printMe {display: none;}
@media print {
	div {display: none;}
	.printMe {display: block;}
}



@media all and (min-width: 992px) {

}