/* design stylesheet APX v0.000  */



/* markers */


.bakf2 {background:rgba(255,255,255,0.5);}

.bakm1 {background:#ff9;}
.bakm2 {background:#ff9999;}
.bakm3 {background:#fd0;}
.bakm4 {background:#eee;}


.xhf  { opacity:1 ; }
.xh75 { opacity:0.75 ; }
.xh66 { opacity:0.66 ; }
.xh2  { opacity:0.5 ; }
.xh3  { opacity:0.33 ; }
.xh4  { opacity:0.25 ; }
.xh10  { opacity:0.1 ; }

.todo {    color:#ff0000; 
           font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
          /*  font-size: 1.5em ; */
        }


.bakf {background:#fff;}
.bakfgrad { background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.0)); }



.L1  { text-align: left ; border-top:none; }

.L1 li { 
    list-style-type: none; 
    display: block; 
    margin: 10px 0px 10px 2em;
    font-size: 1.25em  ;
    font-weight: 900;
    
    
  /*  
   background: -webkit-linear-gradient(#4b6878, #bcccd3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    */
}

.Lu li { list-style-type: none; display: inline-block; margin-right: 1em;font-size: 0.8em;}




/* 1 DO NOT EDIT */
@media (min-width: 720px) {	
    
    
.L1  { text-align: left ; border-top:1px solid #eee; }

.L1 li { 
    display: inline-block; 
    margin: 15px 2em 15px 15px;
    font-size: 1.25em  ;
    
}
    
.Lu li {font-size: 1em; }

}


/* 2 DO NOT EDIT */
@media (min-width: 990px) {	



.L1  { text-align: right ; border-top:none;  }
    
    .L1 li { 
    margin: 25px 0px 0px 2em;
    font-size: 1.75em  ;
    line-height: 80px; 
  
}

}








/*///////////////////////////////////////////////////////////*/


.hidefig figure {display:none;}
.hidefig div {display:none;}



figure {
    display: inline;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}






/* based on default */
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 1.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}





.multiply {

  mix-blend-mode: multiply;
}


.grayscale {
  filter: grayscale(100%);
}














/* social media share icons */



.smxx_a .twitter         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block; opacity: 0.8;
    
    background-image: url(../png/twitter.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_a .twitter:hover   {  background-image: url(../png/twitter-.png) ;  opacity: 1;}


.smxx_a .insmx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(../png/in.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_a .insmx:hover   {  background-image: url(../png/in-.png) ;  opacity: 1}


.smxx_a .fbsmx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(../png/fb.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_a .fbsmx:hover   {  background-image: url(../png/fb-.png) ; opacity: 1 }


.smxx_a .prntx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(../png/prnt.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_a .prntx:hover   {  background-image: url(../png/prnt-.png) ; opacity: 1 }








.smxx_r .twitter         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block; opacity: 0.8;
    
    background-image: url(../png/twitter-2.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_r .twitter:hover   {  background-image: url(../png/twitter-3.png) ;  opacity: 1;}


.smxx_r .insmx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(../png/in-2.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_r .insmx:hover   {  background-image: url(../png/in-3.png) ;  opacity: 1}


.smxx_r .fbsmx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(../png/fb-2.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_r .fbsmx:hover   {  background-image: url(../png/fb-3.png) ; opacity: 1 }


.smxx_r .prntx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(../png/prnt-2.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_r .prntx:hover   {  background-image: url(../png/prnt-3.png) ; opacity: 1 }


.smxx_r .rss         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(../png/rss.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.smxx_r .rss:hover   {  background-image: url(../png/rss-.png) ; opacity: 1 }



/**/






.patron {  
display: block; width: 100%; height: 50px;  background: #f96854 url(../png/patron3x.png) ;  background-size:contain; background-position:center center; background-repeat:no-repeat; margin: 0 auto 20px auto;}


.episodes {  display: block; width: 100%; height: 50px;  background: #fff ; margin: 0 auto 20px auto; }






















/*  AIhub */


.tlogo_a {  
    opacity:1 ;
    background: url(../png/tlogo_a.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:70px; 
    min-width:200px;
    margin: 20px 0px 10px 20px;

}




.tlogo2_a    {  opacity:0 ;
    
    background: url(../png/tlogo2_a.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:70px; 
    min-width:200px;
    margin: 0px;
    transition: opacity 0.25s ;
}


.tlogo2_a:hover    { opacity:1;    }



@media (max-width: 990px) {	

.tlogo_a {  
    min-height:40px; 
    min-width:120px;
    margin: 20px 0px 10px 20px;

}


.tlogo2_a    {  
    min-height:40px; 
    min-width:120px;
}

   }




.utlogo_a {  
    opacity:1 ;
    background: url(../png/tlogo_a.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:35px; 
    min-width:100px;
    margin: 10px 0px 10px 20px;

}




.utlogo2_a    {  opacity:0 ;
    
    background: url(../png/tlogo2_a.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:35px; 
    min-width:100px;
    margin: 0px;
    transition: opacity 0.25s ;
}


.utlogo2_a:hover    { opacity:1;    }












/* Robohub */


.tlogo_r {  
    opacity:1 ;
    background: url(../png/tlogo_r.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:70px; 
    min-width:200px;
    margin: 20px 0px 10px -10px;

}




.tlogo2_r    {  opacity:0 ;
    
    background: url(../png/tlogo2_r.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:70px; 
    min-width:200px;
    margin: 0px;
    transition: opacity 0.25s ;
}


.tlogo2_r:hover    { opacity:1;    }



@media (max-width: 990px) {	

.tlogo_r {  
    min-height:40px; 
    min-width:120px;
    margin: 20px 0px 10px -5px;

}


.tlogo2_r    {  
    min-height:40px; 
    min-width:120px;
}

   }




.utlogo_r {  
    opacity:1 ;
    background: url(../png/tlogo_r.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:35px; 
    min-width:100px;
    margin: 10px 0px 10px 0px;

}




.utlogo2_r    {  opacity:0 ;
    
    background: url(../png/tlogo2_r.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:35px; 
    min-width:100px;
    margin: 0px;
    transition: opacity 0.25s ;
}


.utlogo2_r:hover    { opacity:1;    }















.tablearray  { 
    background: rgba(255,255,255,0.75);
    font-size:0.9em;
    border-bottom: 1px solid #ccc;
}

.tablearray div { 
    display: inline-block;
    vertical-align:middle;
    
    margin:0px;
    padding: 5px 15px 2px 5px;
}


.txr {}

.txr0 {max-width: 7% ; min-width: 7%; width: 7%; }
.txr1 {max-width: 5% ; min-width: 5%; width: 5%; }
.txr2 {max-width:25% ; min-width:25%; width:25%; }
.txr3 {max-width:25% ; min-width:25%; width:25%; }
.txr4 {max-width:23% ; min-width:23%; width:23%; }
.txr5 {max-width:15% ; min-width:15%; width:15%; }

.tablearray:hover {background:none;}















.headershadw { background-image:url(../png/shadow.png) ;  background-size:110% 100%; background-position:top center; background-repeat:no-repeat; width:100%;  height: 20px;  }


.rot180 {  transform: rotate(180deg); }
.rot90  {  transform: rotate(90deg); }
.rotm90  {  transform: rotate(-90deg); }