@charset "utf-8";
/* CSS Document */

/* SITE STYLING */


.section .parallaxParent {height: 25vh; overflow: hidden; background-color:#000;	background-size: cover; background-position: center center;}
.section .parallaxParent > * {height: 25vh; position: relative; top: -40%; background-size: cover; background-position: center center;}	
.section .parallaxParent .parallaxChild {background-position: center center; background-size:cover; background-repeat: no-repeat;}

.tagline .text-1 {font-family:"Helvetica"; text-transform: uppercase; color:#434f69; font-size:16px; margin:15px 0px; font-weight:600; letter-spacing:4px;}
.tagline .text-2 {font-family:'Crimson Text', serif; color:#434f69; font-size:52px; line-height: 1; margin:10px 0px;}

.promotext {color:#CC4E0B; font-size:28px; text-align: center;}
.promotext .content_container {border-bottom:1px solid #ee7f4b; border-top:1px solid #ee7f4b; padding:20px 40px;}
.promotext .text-1 {font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'; font-style: italic; padding:15px 0px;}
.promotext .text-2 {font-size:20px; text-transform: uppercase; letter-spacing: 2px;  padding:15px 0px; font-weight:600;}
.promotext .text-3 {font-size:14px; text-transform: uppercase; letter-spacing: 2px;  padding:15px 0px; font-weight:600;}

.imagerow.content_row {display:table; width:100%; padding:50px 0px;}
.imagerow.content_row .content_container {display:table-cell; vertical-align: middle; text-align:center;}
.imagerow.content_row .content_container img {width:100%; max-width:1200px;}
.textrow .content_container .text-3 {color:#434f69; font-size:18px; padding:25px 0px;}
		
p a.learnmore {border-bottom:0px; color:#cc4e0b;}

.footernext {text-align: center; font-size:14px; text-transform: uppercase; letter-spacing: 3px;  padding:15px 0px; color:#cc4e0b; font-weight: 600;}
.footernext img {width:40%;}
.footernext a {color:#cc4e0b;}

.lastrow {background-position: center center; background-size:cover; background-repeat: no-repeat; padding:100px 0px;}

.section .row02 {padding:10% 0;}
.section .row02 .col-xs-4 {position:relative;}
.section .row02 .col-xs-4 img {position:absolute; top:0; bottom:0; right:0;}

.image {}
.image img {width:100%;}

@media (min-width: 640px){
	.tagline .text-1 {font-size:24px;}
	.tagline .text-2 {font-size:4em; line-height: 1;}
	}
		

@media (min-width: 768px){
	.footernext img {width:100%;}
}


@media (min-width: 900px){
	.tagline .text-2 {font-size:6em; line-height: 1;}
	}
		
@media (min-width: 1024px){
	.section .parallaxParent {height: 55vh; overflow: hidden; background-color:#000;	background-size: cover; background-position: center center;}
	.section .parallaxParent > * {height: 55vh; position: relative; top: -40%; background-size: cover; background-position: center center;}
	.tagline .text-2 {font-size:9em; line-height: 1;}
	}



/* INDEX STYLING */

.index .ranetitle01 {text-transform: uppercase; color:#fff; font-size:40px; font-weight: 600; text-align: center;}
	
.index .ranetitle01-sub {text-transform: uppercase; color:#fff; font-size:20px; font-weight:600; letter-spacing:2px; position:absolute; bottom:25%; left:0; right:0;}
	
.index .carousel-container {background-color:#4F4F4F; height:100vh; vertical-align: middle; text-align:center; padding:0px;}
	
.index .carousel-container .carousel {position:relative; z-index: 6;}
	
.index .carousel-fade .carousel-inner .item {
	opacity: 0;
  	transition-property: opacity;
	}	

.index .carousel-fade .carousel-inner .active {
  	opacity: 1;
	}

.index .carousel-fade .carousel-inner .active.left,
.index .carousel-fade .carousel-inner .active.right {
  	left: 0;
  	opacity: 0;
  	z-index: 1;
	}

.index .carousel-fade .carousel-inner .next.left,
.index .carousel-fade .carousel-inner .prev.right {
  	opacity: 1;
}

.index .carousel-fade .carousel-control {
  z-index: 2;
}



@media all and (transform-3d), (-webkit-transform-3d) {
    .index .carousel-fade .carousel-inner > .item.next,
    .index .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
		display:table-cell; width:100%; vertical-align: middle;
    }
    .index .carousel-fade .carousel-inner > .item.prev,
    .index .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
		display:table-cell; width:100%; vertical-align: middle;
    }
    .index .carousel-fade .carousel-inner > .item.next.left,
    .index .carousel-fade .carousel-inner > .item.prev.right,
    .index .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
		display:table-cell; width:100%; padding-top:40%;
    }
}

@media (min-width:768px) {
	.index .carousel-fade .carousel-inner > .item.active {
     vertical-align: middle;
		padding-top:0px;
    }
}

	.item {display:table-cell; width:100%; background-size: cover; background-position:center; height:100vh; background-repeat: no-repeat;}
	.item.slider03 {background-position:center right;}	

    .slide01 {background-image:url(http://ranecenter.auburn.edu/_assets/images/sliderimage1.jpg); }
    .slide02 {background-image:url(http://ranecenter.auburn.edu/_assets/images/sliderimage2.jpg);}
    .slide03 {background-image:url(http://ranecenter.auburn.edu/_assets/images/sliderimage3.jpg);}
	.slide04 {background-image:url(http://ranecenter.auburn.edu/_assets/images/sliderimage4.jpg); width:100%;}
	.slide04 .text-content {vertical-align: top; position:relative; top:200px;}
	.slide04 .ranetitle01-sub {margin-top:0px; letter-spacing:2px;}
	
	.index .carousel-inner {display:table; width:100%;}
	
	.index .text-content {opacity: 0; -webkit-transition: all 0.3s;}
	.index .active .text-content {opacity:1;}
	
	.index .slider-footer {position:absolute; bottom:0; left:0; right:0; background-color:#fff; padding:25px; z-index: 7; text-align: center; font-size:20px; border-bottom:1px solid #000;}
	
	@media (min-width: 768px){
		.index .ranetitle01 {font-size:80px; letter-spacing: 5px; letter-spacing: 10px; }
		.index .ranetitle01-sub {bottom:15%;}
	}

	@media (min-width: 1024px){
		.index .ranetitle01 {font-size:110px; letter-spacing: 10px; letter-spacing: 25px; }
		.item.slider03 {background-position:center;}	
	}

	@media (min-width: 1280px){
		.index .ranetitle01 {font-size:140px; letter-spacing: 15px; letter-spacing: 40px; }
	}

/* PAGES STYLING */

.section .row01 {height:100px;}

.section .carousel-indicators {position:relative; margin:0px auto; left:auto; bottom:0px; padding:1%;}
	.section .carousel-indicators li {background-color:#eaeaea; width:30px; height:15px; margin:1px;}
	.section .carousel-indicators .active {background-color:#434f69;  width:30px; height:15px; margin:1px;}
	.section .carousel .carousel-inner .item {height:auto;}
	
	.section .carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.section .carousel-fade .carousel-inner .active {
  opacity: 1;
}

.section .carousel-fade .carousel-inner .active.left,
.section .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.section .carousel-fade .carousel-inner .next.left,
.section .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.section .carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .section .carousel-fade .carousel-inner > .item.next,
    .section .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .section .carousel-fade .carousel-inner > .item.prev,
    .section .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .section .carousel-fade .carousel-inner > .item.next.left,
    .section .carousel-fade .carousel-inner > .item.prev.right,
    .section .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

@media (min-width:768px) {		

	.section .row01, .section .row01a, .section .row01b {height:500px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	.section.brewing-science .row01 {background-image: url(http://ranecenter.auburn.edu/brewing-science/_images/header.jpg); }	
	.section.restaurant .row01 {background-image: url(http://ranecenter.auburn.edu/1856-restaurant/_images/header.jpg);}
	.section.coffee-roastery .row01 {background-image: url(http://ranecenter.auburn.edu/coffee-roastery-bar/_images/header.jpg);}
	.section.culinary-lab .row01 {background-image: url(http://ranecenter.auburn.edu/culinary-exhibition-lab/_images/header.jpg);}
	.section.distilled-spirits .row01 {background-image: url(http://ranecenter.auburn.edu/distilled-spirits-center/_images/header.jpg);}
	.section.heyday-market .row01 {background-image: url(http://ranecenter.auburn.edu/heyday-market/_images/header.jpg);}
	.section.hotel-spa .row01 {background-image: url(http://ranecenter.auburn.edu/hotel-spa/_images/header.jpg);}
	.section.hotel-spa .row01a {background-image: url(http://ranecenter.auburn.edu/the-laurel/_images/header.jpg);}
	
	.section.hotel-spa .row01b {background-image: url(http://ranecenter.auburn.edu/hotel-spa/_images/header.jpg);}
	
	.section.media-studio .row01 {background-image: url(http://ranecenter.auburn.edu/media-studio/_images/header.jpg);}
	.section.sky-garden .row01 {background-image: url(http://ranecenter.auburn.edu/sky-garden/_images/header.jpg);}
	.section.thelaurel .row01 {background-image: url(http://ranecenter.auburn.edu/the-laurel/_images/header.jpg);}
	.section.ranecenter .row01 {background-image: url(http://ranecenter.auburn.edu/theranecenter/_images/header.jpg);}
	.section.ranestory .row01 {background-image: url(http://ranecenter.auburn.edu/theranestory/_images/header.jpg);}
	.section.weekendworkshops .row01 {background-image: url(http://ranecenter.auburn.edu/weekend-workshops/_images/header.jpg);}
	.section.wine-appreciation .row01 {background-image: url(http://ranecenter.auburn.edu/wine-appreciation/_images/header.jpg);}		
	.section.construction .row01 {background-image: url(http://ranecenter.auburn.edu/theranecenter/_images/header.jpg); height:100vh;}
	
	.section.contacts, .section.press {background-image: url(http://ocm.auburn.edu/ranecenter/theranecenter/_images/rendering.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
		
}



.coffee-roastery .lastrow {background-image: url(http://ranecenter.auburn.edu/coffee-roastery-bar/_images/footer.jpg);}
.brewing-science .lastrow {background-image: url(http://ranecenter.auburn.edu/brewing-science/_images/footer.jpg);} 
.culinary-lab .lastrow {background-image: url(http://ranecenter.auburn.edu/culinary-exhibition-lab/_images/footer.jpg);}
.distilled-spirits .lastrow {background-image: url(http://ranecenter.auburn.edu/distilled-spirits-center/_images/footer.jpg);}
.heyday-market .lastrow {background-image: url(https://ranecenter.auburn.edu/_assets/images/index_bg_00.jpg);}
.hotel-spa .lastrow {background-image: url(http://ranecenter.auburn.edu/hotel-spa/_images/footer.jpg);}
.media-studio .lastrow {background-image: url(http://ranecenter.auburn.edu/media-studio/_images/footer.jpg);}
.restaurant .lastrow {background-image: url(http://ranecenter.auburn.edu/1856-restaurant/_images/footer.jpg);}
.sky-garden .lastrow {background-image: url(http://ranecenter.auburn.edu/sky-garden/_images/footer.jpg);}
.thelaurel .lastrow {background-image: url(http://ranecenter.auburn.edu/the-laurel/_images/footer.jpg);}
.ranecenter .lastrow {background-image: url(http://ranecenter.auburn.edu/theranecenter/_images/footer.jpg);}
.ranestory .lastrow {background-image: url(http://ranecenter.auburn.edu/theranestory/_images/footer.jpg);}
.weekendworkshops .lastrow {background-image: url(http://ranecenter.auburn.edu/weekend-workshops/_images/footer.jpg);}
.wine-appreciation .lastrow {background-image: url(http://ranecenter.auburn.edu/wine-appreciation/_images/footer.jpg);}
.contacts .lastrow {background-image: url(http://ranecenter.auburn.edu/theranecenter/_images/footer.jpg);}
.press .lastrow {background-image: url(http://ranecenter.auburn.edu/theranecenter/_images/footer.jpg);}


@media (min-width:996px) {
	.heyday-market .lastrow {min-height:300px;}
}

@media (min-width:1280px) {
	.heyday-market .lastrow {min-height:400px;}
}

@media (min-width:1500px) {
	.heyday-market .lastrow {min-height:550px;}
}