/* parametric stylesheet APX v0.000  */





:root {
    
    
    --mainbak:#fff;
    --marker:#000;
    --highlight: #ddd ; 
    --maintext: #333 ;    
    
    
    --yellow: #f7e500 ;    
    --purple: #9b00ff ;    
    
}








/* base & text */





 /* Retina-specific 
@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%; }
}
*/ 






/*

.outfit-<uniquifier> {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}




.manrope-<uniquifier> {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

*/












	html  {
        
        font-size: 100%; 
}
        
	body {
        
        
        min-width:420px;
        
        
        
        
        font-family: "Manrope", sans-serif;
        font-weight: 300;
        /*
        letter-spacing: .035rem;
        word-spacing: .07rem;
        */
        font-size: 1.1em; 
        line-height: 1.25em;
        
        display: flex;
        min-height: 100vh;
        flex-direction: column;
        
        margin:0; padding:0;  
        
        background-color: var(--mainbak);  
        
        
        color: var(--maintext);
}


/*
@media (max-width: 640px) {
  body {
    transform: scale(0.9);
    transform-origin: top left;
  }
}
*/


    .wrap {flex: 1;  max-width: 100%;}









	 a:link,  a:visited {
         
         text-decoration:none; 
         color: var(--marker); 
         transition: all 0.5s ; 
}
	 a:hover 			{
         
         text-decoration:none; 
         color: var(--purple); 
         
         /*
         
           background: -webkit-linear-gradient(var(--purple), var(--yellow));
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
         */

}


.alx {  text-decoration:underline; }




strong {font-weight: 900; }

p {  }

h1 {     font-size: 1.75em; line-height: 1.25em ; margin: 0px;    font-weight: 100;}
h1 a:link {}
h1 a:visited {}
h1 a:hover {}

h2 {    font-size: 1em;       font-weight: 600; margin: 0.5em 0px;  } 
h2 a:link { }
h2 a:visited { }
h2 a:hover { }

h3 {        font-weight: 300; }
h3 a:link { }
h3 a:visited { }
h3 a:hover { }


h4 {}
h4 a:link {  }
h4 a:visited { }
h4 a:hover { }







.main {line-height: 1.5em; font-weight: 400;  font-size: 1.05em; }

.main img {max-height: 1000px; width:auto; height: auto; }


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











.singlepost  img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}







.L1a {  display: block; text-align:left; margin: 1em 1em 0em 0em;}
.L1b {  display: block; text-align:left; margin: 0em 1em 0em 0em;}


.L1xmenu li { list-style-type: none; display: block; margin: 0.5em 0em 0em 0em;}


.L1xmenu { font-weight: 700 ; font-size: 1.25em;  }
.Luxmenu li { list-style-type: none; display: inline-block; margin: 1em 1em 0em 0.5em;}
.Luxmenu { font-weight: 500 ; font-size: 1.0em;  }
.current-menu-item a {color:var(--purple); }




@media (min-width:  600px) { 

.L1xmenu li { list-style-type: none; display: block; margin: 1em 0em 0em 2em;}
    
.L1a {  display: inline-block; margin: 0.75em 0em 0em 0em;}
.L1b {  display: inline-block; margin: 0.75em 0em 0em 0em;}
    

}
@media (min-width:  1010px) { 
    
    
.L1xmenu {  font-size: 1.5em;  }
        
.L1a {  display: inline-block; margin: 0em 0em 0em 0em; text-align:right;}
.L1b {  display: inline-block; margin: 0em 0em 0em 0em; text-align:right;}
    
.L1xmenu li { list-style-type: none; display: inline-block; margin: 2.50em 0em 0em 1.15em;}

}
@media (min-width: 1380px) { 
    
.L1xmenu li { list-style-type: none; display: inline-block; margin: 2.50em 0em 0em 2em;}

}
@media (min-width: 1510px) { 
    
    
.L1xmenu li {  margin: 2.50em 0em 0em 3em;}

}






.ftw {color:#fff;  } /* font color white */
.ftw a:link {color:#fff;   }
.ftw a:visited {color:#fff;   }
.ftw a:hover {color:var(--yellow);  }







.yellow {color:var(--yellow);  }
.purple {color:var(--purple);  }

.green  {color : #19d700 ;}





.outfit {
  font-family: "Outfit", sans-serif;
}





.cat {
    
        font-family: "Outfit", sans-serif; 
        font-weight: 700 ; 
        font-size: 3em;   
       
    
    background-image: linear-gradient(var(--highlight), var(--highlight) );
    color: transparent;
    background-clip: text;
         transition: all 0.25s ; 
    
}





@media (min-width: 720px) {	

.cat {
    
}

    
}



.catbold li {  
        font-family: "Outfit", sans-serif; 
    
        font-size: 1.15em;
        font-weight: 900 ;    }



.bakblur         {  transition: all 0.5s ; border: 2px solid #fff; }
.bakblur:hover   {
                        filter: blur( 0px) ;  border:  2px solid var(--purple) ;
}







.drange {min-width: 90px;  }










hr {
    border: none; /* Remove default border */
    height: 2px; /* Set the height of the line */
    background: linear-gradient(to right, #ddd, #fff); /* Apply gradient */
}




/*    vftag     */

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












/* formatting */














/* formatting */



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

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






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


/* width */
::-webkit-scrollbar {
    width: 10px;
	background:  var(--mainbak);
}

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

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

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










/* search form styles */

.searchform  {  }

.searchform input {padding:2px; display: inline-block; font-size: 0.9em; margin-top: -3px;
    /*
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;
*/

}

.searchtext { border:none; border-bottom:  1px solid #aaa; width:75%; max-width: 200px; }
.searchbtn { border: 1px solid #aaa; width:23%; max-width: 100px; cursor: pointer; font-weight: bold;  color:#aaa; background: #fff;}
.searchbtn:hover {  color:#fff;}











.p404 {
    
    text-align: center;
    padding: 10vh 50px ;
}












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

#navbar {
 background-color: #fff;
  position: fixed;
  top: -70px; 
  width: 100%; 
  transition: top 0.3s; 
    
   z-index: 8000 ;
    
    
	 box-shadow: 1px 1px 50px 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; }




.navf {}
.navf li {list-style-type: none; padding: 0.25em 0px; }

.navf .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: #c4ffc3;
}

#expandspace_toggle:hover 
{
    background: #fbc3ff;
}
















/* accordion*/

/*
.accordion {
  background-color: #fff;
  color: var(--xcm_darkblue);
  cursor: pointer;
  padding: 1em 1em 1em 0px;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--xcm_darkbak);
  text-align: left;
  outline: none;
  font-size:  1.2em;
  line-height:  1.2em;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #fff;
  color: var(--xcm_blue);
  border-bottom: 1px solid var(--xcm_blue);
}

.panel {
  padding: 0.5em 1em 0em 0em;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


*/