/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

html{background:transparent;font-family:'Open Sans', sans-serif;    font-size: 15px;    line-height: 1.3;  }
	
body{ color:#444;  margin:auto;}
	ul{margin:0; padding: 0; list-style: none}
  #abstractlist ul, #abstractsfound ul{display: flex;column-gap:15px; 
       row-gap: 15px;
       margin: auto;
        /* max-width: 90%; */
        flex-wrap: wrap;}
	li.single_item{border-radius: 5px;    min-width: 210px;
    cursor: pointer;
    padding: 10px;
    background: #ececec;        width: calc(33% - 30px);

	  /*  display: grid;  grid-template-columns: 5fr 1fr;    align-items: center;*/
	}
   
@media screen and (max-device-width:760px) {li.single_item{width: calc(50% - 30px); }}
@media screen and (max-device-width:500px) {li.single_item{width: 100%;  }}
   
   
    .prev figure{margin: 0.5rem 0 .8rem;
            text-align: center;
            height: 250px;
            overflow: hidden;border-radius:3px;}
	.speaker{display: block; font-weight: bold;;}
	.actions{text-align: right;}
	h2.letter{     background: var(--blue-bg);
    color: #fff;
    text-align: center;
    padding: 5px 5px 6px 10px;
    margin-top: 2rem;
    font-size: 18px;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;}
	#searchbox{       background: url(search.svg) no-repeat 10px 10px #efefef;
    font-size: 15px;
    color: #333;
    border-radius: 14px;
    width: 100%;
    display: block;
    margin: auto;
    padding: 10px 15px 10px 45px;
    border: solid 1px transparent;
    background-size: 25px;
    }
	#searchbox:focus-visible,#searchbox:focus,#searchbox:active{  background-color: #efefef;
    border: 1px solid #eaeaea;  }
	#searc{ 	padding: 30px 0;  }
		.country{font-size:0.7em; padding-left: 5px; padding-right: 5px; display:inline-block;}
		.session_data{display:inline-block; margin-left:5px; font-size:11px; font-weight:normal;}
.text p{margin:0 auto;}
	.tag{}	
.btn {
	font-weight:700;
	border-radius:10px;
    font-size: 13px;
    padding: 12px 24px;
    margin-bottom: 0;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
	text-transform: uppercase;
}
.btn:focus,
.btn:active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus {
    color: #fff;
    text-decoration: none;
}
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

/* default
---------------------------- */
.btn-primary {
    color: #fff;
    background-color: #782e86;
    border-color: #782e86;
}
.btn-primary:focus {
    color: #fff;
    background-color: #391851;
    border-color: #391851;
}
.btn-primary:hover {
    color: #fff;
    background-color: #391851;
    border-color: #391851;
}
.btn-primary:active {
    color: #fff;
    background-color: #391851;
    border-color: #0066ca;
}
.btn-secondary {
    color: #fff;
    background-color: #0066ca;
    border-color: #0066ca;
}
.btn-secondary:focus {
    color: #fff;
    background-color: #0066ca;
    border-color: #0066ca;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #0066ca;
    border-color: #0066ca;
}
.btn-secondary:active {
    color: #fff;
    background-color: #0066ca;
    border-color: #0066ca;
}
		@media screen and (min-width:601px) {
body{width:95%; max-width:1200px;  padding: 10px 0 80px 0 ; margin:auto;}
}



@media screen and (max-device-width:600px) {
 body {   background:none; background-color: #fff; padding:0;  width:95%; margin:auto;}
.element{padding:1rem;margin: 1rem auto;}
 
}