/* parametric stylesheet APX v0.000  */





:root {
    
    
    --mainbak:#fff;
    --marker:#00288e;
    --highlight: #0000ff ; 
    --maintext: #333 ;   
    
    --zgrey: #e5eaf8 ;   
    --lgrey: #b2bedd ;    
    --dgrey: #7c97db ;    
    
    
    
    --yellow: #ffa700 ;    
    
    --green: #008e07 ;    
    
    --cyan: #00c3d4;
    
    --grey: #999999;
    
    
}








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









	html  {
        
        font-size: 100%; 
}
        
	body {
        
        
        
        /*
        transform: scale(1.5);
        transform-origin: top;
        */
        
        min-width:320px;
        
        
        font-family: 'Inter', 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(--mainbak);  
        color: var(--maintext);


}






    .wrap {
        
        flex: 1;

        background: #f9f9f9  url(/wp-content/themes/apx/_images/bak.png) ; 
        background-size: 100% auto; 
        background-position: bottom right ;
        background-repeat:no-repeat ;
        background-attachment: fixed;
        background-blend-mode: multiply;
        border-top: 5px solid var(--marker);


}





strong   { font-weight: 900; }
.thin     { font-weight: 100; }


hr {opacity: 0.25 ; }



	 a:link,  a:visited {text-decoration:none; color: var(--marker); }
	 a:hover 			{text-decoration:none; color: var(--highlight);}






p {  }

h1 {font-weight: 300; line-height: 1.25em;  margin: 5px 0px ;}
h1 a:link {}
h1 a:visited {}
h1 a:hover {}

h2 { font-weight: 500; margin: 5px 0px ; } 
h2 a:link { }
h2 a:visited { }
h2 a:hover { }

h3 { margin: 5px 0px ; font-weight: 400;  }
h3 a:link { }
h3 a:visited { }
h3 a:hover { }


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


.minitext {font-size: 0.9em;color:#666; }



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



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


.ftw hr {opacity:0.25 ;  }



.ftg {color:var(--dgrey);  } /* font color white */
.ftg a:link {color:var(--dgrey);   }
.ftg a:visited {color:var(--dgrey);   }
.ftg a:hover {color:var(--highlight);  }



.maincontent  a:link,  a:visited {text-decoration:underline; }
/*
*/






.L1utop { background: #ff0;  }

.L1utop a:link { font-weight: 900; padding: 10px 0px 10px 30px; line-height:auto;  }




.Lsubmenu a:link {  padding: 10px 0px 0px 10px; line-height:auto; }




.Ltlogo {    float:none ;  min-width: 250px;  }

.L1xmenu  {padding: 0px; float:none;     width:auto; text-align: center; border-top: 1px solid  var(--lgrey) ;  }
.L1xmenu a:link { font-weight: 900;font-size: 1.15em; padding: 10px 0px 0px 30px; line-height:auto; display:block; }


@media (min-width: 540px) {	

.Ltlogo {    float:left ;  min-width: 300px;  }

.L1xmenu  {padding: 15px 50px 0px 0px; float:right;     width:auto; text-align: right;  border-top:none; }
.L1xmenu a:link { font-weight: 900; font-size: 1.15em; padding: 5px 0px 0px 0px; line-height:auto; display:block; }
    
    
.Lsubmenu a:link {  padding: 10px 0px 0px 45px; line-height:auto; }

}


@media (min-width: 970px) {	

.L1xmenu  {padding: 30px 0px 0px 0px;  }
.L1xmenu a:link { font-weight: 900; font-size: 1.25em; padding: 10px 0px 0px 20px; line-height: 100px; display: inline-block;  }

}





.Lside  { padding: 0px 0px 0px 20px; }


.Lside li { list-style-type: none;   display: block; border-bottom: 1px solid var(--zgrey);  padding: 5px 0px; margin: 0px 0px 5px 0px; }
.Lside li:hover { border-bottom: 1px solid var(--highlight);  }


@media (min-width: 990px) {	
    
.Lside  { padding: 0px 0px 0px 50px; }
}



.Lfside li { list-style-type: none;   display: block; border-bottom: 1px solid rgba(255,255,255,0.15);  padding: 5px 0px; margin: 0px 0px 5px 0px; }
.Lfside li:hover { border-bottom: 1px solid rgba(255,255,255,0.25);  }






.gline {border-bottom: 1px solid var(--lgrey); }


.bline {border-bottom: 4px solid var(--zgrey); margin-bottom: 5px; }


.bakfooter  {background-image: linear-gradient( #00288e , #0a0a2a );}
.bakfooterd {background-image: linear-gradient( #050515 , #000 ); border-top: 1px solid rgba(0,40,142,0.5);}




.ftrsc .sub-menu {
  display: none ;
}



.introtext {padding:  60px 0px 40px 0px ;    font-weight: 300;}


.introtext li {padding:  5px 0px 10px 0px; }



@media (min-width: 990px) {	


.introtext {padding:  130px 0px 150px 0px ;    font-weight: 300;}

}




.evframe {min-height: 50px;} 
.evframe2 {min-height: 50px;} 

.evtag    { padding: 5px 10px;  color:#fff;   border-radius: 3px  0px  0px  3px ; font-size: 0.8em; font-weight: 700; }


.evtag1    { background:var(--green); }
.evtag2    { background:var(--cyan);  }
.evtag3    { background:var(--lgrey);  }

.evtagx    { background:var(--grey);  }

.evtagxp    { background:var(--zgrey);  }


.evtext    {  margin: 5px 5px 5px -15px; font-size: 0.8em;   }
.evtextd    {  margin: 5px 5px 5px 5px; font-size: 0.8em;   }

.evtext1    {  font-weight: 900; color:var(--green);  border-radius: 3px ;  padding: 4px 9px 4px 17px; border:1px solid var(--green); }
.evtext2    {  font-weight: 900; color:var(--cyan);  border-radius: 3px ;  padding: 4px 9px 4px 17px; border:1px solid var(--cyan);  }
.evtext3    {   font-weight: 900; color:var(--lgrey);  border-radius: 3px ;  padding:  4px 9px 4px 17px; border:1px solid var(--lgrey); }




.evtext1s    {   color:var(--green);  }
.evtext2s    {   color:var(--cyan);    }
.evtext3s    {   color:var(--lgrey);  }



@media (min-width: 1040px) {	

    .evframe {min-height: 350px;} 
    .evframe2 {min-height: 250px;} 
    
}
















/*    vftag     */

#vftag  { width: 200px; height:40px; border:none ;  padding:0px 0px 0px 0px; float:right; }
#vftag a{ width: 200px; height:40px; background: url(/wp-content/themes/apx/_images/vftag.png) 0px 0 no-repeat;background-size:200px 80px; float:right;opacity: 1; }
#vftag a:hover{ background: url(/wp-content/themes/apx/_images/vftag.png) 0px -40px no-repeat; background-size:200px 80px; opacity: 1;}












/* formatting */














/* 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(--mainbak);
}

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

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

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














/* x-vet login */


label {line-height:1.5em;}




input[type="checkbox"] { 
    
  float:right; 
  padding:10px; 
  width:30px; /*transform:scale(2, 2);*/
    
  height: 20px;
  width: 20px;
  background-color: #eee;


}


input[type="submit"] {  color:var(--marker); background: var(--zgrey); cursor: pointer; margin: 40px 0px 0px 0px;}
input[type="submit"]:hover { color: #fff ; background:var(--highlight) ; }


input {border:none; background-color:transparent; border:1px solid #e5e5e5; width:100%; line-height:1.5em; display:block; 
    margin: 5px 0px 30px 0px;
	 padding:10px;}

input:focus {background-color:transparent; border:1px solid #666; outline: 0; color:#000;}

textarea {background-color:rgba(255,255,255,0.5); border: none;  border-bottom:1px solid #e5e5e5; width:100%; line-height:1.5em; display:block; 
	margin:25px 0px 10px 0px; padding:10px;  }
textarea:focus {background-color:rgba(255,255,255,0.9); border: none;  border-bottom:1px solid #000; outline: 0; color:#000;}



input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */































/* search form styles */

.searchform  {  }

.searchform input {padding:10px; 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:  1px solid var(--lgrey); width:75%; max-width: 200px;   }
.searchbtn { border: 1px solid #aaa; width:23%; max-width: 100px; cursor: pointer; font-weight: bold;  color:var(--marker); background: var(--zgrey);}
.searchbtn:hover {  color: var(--highlight); background: #fff;}



































/*  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 ;
    
    
   -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.250); 
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.250);  
	 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: #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 {
    
    /*
    font-weight: 900;
  background-color: #ff0;
  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;
}





.active2 {
    
    /*
    font-weight: 900;
  background-color: #ff0000;
  color: var(--xcm_blue);
  border-bottom: 1px solid var(--xcm_blue);
    */
}



.active3 {
    
    /*
    
  background-color: #ff9999;
    font-weight: 100;
  color: var(--xcm_blue);
  border-bottom: 1px solid var(--xcm_blue);
    */
}



.sub-menu {
    
    font-weight: 400;
    margin-left: -2.0em; 
    
}


ul.sub-menu li:before {
  content: "› ";
}

.sub-menu li {
    border-bottom:none;
}


.sub-menu li:hover {
    border-bottom:none;
}





.menu-item-has-children.active2 .sub-menu {
  display: none;
}

.menu-item-has-children.active3 .sub-menu {
  display: block;
}