/*
~~ tablet mode
*/
@media (min-width: 415px) and (max-width: 1024px) {
  :root {
    --heiButton: 50px;
    --padButton: 2px;
    --widButton: 160px;

		--heiSpaceTall: 30px;
		--heiSpace: 15px;
		--heiSpaceShort: 8px;

    --heiLogo: 60px;
    --widLogo: 280px;
		--topAnchorAdjust: -110px;

		--lftHomeTagLine: 4vw;
  	--topHomeTagLine: 5vh;
		
    --heiProfilePhoto: 140px;
    --widProfilePhoto: 140px;

  }
	.imgIconSmall {
		height: 30px;
		width: 30px;
	}
	.imgIconSmaller {
		height: 20px;
		width: 20px;
	}
  .imgIconLarge {
    height: 80px;
    width: 80px;
  }	
	.icoArrowScrollDown {
		display: none;
	}

  .imgMenuSubBOALogo {
    display: none;
  }
  .conMenuSubDivider {
    display: none;
  }	
	
}










/*
~~ desktops 
*/
@media (min-width: 1025px) {
  :root {
    --fontSizeHeadingOne: 2.5rem;
    --fontSizeHeadingTwo: 2.0rem;
    --fontSizeHeadingThree: 1.8rem;
    --fontSizeCopyright: 0.9rem;
    --fontSizeFooterLinks: 1.0rem;
    --fontSizeMenu: 1.2rem;
    --fontSizeTextLarger: 1.6rem;
    --fontSizeTextLarge: 1.4rem;
    --fonrSizeTextNormalToLarge: 1.3rem;
    --fontSizeTextNormal: 1.2rem;
    --fontSizeTextSmall: 1.0rem;
    --fontSizeTitleBar: 2.5rem;

    --fontSizeButton: 1.4rem;

    --fontSizeTextHero: 3.5rem;
    --fontSizeTextHomeArticle: 1.4rem;


    --heiMenu: 100px;
    --heiMenuSub: 200px;
		--topAnchorAdjust: -110px;
		
    --heiMenuHamburger: 80px;
    --widMenuHamburger: 80px;
    --heiMenuSubMobile: 50px;
    --widMenuSubBOALogo: 325px;
    --heiAdjustFloatingLabelYCoord: -10px;

    --heiButton: 60px;
    --padButton: 2px;
    --widButton: 240px;

    --heiSpaceTall: 50px;
    --heiSpace: 25px;
    --heiSpaceShort: 12px;

    --widSpaCol: 25px;
    --widSpaColWidth: 50px;

    --heiLogo: 89px;
    --widLogo: 408px;
    --widMenuItem: 10vw;
    --widMenuItemMax: 90px;
    --lftMenuSubItem: 1.5vw;

		--padMenuSubLinks: 0 0 4px 0; 

  }


  body {
    padding: var(--heiMenu) 0 0 0;
  }
  .arrDownClrPri02,
  .arrLeftClrPri02,
  .arrRightClrPri02,
  .arrUpClrPri02,
  .arrDownWhite,
  .arrLeftWhite,
  .arrRightWhite,
  .arrUpWhite
  {
    padding: 10px;
  }  
  .btnFilledClrPri01,
  .btnFilledClrPri02,
  .btnFilledClrSec02,
  .btnFilledClrSec04,
  .btnFilledShadowClrPri01,
  .btnFilledShadowClrPri02,
  .btnFilledShadowClrSec02,
  .btnFilledShadowClrSec02,
  .btnTransaparentClrPri02
  {
    font-size: var(--fontSizeButton);
    height: var(--heiButton);
    padding: var(--padButton);
    width: var(--widButton);
  }
	.imgIconSmall {
		height: 30px;
		width: 30px;
	}
	.imgIconSmaller {
		height: 20px;
		width: 20px;
	}
  .imgIconLarge {
    height: 80px;
    width: 80px;
  }



  .navigation .menu {
    clear: none;
    float: right;
    height: var(--heiMenu);
    max-height: none;
    display: flex;
    align-items: center;
  }
  .navigation .logo {
    height: var(--heiMenu);
		padding-left: 50px;
  }
  .navigation .menu-icon {
    display: none;
  }
  .navigation li {
  }
  .navigation li a {
    display: inline-block;
    text-align: center;
  }
  .navigation > ul > li {
    /*max-width: var(--widMenuItemMax);*/    
  }
  .navigation li:hover > ul {
    display: block;
  }
  .navigation li:nth-child(6) > ul .conMenuSubContainer {
    display: flex;
    flex-direction: row;
    height: var(--heiMenuSub);
    right: 0;
    position: absolute;
    top: 0;
  }
  .navigation li:hover > ul .conMenuSubContainer {
	-webkit-animation: animista-slide-in-top 0.8s ease-out forwards;
	        animation: animista-slide-in-top 0.8s ease-out forwards; 
  }
  .navigation > ul ul {
    border-top: 1px solid var(--clrPri02);
    display: none;
    height: var(--heiMenuSub);
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
  }
  .navigation ul ul li {
    width: 100%;
  }
  .navigation ul ul li a {
    text-align: left;
  }
	.linMenuActive svg path {
    fill: var(--clrPri01);
  }

  .navigation li.linMenuActive,
	.navigation li.linMenuInActive
	{
    border-bottom: 8px solid white;
  }  
  /* rebrand - linMenuInActiveLightGold */
	.navigation li.linMenuInActiveHighlight {
    border-bottom: 8px solid var(--clrPri02-50);		
	}
	.navigation > ul > li:hover.linMenuActive,
  .navigation > ul > li:hover.linMenuInActive, 
	.navigation > ul > li:hover.linMenuInActiveHighlight
  {
    border-bottom: 8px solid var(--clrPri02);
  }  
  .imgMenuSubBOALogo {
    background-image: url(../img/bgBOAPartialLight.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: var(--widMenuSubBOALogo);
  }
  .conMenuLinks {
    align-items: center;
    background-color: white;
		border-left: none !important;
    cursor: pointer;
    display: flex;
    float: left;
    /*height: 100%;*/
		height: var(--heiMenu);
    justify-content: center;
    max-width: var(--widMenuItemMax);
    padding: var(--padMenuItem);
    text-align: center;
    width: var(--widMenuItem);
  }
	.menu .conMenuLinks > a, 
  .menu .conMenuLinks > span
  {
		align-items: center;
    color: black;
		cursor: default;
		display: flex;
		font-weight: normal;
		justify-content: center;		
		padding-left: 0;
		width: 100%;
	}
  .conMenuSub {
		display: flex;
		flex-direction: row;
    height: var(--heiMenuSub);
    width: 100%;
  }
  .conMenuSubLinks {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*justify-content: space-between;*/
    padding: 2rem 10px;
    text-align: left;
		width: auto;
  }
	.conMenuSubLinks a {
		height: auto;
		line-height: normal;
		padding: var(--padMenuSubLinks);
	}
  .conMenuSubArrow {
    display: none;
  }  
  .conMenuSubDivider {
    display: inline-block;
    height: 100%;
    padding: 2rem 10px; 
    position: relative;
  }
	.conMenuItemHomeIcon {
		display: block;
	}
	.conMenuItemLangIcon .imgMenuIcon {
		display: block;
	}
	.conMenuItemLangIcon > .conMenuLinks > a {
		display: none;
	}


	.conCopyright {
		padding: 6vh 0 0 0;
	}
  .conCopyrightSeparator {
    display: inline-block;        
  }
  .conCopyrightLinks,
	.conCopyrightLanguages
	{
    display: inline-block;
  }


  
  .conCarHomeHero
	{
    height: calc(100vh - 100px);
    width: 100%;
  }
 	.icoArrowScrollDown {
		position: absolute;
		display: block;
	}
	.carDots {
		top: -65px;
	}
  .carDots > li > button {
    height: 20px;
    margin: 0 8px;
    width: 20px;
  }


  .layWWD {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .conWWDImage01,
  .conWWDImage02,
  .conWWDImage03,
  .conWWDImage04 {
    height: 35vh;
  }
  .layBio {
    display: grid;
    grid-template-columns: minmax(15vw, 20vw) 1fr;
    grid-template-rows: auto;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .conBioPhoto {
    padding-bottom: 0px;
    padding-top: 0px;  
  }
}










/*
~~ desktops / portrait mode
*/
@media (min-width: 1025px) and (orientation: portrait) {
	:root {
		--padTextBox: 1vh 1vw;
		--padWrpHomeStandard: 3vh 6vw;
	}
	.imgIconSmall {
		height: 30px;
		width: 30px;
	}
	.imgIconSmaller {
		height: 20px;
		width: 20px;
	}
  .imgIconLarge {
    height: 80px;
    width: 80px;
  }
	.icoArrowScrollDown {
		display: none;
	}
	
}