/*!=====
Toby's styles are in a different file and being generated by compass.  Please make your style changes to THIS file or contact Toby.  You can override styles in that file by using the same selector in this file.
=====*/
/*@import '/css/main.css';*/
.siteLogo img{
/*
	background: white;
	border: 1px solid #ccc;
*/
/* 	box-shadow: 4px 4px 4px rgba(0,0,0, 0.4); */
}

/*-!!! temporary, for screenshots */
#b36 .barContent{
	max-width: 800px;
	margin-left: auto;
	/* margin-left: calc(50vw - (1600px + 2 * 16px) / 2); */
	padding-left: 2em;
}
#b52 .barContent{
	max-width: 800px;
	margin-right: auto;
	/* margin-right: calc(50vw - (1600px + 2 * 16px) / 2); */
	padding-right: 2em;
}

.bar[data-background="light-blue"] .barActionItem{
	font-size: 0.8em;
}
/*
.bar[data-background="light-blue"] .barAction, .bar[data-background="light-blue"] .barActionItem, .bar[data-background="light-blue"] .barItemAction, .bar[data-background="light-blue"] .submitAction{
	color: #012190;
	border-color: #012190;
}
*/

/* already copied to config */
.bar[data-background="white"][data-template-flavor="t"] .barHeading{
	background: rgba(255, 255, 255, 0.6);
}
.siteLogo img{
/* 	margin: -8px 0 -100px 0.5em; */
    margin-top: 0.2rem;
}

#b78 .barContact .p-org {
    font-size: 1.4em;
    font-weight: 600;
}

#b78 .barContact .p-adr {
    font-size: 1.2em;
}


#b142 .barItemContent:before {
    content: "\2022";
    float: left;
    vertical-align: center;
    }
    
    #b142 .barItemContent{
display: flex;
align-items: center;
}

/* fix issue with text getting squished at certain widths */
@media screen and (max-width: 360px){
	#b74 .barItemContent{
		display: block;
	}
	#b74 .barItemMedia{
		float: none;
		height: auto;
		margin: 0 auto 0.5em;
	}
}
@media screen and (min-width: 512px) and (max-width: 900px){
	#b74 .barItemImageWrap{
		max-width: 30%;
	}
}