/* ==================================================================
=	Mobile First Media Queries for Technology Services Site Titles	=

CHOOSING A SITE TITLE CLASS:
Light Backgrounds: white, other light colors where black meets the contrast ratio requirements.
Medium Backgrounds: colors where maroon can still pop, but white text is needed to meet the contrast requirements.
Dark Backgrounds: maroon or dark backgrouds, where the maroon box TAM wouldn't be clearly differentiated from the background color.

================================================================== */

.divofit-hdc .itsite-title {
    margin-top: 15px;
}
.divofit-google .itsite-title {
    margin-top: 15px;
    margin-bottom: 15px;
}
.divofit-security-title {
    margin-bottom: 15px;
}



/* ===== Small screens and base styles, 0px to 480 px  ===== */

.itsite-title {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
}

a.itsite-title:hover,
a.itsite-title:active {
    text-decoration: none;
}

.itsite-title > span {
	display: block;
}

/* Site Title Light & Medium Background */
.itsite-title.light-bg,
.itsite-title.medium-bg {
	background: url(./TAM-Logo-Box.png) no-repeat center left;
	background: url(./TAM-Logo-Box.svg) no-repeat center left;
	background-size: 50px;
	padding-left: 60px;
	height: 50px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
    .itsite-title.light-bg,
    .itsite-title.medium-bg {
	    background: url(./TAM-Logo-Box.png) no-repeat center left;
	    background-size: 50px;
	    padding-left: 60px;
	    height: 50px;
    }
}

.itsite-title.light-bg {
	color: #000000;
}
.itsite-title.medium-bg {
	color: #ffffff;
}

/* Site Title Dark Background */
.itsite-title.dark-bg {
	background: url(./TAM-Logo-White.png) no-repeat center left;
	background: url(./TAM-Logo-White.svg) no-repeat center left;
	background-size: auto;
	padding-left: 76px;
	height: 54px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   .itsite-title.dark-bg {
	    background: url(./TAM-Logo-White.png) no-repeat center left;
	    background-size: auto;
	    padding-left: 76px;
	    height: 54px;
    }
}

.itsite-title.dark-bg {
	color: #ffffff;
}

.itsite-title.dark-bg::before {
	display: block;
	width: 1px;
	background: #fff;
	height: 50px;
	content: " ";
	position: absolute;
	left: 67px;
	top: 5px;
}

/* Site Name Styles */
.itsite-title.oneline-name .itsite-name {
	font-size: 22px;
	line-height: 32px;
	padding-top: 0px;
}
.itsite-title.twoline-name .itsite-name {
	font-size: 14px;
	line-height: 16px;
	padding-top: 3px;
}
.itsite-title.twoline-name.nolockup .itsite-name {
	font-size: 18px;
	line-height: 22px;
	padding-top: 2px;
}

.itsite-title.dark-bg > .itsite-name {
	/*padding-top: 8px;*/
}

.divofit-lockup {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 8px;
	line-height: 8px;
	font-weight: 600;
	padding-top: 3px;
	display: block;
}

.itsite-title.oneline-name .divofit-lockup {
	padding-top: 2px;
}

.itsite-title.divofit-cas-title.oneline-name > .itsite-name {
    font-size:1rem;
    padding-top:0px;
}

@media only screen and (max-width:397px) {
    .itsite-title.divofit-cas-title.oneline-name > .itsite-name {
        line-height:20px;
    }
}

/*  ===== Medium and big screen styles, 481 px and up ===== */

@media only screen and (min-width : 481px) {
	/* Site Title Light & Medium Background */
	.itsite-title.light-bg,
	.itsite-title.medium-bg {
		background-size: auto;
		padding-left: 70px;
		height: 57px;
	}

	/* Site Title Dark Background */
	.itsite-title.dark-bg {
		background-size: auto;
		padding-left: 76px;
		height: 57px;
	}
	.itsite-title.dark-bg::before {
		height: 48px;
		top: 6px;
	}

	/* Site Name Styles */
	.itsite-title.oneline-name .itsite-name, .itsite-title.divofit-cas-title.oneline-name > .itsite-name {
		font-size: 20px;
		line-height: 30px;
		padding-top: 0;
	}
	.itsite-title.twoline-name .itsite-name {
		font-size: 16px;
		line-height: 18px;
		padding-top: 4px;
	}
	.itsite-title.twoline-name.nolockup .itsite-name {
		font-size: 20px;
		line-height: 25px;
		padding-top: 2px;
	}

	.itsite-title.dark-bg.twoline-name .itsite-name {
		padding-top: 5px;
	}

	.divofit-lockup {
		font-size: 12px;
		line-height: 12px;
	}
}