/* custom CSS for campusmediagroup.com
----------------------------------------------*/


html, body {
	background: url('../img/layout/chalkboard-body-background.jpg') center repeat;
	font-family: MuseoSlab, sans-serif;
	color: #cccccc;
	height: 100%;
	width: 100%;
}

a,
a:hover,
a:focus,
a:visited {
	color : inherit;
	text-decoration: none;
}

h1 {
	font-family: PlayerProBlack, sans-serif;
	font-size: 2.14285714286em /* 30px / 14px */;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.4);
	color: #000000;
}

h3 {
	font-size: 2.57142857143em /* 36px / 14px */;
}

/* container that holds black to transparent gradients on both left and right sides of layout */
#vignette {
	z-index: 0;
	display: none;
}

/* vignette gradient on right side of layout  */
.rightVignette {
	right: 0;
	background: -moz-linear-gradient(right,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}

/*vignette gradient on left side of layout */
.leftVignette {
	left: 0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}

.leftVignette,
.rightVignette {
	position: fixed;
	width: 20%;
	height: 100%;
	opacity: .75;
}

p {
	font-size: 1.14285714286em /* 16px / 14px */;
	margin: 1.42857142857em 0 0 0;
}


/* fonts
----------------------------------------------*/

.museoSlab {
	font-family: MuseoSlab, sans-serif;
}

.playerPro {
	font-family: PlayerPro, sans-serif;
}

.playerProBold {
	font-family: PlayerProBold, sans-serif;
}

.playerProBlack {
	font-family: PlayerProBlack, sans-serif;
}

@font-face {
	font-family: MuseoSlab;
	src: url('../font/MuseoSlab500.otf');
}

@font-face {
	font-family: PlayerPro;
	src: url('../font/PlayerPro.otf');
}

@font-face {
	font-family: PlayerProBold;
	src: url('../font/PlayerProBold.otf');
}

@font-face {
	font-family: PlayerProBlack;
	src: url('../font/PlayerProBlack.otf');
}

/* end fonts
----------------------------------------------*/



/* bootstrap classes
----------------------------------------------*/

.img-responsive.svg {
	width: 100%;
	height: 100%;
}

/* bootstrap navbar class */
.navbar-nav {
	margin-top: 0;
	margin-bottom: 15px;
}

.navbar {
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
}

/* bootstrap navigation bar links */
.navbar-nav > li > a {
	font-size: 1.14285714286em /* 16px / 14px */;
	font-family: MuseoSlab, sans-serif;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

.navbar-nav > li:last-child > a {
	padding-right: 0;
}

/* bootstrap navbar-default class */
.navbar-default {
	border: none;
}

.navbar-default .navbar-brand {
	color: #000000;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #000000;
}

.navbar-default .navbar-nav > li > a {
	color: #FFFFFF;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #000000;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #000000;
}

.navbar-default .navbar-toggle {
	border: none;
	padding-top: 18px;

}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	color: #000000;
	background: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #42210b;
	height: 3px;
}

.navbar-default .navbar-toggle .icon-bar:hover {
	background-color: #000000;
}

.navbar-default .navbar-collapse {
	background: url('../img/layout/chalkboard-body-background.jpg') center repeat;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #000000;
}
/* end .navbar-default */

/* bootstrap container class */
.container {
	max-width: 970px;
}

.form-control {
	font-family: Helvetica, Arial, sans-serif;
	border-radius: 0;
	height: 25px;
}

textarea {
	resize: none;
}

.carousel-caption {
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 0;
}

/* start - pagination - bootstrap overridden */
.pagination {
	border-radius: 0;
}

.pagination > li > a,
.pagination > li > span {
	color: #ED174F;
	background-color: #FFFFFF;
	border: none;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #FFFFFF;
	background-color: #ED174F;
	border-color: #ED174F;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #ED174F;
	border-color: #ED174F;
}
/* end - pagination - bootstrap overridden */

/* end bootstrap classes
----------------------------------------------*/



/* utility classes
----------------------------------------------*/

.defaultFontSize {
	font-size: 1em;
}

a.whiteText,
a:hover.whiteText,
a:focus.whiteText,
a:visited.whiteText {
	color: #ffffff;
	text-decoration: none;
}

/* cmg brand colors for text */
.lightBlueText,
a.lightBlueText,
a:focus.lightBlueText,
a:visited.lightBlueText {
	color: #50C8E8;
}

a:hover.lightBlueText {
	border-bottom: 2px dashed #50C8E8;
}

.blueText,
a.blueText,
a:focus.blueText
a:visited.blueText {
	color: #0093D0;
}

a:hover.blueText {
	border-bottom: 2px dashed #0093D0;
}

.greenText,
a.greenText,
a:focus.greenText,
a:visited.greenText {
	color: #C1D82F;
}

a:hover.greenText {
	border-bottom: 2px dashed #C1D82F;
}

.pinkText,
a.pinkText
a:focus.pinkText,
a:visited.pinkText,
.itemTitle a {
	color: #ED174F;
}

a:hover.pinkText,
.itemTitle a:hover {
	color: #ED174F;
	border-bottom: 2px dashed #ED174F;
}

.orangeText,
a.orangeText,
a:focus.orangeText,
a:visited.orangeText {
	color: #F58025;
}

a:hover.orangeText {
	border-bottom: 2px dashed #F58025;
}

/* bootstrap center-block class */
.center-block {
	float: none;
	text-align: center;
}

.listNoIndent{
	margin-left: -18px;
}

.dashedTopBorder {
	border-top: 3px dashed #777777;
}

.dashedBottomBorder {
	border-bottom: 3px dashed #777777;
}

/* container that holds hidden content that will displayed when container slides down */
.overflowHiddenContainer {
	height: 0;
	overflow: hidden;
}

.centerImage {
	margin-right: auto;
	margin-left: auto;
}

.centerImage.bear {
	max-width: 80%;
}

/* end utility classes
----------------------------------------------*/



/* buttons
----------------------------------------------*/

/* bootstrap carousel controls */
.carousel-control.right {
	background-image: none;
	background-repeat: no-repeat;
	opacity: 1;
}

.carousel-control.left {
	background-image: none;
	background-repeat: no-repeat;
	opacity: 1;
}

/* header */
#headerCarouselRightArrow {
	background: url('../img/header/header-carousel-right-arrow.png');
	width: 30px;
	height: 59px;
	position: absolute;
	z-index: 5;
	top: 36%;
	right: -74%;
	display: inline-block;
}

.lightBlueChalkButton {
	background: url("../img/button/light-blue-button-background.png");
	font-family: PlayerProBlack, sans-serif;
	padding: 6px 15px;
	border-radius: 4px;
	letter-spacing: 1px;
	border: none;
	cursor: pointer;
}

.lightBlueChalkButton:hover,
.orangeChalkButton:hover,
a.orangeChalkButton:hover{
	opacity: .8;
}

.orangeChalkButton,
a.orangeChalkButton{
	background: url("../img/button/orange-button-background.png");
	font-family: PlayerProBlack, sans-serif;
	color: #000000;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: none;
}

.circleButtonLabel {
	position: relative;
	left: 12px;
	cursor: pointer;
}

.circleButtonContainer {
	margin: 2.14285714286em 0;
}

.circleButtonContainer:hover {
	opacity: .8;
}

.mediaCircleButtonContainer {
	margin-bottom: 2.14285714286em;
}

.mediaCircleButtonContainer:hover {
	opacity: .8;
}

.circleButtonArrowIcon {
	background-image: url("../img/button/circle-button-sprites.png");
	background-position: 10px 6px;
	background-repeat: no-repeat;
	position: relative;
	height: 35px;
	width: 35px;
	border-radius: 35px;
	float: left;
	top: 11px;
	box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.3), 0 -2px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

.circleButtonArrowIcon.xIcon {
	background-position: 9px -23px;
}

.greenCircleButtonBackground {
	background-color: #C1D82F;
}

.pinkCircleButtonBackground {
	background-color: #ED174F;
}

.blueCircleButtonBackground {
	background-color: #0093D0;
}

.orangeCircleButtonBackground {
	background-color: #F58025;
}

.lightBlueCircleButtonBackground {
	background-color: #50C8E8;
}

/* media channel navigation button label */
.mediaChannelButtonLabel {
	font-family: PlayerProBold, sans-serif;
	font-size: 1.42857142857em /* 20px / 14px */;
	letter-spacing: 1px;
	color: #F58025;
	top: 14px;
}

/* case studies */
.caseStudyCircleButtonContainer {
	margin-top: 20px;
}

.caseStudyButtonLabel {
	font-size: 1.71428571429em /* 24px / 14px */;
	color: #0093D0;
	max-width: 350px;
	float: left;
	top: 14px;
}

.jobButtonLabel {
	font-size: 1.42857142857em /* 20px / 14px */;
}

.caseStudyCarouselArrow {
	background: rgba(0, 0, 0, 0.25);
	width: 334%;
	height: 100%;
	position: absolute;
	padding-top: 70px;
	top: 0;
	z-index: 5;
	display: inline-block;
	opacity: 0;
}

.caseStudyCarouselArrow:hover {
	opacity: 1;
}

.caseStudyCarouselArrow.leftArrow {
	left: 0;
}

.caseStudyCarouselArrow.rightArrow {
	right: 0;
}

.caseStudyCarouselArrowImage {
	width: 20%
}

/* end buttons
----------------------------------------------*/



/* ribbons
----------------------------------------------*/

.ribbon {
	font-family: PlayerProBlack, sans-serif;
	color: #2c2d35;
	font-size: 1.42857142857em /* 20px / 14px */;
	line-height: 19px;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
}

.displayWord {
	display: none;
}

.greenRibbonBackground {
	background: url('../img/ribbon/green-ribbon-background.png') repeat-x;
}

.orangeRibbonBackground {
	background: url('../img/ribbon/orange-ribbon-background.png') repeat-x;
}

.pinkRibbonBackground {
	background: url('../img/ribbon/pink-ribbon-background.png') repeat-x;
}

.lightblueRibbonBackground {
	background: url('../img/ribbon/light-blue-ribbon-background.png') repeat-x;
}

.blueRibbonBackground {
	background: url('../img/ribbon/blue-ribbon-background.png') repeat-x;
}

/* end ribbons
----------------------------------------------*/



/* header
----------------------------------------------*/

#headerContainer {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9999;
}

/* wallpaper background for header */
#header {
	background: url('../img/header/header-wallpaper-background.jpg') repeat;
	width: 100%;
}

/* Icons and logos for mobile views */
#headerMobile {
	padding-top: 10px;
	padding-bottom: 10px;
}

#headerMobile a {
	float: left;
	margin-right: 5px;
}

#headerMobile img,
#headerMobile a img {
	max-width: 80%;
}

#headerLeftDesktop {
	display: none;
}

#phraseImgCarouselContainer {
	margin-top: 50px;
}

.carouselCopy {
	font-family: MuseoSlab, sans-serif;
	font-size: 1.14285714286em /* 16px / 14px */;
	line-height: 24px;
	color: #333333;
}

/* background for navigation bar and footer */
.woodBackground {
	background: url('../img/navigation/navbar-wood-background.jpg');
}

#navigation {
	position: relative;
	width: 100%;
}

/* logo in navigation bar */
.navbarBrandCmg {
	float: left;
	padding: 10px;
	display: none;
}

#our {
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	display: none;
}

#collapseLine {
	border-top: 2px solid #000000;
}

/* end header
----------------------------------------------*/



/* sidebar
----------------------------------------------*/

#sidebar {
	position: relative;
	display: none;
}

#sidebar > .row {
	width: 250px;
}

#sidebarBear {
	background: url('../img/sidebar/bear-crest.png') no-repeat;
	width: 250px;
	height: 300px;
}

/* added to every .row that is used as a container for the titles of the sidebar sections */
.sidebarBorder {
	width: 100%;
	border-bottom: 2px solid gray;
}

.sidebarBorderTop {
	border-top: 2px solid gray;
}

.sidebarCircleButtonContainer {
	width: 250px;
	height: 58px;
	display: block;
}

.sidebarCircleButtonContainer:hover {
	opacity: .8;
}

/* holds label that is next circle button */
.sidebarTitleContainer {
	width: 150px;
	height: 30px;
	letter-spacing: 1px;
	float: left;
	position: relative;
	top: 17px;
	left: 24px;
	line-height: 14px;
	cursor: pointer;
}

/* top part of label in .sidebarTitleContainer */
.topTitle {
	color: #dddddd;
	font-family: PlayerProBold, serif;
	font-size: 1.14285714286em /* 16px / 14px */;
}

/* bottom part of label in .sidebarTitleContainer */
.bottomTitle {
	color: #dddddd;
	font-family: MuseoSlab, serif;
	font-size: 0.71428571428em /* 10px / 14px */;
}

#sidebarSocial > .row > .col-sm-2 {
	margin-right: 5px;
}

#sidebarSocial > p {
	font-size: 1.14285714286em /* 16px / 14px */;
}

#sidebarSocialContainer .divHeight {
	padding: 1.42857142857em 0;
}

/* add space between social icons */
#sidebarSocialContainer > .divHeight > .row > .col-sm-2 {
	margin-right: 10px;
}

.sidebarSectionContent {
	margin-top: 10px;
}

#sidebarContactUsContainer > .divHeight > .row > .col-sm-12 > p {
	font-size: 0.92857142857em /* 13px / 14px */;
}

#sidebarContactUsContainer a,
#sidebarContactUsContainer a:focus,
#sidebarContactUsContainer a:visited {
	color: #F58025;
	text-decoration: none;
}

#sidebarContactUsContainer a:hover {
	color: #F58025;
	border-bottom: 2px dashed #F58025;
}

/* end sidebar
----------------------------------------------*



/* body
----------------------------------------------*/

#mainSection {
	margin-top: 160px;
	margin-bottom: 100px;
}

.rowSpacer {
	margin-top: 50px;
}

.rowSpacer.firstRow {
	margin-top: 0;
}

.columnSpacer {
	margin-top: 40px;
}

/* container that holds multiple rows */
.listContainer > .row,
.listContainer > .divHeight > .row {
	padding-top: 1.78571428571em /* 25px / 14px */;
	padding-bottom: 1.78571428571em;
}

.divHeight > .row {
	margin-left: 0;
	margin-right: 0;
}

.imageWithBorder {
	border: 2px solid #777777;
}

/* media */
/* only for initially displaying #onCampusAdvertisingContainer when /media or home page loads */
#mediaChannelContainer {
	height: 2710px;
}

#mediaChannelContainer .col-sm-7 {
	margin-top: 1.42857142857em /* 20px / 14px */;
}

/* story */
#story h3{
	margin: 1.42857142857em 0 0 0;
}

#videoContainer {
	margin-top: 3.57142857143em /* 50px / 14px */;
}

#story .circleButtonArrowIcon {
	top: 0;
}


/* examples */
#caseStudyContainer .divHeight {
	padding-top: 1px;
}

#caseStudyContainer .carousel{
	margin: 1.42857142857em 0 0 0;
}

#caseStudyContainer .carousel .carousel-caption p {
	font-size: 0.71428571428em /* 10px / 14px */;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 1rem 0 0 rgba(0, 0, 0, 0.5), -1rem 0 0 rgba(0, 0, 0, 0.5);
	line-height: 1.7em;
	display: inline;
	padding: .4em;
	color: #FFFFFF;
}

/* news */
/* Styles for RSS feed */
.feedEkList li {
	margin-top: 1.42857142857em /* 20px / 14px */;
}

.feedEkList li:first-child {
	margin-top: 0;
}

ul.feedEkList {
	padding: 0;
	list-style-type: none;
}

.feedEkList .itemTitle {
	font-size: 1.14285714286em /* 16px / 14px */;
}

.feedEkList .itemDate {
	font-size: 0.71428571428em /* 10px / 14px */;
}

.feedEkList .itemContent img {
	display: none;
}
/* End styles for RSS feed */

#twitterTickerContainer {
	/*background: url("https://www.campusmediagroup.com/img/news/twitterFeedBackground.png") no-repeat;*/
	width: 100%;
}

#twitterTickerContainer iframe {
	width: 100% !important;
}

#newsletterModal {
	color: #444444 !important;
	font-family: MuseoSlab, sans-serif !important;
}

#mc_embed_signup .button{
	background-color: #ED174F !important;
}

#mc_embed_signup .asterisk {
	color: #ED174F !important;
}

/* end news */


/* contact */
#contactUsFormContainer {
	margin-bottom: 50px;
}

#contact a,
#contact a:focus,
#contact a:visited {
	color: #50C8E8;
}

#contact a:hover {
	color: #50C8E8;
	border-bottom: 2px dashed #50C8E8;
}

#googleMapContainer {
	display: none;
	background: url('../img/story/video-container-background.png');
	width: 702px;
	height: 422px;
}

/* jobs */
#jobs a,
#jobs a:focus,
#jobs a:visited {
	color: #F58025;
	text-decoration: none;
}

#jobs a:hover {
	border-bottom: 2px dashed #F58025;
}

/* end body
----------------------------------------------*/


/* at the bottom of every page */
.copyright {
	font-size: 0.57142857142em /* 8px / 14px */;
}



/* blog-list
----------------------------------------------*/
/*** start blog list styles - http://www.example.com/blog ***/

/* contains the title of a blog post in the list */
a.blog-list-post-title,
a:visited.blog-list-post-title,
a:focus.blog-list-post-title {
	color: #ED174F;
	font-size: 1.14285714286em /* 16px / 14px */
}

a:hover.blog-list-post-title {
	border-bottom: 2px dashed #ED174F;
}

/* contains the author of a blog post in the list - only set if author exists */
.blog-list-post-author {
	font-size: 0.92857142857em /* 13px / 14px; */;
}


/* contains the date of a blog post in the list - only if date is set */
.blog-list-post-date {
	font-size: 0.92857142857em /* 13px / 14px; */;
}

/* end blog-list
----------------------------------------------*/



/* start blog post styles - http://www.example.com/blog/pretty-url
----------------------------------------------*/
/* contains entire blog post */

/* contains title of blog post */
.blog-post h2 {
	font-family: MuseoSlab, sans-serif;
	color : #ED174F;
	text-align: left;
	text-shadow: none;
}


/* contains the author of a blog post in the list - only set if author exists */
.blog-post-author {
	font-size: 0.85714285714em /* 12px / 14px */;
}


/* contains the date of a blog post in the list - only if date is set */
.blog-post-date {
	font-size: 0.85714285714em /* 12px / 14px */;
}


/* contains the content of a blog post */
.blog-post-content {
	font-size: 1em;
}

.blog-post-content img {
	display: block;
	width: 80%;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.blog-post-content a,
.blog-post-content a:visited,
.blog-post-content a:focus {
	color: #50C8E8;
}


/* end blog post styles - http://www.example.com/blog/pretty-url
----------------------------------------------*/



/* footer
----------------------------------------------*/
#footer {
	margin-top: 50px;
	width: 100%;
	z-index: 999;
}

#footer .navbar-nav > li > a {
	font-size: 0.85714285714em /* 12px / 14px */;
}

#footer .navbar-nav li:last-child a {
	padding-right: 0;
}

/* end footer
----------------------------------------------*/

/* modal
----------------------------------------------*/
.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

/* end modal
----------------------------------------------*/



/* media query - breakpoint min-width: 480px (mobile landscape view)
----------------------------------------------*/
@media screen and (min-width: 480px) {

	.ribbon {
		font-size: 2.57142857143em /* 36px / 14px; */;
	}

	/* override bootstraps height of navigation collapsed box */
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 200px;
		overflow-x: hidden;
		overflow-y: scroll;
	}

}

/* end media query - breakpoint min-width: 480px
----------------------------------------------*/



/* media query - breakpoint min-width: 768px
----------------------------------------------*/

@media screen and (min-width: 768px) {

	h2 {
		font-size: 3.42857142857em /* 48px / 14px */;
	}

	/* navigation */
	.navbar-default .navbar-collapse {
		background: none;
	}

	.navbar-nav > li > a {
		font-size: 1.57142857143em /* 22px / 14px */;
		font-family: PlayerProBlack, sans-serif;
		padding-top: 25px;
		padding-right: 12px;
		padding-bottom: 0;
		padding-left: 15px;
	}

	.navbar-default .navbar-nav > li > a {
		color: #42210b;
	}

	.navbarBrandCmg {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0;
		padding-right: 0;
	}

	/* "OUR" image in navigation bar */
	#our {
		display: block;
	}

	#collapseLine {
		border-top: none;
	}
	/* end navigation */

	#headerContainer {
		position: relative;
	}

	#mainSection {
		margin-top: 40px;
	}

	#mainContent {
		float: right;
	}

	/* media */
	/* only for displaying #onCampusAdvertisingContainer when /media or home page loads */
	#mediaChannelContainer {
		height: 1502px;
	}

	#mediaChannelContainer img {
		margin-bottom: 0;
	}

	.mediaChannelButtonLabel {
		font-size: 1.07142857143em /* 15px / 14px */;
		top: 8px;
	}
	/* end media */

	/* case studies */
	.caseStudyButtonLabel {
		top: 4px;
		font-size: 2.57142857143em /* 36px / 14px */;
	}

	.carousel-caption {
		padding-bottom: 10px;
	}

	#caseStudyContainer .carousel .carousel-caption p {
		font-size: 1em;
	}
	/* end case studies */

	#googleMapContainer {
		display: block;
	}

	/* only for desktop and tablet views */
	#navigation.fixed {
		position: fixed;
		top: 0;
	}

	#footer.fixed {
		position: fixed;
		bottom: 0;
	}

	.displayWord {
		display: inline-block;
	}

	#contactUsFormContainer {
		margin-bottom: 0;
	}

	a.blog-list-post-title,
	a:visited.blog-list-post-title,
	a:focus.blog-list-post-title,
	a:hover.blog-list-post-title {
		font-size: 1.28571428571em /* 18px / 14px */;
	}

	.blog-post-author {
		font-size: 1em;
	}

	.blog-post-date {
		font-size: 1em;
	}

	.blog-post-content {
		font-size: 1.14285714286em /* 16px / 14px */;
	}

	.feedEkList .itemDate {
		font-size: 0.85714285714em /* 12px / 14px */;
	}

}

/* end media query - breakpoint min-width: 768px
----------------------------------------------*/



/* media query - breakpoint min-width: 992px
----------------------------------------------*/

@media screen and (min-width: 992px) {

	#footer .navbar-nav > li > a {
		font-size: 1.07142857143em /* 15px / 14px */;
	}

	.columnSpacer {
		margin-top: 0;
	}

	.navbar-nav > li > a {
		font-size: 1.78571428571em /* 25px / 14px */;
		margin-left: 18px;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* our image in navigation bar */
	#our {
		padding-left: 20px;
	}

	#cmgMenuCollapse {
		width: 970px;
	}

	#sidebar {
		display: block;
	}

	#headerLeftDesktop {
		display: block;
	}

	#headerMobile {
		display: none;
	}

	#header {
		height: 400px;
	}

	.navbarBrandCmg {
		display: block;
	}

	#vignette {
		display: block;
	}

	#videoContainer {
		background: url("../img/story/video-container-background.png") no-repeat;
		padding-top: 32px;
		padding-right: 32px;
		padding-bottom: 32px;
		padding-left: 32px;
	}

	.caseStudyCarouselArrow {
		padding-top: 100px;
	}

	.caseStudyCarouselArrowImage {
		width: auto;
	}

	/* only for initially displaying #onCampusAdvertisingContainer when /media or home page loads */
	#mediaChannelContainer {
		height: 1542px;
	}

	#mediaChannelContainer .col-sm-7 {
		margin-top: 0;
	}

}

/* end media query - breakpoint min-width: 992px
----------------------------------------------*/



/* media query - breakpoint min-width: 1200px
----------------------------------------------*/

@media screen and (min-width: 1200px) {

	#sidebar.fixed {
		position: fixed;
		top: 100px;
	}

}

/* end media query - breakpoint min-width: 1200px
----------------------------------------------*/



/* media query - breakpoint max-width: 767px
----------------------------------------------*/

@media screen and (max-width: 767px) {

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #777;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #000000;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #000000;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #000000;
	}

}

/* end media query - breakpoint max-width: 767px
----------------------------------------------*/



/* end cmg.css
----------------------------------------------*/