@import '/apps/history/less/history.less';

.topContainer {
    display: block;
    overflow: auto; 
    margin: 0 0 15px 0;
}

.filterContainer {
    position: relative;
    float: right;   
    color: #999;
    font-size: 17px;
    font-weight: bold;
    font-family: 'roboto slab';
    margin: 8px 0 0 0;
}

.filterContainer a {
    color: #A94D2E; 
}

.filterContainer .pastArrow {
    position: relative;
    float: left;
    margin: -15px 5px 0 0;
    font-size: 33px;
    color: #A94D2E;
}

.filterContainer .pastEvents {
    position: relative;
    float: left;
    margin: 0 7px 0 0;
}

.filterContainer .separator {
    position: relative;
    float: left;
    font-size: 21px;
    margin: -3px 7px 0 0;
    color: #A94D2E;
}

.filterContainer .upcomingEvents {
    position: relative;
    float: left;
    margin: 0 5px 0 0;
}

.filterContainer .upcomingArrow {
    position: relative;
    float: left;
    margin: -14px 0 0 0;
    font-size: 33px;
    color: #A94D2E;
}

.navMainContainer {
    overflow: auto;  
    padding: 15px 25px 50px 15px;
}

.photoMainContainer {
	overflow: auto;
	padding: 1px 25px 50px 15px;
}

.photoMainContainer .textTitle {
    position: absolute; 
    float: left;
    background-color: #314150;
    background-repeat: repeat;
    margin-left:auto; 
    margin-right: auto;
    padding: 0px 10px 0px 10px;	
    color: #fff;
    font-size: 28px;
    font-weight: 500;
}


.photoMainContainer .breadcrumb {
    position: relative;
    font-size:14px;
    padding: 6px 20px 6px 15px;
    background-color: #272B2F;
    background-repeat: repeat;
    overflow: hidden;
    display:block;
    margin: 0;
    word-wrap: normal;
    width:  fit-content;
}

.photoMainContainer .breadcrumb .breadcrumb {
    background: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.photoMainContainer .breadcrumb a {
	color: #fff;
}

.photoMainContainer .breadcrumb .delim {
	color: #fff;
}

.photoMainContainer .breadcrumb a.last {
	color:  #fff;
}

.mainContent .contentTitle {
    position: relative;
    float: left;
    font-family: 'roboto slab';
    font-size: 30px;
    color: #262B30;
    font-weight: bold;
    text-transform: uppercase;
}

.leftnav-mobile {
    margin-bottom: 50px;
}

.meta {
	padding: 0;
}

@media screen and (max-width: 767px) {
    .no-phone-padding {
        padding: 0 !important;
    }
}

.topicsContainerPhoto {
	padding-top: 120px;
}