.full
{
    display:flex;
    flex-flow:column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  margin:20px 0;
  flex-basis:100%!important;
  max-width:none!important;
}

#sep {
    border-top:2px solid black;
    border-bottom:2px solid black;
    height: 20px;
    width:100%;
    margin:20px 0;
}

#de, #fr {
    flex-basis:40%;
    text-align:left;
}

.events {
    border-top:2px solid black;
    border-bottom:2px solid black;
    margin:20px 0;
}

h1, h2, h3, h4 {
  font-family:Template;
}

a{
  color:#484436;
}

a:hover{
  color:#D45400;
}

.settings a{
  color:var(--primary);
}

main{
  background:#fff;
}

.gamma{
  font-size:2.5em;
  line-height:110%;
  margin:0 0 10px;
  font-family:Template-Text;
}

.delta{
  font-family:Template-Text;
}

.medaillon .gamma{
  margin:0;
}

#profiles.speakers figcaption{
  background:var(--primary-opp);
  color:var(--primary);
}

.settings.filter, #filterset {
  background:var(--secondary);
}

.settings.filter p, .settings.filter a, #filterset p, #filterset a, p.alert {
  color:#fff;
}

/*
 *
.SearchCat{
  padding:10px;
  background:#f9f9f9;
  width:calc(100% - 20px);
  border-radius:0;
}



.index p, .index li {
  font-size:13pt;
  color:#404040;
}

.index p {
  text-align:justify;
  padding-bottom:10px;
}

.delta {
  padding-top:10px;
}

#site-inner{
    background-color:#fff;
    text-align:center;
    margin:auto;
    width:100%;
    max-width:1242px;
    padding:15px 0 40px;
}

#site-title img{
    border:0;
    max-width:40%;
    object-fit: cover;
    margin:0 auto;
}

#site-tagline{
    color:#fff;
    background:#404040;
    font-size:18px;
    padding:5px;
    margin: 0px 40px;
}



#menu-toggle{
  justify-content: center;
  max-width:none;
  margin:0 auto;
}

#mainmenu{
    text-align:center;
    margin:auto;
}

.subtoggle a{
    font-size:12px;
    color:#404040;
    text-transform:uppercase;
}

.subtoggle a:hover, .subtoggle:active {
    background:transparent;
    color:#404040;
}

.subtoggle:hover {
    background:#0045A9;
    color:#fff;
}
    


.left .listZebra .item{
  padding:5px 10px;
}

label.close{
    background-color:#0045A9;
}

.menu-toggle:hover, label.close:hover, #mainmenu:hover label, .searchtoggle:hover, .tooltoggle:hover  {
  background-color:#fff;
}

*/

.section{
  background:#f9f9f9;
  color:var(--primary);
  padding:15px 15px 12.5px;
  width:calc(100% - 30px)!important;
  border-radius:0;
  margin: 0 0 var(--inner-margin);
}

.section a{
  color:#000;
}

.subsection{
  border-bottom:2px solid var(--primary);
  margin:0 0 10px;
  padding:0 0 10px;
}

/*

.tabs a.active, .tabs a:hover {
		background-color:#87DDAA;
		color:#fff;
		padding:10px;
		border:1px solid #78C195;
}

img.blog{
    width:calc(100% + 40px);
    margin:-21px -21px 0;
    max-height:220px;
    object-fit: cover;
}

.blogs{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    flex-basis:45%;
}



p.keycreator{
  display:none;
  justify-content:center;
  align-items:center;
  position:absolute;
  width:calc(30%);
  height:8vh;
}

a:hover p.keycreator{
  display:flex;
}

a:hover img{
  opacity:0.5;
}

.quad a:hover{
  background-color:#3B72BF;
}

.conf{
  top:460px;
}

label.menu-toggle{
  background-image: url("/images/menu-black.png");
}

label.menu-toggle:hover{
  background-image: url("/images/menu.png");
  background-color:#0045A9;
  border-radius:5px;
}

h1.beta {
  font-size:90%;
  padding-bottom:20px;
}

.gamma{
  text-transform: uppercase;
  font-weight:100;
}

.text p{
  font-size:1rem;
  hyphens:auto;
  word-wrap: break-word;
}

.text h3{
  color:#000!important;
  font-size:18px;
  font-weight:700;
  padding-top:10px;
}

.text img{
  max-width:none;
  margin:10px 0 -5px;
}

#profiles.speakers figure:hover figcaption{
	background:#5EBCD3;
  color:#fff;
}

label.filters{
  border-top:1px solid #e5e5e5;
}

@media (max-width:1228px){

  body{
    background:#fff;
  }

  
  #site-inner{
    padding-top:25px;
  }
  
  #site-title img{
    width:calc(100% - 80px);
    max-width:800px;
    height:auto;
  }

}

@media (max-width:768px){

  ul.menu li {
    background:#fff;
    line-height:150%;
  }
  
  ul.menu li a {
      color:#3B72BF;
      min-width:120px;
  }
  
  #site-title img{
    width:calc(100% - 80px);
  }
  
}

*/

@media (min-width:768px)
{
    
    .full {
        flex-flow:row wrap;
    }
    
    #sep {
        border:0;
        border-left:2px solid black;
        border-right:2px solid black;
        width:120px;
        height: 100%;
    }
    
}