/*
Theme Name: Sean O'Connor 2024
*/

	html, body {
		margin: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	
	body {
		position: relative;
		font-family: "rockwell_lightregular", serif;
		color: #000;
	}
	
	a {
		color: inherit !important;
		text-decoration: none !important;
	}
	
	a:hover {
		color: #c7c8ca;
		cursor: pointer;
	}
	
	p {
		-webkit-margin-before: 0em;
	}

  .table>:not(caption)>*>* {
    padding: 0px !important;
  }

	.rollover {
		cursor: pointer;
	}
	
  /* MAIN MENU */
  #divMenu {
    position: absolute;
    width: 100%;
    height: calc(100% - 150px);
    top: 150px;
    margin: 0 auto;
    /* margin-top: -65px; */
    background-color: #fff;
    z-index: 2000;
    line-height: normal;
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 1200px) {
    #divMenu {
      top: 0px;
      height: 100%;
      /* margin-top: -65px; */
    }
  }
  
	#divTopHome, #divTopInfo, #divTopThumbnail, #divTopProject, #divTopNews {
		display: none;
		position: relative;
		width: 100%;
		height: 150px;
		background-color: #ffffff;
		font-family: 'NewBaskervilleStd-Italic';
		font-size: 16px;
		/* font-style: italic; */
		font-weight: bold;
		z-index: 2500;
	}
   
  #divNavmenuButton {
		position: fixed;
		/* width: inherit; */
		font-family: 'NewBaskervilleStd-Italic';
		font-size: 16px;
		/* font-style: italic; */
		text-align: right;
		vertical-align: middle;
		line-height: 26px;
		white-space:nowrap;
		height: 26px;
		top: calc(50% - 16px);
		right: 40px;
		z-index: 2000;
	}

	#divLogo {
		position: fixed;
		display: block;
		height: 68px;
		width: 150px;
		top: calc(50% - 34px);
		left: 40px;
		z-index: 2000;
	}  
  
  
	.navmenuButton {
		cursor: pointer;
	}
	
	/* ACCORDION STUFF */
	
	.floating {
		position: fixed;
		height: 100%;
		vertical-align: middle;
	}
	
	.table {
			display: table;
			height: 100%;
			margin: auto;
			}
	
	.table-cell {
			display: table-cell;
			margin: 0 auto;
			vertical-align: middle;
			background-color: #fff;
	}
	
  /* Large devices (small - large) */
  @media only screen and (max-width: 1199px) {
    .table-cell {
        vertical-align: top;
    }
  }
  


	.table-cell > div {
	}
	
	.accordion {
			width: 200px;
			position: absolute;
			top: 25%;
			left: 50%;
			margin-left: -100px;
	}
	
	.accordionButton, .accordionContent {
			font-family: 'NewBaskervilleStd-Italic';
			/* font-style: italic; */
			float: left;
			text-align: center;
			width: 100%;
			}
	
	.accordionButton {  
			font-size: 44px;
			line-height: 43px;
			/* cursor: pointer; */
			/*
			font-size: 4.1vh;
			line-height: 4.2vh;
			*/
			margin: 0.5px 0;
      padding: 0px !important;
			}
	
	.accordionButton a, .accordionContent ul li a {
			/* padding: 0 13px; */
			color: inherit;
	}
	
  .accordionContent ul {
			list-style: none;
			padding: 0;
			margin: 7px 0;
			font-size: 26px;
			/*
			margin: 0.64vh 0;
			font-size: 2.2vh;
			*/
			}
	
	.accordionContent ul li {
			padding: 0px;
			}
	
	.accordionContent ul li a:hover, .accordionButton a:hover {
			color: #c7c8ca;
			cursor: pointer;
	}
	
  #menuFooter * {
    padding: 0px !important;
  }
   
	
	.off {
		color: #c7c8ca;
	}
	
	.off a:hover {
		color: #000;
	}
	
	.on {
			color: #000;
			}
			
	.over {
			color: #000;
			}	
	
	.rsGCaption {
		padding-top: 4px;
	}
	
	
	#divHorizontal {
		display: table-row;
		position: relative;
		height: 100%;
	}
	
	
	/* HOME PAGE */

	#homeSlider {
		margin: 0 auto;
    width: 100%;
    /* height: calc(100% - 65px); */
    aspect-ratio: 1 / 1;
	}

	.homeCaptionLine1 {
		line-height: 12px;
		font-family: 'NewBaskervilleStd-Italic';
		font-size: 12px;
		color: #000;
		letter-spacing: 0.5em;
		/* font-style: italic; */
	}

  #mainContentHome {
    position: relative;
    width: 100%;
    padding: 0px 24px;
    height: calc(100% - 150px);
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 1200px) {
    #mainContentHome {
      padding: 65px 24px 0px 24px;
      height: 100%;
    }
    
    #homeSlider {
      height: calc(100% - 65px);
    }

  .homeCaptionLine1 {
      line-height: 60px;
      font-size: 20px;
   }
    
    
    #projectTitleFooter {
      font-size: 20px;
    }  
    
  }


	
	.homeCaptionArrow {
		padding: -2px 10px 0px 5px;
	}
	




	
	/* Info Page */

  #mainContentInfo {
    position: relative;
    width: 100%;
    padding: 0px 40px;
    height: calc(100% - 150px);
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 1200px) {
    #mainContentInfo {
      padding: 65px 24px 0px 24px;
      height: 100%;
    }
    
  }

	#infoContent {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	
	#infoMenu {
		position: relative;
		width: 768px;
		z-index: 2000;
		top: 50%;
		margin: 0 auto;
		text-align: center;
	}
	
	.infoBigText {
		margin: 0 auto;
		margin-top: 0px;
		padding-top: 35px;
		padding-bottom: 35px;
		font-family: 'NewBaskervilleStd-Italic';
		font-size: 33px;
		line-height: 33px;
		/* font-style: italic; */
		border-top: double #c6c8ca;
		border-bottom: 1px solid #c6c8ca;
		text-align: center;
	}
	
	.infoSmallTextColumns {
		margin: 0 auto;
	}
	
	#infoSmallTextLeftColumn {
	}
	
	#infoSmallTextRightColumn {
	}
	
	.infoSmallTextHeader {
		font-family: 'NewBaskervilleStd-Italic';
		font-size: 16px;
		/* font-style: italic; */
		font-weight: bold;
		/* line-height: 64px; */
		text-align: center;
		margin-top: 10px;
	}
		
	.infoSmallTextBody {
		font-size: 18px;
		font-family: 'rockwell_lightregular', serif;
    line-height: 1em;
	}
	
	/* NEWS CONTENT */
	#newsContent {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	
	.newsItemText {
		font-family: 'rockwell_lightregular';
		font-size: 18px;
    line-height: 1em;
	}

  .newsItemImage {
    aspect-ratio: 1 / 1;
    margin-bottom: 30px;
  }

  .newsItemImage img {
    aspect-ratio: 1 / 1;
    width: 100%;
  }


	/* THUMBNAIL */
	.thumbnailItem {
		cursor: pointer;
	}


	#portfolioNav {
		position: fixed;
		text-align: center;
		width: 151px;
		height: 100px;
		top: calc((100% - 100px)/2);
		right: 80px;
		font-family: 'NewBaskervilleStd-Italic';
		font-size: 14px;
    line-height: normal;
		z-index: 2000
	}


  .thumbnailItemCaptionBox {
		position: absolute;
		background-color: #fff;
		width: calc(100% - 2 * var(--bs-gutter-x));
		height: 100%;
    padding: 10px;
		opacity: 0.0;
		z-index: 1000;
		font-family: 'NewBaskervilleStd-Italic';
		font-size: 20px;
		/* font-style: italic; */
		text-align: center;
		display: table;
	}


	.thumbnailItemCaptionBox span {
		display: table-cell;
		vertical-align: middle;
	}

  .thumbnailItem3 {
    position: relative;
  }

  .thumbnailItem3 img {
    width: 100%;
    aspect-ratio: 293 / 217;    
  }
	
	.thumbnailItem4 {
		position: relative;
	}
  
  .thumbnailItem4 img {
    width: 100%;
    aspect-ratio: 1 / 1;
  }

  #mainContentThumbnail {
    width: 100%;
    padding: 40px 24px;
    height: calc(100% - 150px);
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 1200px) {
    #mainContentThumbnail {
      padding: 65px 24px 0px 24px;
      height: 100%;
    }
  }


  /* PROJECT PAGE */
	#projectSlider {
		margin: 0 auto;
    width: 100%;
    /* height: calc(100% - 65px); */
    aspect-ratio: 1 / 1;
	}

  #mainContentProject {
    position: relative;
    width: 100%;
    padding: 0px 24px;
    height: calc(100% - 150px);
  }

	#projectTitleFooter {
		display: inline;
		font-family: 'NewBaskervilleStd-Italic';
		/* font-style: italic; */
		font-size: 12px;
		line-height: 65px;
		height: 65px;
	}  

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 1200px) {
    #mainContentProject {
      padding: 65px 24px 0px 24px;
      height: 100%;
    }
    
    #projectSlider {
      height: calc(100% - 65px);
    }
    
    
    #projectTitleFooter {
      font-size: 20px;
    }  
    
  }
  
	#divShare {
		float: right; width: 300px; font-family: 'rockwell_lightregular', serif; font-size: 11px; letter-spacing: 0.25em;
	}
  
  
  



/* ------------------------------------------------------------------------------------------ */


@media all and (orientation:false) {  

	.thumbnailItem a:hover {
		color: inherit;
	}
	
	#divTop, #divTopInfo, divTopThumbnail, #divTopNews {
		display: none;
	}

	#divTopHorizontal {
		display: none;
		position: absolute;
		background-color: #fff;
		width: 100%;
		height: 85px;
		z-index: 1000;
	}
	
	#divLeft {
		display: table-cell;
		position: relative;
		background-color: #fff;
		padding: 0px 0px 0px 0px;
		height: 100%;
		vertical-align: middle;
	}
	
	#divCenter {
		display: table-cell;
		position: relative;
		background-color: #fff;
		padding: 0px 0px 0px 0px;
		width: 768px;
		height: 100%;
		margin: 0 auto;
	}
	
	
	#divRight {
		display: table-cell;
		position: relative;
		background-color: #fff;
		padding: 0px 0px 0px 0px;
		height: 100%;
		vertical-align: middle;
	}

	#divNavmenuButton {
		position: fixed;
		width: inherit;
		font-family: 'NewBaskervilleStd-Italic';
		font-size: 16px;
		/* font-style: italic; */
		text-align: right;
		vertical-align: middle;
		line-height: 26px;
		white-space:nowrap;
		height: 26px;
		top: calc(50% - 16px);
		right: 40px;
		z-index: 2000;
	}

	#divLogo {
		position: fixed;
		display: block;
		height: 68px;
		width: 150px;
		top: calc(50% - 34px);
		left: 40px;
		z-index: 2000;
	}
	

	
	#homeSlider {
		padding-top: 65px;
		margin: 0 auto;
	}
	

	#homeSliderCaption {
		position: relative;
	}
	

	/* THUMBNAIL PAGE */

	#thumbnailContent {
		position: relative;
	}
	
	.thumbnailItem3 {
		position: relative;
		/* width: 292px; height: 216px; float: left; display: block; margin-right: 15px; margin-bottom: 15px */
	}



}