/* CSS Document contains general styles, which are used for both main homepage and blog */

/**** GLOBALS *****/
/******************/


@font-face {
	font-family: 'Roboto-Regular';
	src: url(../fonts/Roboto-Regular.ttf);			
  }
  
  @font-face {
	font-family: 'Roboto-Medium';
	src: url(../fonts/Roboto-Medium.ttf);			
  }
  
  
  @font-face {
	font-family: 'Roboto-Light';
	src: url(../fonts/Roboto-Light.ttf);			
  }
  
  /* font-3 */
  
  
  /* font-4---- */
  
  @font-face {
	font-family: 'OpenSans-Light';
	src: url(../fonts/OpenSans-Light.ttf);			
  }
  
  @font-face {
	font-family: 'OpenSans-Regular';
	src: url(../fonts/OpenSans-Regular.ttf);			
  }
  
  @font-face {
	font-family: 'OpenSans-Bold';
	src: url(../fonts/OpenSans-Bold.ttf);			
  }
  
  @font-face {
	font-family: 'OpenSans-SemiBold';
	src: url(../fonts/OpenSans-SemiBold.ttf);			
  }
  
  @font-face {
	font-family: 'OpenSans-ExtraBold';
	src: url(../fonts/OpenSans-ExtraBold.ttf);			
  }
  
  /* ------------- */
  
  /* font-5---- */
  
  @font-face {
	font-family: 'Kanit-Regular';
	src: url(../fonts/Kanit-Regular.ttf);			
  }
  
  @font-face {
	font-family: 'Kanit-Medium';
	src: url(../fonts/Kanit-Medium.ttf);			
  }
  
  
  @font-face {
	font-family: 'Kanit-Bold';
	src: url(../fonts/Kanit-Bold.ttf);			
  }
  
  @font-face {
	font-family: 'Kanit-SemiBold';
	src: url(../fonts/Kanit-SemiBold.ttf);			
  }
  
  /* ------------- */
  
  
  @font-face {
	font-family: 'Athletics-Regular';
	src: url(../fonts/Athletics.html\ Regular.otf);			
  }
  
  @font-face {
	font-family: 'Athletics-Medium';
	src: url(../fonts/Athletics.html\ Medium.otf);			
  }
  
  
  @font-face {
	font-family: 'Athletics-ExtraBold';
	src: url(../fonts/Athletics.html\ ExtraBold.otf);			
  }
  
  @font-face {
	font-family: 'Athletics-ExtraBold Italic';
	src: url(../fonts/Athletics.html\ ExtraBold\ Italic.otf);			
  }
  
  @font-face {
	font-family: 'Athletics-Bold';
	src: url(../fonts/Athletics.html\ Bold.otf);			
  }
  
  @font-face {
	font-family: 'Athletics-Bold-Italic';
	src: url(../fonts/Athletics.html\ Bold\ Italic.otf);			
  }
  
  @font-face {
	font-family: 'Athletics-Black';
	src: url(../fonts/Athletics.html\ Black.otf);			
  }
  
  @font-face {
	font-family: 'Athletics-Black-Italic';
	src: url(../fonts/Athletics.html\ Black\ Italic.otf);			
  }
  
  /* font-6 */
  
  
  :root{
	--red:#ea252e;
	--org:#FCA038;
	 --blue:#147FC3;
	--yellow:#FFEA00;
	--roboto:Roboto-Regular;
	--roboto-md:Roboto-Medium;
	--roboto-light:Roboto-Light;
  
	--ibm-rg:IBMPlexSans-Regular;
	--ibm-sb:IBMPlexSans-SemiBold;
	--ibm-md:IBMPlexSans-Medium;
   
	--sans-lg:OpenSans-Light;
	--sans-rg:OpenSans-Regular;
	--sans-md:OpenSans-Bold;
	--sans-sm-bd:OpenSans-SemiBold;
	--sans-ex-bd:OpenSans-ExtraBold;
  
	--kanit-rg:Kanit-Regular;
	--kanit-md:Kanit-Medium;
	--kanit-bold:Kanit-Bold;
	--kanit-sm-bold:Kanit-SemiBold;
  
	--ath-rg:Athletics-Regular;
	--ath-md:Athletics-Medium;
	--ath-eb:Athletics-ExtraBold;
	--ath-ebi:Athletics-ExtraBold-Italic;
	--ath-bold:Athletics-Bold;
	--ath-bolditalic:Athletics-Bold-Italic;
	--ath-black:Athletics-Black;
	--ath-blackitalic:Athletics-Black-Italic;
	
  
  }

  


  
  small {
	padding-left: 1rem;
  }
  
  form {
	border: none;
  }
  
  /**** CONTAINERS *****/
  /*********************/
  #container {
	position: relative;
	margin: auto;
	margin-top: 0;
	width: 100%;
	max-width: 1000px;
	max-height: 900px;
	overflow: hidden;
  }
  
  #content {
	padding-top: 1px;
  }
  
  /******* INSIDE content *******/
  /*****************************/
  #content > li {
	font-size: 1.25em;
  }
  
  .content-slideshow {
	position: relative;
	margin: 0;
	top: 2px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 600px;
	overflow: hidden;
  }

  .gall-container p{
	font-family: var(--ath-rg)!important;
	font-size: 20px!important;
	color: #000!important;
  }

  .back-media{
	padding: 0px 10%;
  }

  .back-media  i{
	color: #000;
	font-size: 30px;
  }

  .back-media a:hover i{
	color: var(--blue);
	transform: translateX(-10px);
	transition: all .2s linear;

  }
  
  /******* alignment classes******/
  /*****************************/
  .fluid {
	width: 100%;
	height: auto;
  }
  
  .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
  
  .aligncenterflex {
	display: flex;
	margin-left: auto;
	margin-right: auto;
  }
  
  .aligncenter {
	display: block;
	margin: auto;
	margin-top: 2px;
	padding: 0px;
  }
  
  /******* flexgrid ************/
  /*****************************/
  .flex-horizontal {
	display: flex;
	flex-direction: row;
  }
  
  .flex-vertical {
	display: flex;
	flex-direction: column;
	width: 100%;
  }

  .mibreit-thumbElement img{
	background-position: center;
	object-fit: cover;
	object-position: center; 
  }

  .mibreit-center-box img{
	 width: 1000px;
	/* height: 100%!important;  */
	background-position: center;
	object-fit: cover;
	object-position: center; 
  }


 .gall-container{
	padding: 0px 5%;
  } 

  /* .sticky {
    background: #fff !important;


    
}

.menu-sticky {
    
    background: #fff !important;
} */


@media(max-width:768px){
	.mibreit-center-box img{
		width: 100%!important;
		height: 100%!important;
		object-fit: 100%!important;
	 }

	 .content-slideshow {
		min-height: 300px;
		overflow: hidden;
	}

	.mibreit-imageElement {
    position: absolute;
    padding: 0;
    overflow: hidden;
    z-index: 10;
    width: 100%;
    height: 100%;
}


   
}


@media(max-width:600px){
	
body{

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.mibreit-fullscreen {
   height: 400px!important;
}

}
  .mibreit-slideshow{position:relative;left:0;margin:0 auto;width:100%;height:43rem;overflow:hidden}.mibreit-slideshow-title{position:relative;text-align:center}.mibreit-thumbview{position:relative;margin-left:auto;margin-right:auto;margin-top:1rem;width:100%;min-width:20rem;max-width:45rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.mibreit-slideshow-next{position:absolute;z-index:12;top:50%;right:0;opacity:0}.mibreit-slideshow-next svg{width:3rem;height:3rem;margin-top:-1.5rem}.mibreit-slideshow-previous{position:absolute;z-index:12;top:50%;opacity:0}.mibreit-slideshow-previous svg{transform:scaleX(-1);width:3rem;height:3rem;margin-top:-1.5rem}.mibreit-thumbview-previous{margin-right:.5rem;margin-left:.5rem}.mibreit-thumbview-previous svg{transform:scaleX(-1);width:3rem;height:3rem;fill:#727f88}.mibreit-thumbview-next{margin-right:.5rem;margin-left:.5rem}.mibreit-thumbview-next svg{width:3rem;height:3rem;fill:#727f88}.mibreit-regular-slideshow,.mibreit-regular-thumb,.mibreit-regular-title{position:relative}.mibreit-fullscreen{position:fixed;box-sizing:border-box;background-color:#181818;overflow:hidden;top:0;padding:1rem;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;z-index: 1000;}.mibreit-fullscreen .width-100{width:100%}.mibreit-fullscreen .flex-grow-1{flex-grow:1}.mibreit-fullscreen .flex-grow-0{flex-grow:0}.mibreit-enter-fullscreen-button{position:absolute;z-index:12;width:2rem;height:2rem;right:.25rem;top:.25rem;opacity:0}.mibreit-fullscreen>.exit-fullscreen{position:absolute;z-index:12;width:3rem;height:3rem;right:1rem;top:1rem}.mibreit-fullscreen>.exit-fullscreen>svg{opacity:.75}.mibreit-imageElement{position:absolute;padding:0;overflow:hidden;z-index:10;width:100%;height:100%}.mibreit-center-box{display:flex;flex-direction:column;width:100%;height:100%}.mibreit-imageElement img{margin:auto;padding:0;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:100%;white-space:nowrap;overflow:hidden;flex-shrink:0}.mibreit-imageElement h3{margin-left:-4000px}.mibreit-contextMenu{position:absolute;width:100%;height:100%;padding-left:.5rem;padding-right:.5rem;z-index:11;text-align:center;font-size:1.5rem;background-color:#79756f}.mibreit-thumbs{overflow:hidden;display:flex;flex-direction:row}.mibreit-thumbs-scroller{position:relative;display:flex;flex-direction:row}.mibreit-thumbElement{position:relative;padding:.5rem;width:5rem;height:5rem;flex-shrink:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.mibreit-thumbElement:hover{transform:scale(1.1)}.mibreit-thumbElement .mibreit-center-box{border:solid;border-width:1px;overflow:hidden}.mibreit-thumbElement img{margin:auto;padding:0;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:100%;white-space:nowrap;overflow:hidden;flex-shrink:0}