/* Hack for wide content areas */
[id^='wide'] > div:first-child {width:100%}

/* custom background images, colors, and gradients */
[id^='confetti'] {
    background-image: url(/tepper/css/bg-confetti.png);
    background-position: bottom center;
    background-size: cover;
}

[id^='confetti_mono'],
[id^='mono'] {
    background-image: url(/tepper/css/bg-confetti-mono.png);
    background-position: bottom center;
    background-size: cover;
    background-blend-mode: multiply;
}

[id^='confetti_mono'].invert,
[id^='mono'].invert {
    background-image: url(/tepper/css/bg-confetti-mono-invert.png);
    background-blend-mode: overlay;
}

[id^='confetti_blue'] {
  background-image: url(/tepper/css/bg-confetti-blue.png);
  background-position: bottom center;
  background-size: cover;
}

[id^='confetti_red'] {
  background-image: url(/tepper/css/bg-confetti-red.png);
  background-position: bottom center;
  background-size: cover;
}



/* enables fixed background */
[id$='fixed'] { background-attachment: fixed}

/* Hide Tepper "T" logo on mobile */
@media only screen and (max-width: 767px) {
    #sitename > a {display:none;}
}

/* Timeline styles */
.tl-timeline {
	 font-family: 'Roboto', 'Helvetica', sans-serif;
	 font-weight: 400;
	 font-size: 16px;
	 line-height: 1.3em;
}
 .tl-timeline h2.tl-headline-title, h2.tl-headline{
	 font-size: 58px;
	 line-height: 58px;
}
 .tl-text h2.tl-headline-title, .tl-text h2.tl-headline {
	 margin-top: 0;
	 padding-top: 0px;
	 padding-bottom: 10px;
	 font-size: 58px;
	 line-height: 58px;
	 font-stretch: condensed;
	 font-weight: bold;
}
 .tl-timeline a {
	 text-decoration: none;
	 color: #fff;
	 background-color: #7C2529;
	 border-top: 2px solid transparent;
	 border-bottom: 2px solid #511215;
	 border-radius: 0;
	 display: inline-block;
	 line-height: 1.15em;
	 margin-bottom: 1em;
	 padding: 1em 1.35em;
	 outline: none;
	 opacity: 0.9;
}
 .tl-slide.tl-full-image-background a{
	 text-decoration: none;
	 color: #fff;
	 background-color: #7C2529;
	 border-top: 2px solid transparent;
	 border-bottom: 2px solid #511215;
	 border-radius: 0;
	 display: inline-block;
	 line-height: 1.15em;
	 margin-bottom: 1em;
	 padding: 1em 1.35em;
	 padding-bottom: 1em !important;
	 outline: none;
	 opacity: 0.9;
}
 .tl-slide.tl-full-image-background a.btn:hover{
	 text-decoration: none;
	 color: #fff;
	 background-color: #511215;
	 border-top: 2px solid transparent;
	 border-bottom: 2px solid #511215;
	 border-radius: 0;
	 display: inline-block;
	 line-height: 1.15em;
	 margin-bottom: 1em;
	 padding: 1em 1.35em;
	 padding-bottom: 1em !important;
	 outline: none;
}

/* Custom iframe Aspect Ratio */
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 ratio */
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.iframe-container-4x3 {
  padding-top: 75%; /* 4:3 ratio */
}

/*
Add New һ�������� Brand Colors (CMS-2344)
Please remove this code after deploying CMS-2344.
*/
html,
input,
select,
textarea,
.invert mark,
th,
h1, .h1, h2, .h2, h3, h4, h5, h6,
.sidebar blockquote,
.sidebar .blockquote,
blockquote,
.blockquote,
.menu-btn,
.no-js footer nav li.active > a,
.no-js footer nav li > a:hover,
.no-js footer nav li > a:focus,
#content .hero .box,
.events li span span,
.news div a small,
.news div a span,
.gold.invert strong,
.gold .loadmore .btn,
.gold .loadmore .btn:focus,
.gold .loadmore .btn:hover,
.gold.invert .h2,
.gold.invert h2,
.gold.invert h3,
.gold.invert h4,
.gold.invert th,
.gold.invert a.btn.ghost,
.gold.invert a.btn.ghost:visited,
.gold.invert button.ghost,
.gold.invert input[type=submit].ghost,
.gold.invert .h1 a:not(.btn):not(.cta),
.gold.invert .h2 a:not(.btn):not(.cta),
.gold.invert a,
.gold.invert blockquote a:not(.btn):not(.cta),
.gold.invert h1 a:not(.btn):not(.cta),
.gold.invert h2 a:not(.btn):not(.cta),
.gold.invert h3 a:not(.btn):not(.cta),
.gold.invert h4 a:not(.btn):not(.cta),
.gold.invert h5 a:not(.btn):not(.cta),
.gold.invert h6 a:not(.btn):not(.cta),
.gold.invert li a,
.gold.invert p a:not(.btn):not(.cta),
.gold.invert .h1,
.gold.invert b,
.gold.invert h1,
.gold.invert h5,
.gold.invert h6,
.gold.invert strong,
.gold.invert thead,
.gold.invert .border,
.gold.invert .hr,
.gold.invert .rule-bottom,
.gold.invert .rule-top
{
  color: #4D5051;
  border-color: #4D5051;
  text-shadow: none;
}

.gold a:hover,
.gold a:focus,
.gold.invert a:hover,
.gold.invert a:focus,
.gold.invert a.btn.ghost:focus,
.gold.invert a.btn.ghost:hover,
.gold.invert button.ghost:focus,
.gold.invert button.ghost:hover,
.gold.invert input[type=submit].ghost:focus,
.gold.invert input[type=submit].ghost:hover {
  color: #000 !important;
  border-color: #000;
  text-shadow: none;
}

a {
  color: #c41230;
  border-bottom-color: #c41230;
}

nav.tree .scrolldown,
nav.tree .scrolldown:hover,
nav.tree .scrolldown:focus,
.gold.invert,
.gold,
.gold a,
.gold.invert a {
  color: #4D5051 !important;
  border-bottom-color: #4D5051;
}

.invert p a:not(.btn):not(.cta),
.invert blockquote a:not(.btn):not(.cta),
.invert li a,
.invert:not(footer) li,
footer.grid
{
  color:#fff;
}

.invert {
  background-color:#4D5051;
  color:#fff;
}

.darkgrey, .js-flickityCustom.darkgrey .grid, .darkgrey .flickity-viewport {background-color: #4D5051}
.red, .js-flickityCustom.red .grid, .red .flickity-viewport {background-color: #c41230}
.gold, .js-flickityCustom.gold .grid, .gold .flickity-viewport {background-color: #fdb515}
.teal, .js-flickityCustom.teal .grid, .teal .flickity-viewport {background-color: #008285}
.blue, .js-flickityCustom.blue .grid, .blue .flickity-viewport {background-color: #043673}
.green, .js-flickityCustom.green .grid, .green .flickity-viewport {background-color: #00853E}
.darkgreen, .js-flickityCustom.darkgreen .grid, .darkgreen .flickity-viewport {background-color: #1f4c4c}


.red + .green, .red + .darkgreen {background-color: #008285}
.green + .red, .darkgreen + .red {background-color: #4D5051}

.gold > h1,
.gold > h1 a,
.gold > h1 a:before,
.gold > h1:hover a,
.gold > h1 a:focus,
.gold > h1 a:focus {
  color: #4D5051;
  border-color: #4D5051;
}

nav.tree input[placeholder=Search]:focus {
  background-color: #4D5051;
}


[id^='scots_rose'], .scots_rose {background-color: #d73440} /* adjusted for accessibility */
[id^='skibo_red'], .skibo_red {background-color: #941120}
[id^='highlands_sky_blue'], .highlands_sky_blue {background-color: #007CAD} /* adjusted for accessibility */
[id^='weaver_blue'], .weaver_blue {background-color: #182c4b}
[id^='gradient_blue_blue'] {background: linear-gradient(45deg, #011c4c, #0179af)}
[id^='gradient_blue_red'] {background: linear-gradient(45deg, #001641, #d73440)}
[id^='gradient_red_red'] {background: linear-gradient(45deg, #7b0d15, #d73440)}
[id^='gradient_gray_white']:not(.invert) {background: linear-gradient(45deg, #bcbec0, #fff, #fff)}