/* parametric stylesheet APX v0.000  */





:root {
    
    
     
    
    
    
    /* FIX SWITCH */
    
    

        
        
    
    
            
    /* AIhub */
    
    
    
    
    --highlight:   #ff005d;    /* pink    */
    
    --ultralight:  #eaeef0;    /* ultralight grey    */
    --light:  #dde5e9;    /* light grey    */
    --medium:  #bcccd3;    /* medium grey       */
    --base:  #4b6878;    /* base grey  */
    
    
    
 

 
          
    
    
    /* Robohub */
        
    
    
    
    --highlight:   #0096ff;    /* pink    */
    
    --ultralight:  #eceee9;    /* ultralight grey    */
    --light:  #e0e5de;    /* light grey    */
    --medium:  #bfccc8;    /* medium grey       */
    --base:  #03353c;    /* base grey  */
    
    
    
    
       

    
    
        

        

 
    


    
    
    
    
    

    
    
    /*    common     */
    
    --dark:  #0e1d29;    /* darl grey  */
    --maintext: #333   ; 

    
    
    
    
    
}








/* base & text */




@media 
(-webkit-min-device-pixel-ratio: 2)    and (min-width: 1200px)    , 
(min-resolution: 192dpi)               and (min-width: 1200px)

{ 
    /* Retina-specific stuff here */

	body {
  zoom: 120%;
}

}








	html  {     font-size: 90%; }

    @media print{   	html  { font-size: 70%; }    }
        
	body {
        
        
        
        /*
        transform: scale(1.5);
        transform-origin: top;
        */
        
        min-width:320px;
        
        
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        
        font-size: 1.0em; 
        line-height: 1.5em;
        
        display: flex;
        min-height: 100vh;
        flex-direction: column;
        
        margin:0; padding:0;  
        
        background-color: var(--ultralight);  
        color: var(--maintext);}


    .wrap {flex: 1;}



hr.title {border-top: 1px solid #dde5e9;}


	 a:link,  a:visited {text-decoration:none; color: var(--base); transition: all 0.25s ease-in-out;  }
	 a:hover 			{ text-decoration:none; color: var(--highlight);}




h1 , h2 , h3 , h4 { text-decoration:none;   font-weight: 700; margin:0px ;   }
 a h1 , h2 , h3 , h4 {}

strong {}


p {  }

h1 {    font-size: 1.75em;  line-height: 1.25em;}
h1 a:link {}
h1 a:visited {}
h1 a:hover {}

h2 {    font-size: 1.4em; line-height: 1.4em;} 
h2 a:link { }
h2 a:visited { }
h2 a:hover { }

h3 {    font-size: 1.15em; line-height: 1.35em;}
h3 a:link { }
h3 a:visited { }
h3 a:hover { }


h4 {    font-size: 1.0em;     }
h4 a:link {  }
h4 a:visited { }
h4 a:hover { }

h5 {    font-size: 1.0em;     }

.minitext {font-weight: 400; font-size:0.95em; opacity: 0.6;}
.minitext a {font-style: italic; font-weight: 900;}

.minitext strong  {font-weight: 400; }


/*
.ftw {color:var(--ultralight);  } 
.ftw a:link {color:var(--ultralight);   }
.ftw a:visited {color:var(--ultralight);   }
.ftw a:hover {color:var(--ultralight);  }



.singlepost .ftw {color:var(--ultralight);  } 
.singlepost .ftw a:link {color:var(--ultralight);   }
.singlepost .ftw a:visited {color:var(--ultralight);   }
.singlepost .ftw a:hover {color:var(--ultralight);  }
*/





.ftw {color:#fff;  } /* font color white */
.ftw a:link {color:#fff;   }
.ftw a:visited {color:#fff;   }
.ftw a:hover {color:#fff;   }

.singlepost .ftw {color:#fff;  } /* font color white */
.singlepost .ftw a:link {color:#fff;   }
.singlepost .ftw a:visited {color:#fff;   }
.singlepost .ftw a:hover {color:#fff;   }





blockquote {
    
    font-style: italic;
    color:var(--base);
    border-left: 1em solid var(--ultralight);

    margin: 3em 1em 3em 0em;
    padding: 1em 3em; 

}



.bakf {background:#fff;}
.bakbase {background:var(--base);}
.bakdark {background:var(--dark);}


.uwrap      {border-bottom: 1px solid  var(--light); }

.headerwrap {border-bottom: 1px solid  var(--light);border-top: 0.5em solid  var(--base);   transition: all 0.75s ease-in;  
    z-index: 9000 ; position: relative; } 



.footerwrap {background:  var(--medium);}










.eptagroll {padding: 5px 10px 5px 10px; background: #03353c; display: inline-block; float:left; min-height: 70px; z-index: 5100; position: relative; }


.epdescroll {padding:0px; min-height: 70px; width: 35px;  background: #bcccd3; float:left;  margin: 0px 0px 0px 5px; font-size: 0.9em; z-index: 5100; position: relative;  }


.epdesc {padding:0px; min-height: 100px; width: 35px;  background: #bcccd3; float:left;  margin: -30px 0px 0px 5px; }


.eptag {padding: 10px 10px 10px 10px; background: #03353c; float:left; margin: -30px 0px 0px -10px; min-height: 100px; }

@media (min-width: 990px) {	
    
.eptag {padding: 20px 10px 10px 10px;   margin: -30px 0px 0px -15px; }
     }






.subtitle {}
.subtitle h1 { font-size: 2.25em;  font-weight: 700; line-height: 1.25em; padding: 0.75em 0px;   }

@media print{   	.subtitle h1 { padding:0px;   }   }



.singlepost { line-height: 1.85em; font-size:1.1em;  }

.singlepost div {max-width: 100%;}

.singlepost h1 { font-size: 2.25em;  font-weight: 700; line-height: 1.25em; padding: 1.5em 0px; color: var(--base);  }
.singlepost h2 { font-size: 1.75em;  font-weight: 700; line-height: 1.25em; padding: 1.1em 0px; color: var(--base);  }
.singlepost img { display:block;  margin-bottom: 1.25em; }

.singlepost  a:link,  a:visited {text-decoration:underline;  }
.singlepost  a:hover 			{ text-decoration:underline;}


.singlepost .imglnk a:link,  a:visited {text-decoration:none;  }
.singlepost .imglnk a:hover 			{ text-decoration:none;}

.wp-caption-text {    font-weight: 400; font-size:0.9em; opacity: 0.5; margin: -1em 0em 1.5em 0em;   }
.singlepost .quicklatex-auto-format {display:inline-block; }



.alignleft  {max-width: 100% ; float:none; margin-right: 0em; margin-top: 0em;}
.alignright {max-width: 100% ; float:none; margin-right: 0em; margin-top: 0em;}


@media (min-width: 550px) {	
.alignleft {max-width: 45% ; float:left; margin-right: 2em;   margin-top: 0.5em;}
.alignright {max-width: 45% ; float:right; margin-right: 2em;  margin-top: 0.5em;}
}


@media print{   	.singlepost h1 { padding:0px;   }   }





.postroll {margin-bottom: 20px;}


.postrollimgcont    { width:100%;  height: 400px;    overflow: hidden; position: relative; z-index: 4000; transition: all 1s; }

.postrollimg { background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%;  height: 400px;  
    transition: all 0.2s;  box-shadow: 0 0 150px rgba(0,0,0,0.25) inset; }
.postrollimg:hover {    transform: scale(1.02); }


.postrollvartshadow {background-image:url(/wp-content/themes/apx/_images/shadow.png) ;  background-size:100% 100%; background-position:top center; background-repeat:no-repeat; width:100%;  height: 40px;}

.postrollvardshadow {background-image:url(/wp-content/themes/apx/_images/shadowx.png) ;  background-size:100% 100%; background-position:top center; background-repeat:no-repeat; height: 20px; max-width: 730px; width: 98%; margin-top: -170px; opacity: 0.25; }


.postrollcont {min-height: 240px; max-width: 720px;   width: 90%; border: 1px solid var(--ultralight); background:#fff; z-index: 5000; position: relative; }

.postrollmid {font-size:1.05em;}

.postrollt {border-top: 1px solid  var(--medium); margin-top: 5px;}







.supporters      {padding: 3em 0px;  border: 0px solid #ddd;   }
.supporterstxx    {padding: 3em 0px;  border: 0px solid #ddd;   }

.supporterst1 { padding: 1.5em 0px;  }
.supporterst2 { padding: 2.5em 10px; border-top:1px solid #eee;  }

.supporterst1 img { width:31%;  max-width:225px; min-width: 160px; margin: 1%;  }
.supporterst2 img { width:17%;  max-width:175px; min-width: 110px;  }

.supporterst1x { padding: 2em 0px 2em 4em; border-top:1px solid #eee;}
.supporterst2x { padding: 2em 0px 2em 4em; border-top:1px solid #eee; border-bottom:1px solid #eee;   }

.supporterst1x img { max-width:220px; min-width: 150px;  margin:1.7em auto ;   }
.supporterst2x img { max-width:175px; min-width: 100px;  margin:1.7em auto ; }


.supporterstxx img { /*     border: 1px solid #ddd;     */
    
    padding: 2px 20px; display: block ;
    
  -webkit-border-radius:5px;
  -moz-border-radius: 5px;
   border-radius:  5px; }



.supporterstxr img { width:48%; max-width:350px; min-width: 200px;  margin: 1%;}





/*    vftag     */

#vftag  { width: 240px; height:48px; border:none ;  padding:0px 40px 0px 0px; float:right; }
#vftag a{ width: 240px; height:48px; background: url(/wp-content/themes/apx/_images/vftag_a.png) 0px 0 no-repeat;background-size:240px 96px; float:right;opacity: 1; }
#vftag a:hover{ background: url(/wp-content/themes/apx/_images/vftag_a.png) 0px -48px no-repeat; background-size:240px 96px; opacity: 1;}
#vftag a:link, a:visited { transition: all 0s ease-in-out; }
















/* formatting */



::-moz-selection { /* Code for Firefox */
    color: #fff; 
    background:  var(--highlight);
}

::selection {
    color: #fff; 
    background:  var(--highlight);
}






/* ============= scrollbar */


/* width */
::-webkit-scrollbar {
    width: 15px;
	background:  var(--medium);
}

/* Track */
::-webkit-scrollbar-track {
    background:  var(--medium); 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background:  var(--base); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background:  var(--highlight); 
}
	










/* search form styles */

.searchform  {  }

.searchform input {padding:5px; display: inline-block; font-size: 1.1em; }


.searchform input:focus { border:  1px solid  var(--highlight);outline: none;}


.searchtext { border:none; border:  1px solid  var(--medium); width:100%; max-width: 200px; }
.searchbtn { border: 1px solid var(--medium); width:23%; max-width: 100px; cursor: pointer; font-weight: bold;  
    color:var(--base); background: var(--ultralight);}
.searchbtn:hover {   color:var(--ultralight); background: var(--base);}


.searchform input:focus { }





















/*  optional navbar after scroll -- this + script + html on header */

#navbar {
 background-color: #fff;
  position: fixed;
  top: -56px; 
  width: 100%; 
  transition: top 0.3s; 
    
   z-index: 8000 ;
    
    
 /*   -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.50); 
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.50);  
    */
	 box-shadow: 1px 1px 20px rgba(0,0,0,0.250);
    
}



.navr {line-height: 55px; font-weight: bold; float: right;}
.navr li {list-style-type: none; display: inline-block; margin-left: 20px; }

.navr .up {font-weight: bold; margin-left: 20px; font-size: 2em; }













/* expand-contract div (ex mobile menu) -- this + jquery + script + html on header*/


/*
#expandspace 
{
    background: #ccc;
}


#expandspace_toggle 
{
    background: #ff0000;
}

#expandspace_toggle:hover 
{
    background: #ff0;
}
/*