/*================
Mobile First START
================*/
/*~~~~~~~~~~~~~~~~
Custom tags START
~~~~~~~~~~~~~~~~*/
/*----------------
box tags START
----------------*/

/*Default Header Overrides*/
.boxSectionMenu {
  display: none;
  }

.boxLogo {
	display: none;
  }
	
.boxOnTheRight {
  display: none;
  }


.boxHomeSpacer {
	width: 4px;
  height: 4px;
  }

.boxHomeGalleryOuter {
  /*display: table; //Removed 20/04/2026*/
  box-sizing: border-box;
  width: 100%;
  }

.boxHomeGalleryInner {
  /*display: table; //Removed 20/04/2026*/
  box-sizing: border-box;
  width: 100%;
  background-color: #DDDDDD;
  position: relative;
  }

.boxHomeGalleryTitleFeatured {
  box-sizing: border-box;
  }
	
.boxHomeGalleryTitle {
	background-image: url(../images/site/background-light.png);
	background-attachment: fixed;
	position: relative;
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
  }

	.boxHPLogo {
		padding: 2px 0px 0px 0px;
		padding-bottom: 4px;
		text-align: center;
		}

	.boxHPTagline {
		width: 100%;
		display:block;
		text-align: center;
		/*border: 1px dotted red;*/
		/*height: 26px;*/
	 }

.boxHomeGalleryFeatured {
  box-sizing: border-box;
	display: block;
 }

.boxHomeGalleryRandomLatest {
	width: 100%;
	display: table;
}

	.boxHomeGalleryRandom {
		box-sizing: border-box;
		}

	.boxHomeGalleryLatest {
		box-sizing: border-box;
		}

	.boxHomeGalleryLatest12 {
		box-sizing: border-box;
		}

	.boxHomeGalleryLatest345 {
		box-sizing: border-box;
		}

.boxHomeGalleryFeatured, .boxHomeGalleryRandom, .boxHomeGalleryLatest1, .boxHomeGalleryLatest2, .boxHomeGalleryLatest3, .boxHomeGalleryLatest4, .boxHomeGalleryLatest5 {
  position: relative;
  box-sizing: border-box;
  background-position: center;
  background-size: cover;
	height: 80px;
	border-top: 2px solid black;
	vertical-align: top;
  }

.boxHomeGalleryRandom {
  box-sizing: border-box;
  position: relative;
  }

.boxHomeGalleryLatest1, .boxHomeGalleryLatest2 {
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
  }

.boxHomeGalleryLatest3, .boxHomeGalleryLatest4, .boxHomeGalleryLatest5 {
  box-sizing: border-box;
  position: relative;
  }

.boxHomeSections_Outer {
  box-sizing: border-box;
  width: 100%;
  /*display: table;*/
  position: relative;
  }

.boxHomeSections_Inner {
  box-sizing: border-box;
  width: 100%;
  display: table;
  /*position: relative;*/
  }

.boxHomeSection_Group1, .boxHomeSection_Group2 {
	box-sizing: border-box;
	width: 100%;
  }
	
.boxHomeSection_Group1 {
	min-height: 100px;
}

.boxHomeSection_Group1 {
	/*border: 2px dotted red;*/
	}

.boxHomeSection_Group2 {
	/*border: 2px dotted green;*/
	}

.boxHomeSection_Tech, .boxHomeSection_Code, .boxHomeSection_Art, .boxHomeSection_Games, .boxHomeSection_Build {
  box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
  background-attachment: fixed;
	border: none;
  position: relative;
	}

.boxHomeSection_Tech {
  background-image: url("../images/thumb/default_tech.png");
  border-bottom: 2px solid black;
  background-position: center;
  background-size: cover;
	background-attachment: unset;
	}

.boxHomeSection_Code {
  background-image: url("../images/thumb/default_code.png");
  border-bottom: 2px solid black;
  background-position: center;
  background-size: cover;
	background-attachment: unset;
  }

.boxHomeSection_Art {
  background-image: url("../images/thumb/default_art.png");
  border-bottom: 2px solid black;
  background-position: center;
  background-size: cover;
	background-attachment: unset;
  }

.boxHomeSection_Games {
  background-image: url("../images/thumb/default_games.png");
  border-bottom: 2px solid black;
  background-position: center;
  background-size: cover;
	background-attachment: unset;
  }

.boxHomeSection_Build {
  background-image: url("../images/thumb/default_build.png");
  background-position: center;
  background-size: cover;
	background-attachment: unset;
  }

	
.boxHomeSection_Description {
	background-color: rgba(255,255,255,0.65);
	position: relative;
	z-index: 100;
	pointer-events: none;
  }

/*----------------
box tags END
----------------*/

/*----------------
img tags START
----------------*/
.imgWelcome {
	width: 78px;
	height: 10px;
	display:block;
  }

.imgTagline {
	width: 218px; 
	/*height: 26px;*/ 
	}
	
.imgSection_Tech, .imgSection_Code, .imgSection_Build, .imgSection_Art, .imgSection_Games {
	width: 42px;
	height: 14px;
	}
/*----------------
img tags END
----------------*/

/*----------------
txt tags START
----------------*/
.txtHomeSection_Description {
	color: black;
	font-weight: bold;
	font-size: 10pt;
  }
/*----------------
txt tags END
----------------*/

/*----------------
lnk tags START
----------------*/
a .lnkHomeSection_Tech {
  background: rgba(0,92,0,0.50);
  }

a .lnkHomeSection_Code {
  background: rgba(128,0,128,0.50);
  }

a .lnkHomeSection_Art {
  background: rgba(0,0,128,0.50);
  }

a .lnkHomeSection_Games {
  background: rgba(0,77,77,0.50);
  }

a .lnkHomeSection_Build {
  background: rgba(108,31,31,0.50);
  }

a .lnkHomeSection_Tech:hover, a .lnkHomeSection_Code:hover, a .lnkHomeSection_Art:hover, a .lnkHomeSection_Games:hover, a .lnkHomeSection_Build:hover {
  background: rgba(255,255,255,0.250); 
  }

/*----------------
lnk tags END
----------------*/

/*~~~~~~~~~~~~~~~~
Custom tags END
~~~~~~~~~~~~~~~~*/
/*================
Mobile First END
================*/

/*================
Desktop 570 START
================*/
@media only screen and (min-width: 570px) {
	.boxHomeSpacer {
		width: 6px;
		height: 6px;
		}
		
	.boxHPLogo {
		padding-bottom: 8px;
		}

	.boxHPTagline {
		/*height: 39px;*/
	  }

  .boxHomeGalleryFeatured, .boxHomeGalleryRandom, .boxHomeGalleryLatest1, .boxHomeGalleryLatest2, .boxHomeGalleryLatest3, .boxHomeGalleryLatest4, .boxHomeGalleryLatest5 {
    border-top: 3px solid black;
		height: 120px;
    }

  .boxLogo {
    padding-bottom: 8px;
    }

	.boxHomeSection_Tech, .boxHomeSection_Code, .boxHomeSection_Art, .boxHomeSection_Games {
		border-bottom: 3px solid black;
		/*display: table-cell;*/
		/*width: 50%;*/
	  }


	.imgWelcome {
		width: 117px;
		height: 15px;
		}

   .imgTagline {
    width: 327px; 
    /*height: 39px;*/
    }

	.imgSection_Tech, .imgSection_Code, .imgSection_Build, .imgSection_Art, .imgSection_Games {
		width: 63px;
		height: 21px;
		}
}
/*================
Desktop 570 END
================*/

/*================
Desktop 700 START
================*/
@media only screen and (min-width: 700px) {
  .boxHomeGalleryLatest12 {
		display: table;
		width: 100%;
		}

	.boxHomeGalleryLatest1, .boxHomeGalleryLatest2 {
		width: 50%;
		display: table-cell;
		}
		
	.boxHomeGalleryLatest2, .boxHomeGalleryLatest5 {
		border-left: 3px solid black;
		}

  .boxHomeGalleryLatest345 {
		display: table;
		width: 100%;
		}

	.boxHomeGalleryLatest4, .boxHomeGalleryLatest5 {
		width: 50%;
		display: block;
		float: left;
		}

	.boxHomeGalleryLatest3 {
		width: 100%;
		display: block;
		}

}
/*================
Desktop 700 END
================*/

/*================
Desktop 780 START
================*/
@media only screen and (min-width: 780px) {
  .boxHomeGalleryTitleFeatured {
    width: 100%;
    display: table;
    }

  .boxHomeGalleryTitle {
		display: table-cell;
 	}

  .boxHomeGalleryFeatured {
		width: 100%;
		display: table-cell;
    height: 200px;
    border-left: 3px solid black;
		border-top: none;
    }

  .boxHomeGalleryRandom {
    /*width: 35%;*/
    /*height: 200px;*/
    /*display: table-cell;*/
    }

  .boxHomeGalleryLatest12, .boxHomeGalleryLatest345 {
    display: table;
    width: 100%;
    }
	
  .boxHomeGalleryLatest1, .boxHomeGalleryLatest2 {
		display: table-cell;
		width: 50%;
    /*width: 100%;*/
    /*height: 125px;*/
    /*display: block;*/
    }

	.boxHomeGalleryLatest2, .boxHomeGalleryLatest5 {
		border-left: none;
		}

  .boxHomeGalleryLatest1 {
		border-right: 3px solid black;
    }

  .boxHomeGalleryLatest3 {
    height: 100%;
		width: 40%;
    display: table-cell;
    border-right: 3px solid black;
    }

  .boxHomeGalleryLatest4, .boxHomeGalleryLatest5 {
    width: 100%;
 		height: 138px;
    display: block;
    }
		
	.boxHomeSection_Tech, .boxHomeSection_Code, .boxHomeSection_Games, .boxHomeSection_Build {
		width: 50%;
		display: table-cell;
	  }
		
	.boxHomeSection_Art {
		float: left;
		/*display: table-cell;*/
		border-left: none;
	  }
		
	.boxHomeSection_Tech, .boxHomeSection_Games {
    border-right: 3px solid black;
	  }
		
	.boxHomeSection_Games {
    border-bottom: none;
	  }
	
 }
/*================
Desktop 780 END
================*/


/*================
Desktop 1024 START
================*/
@media only screen and (min-width: 1024px) {
	
  .boxHomeGalleryTitleFeatured {
		height: 250px;
	  }

	.boxHomeGalleryRandom {
		display: table-cell;
		/*width: 35%;*/
		border-right: 3px solid black;
		}
	
	.boxHomeGalleryLatest {
		display: table-cell;
		width: 100%;
		}

  .boxHomeGalleryLatest3, .boxHomeGalleryLatest4, .boxHomeGalleryLatest5 {
		display: block;
		width: 100%;
		height: 115px;
		}
	
	.boxHomeGalleryLatest3 {
		border-right: none;
		}
	
  .boxHomeGalleryLatest1, .boxHomeGalleryLatest2 {
    /*width: 50%;*/
    /*height: 125px;*/
    /*display: table-cell;*/
    }

  .boxHomeGalleryLatest1 {
    /*border-right: 3px solid black;*/
    }

	.boxHomeSection_Tech, .boxHomeSection_Code {
		width: 33%;
	  }
		
	.boxHomeSection_Art {
		float: none;
	  display: table-cell;
		width: 34%;
		border-left: 3px solid black;
	  }

  .boxHomeSection_Group2 {
		float: left;
	  }
	
	.boxHomeSection_Games, .boxHomeSection_Build {
		width: 50%;
	  }
}
/*================
Desktop 1024 END
================*/

/*================
Desktop 1470 START
================*/
@media only screen and (min-width: 1470px) {
	
  .boxHomeGalleryTitleFeatured {
		height: 300px;
	  }
		
  .boxHomeGalleryLatest1, .boxHomeGalleryLatest2 {
		height: 175px;
    }

  .boxHomeGalleryLatest3, .boxHomeGalleryLatest4, .boxHomeGalleryLatest5 {
    display: block;
		width: 33%;
    height: 240px;
    float: left;
    }

  .boxHomeGalleryLatest3 {
		width: 34%;
	}
	
  .boxHomeGalleryLatest4, .boxHomeGalleryLatest5 {
    border-left: 3px solid black;
    }
	
	.boxHomeSection_Group1 {
		width: 100%;
		display: table;
		/*border: 2px dotted cyan;*/
	  }

	.boxHomeSection_Group2 {
		float: none;
	  }
		
	.boxHomeSection_Tech, .boxHomeSection_Code, .boxHomeSection_Art, .boxHomeSection_Games, .boxHomeSection_Build {
		border: none;
		width: 20%;
	  }

	.boxHomeSection_Tech, .boxHomeSection_Code, .boxHomeSection_Art, .boxHomeSection_Games {
		border-right: 3px solid black;
	  }
}
/*================
Desktop 1470 END
================*/
