/* ==================================================================
=	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(../img/TAM-Logo-Box.png) no-repeat center left;
	background: url(../img/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(../img/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(../img/TAM-Logo-White.png) no-repeat center left;
	background: url(../img/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(../img/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: 1.375rem; /* Changed 20210310-cws 22px; */
	line-height: 1.45; /* Changed 20210310-cws 32px; */
	padding-top: 0;
}
.itsite-title.twoline-name .itsite-name {
	font-size: .875rem; /* Changed 20210310-cws 14px; */
	line-height: 1.14; /* Changed 20210310-cws 16px; */
	padding-top: 3px;
}
.itsite-title.twoline-name.nolockup .itsite-name {
	font-size: 1.125rem; /* Changed 20210310-cws 18px; */
	line-height: 1.22; /* Changed 20210310-cws 22px; */
	padding-top: 2px;
}

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

.divofit-lockup {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px; /* 8px; *//* Changed 20220920-cws */
	line-height: normal; /* 8px; *//* Changed 20220920-cws */
	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: 0;
}

@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: 1.625rem; /* Changed 20210310-cws 26px; */
		line-height: 1.38; /* Changed 20210310-cws 36px; */
		padding-top: 0;
	}
	.itsite-title.twoline-name .itsite-name {
		font-size: 1rem; /* Changed 20210310-cws 16px; */
		line-height: 1.125; /* Changed 20210310-cws 18px; */
		padding-top: 4px;
	}
	.itsite-title.twoline-name.nolockup .itsite-name {
		font-size: 1.25rem; /* Changed 20210310-cws 20px; */
		line-height: 1.25; /* Changed 20210310-cws 25px; */
		padding-top: 2px;
	}

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

	.divofit-lockup {
		font-size: 12px; /* 10px; *//* Changed 20220920-cws */
		line-height: normal; /* 10px; *//* Changed 20220920-cws */
	}
}


/**
 * Technology Services lockup
 * 9/1/2022
 */
/* Light background */
.lockup-wrapper-light {
	 font-size: 16px;
	 color: #212529;
	 background-color: #fff;
	 font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
}
.lockup-wrapper-light .brand-lockup {
	 display: inline-block;
	 padding-left: 4.5em;
	 text-decoration: none;
	 color: #212529;
	 background-color: #fff;
	 background-image: url("https://it.tamu.edu/assets/img/TAM_Logo_box.png");
	 background-image: url("https://it.tamu.edu/assets/img/TAM_Logo_box.svg");
	 background-repeat: no-repeat;
	 background-position: left;
	 background-size: 4.5em 4.5em;
}
.lockup-wrapper-light .brand-lockup .vert-lockup {
	 padding: 0.5em;
}
.lockup-wrapper-light .brand-lockup .vert-lockup .tamu-lockup {
	 font-size: 0.8em;
	 font-weight: 600;
	 text-transform: uppercase;
}
.lockup-wrapper-light .brand-lockup .vert-lockup .dept-lockup {
	 font-size: 1.25em;
	 font-weight: 400;
	 letter-spacing: 0.03125em;
}
/* Dark background */
.lockup-wrapper-dark {
	 font-size: 16px;
	 color: #fff;
	 background-color: #500000;
	 font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
}
.lockup-wrapper-dark .brand-lockup {
	 display: inline-block;
	 padding-left: 5em;
	 text-decoration: none;
	 color: #fff;
	 background-color: #500000;
	 background-image: url("https://it.tamu.edu/assets/img/TAM_Logo_white.png");
	 background-image: url("https://it.tamu.edu/assets/img/TAM_Logo_white.svg");
	 background-repeat: no-repeat;
	 background-position: left;
	 background-size: 4.5em 4.5em;
}
.lockup-wrapper-dark .brand-lockup .vert-lockup {
	 border-left: 1px solid #fff;
	 padding: 1em;
}
.lockup-wrapper-dark .brand-lockup .vert-lockup .tamu-lockup {
	 font-size: 0.8em;
	 font-weight: 600;
	 text-transform: uppercase;
}
 .lockup-wrapper-dark .brand-lockup .vert-lockup .dept-lockup {
	 font-size: 1.25em;
	 font-weight: 400;
	 letter-spacing: 0.03125em;
}