/* omnilib stylesheet APX v1.00  */





:root {
    
    
    --edge: 5px ;    
    --paddingx: 10px ;     /* the default value */
    
    
}







html, body {
    
  height: 100%;
  margin: 0;
    
  scroll-behavior: smooth;
}


 img {max-width:100%; height: auto;}







/* print specific */


@media print{
	
	a[href]:after{
    content: " [" attr(href) "] ";
    } 
}

    .printshow {display: none;}

@media print {

    .printhide {display: none;}
    .printshow {display: block;}
}




/* /.. */





	
.cst {text-align:center;}	
.lst {text-align:left;}	
.rst {text-align:right;}
.jst {text-align:justify;}
	
@media (max-width: 640px) {	.jst {text-align:left;} }

.rvlst {text-align:right;}
	
@media (max-width: 640px) {	.rvlst {text-align:left;} }




.uppercase {
  text-transform: uppercase;
}





.roundedge {

  padding: calc(var(--edge)* 3) ;

  -webkit-border-radius: var(--edge);
  -moz-border-radius:  var(--edge);
   border-radius:  var(--edge);
	
	}

.shadow { 
	
	-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 5px rgba(0,0,0,0.50);
	 }


.boxshadowvertical {	 /* first top , second bottom*/
		
						
    -webkit-box-shadow: inset 0px  10px 20px -10px rgba(0,0,0,0.50), 
	 					inset 0px -10px 20px -10px rgba(0,0,0,0.50);	
						
    -moz-box-shadow:	inset 0px  10px 20px -10px rgba(0,0,0,0.50), 
	 					inset 0px -10px 20px -10px rgba(0,0,0,0.50);
	
	 box-shadow: 		inset 0px  10px 20px -10px rgba(0,0,0,0.50), 
	 					inset 0px -10px 20px -10px rgba(0,0,0,0.50);

 }	


.boxshadowtop {		
		
    -webkit-box-shadow: inset 0px  10px 20px -10px rgba(0,0,0,0.50);	
    -moz-box-shadow:	inset 0px  10px 20px -10px rgba(0,0,0,0.50);
	 box-shadow: 		inset 0px  10px 20px -10px rgba(0,0,0,0.50);

 }	


.boxshadowbottom {		
		
    -webkit-box-shadow: inset 0px -10px 20px -10px rgba(0,0,0,0.50);
    -moz-box-shadow:	inset 0px -10px 20px -10px rgba(0,0,0,0.50);
	 box-shadow: 		inset 0px -10px 20px -10px rgba(0,0,0,0.50);

 }	




.multiply {

  mix-blend-mode: multiply;
}


.screen {

  mix-blend-mode: screen;
}


.normal {

  mix-blend-mode:normal;
}


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



.flr {float: right ;}






.hidmobilex {display:none;}

@media (min-width: 720px) {	.hidmobilex {display:inline-block;} }



.hidmobile {display:none;}

@media (min-width: 720px) {	.hidmobile {display:block;} }


.hidhires {display:block;}

@media (min-width: 720px) {	.hidhires {display:none;} }






.hidmobile990 {display:none;}

@media (min-width: 990px) {	.hidmobile990 {display:block;} }


.hidhires990 {display:block;}

@media (min-width: 990px) {	.hidhires990 {display:none;} }











/* //////////////////////////// video embed code ///////////////////// */

/* vimeo legacy code - fix posts then remove */
.youtube-player {width:100%; height: 100%;}
@media (min-width:  720px) { .youtube-player { height:480px; } }
@media (min-width:  990px) { .youtube-player { height:320px; } }
@media (min-width: 1380px) { .youtube-player { height:400px; } }
@media (min-width: 1510px) { .youtube-player { height:600px; } }







.keep-aspect {
   position: relative;
   height: 0;                      /* height / width * 100% = 315 / 560 * 100% = 56.25% */
   padding-top: 56.25%;
}

.keep-aspect iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    
.xVideo {
  min-width: 100%; 
  min-height: 100%;
  width: 100%; 
    
}
  
/* //////////////////////////// video embed code ///////////////////// */  






























/* layout */






/* FLEX ROW code */

   .row {
      display: flex;
      justify-content: space-between;
    }

    .left, .middle, .right {
      flex-grow: 1;
    }

    .leftd, .middled, .rightd {
      flex-grow: 1;
    }

    .middle {
        
      width:100%; max-width:1600px; min-width:320px;
      margin: 0 auto; /* Align the middle div in the center */
    }


@media (min-width: 990px) {	
    
    .middle {
        
      width:95%; max-width:1600px; min-width:320px;
      margin: 0 auto; /* Align the middle div in the center */
    }
    
     }
   

    /* Optional: Add some styling for better visualization */
    .left, .middle, .right {
        
    /*    
      padding: 20px;
      background-color: #f0f0f0;
      border: 1px solid #ccc;
      */  
        

        
    }

    .left {
        
    background:  url(/wp-content/themes/apx/_images/latgrad.png) ; 
    background-position: center right; 
    background-repeat: repeat-y; 
    background-size: 40px 100%;     
    opacity: 0.05; 
         mix-blend-mode: multiply;
}


    .right {
        
    background:  url(/wp-content/themes/apx/_images/latgradr.png) ; 
    background-position: center left; 
    background-repeat: repeat-y; 
    background-size: 40px 100%;     
    opacity: 0.05; 
         mix-blend-mode: multiply;
}

    .leftd {
        
    background:  url(/wp-content/themes/apx/_images/latgrad.png) ; 
    background-position: center right; 
    background-repeat: repeat-y; 
    background-size: 40px 100%;     
    opacity: 0.95;  
        mix-blend-mode: multiply;
}


    .rightd {
        
    background:  url(/wp-content/themes/apx/_images/latgradr.png) ; 
    background-position: center left; 
    background-repeat: repeat-y; 
    background-size: 40px 100%;     
    opacity: 0.95; 
         mix-blend-mode: multiply;
}




/* 1 DO NOT EDIT */
@media (min-width: 720px) {	


  .middle {  width:85%; }
    
}



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

  .middle {  width:98%; }
 
}



/* 3 DO NOT EDIT */
@media (min-width: 1350px) {	   

    }



/* /FLEX ROW code */



















  .inner { margin:0 auto; width:95%; max-width:1440px; min-width:320px;}


  *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

  .clearfix:before,
  .clearfix:after {content: " "; display: table; clear: both; }
  /*.clearfix {  *zoom: 1; }*/


  .col   {  padding: 0px; margin: 0px; } 
  
  .pdx {padding: var(--paddingx)}
  .pdx2 {padding:calc( 2 * var(--paddingx))}


  .pdx3 {padding:calc( 1 * var(--paddingx))}

  .pdx5 {padding:calc( 5 * var(--paddingx))}

  .pdx5x {padding:calc( 1 * var(--paddingx)) calc( 5 * var(--paddingx)) }



.pdxbox {    padding: 0.5em; }
.pdxbigv {    padding: 1em 0em 1em 0em;}



.pdxside { padding-right: 2em; }



  .pdxframe {padding:  10px 10px }
  .pdxframetx {padding:  0px 5px   0px 5px }

@media (min-width: 720px) {	
    
  .pdxbox {    padding: 1.5em; }
    
  .pdx3 {padding:calc( 3 * var(--paddingx))}


  .pdxframe {padding:  10px 25px }
  .pdxframetx {padding:  10px 35px }

    }

@media (min-width: 1200px) {	
    
    
  .pdx3 {padding:calc( 3 * var(--paddingx))}


  .pdxframe {padding:  10px 25px }
  .pdxframetx {padding:  10px 35px }

    }






  .pdxvx {padding:calc( 0 * var(--paddingx)) calc( 5 * var(--paddingx)) }


  .pdxww {padding: 0px calc( 3 * var(--paddingx))0px calc( 3 * var(--paddingx)) }

  .pdxw {padding: 0px var(--paddingx) 0px var(--paddingx)}
  .pdxv {padding: var(--paddingx) 0px var(--paddingx) 0px }


/*----------------------------------------------------------------------------------------------------------------------------*/
/* - 1234 raw */
/*----------------------------------------------------------------------------------------------------------------------------*/



.footerhalfr { width: 50%; float:right; }
.footerhalfl { width: 50%; float:left; }


  .col.halfx { width: 50%;  }
  .col.halfx2 { width: 100%;  }
  .col.fourthx { width: 50%; float: left;}



/* 1 DO NOT EDIT */
@media (min-width: 720px) {	
	
    
  .inner {  width:85%; }
	
  .col { float: left; }
  
  .col.full { width: 100%;   }
  .col.half { width: 100%;  }
  .col.halfx { width: 50%;  }
  .col.halfx2 { width: 50%;  }
  .col.two-thirds { width: 100%;  }
  .col.third { width: 100%;   } 
  .col.fourth { width: 50%; }
  .col.fourthx { width: 25%; }
  .col.two-fourths { width: 100%;   }
  .col.fifth { width: 50%; }

}



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


  .col { float: left; }
  
  .col.full { width: 100%; }
  .col.half { width: 50%; }
  .col.two-thirds { width: 66.666%; }
  .col.third { width: 33.333%;   }
  .col.fourth { width: 50%;  } 
  .col.fifth { width: 19%; }

}



/* 3 DO NOT EDIT */
@media (min-width: 1350px) {	
	

  .colx { float: right; display:inline-block; width: 55%; }
  
    
  .col.two-thirds { width: 66.666%; }
  .col.third { width: 33.333%; }
  .col.fourth { width: 25%; }
  .col.two-fourths { width: 50%;   }
  .col.fifth { width: 20%; }
	
}


/* end - layout */




.square {
    /*
  width: 25%;
  background: #ccc;
  display: inline-block;
    */
  aspect-ratio: 1 / 1; 
}



.fourththree {
    /*
  width: 25%;
  background: #ccc;
  display: inline-block;
    */
  aspect-ratio: 4 / 3; 
}