.tourHeading, .tourGrid
{
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:relative;
}

.tourHeading
{
    padding:6rem 0;
    display:grid;
    align-items:center;
    justify-items:center;
}

.tourHeading:after
{
	 content: "";
	 display: block;
	 background-color:var(--gfColors-navy);
	 opacity:0.4;
	 height: 100%;
	 width: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 1;
}

.tourHeading h1
{
	 color: #fff;
	 text-transform: uppercase;
	 text-align:center;
	 letter-spacing:0.01em;
	 padding:0;
	 margin:0;
	 z-index:5;
}
 .tourHeading h1:before
 {
	 display: block;
	 font-family: "Font Awesome 5 Free";
	 font-weight:900;
	 font-size:0.7em;
	 margin-bottom:0.6em;
	 content:"\f3c5";
}

.tourDescription
{
    background-image: url(/__template/t1/images/navy-on-navy-tiles.jpg);
}

.tourDescription > .container
{
    padding:2rem 0;
    align-items:start;
}

.tourDescription > .container :first-child
{
    margin-top:0;
}

.tourDescription > .container :last-child
{
    margin-bottom:0;
}

.tourDescription > .container > .lead
{
    background-color:var(--gfColors-navyAccent);
    padding:2rem;
}

.tourDescription--fullWidth
{
    grid-column:1/-1;
}

.tourGroupHolder
{
    margin-top:var(--gfVars-componentSpacing);
}

@media(min-width:768px)
{
    .tourGroupHolder--singleItem
    {
        grid-template-columns:2fr 8fr 2fr;
    }
    
    .tourGroupHolder--singleItem .tourGroup
    {
        grid-column:2;
    }
}

.tourGroup
{
    text-align:center;
}

.tourGroup-title
{
    font-family:var(--gfVars-headerFont);
    font-size:1.5rem;
    text-transform:uppercase;
    letter-spacing:0.01em;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:0.5rem;
}

.tourGroup-title::before,.tourGroup-title::after
{
    content:"";
    height:1px;
    width:100%;
    background-color:var(--gfColors-gold);
}

.tourOverlay a, .tourOverlay a:hover
{
    box-shadow:none;
}

.tourButtons .button
{
    margin:0.25rem;
}

@media(max-width:767.98px)
{
    .tourGroup-title
    {
        padding:0;
        font-size:1.5em;
    }
}

/** Main Styles ** */
 .tourGrid .bg {
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 z-index: 1;
	 position:absolute;
	 top:0;
	 left:0;
	 height:100%;
	 width:100%;
	 transition: all .5s;
}
 .tourGrid .row .col-12 {
	 margin-bottom: 20px;
	 height: 200px;
	 overflow: hidden;
}
 .tourGrid {
	 height: 200px;
}
 .tourGrid:hover .bg {
	 transform: scale(1.1);
}


 .tourGrid h2 {
	 color: #fff;
	 text-align: center;
	 font-size: 40px;
	 letter-spacing: -.02em;
	 z-index: 20;
	 display: table;
	 width: 100%;
	 height: 100%;
	 position:relative;
	 margin-top: 0px!important;
}
 .tourGrid h2 a {
	 content: "";
	 display: table-cell;
	 background: rgba(100,100,100,.6);
	 color: #fff;
	 padding-left: 15px;
	 padding-right: 15px;
	 line-height: .95em;
	 z-index: 20;
	 vertical-align: middle;
	 text-decoration: none;
}
 .tourGrid h2 a span {
	 font-size: 17px;
	 margin: 15px 0px 0;
	 display: inline-block;
	 padding: 7px 11px;
	 border-radius: 50px;
	 opacity: .85;
	 font-family: var(--gfVars-headerFont);
	 text-transform: uppercase;
	 border: 1px solid rgba(255,255,255,.5);
	 font-weight: bold;
}
 .tourGrid h2 a span:before {
	 margin-right: 10px;
	 font-family: "Font Awesome 5 Free";
	 font-size: 13px;
	 top: -1px;
	 position: relative;
}
 
 .tourBody {
	 background: #fff;
	 position: relative;
	 z-index: 2;
	 overflow:hidden;
	 padding:1rem 0;
}
 .tourBody .btn-group {
	 display: block;
	 background: #fff;
	 padding: 10px 0px;
	 white-space: normal;
}
 .tourBody .btn-group .btn {
	 margin-right: 8px;
	 margin-top: 8px;
	 border-radius: 4px;
	 font-size: 15px;
	 text-transform: uppercase;
	 padding: 7px 13px 5px;
	 background: #333;
	 border-color: #333;
}
 .tourBody .btn-group .btn:hover, .tourBody .btn-group .btn:focus {
	 background: #6c6c6c;
	 border-color: #6c6c6c;
}
 .tourBody .btn-group .btn.active {
	 background: #888;
	 border-color: #888;
}
 .tourBody .tourWindow {
	 background: #000;
}
 .tourOverlay {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover;
}
 .tourOverlay a {
	 display: table;
	 text-align: center;
	 color: #fff;
	 width: 100%;
	 height: 100%;
	 background: rgba(0,0,0,.6);
}
 .tourOverlay a span {
	 display: table-cell;
	 vertical-align: middle;
	 font-family: var(--gfVars-headerFont);
	 font-size: 24px;
	 text-transform: uppercase;
	 letter-spacing: 0.01em;
	 font-weight: bold;
}
 .tourOverlay a span:before {
	 font-family: "Font Awesome 5 Free";
}
.tourOverlay a:hover
{
    color:#fff;
    text-decoration:underline;
}
/* TOUR GALLERY STYLES */
 #gallery {
	 margin: 0 auto;
}
 #gallery ul {
	 list-style:none;
	 margin:0;
}
 #gallery li {
	 display: inline;
	 margin-right: 2px;
}
#gallery li::before
{
    display:none;
}
 #gallery li.end {
	 margin-right: 0;
}
 #gallery li img {
	 margin-bottom: 5px;
}
 #gallery #main-img {
	 background: url(/college-admissions/campus-tour/__assets-section/bg_img.png) no-repeat 0 0;
	 margin-bottom:10px;
}
 #gallery .carousel-control {
	 background: #666 none repeat scroll 0 0;
	 border: 3px solid #fff;
	 border-radius: 24px;
	 color: #fff;
	 top: 50%;
}
 #gallery a {
	 text-decoration:none;
}
/** Responsive Styles ** */
 @media (min-width: 1200px) {
	 .tourGrid .row .span4 {
		 width: 420px;
	}
	 #gallery li img {
		 width: 130px;
	}
	 #gallery li img.commons {
		 width: 197px;
	}
	 #gallery li {
		 margin-right: 1.9px;
	}
	 #gallery li img.row-end {
		 margin-right: 0;
	}
}
 @media (min-width: 980px) and (max-width: 1200px) {
	 #gallery li {
		 margin-right: 1.9px;
	}
	 #gallery li img {
		 width: 208px;
	}
	 #gallery li img.commons {
		 width: 155px;
	}
	 #gallery li img.row-end {
		 margin-right: 0;
	}
}
 @media (min-width: 768px) and (max-width: 979px) {
	 .tourGrid .row .span4 {
		 width: 259px;
	}
	 .tourBody .description {
		 font-size: 16px;
		 line-height: 1.5em;
	}
	 #gallery li img {
		 width: 154px;
	}
	 #gallery li img.commons {
		 width: 114px;
	}
	 #gallery li img.row-end {
		 margin-right: 0;
	}
}
 @media (max-width: 767px) {
	 .tourGrid .row .span4 {
		 width: 100%;
	}
	 .tourBody .btn-group .btn {
		 border-radius: 0;
		 margin: 1px 0;
		 padding: 15px 10px;
		 font-size: 18px;
	}
	 .tourBody .btn-group .btn:first-child {
		 border-radius: 4px 4px 0 0;
	}
	 .tourBody .btn-group .btn:last-child {
		 border-radius: 0 0 4px 4px;
	}
}
 @media (max-width: 480px) {
}
/* End Responsive Styles */

.videoBlock-videoItemHolder {
    max-width: 1200px;
    margin: 0 auto;
}




/* ------- Spring 2024 Updates -------  */

.add-map-marker {
    position:relative;
}

.add-map-marker::after
{
    content: "";
    display: inline;
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    content:"\f3c5";
    margin-bottom:0.5em;
    color: var(--gfColors-gold);
    margin-left:.75rem;
}

@media(min-width:768px) {
    .tourGroupHolder--singleItem {
        grid-template-columns:1fr;
    }
    
    .tourGroupHolder--singleItem .tourGroup {
        grid-column:1;
    }
}

#next-previous-buttons_component h3 {
    position:relative;
}
main #next-previous-buttons_component h3 a {
    line-height:1;
}
#next-previous-buttons_component h3 a span {
    color: var(--gfColors-linkBlue);
}
#next-previous-buttons_component h3 a:hover span {
    color: var(--gfColors-navy);
}
#next-previous-buttons_component h3::before {
    content: "";
    background-color: var(--gfColors-slate15);
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -3rem;
    left: calc(50% - 5.5rem);
    z-index: -10;
}
@media (max-width:767.98px) {
    .tourButtons .button {
        margin: 0.5rem 0;
    }
    #next-previous-buttons_component h3::before {
        top: -4rem;
        left: -3rem;
    }
}

@media (min-width:768px) {
    /*
    #next-previous-buttons_component div.align-items-center div:first-of-type {
        display:grid;
        justify-content:end;
    }
    #next-previous-buttons_component div.align-items-center div:last-of-type {
        display:grid;
        justify-content:start;
    }
    */
    .triangle-prev {
        position: relative;
        display: grid;
        align-content: center;
        align-items: center;
        justify-content: end;
        padding-right: 7rem;
    }
    .triangle-prev:after {
        content: "";
        width: 0;
        height: 0;
        border: 2rem solid transparent;
        border-top: 2rem solid transparent;
        border-right: 3rem solid var(--gfColors-slate15);
        border-bottom: 2rem solid transparent;
        display: inline;
        position: absolute;
        right: 1.5rem;
        transition:ease .5s;
    }
    .triangle-prev:hover:after {
        border-top: 1.5rem solid transparent;
        border-right: 3.5rem solid var(--gfColors-slate15);
        border-bottom: 1.5rem solid transparent;
        right: 2rem;
    }
    .triangle-next {
        position: relative;
        display: grid;
        align-content: center;
        align-items: center;
        justify-content: start;
        padding-left: 7rem;
    }
    .triangle-next:before {
        content: "";
        width: 0;
        height: 0;
        border: 2rem solid transparent;
        border-top: 2rem solid transparent;
        border-left: 3rem solid var(--gfColors-slate15);
        border-bottom: 2rem solid transparent;
        display: inline-block;
        position: absolute;
        left: 1.5rem;
        transition:ease .5s;
    }
    .triangle-next:hover:before {
        border-top: 1.5rem solid transparent;
        border-left: 3.5rem solid var(--gfColors-slate15);
        border-bottom: 1.5rem solid transparent;
        left:2rem;
    }
    .triangle-next a, .triangle-prev a {
        line-height:1.3;
    }
}