/* =====================================================
ROYAL SLIDER FULL GENERAL
===================================================== */

.royalSlider {
	display: block;
	width: 100%;
	height: 495px;
	margin: 0 auto 0;
}
#image-gallery .royalSlider { margin: 0; }
#image-gallery.full #content-slider.royalSlider { height: 525px; }

/* =====================================================
ROYAL SLIDER MAIN NAVIGATION
===================================================== */

.rsLoyola.rsHor .rsArrowLeft { /* positions left arrow outside of image div */
	left: -75px;
	top: 0;
}
.rsLoyola.rsHor .rsArrowRight { /* positions right arrow outside of image div */
	right: -75px;
	top:0;
}

.full .rsLoyola.rsHor .rsArrowLeft { left: 50px; }
#image-gallery.full .rsLoyola.rsHor .rsArrowLeft { left: 40px; }
#image-gallery.full .rsLoyola.rsHor .rsArrowRight { right: 40px; }
#image-gallery.gallery-white .rsLoyola.rsHor .rsArrowLeft { left: 0px; }
#image-gallery.gallery-white .rsLoyola.rsHor .rsArrowRight { right: 0px; }
.full .rsLoyola.rsHor .rsArrowRight { right: 40px; }
.three-column .rsLoyola.rsHor .rsArrowLeft,
.two-column .rsLoyola.rsHor .rsArrowLeft { left: 0px; }
.three-column .rsLoyola.rsHor .rsArrowRight,
.two-column .rsLoyola.rsHor .rsArrowRight { right: -5px; }

.rsLoyola .rsArrow { /* height of arrow divs on each side of image */
	height: 90%;
}

#testimonials.two-column .rsLoyola .rsArrow { top: 115px; height: 36%; }

.rsLoyola .rsArrowIcn { /* image arrow style */
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
	width: 32px;
    height: 40px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
}

.rsLoyola .rsArrowIcn {
    width: 32px;
    height: 40px;
	border-radius: 2px 2px 2px 2px;
	background-color: hsla(0, 0%, 0%, 0);
	opacity: 1.0;
}

.rsLoyola .rsArrowIcn:hover {
    background-color: hsla(0, 0%, 0%, 0);
	opacity: 1.0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.rsLoyola.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: 0px 0px;
}

.rsLoyola.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -30px 0px;
}


/* =====================================================
ROYAL SLIDER THUMB NAVIGATION
===================================================== */

#image-gallery.full .rsThumbs { margin: 10px auto 0; width: 100%;}
#image-gallery.full .slideshow-context { width: 100%; }
.rsLoyola .rsThumbsArrow, .rsLoyola .rsThumbsArrow:hover {
    background: none repeat scroll 0 0 rgba(38, 38, 38, 1);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#image-gallery.gallery-white .rsLoyola .rsThumbsArrow { background-color: #ffffff; }
#image-gallery.gallery-white .rsLoyola .rsThumbsArrowIcn { background-image: url('/media/home/stylesheets/royalslider/loyola/images/rs-loyola-arrow-dark.png'); opacity: .3;}

/* .rsThumbsContainer .rsNavItem:first-of-type { margin-left: 10px; } */

.rsLoyola.rsWithThumbsHor .rsThumbsArrowLeft {
    margin-left: -5px;
}
.rsLoyola.rsWithThumbsHor .rsThumbsArrowRight {
    margin-right: -5px;
}

.rsLoyola.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
	background-repeat: no-repeat;
	background-size: 24px 18px;
    background-position: -10px 0px;
}

.rsLoyola.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
 	background-repeat: no-repeat;
	background-size: 24px 18px;
    background-position: 3px 0px;	
}

#image-gallery.gallery-white .rsLoyola .rsThumbsArrowIcn:hover {
    opacity: .5;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


/* =====================================================
ROYAL SLIDER FULL TYPOGRAPHY
===================================================== */
.full .rsLoyola .rsImageCounter,
.full .rsLoyola .rsGCaption,
.full .rsLoyola .rsGCaption span.image-credit {
	margin: 0;
	color: #CCCCCC;
}
#image-gallery .rsLoyola .rsGCaption { float: left; }
#image-gallery .rsLoyola .rsImageCounter { float: right; }
#image-gallery.full .rsLoyola .rsGCaption { margin-left: 0; width: 80%; }
#image-gallery.gallery-white .rsLoyola .rsGCaption { width: 85%; }
#image-gallery.full .rsLoyola .rsImageCounter { margin-right: 0; }
#image-gallery.full div.container h1 {
	position: relative;
	top: -10px;
	margin: 0 0 20px 0;
	font-size: 24px;
	line-height: 135%;
	color: #CCC;
}

#image-gallery.full div.container p {
	position: relative;
	top: -20px;
	font-size: 22px;
	line-height: 135%;
	color: #CCCCCC;
}

/* =====================================================
PANEL BAR AND GRID STYLE
===================================================== */

#gallery-bar.media-panel .container { /* BAR */
	padding: 25px 0 22px;
	background-color: #CCC;
}

#gallery-bar.media-panel .container h4 { /* LABEL */
    font-family: 'Vitesse 1r','Vitesse A','Vitesse B';
    font-weight: normal;
    font-style: none;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 0 0 0 30px;
	letter-spacing: .5px;
}

#gallery-grid.media-panel .container { /* GRID */
	padding: 40px 0;
	background-color: #FFF;
	font-family: 'myriad-pro', 'arial', sans-serif;
	font-size: 1em;
	font-weight: regular;
	line-height: 135%;
	color: #272727;
}

#gallery-grid.media-panel {
	margin-bottom: 80px;
}

#gallery-grid.media-panel ul li {
	list-style: none;
}

#gallery-grid.media-panel .grid-box {
	margin-top: 10px;
	margin-bottom: 10px;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.2);
}

.media-grid-image img {
	display: block;
	position: relative;
	width: 95.5%;
	margin: 4px auto 0;
}

#gallery-grid.media-panel p {
	display: block;
	width: 89.75%;
	margin: 0 auto 4px;
	padding: 4px 6px 6px;
	background: #CCC;
}

.media-icon a img {
	float: right;
	width: 25px;
	height: 25px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	background: rgba(0, 0, 0, 0.5);
}

.media-icon a img:hover {
	background: rgba(0, 0, 0, 1.0);
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out;
}

/* =====================================================
========================================================
ROYAL SLIDER MOBILE - IPHONE5 LANDSCAPE
========================================================
===================================================== */

/* iPhone 5 Retina regardless of IOS version */
@media (device-height: 568px) 
	and (device-width: 320px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) {

.royalSlider {
	display: block;
	width: 100%;
	height: 565px;
	margin: 60px auto;
}

/* =====================================================
ROYAL SLIDER MOBILE - THUMBS
===================================================== */

.rsThumbs {
	display: none;
}


/* =====================================================
ROYAL SLIDER MOBILE - TYPOGRAPHY
===================================================== */

.rsImageCounter {
	position: relative;
	margin-top: -70px;
	margin-right: 0;
	font-size: 24px;
}

#image-gallery.full div.container h1 {
	position: relative;
	top: -20px;
	margin: 0;
	padding-top: 30px;
	width: 100%;
	font-size: 42px;
	line-height: 140%;
	color: #CCC;
	border-top: solid 1px #AAA;
}

#image-gallery.full div.container p {
	position: relative;
	top: -10px;
	margin: 0;
	width: 100%;
	font-size: 30px;
	line-height: 145%;
	color: #CCCCCC;
}

#gallery-bar.media-panel div.container h4 { /* LABEL */
	font-size: 2em;
}

#gallery-grid.media-panel div.container p {
    margin: 0;
    padding: 8px 8px 10px;
	width: 95%;
    font-size: 1.65em;
    line-height: 135%;
	background: #CCC;
}

#gallery-grid.media-panel div.container div.fourteen div.four {
	width: 39%;
}


/* =====================================================
ROYAL SLIDER MOBILE - GRID BOX DISPLAY
===================================================== */

.grid-box {
	margin: 15px;
	padding: 10px;
	width: 20%;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 10px rgba(0, 0, 0, 0.3);
}

.media-grid-image img {
	display: block;
	position: relative;
	width: 100%;
	margin: auto auto;
}

.media-icon {
	position: relative;
	top: -41px;
	right: 0px;
}

.media-icon a img {
	width: 40px;
	height: 40px;
}

.media-icon a img:hover {
	background: rgba(0, 0, 0, 1.0);
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out;
}

}


/* =====================================================
========================================================
ROYAL SLIDER MOBILE - IPHONE5 PORTRAIT
========================================================
===================================================== */

/* iPhone 5 Retina regardless of IOS version */
@media (device-height: 568px) 
	and (device-width: 320px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) {

.royalSlider {
	display: block;
	width: 100%;
	height: 875px;
	margin: 0;
}

#content-slider.royalSlider {
	height: 875px;
}

#image-gallery.full .container {
	margin: 0;
	padding: 0;
	width: 960px;
	background: #272727;
}

#image-gallery.full .container .offset-by-two, .offset-by-two {
	padding-left: 0;
}

#image-gallery.full div.container div.twelve,
#gallery-grid.media-panel div.container div.fourteen,
#gallery-bar.media-panel div.container h4.fourteen,
#gallery-grid.media-panel div.container h4.fourteen {
	width: 100%;
	margin: 0;
	padding: 0;
}

#gallery-grid.media-panel div.container div.fourteen {
	margin: 0 40px;
	width: 95%;
}

#gallery-grid.media-panel div.container p {
    margin: 0;
    padding: 10px 16px 16px 16px;	
	width: 96%;
    font-size: 3em;
    line-height: 135%;
	background: #CCC;
}


/* =====================================================
ROYAL SLIDER MOBILE - MAIN NAVIGATION
===================================================== */

.rsLoyola.rsHor .rsArrowLeft { /* positions left arrow outside of image div */
	left: 50px;
	top: 0;
}

.rsLoyola.rsHor .rsArrowRight { /* positions right arrow outside of image div */
	right: 50px;
	top:0;
}

.rsLoyola .rsArrow { /* height of arrow divs on each side of image */
	height: 65%;
}

.rsLoyola .rsArrowIcn {
	background-color: hsla(0, 0%, 0%, 0.7);
	opacity: .85;
}

.rsLoyola .rsArrowIcn:hover {
    background-color: hsla(0, 0%, 0%, 0.7);
	opacity: 1.0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.rsLoyola.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: 5px 0px;
}

.rsLoyola.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -35px 0px;
}


/* =====================================================
ROYAL SLIDER MOBILE - THUMBS
===================================================== */

.rsThumbs {
	display: none;
}


/* =====================================================
ROYAL SLIDER MOBILE - TYPOGRAPHY
===================================================== */

.rsImageCounter {
	position: relative;
	float: right;
	margin-top: -240px;
	margin-right: 40px;
	font-size: 36px;
	color: #CCCCCC;
	text-transform: uppercase;
}

#image-gallery.full div.container h1 {
	position: relative;
	top: 0px;
	margin: 0 0 20px 40px;
	padding-top: 40px;
	width: 92%;
	font-size: 56px;
	line-height: 140%;
	color: #CCC;
	border-top: solid 1px #AAA;
}

#image-gallery.full div.container p {
	position: relative;
	top: -10px;
	margin: 30px 0 50px 40px;
	width: 92%;
	font-size: 48px;
	line-height: 145%;
	color: #CCCCCC;
}

#gallery-bar.media-panel div.container {
	padding: 50px 0 40px;
}

#gallery-bar.media-panel div.container h4 { /* LABEL */
	text-indent: 40px;
	width: 95%;
	font-family: 'museo-slab', sans-serif;
	font-size: 3em;
	text-transform: uppercase;
}

#gallery-grid.media-panel div.container {
	padding: 30px 0 50px;
}

#gallery-grid.media-panel div.container div.fourteen div.four {
	width: 87.5%;
}

#gallery-grid.media-panel div.container p {
    margin: 0;
    padding: 10px 16px 16px 16px;	
	width: 96%;
    font-size: 3em;
    line-height: 135%;
	background: #CCC;
}

/* =====================================================
ROYAL SLIDER MOBILE - GRID BOX DISPLAY
===================================================== */

.grid-box {
	display: block;
	margin: 30px auto;
	padding: 30px;
	width: 90%;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 10px rgba(0, 0, 0, 0.3);
}

.media-grid-image img {
	display: block;
	position: relative;
	width: 100%;
	margin: auto auto;
}

.media-icon {
	position: relative;
	top: -100px;
	right: 0px;
}

.media-icon a img {
	float: right;
	width: 100px;
	height: 100px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	background: rgba(0, 0, 0, 0.5);
}

.media-icon a img:hover {
	background: rgba(0, 0, 0, 1.0);
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out;
}

}

/* =====================================================
ROYAL SLIDER WIDE SCREEN
===================================================== */

@media (min-width: 1200px){
	.gallery-white .rsLoyola.rsHor .rsArrowLeft { left: -50px; top: 0; }
	.gallery-white .rsLoyola.rsHor .rsArrowRight { right: -20px; top: 0; }
	.two-column .rsLoyola.rsHor .rsArrowLeft { left: 20px; }
	.two-column .rsLoyola.rsHor .rsArrowRight { right: 20px; }
	.three-column .rsLoyola.rsHor .rsArrowLeft { left: 40px; }
	.three-column .rsLoyola.rsHor .rsArrowRight { right: 45px; }
	#image-gallery.full .rsThumbs,
	#image-gallery.full .slideshow-context { width: 100%; }
	#image-gallery.full .slideshow-context { margin: 40px 0 60px; }
	#testimonials.full .rsLoyola.rsHor .rsArrowLeft { left: 80px; }
	#testimonials.full .rsLoyola.rsHor .rsArrowRight { right: 80px; }
	.full .rsLoyola .rsImageCounter { margin-right: 7.4em; }
	.full .rsLoyola .rsGCaption { margin-left: 7.4em; }
}


/* =====================================================
ROYAL SLIDER SMALL SCREEN
===================================================== */

@media (max-width: 979px) and (min-width: 768px){
	#image-gallery.gallery-white .row .span12,
	#image-gallery.gallery-white .slideshow-context { padding-left: 0px; }
	#image-gallery.canvas .slide-wrapper { padding-right: 0px; }
	#image-gallery .row .span12 { margin-left: 10px; }
	#image-gallery.full .rsLoyola .rsGCaption { width: 400px; }
	#image-gallery.full .rsThumbs,
	#image-gallery.full .slideshow-context { width: 648px; }
	#image-gallery.gallery-white .rsLoyola.rsHor .rsArrowLeft { left: 10px; }
	#image-gallery.gallery-white .rsLoyola.rsHor .rsArrowRight { right: 10px; }
	#testimonials.two-column .rsLoyola .rsArrow { top: 95px; height: 20%; }
	#testimonials.canvas .rsLoyola .rsArrowLeft { left: -22px; width: 24px; }
	#testimonials.canvas .rsLoyola .rsArrowRight { right: -28px; }
}

@media (max-width: 767px){
	#image-gallery.gallery-white .row .span12,
	#image-gallery.canvas .slide-wrapper,
	#image-gallery.gallery-white .slideshow-context { padding: 0 20px; }
	#image-gallery #content-slider { margin-top: 0px; }
	#image-gallery.full .rsThumbs,
	#image-gallery.full .slideshow-context { width: 90%; }
	.full .rsLoyola .rsGCaption { width: 350px; }
	#image-gallery.full .rsLoyola .rsGCaption { max-width: 70%; }
	#image-gallery-full-bleed .rsLoyola .rsGCaption,
	#image-gallery-visibleNearby .rsLoyola .rsGCaption { float: none; width: auto; text-align: left; }
	.feature-slider.rsLoyola .rsSlide .span3 { width: 25%; float: left; }
	.feature-slider.rsLoyola .rsSlide .span3 figcaption { display: none !important; }
}

@media (min-width : 480px)
and (max-width: 767px) {
	#testimonials #content-slider.royalSlider { height: 250px; }
	#testimonials .rsArrow { top: 40px; height: 50px; }
	#testimonials .rsArrow.rsArrowLeft { left: -24px; }
	#testimonials .rsArrow.rsArrowRight { right: 16px; }
	#testimonials.three-column .rsArrow.rsArrowLeft,
	#testimonials.two-column .rsArrow.rsArrowLeft { left: 0px; }
	#testimonials.three-column .rsArrow.rsArrowRight,
	#testimonials.two-column .rsArrow.rsArrowRight { right: -5px; }
	#testimonials.full .rsArrow.rsArrowLeft { left: 0px; }
	#testimonials.full .rsArrow.rsArrowRight { right: 0px; }
	#testimonials .rsArrow { top: 80px; }
	#testimonials.two-column .rsLoyola .rsArrow { top: 0px; }
	#image-gallery.gallery-white .rsLoyola.rsHor .rsArrowLeft { left: 10px; }
}

@media (max-width: 568px){
	#image-gallery .rsLoyola .rsArrow { top: 0px; }	
	#image-gallery.two-column .rsThumbs,
	#image-gallery.three-column .rsThumbs,
	#image-gallery.full .rsThumbs { display:none; }
	#image-gallery.full .rsGCaption { margin: 0 0 0 5.4em; width: 320px; }
	#image-gallery.full .rsImageCounter { margin: 0 5.4em 0 0; }	
	#testimonials.canvas .rsArrow.rsArrowLeft { left: -20px; }
	#testimonials.canvas .rsArrow.rsArrowRight { right: -20px; }
	#image-gallery.two-column .rsOverflow, 
	#image-gallery.three-column .rsOverflow, 
	#image-gallery.full .rsOverflow { margin-bottom: 0; }
	#image-gallery.gallery-white .rsLoyola .rsGCaption { width: 80%; }
	.feature-slider.rsLoyola .rsBullets { top: -20px; }
	.feature-slider.rsLoyola .rsSlide .span3 { display: none; width: 100%; float: none; }
	.feature-slider.rsLoyola .rsSlide .span3.first-slide { display: block; }	
	.feature-slider.rsLoyola .rsSlide .span3 figure { position:relative; }	
	.feature-slider.rsLoyola .rsSlide .span3 figcaption { position:absolute; bottom: 0px; display: inline !important; }	
}

@media (max-width: 480px){
	#image-gallery.full .rsOverflow { margin-bottom: 0; }
	#image-gallery.full .rsLoyola .rsGCaption { margin: 0 0 0 10px; width: 70%; }
	#image-gallery.full .rsLoyola .rsImageCounter { margin: 0 10px 0 0; }
	#image-gallery.full .rsThumbs,
	#image-gallery.full .slideshow-context { width: auto; padding: 0 10px; }
	#testimonials .rsArrow { top: 120px; height: 50px; }
	#testimonials .rsArrow.rsArrowLeft { left: -24px; }
	#testimonials.canvas .rsArrow.rsArrowLeft { left: -20px; }
	#testimonials .rsArrow.rsArrowRight { right: 16px; }
	#testimonials.canvas .rsArrow.rsArrowRight { right: -20px; }
	#testimonials.two-column .rsArrow.rsArrowRight { right: -5px; }	
	#testimonials.three-column .rsArrow.rsArrowLeft,
	#testimonials.two-column .rsArrow.rsArrowLeft { left: 0px; }
	#testimonials.full .rsArrow.rsArrowLeft { left: 0px; }
	#testimonials.full .rsArrow.rsArrowRight { right: 0px; }
	#image-gallery.full .rsLoyola.rsHor .rsArrow.rsArrowLeft { top: 0px; left: 0px; }
	#image-gallery.full .rsLoyola.rsHor .rsArrow.rsArrowRight { top: 0px; right: 0px; }
	#testimonials.three-column .span9 { width: 440px; }
}

@media (max-width: 320px){
	#testimonials.canvas .span12,
	#testimonials.three-column .span9 { width: 280px; }
	#content-slider-itw .rsGCaption { display: none; }
}