.topbar {
box-shadow: none;
padding: 0;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-ms-transition: all 0s ease;
-o-transition: all 0s ease;
transition: all 0s ease;
background-color: transparent;
}
.topbar.scrolled {
background-color: transparent;
}
.single-cpt_projects .topbar { background-color: transparent; }
@media screen and (min-width:40em){
.topbar {
padding: 0 1rem;
}
} .topbar.scrolled .name_extended_column {
margin-top: -12rem;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.topbar .name_extended_column {
margin-top: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
width:100%;
}
.topbar .name_column {
max-width: 70%;
}
.topbar h1 {
margin-bottom: 0;
line-height: 1;
}
@media screen and (max-width: 39.9375em){
.topbar .name_extended_column {
display: none !important;
}
}
@media screen and (min-width:64em){
.topbar .name_extended_column {
position:absolute;
left:0;
padding-left:0.5rem;
margin-left: 16.66667%;
}
.topbar .name_extended_column .part_two {
position:absolute;
left:0;
margin-left: 16.66667%;
}
} .topbar .logo_wrapper {
position: relative;
width: 10em;
height: 3em;
}
.topbar .logo_wrapper.hide {
opacity: 0;
pointer-events: none;
}
.topbar .logo_wrapper .logo.clock,
.logo.clock {
width: 6.25em; 
height: 6.25em;
position: absolute; right: 1rem;
top: 0;
display: block;
}
@media screen and (max-width: 991px) {
.topbar .logo_wrapper .logo.clock,
.logo.clock {
width: 3.25em; 
height: 3.25em;    
top: 1rem;
display: block;
}
} .history_back_col .history_back {
position: relative;
display: block;
width: 2rem; height: 2rem;
background-color: #FFFFFF;
cursor: pointer;
}
.history_back_col .history_back:after,
.history_back_col .history_back:before {
content: ''; position: absolute;
top: 50%; left: 50%; width: 1.5rem; height: 0.125rem;
background-color: currentColor; border-radius: 0.125rem;
}
.history_back_col .history_back:before {
-webkit-transform: translate(-50%,-50%) rotate(45deg);
-moz-transform: translate(-50%,-50%) rotate(45deg);
-ms-transform: translate(-50%,-50%) rotate(45deg);
-o-transform: translate(-50%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
}
.history_back_col .history_back:after {
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
-moz-transform: translate(-50%,-50%) rotate(-45deg);
-ms-transform: translate(-50%,-50%) rotate(-45deg);
-o-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
}
@media screen and (min-width:40em){
.history_back_col .history_back:after,
.history_back_col .history_back:before {
width: 2rem; height: 0.125rem;
}
}
@media screen and (min-width:64em){
.history_back_col .history_back {
width: 2rem; height: 2rem;
}
.history_back_col .history_back:after,
.history_back_col .history_back:before {
width: 2rem;
}
}