.sticky-site-header {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
}
.sticky-site-header.sticky-on:not([data-type=sticky])>[class*=header-wrapper], .sticky-site-header>[class*=header-wrapper] .sticky-on>div {
position: fixed;
top: 0;
width: 100%;
}
.sticky-site-header.sticky > [class*=header-wrapper] > .sticky:last-of-type,
.sticky-site-header.sticky>[class*=header-wrapper]>.sticky-on:last-of-type > div {
box-shadow: 2px 0 12px 0 rgba(0,0,0,.15);
}
.sticky-site-header.sticky-on:not([data-type=sticky])>[class*=header-wrapper] {
z-index: 9999;
}
.sticky-site-header.sticky-on .sticky-header-wrapper, .sticky-site-header.sticky-on .sticky-mobile-header-wrapper {
animation-name: et-toBottomFull;
animation-duration: 0.7s;
}
.sticky-site-header .header-main-menu.et_element-top-level .menu > li > a:hover,
.sticky-site-header .header-main-menu.et_element-top-level .menu > .current-menu-item > a,
.sticky-site-header .header-main-menu.et_element-top-level.menu-items-custom .menu > li > a:hover,
.sticky-site-header .header-main-menu.et_element-top-level.menu-items-custom .menu > .current-menu-item > a {
color: currentColor;
opacity: .7;
}article.format-quote .featured-quote,
.single-format-quote .featured-quote {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
line-height: 26px;
text-align: center;
bottom: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
article.format-quote .featured-quote .quote-icon,
.single-format-quote .featured-quote .quote-icon {
display: none;
}
article.format-quote .featured-quote .quote-content,
.single-format-quote .featured-quote .quote-content {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.14rem;
padding-left: 30px;
padding-right: 30px;
font-style: italic;
}
article.format-quote .featured-quote .quote-content i:first-of-type,
.single-format-quote .featured-quote .quote-content i:first-of-type {
padding-left: 5px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
article.format-quote .featured-quote .quote-content i:last-of-type,
.single-format-quote .featured-quote .quote-content i:last-of-type {
padding-left: 5px;
}
article.format-quote .featured-quote .quote-content cite,
.single-format-quote .featured-quote .quote-content cite {
font-size: 1.14rem;
font-style: normal;
margin-top: 10px;
display: inline-block;
width: 100%;
}
article.format-quote .featured-quote .quote-content p,
.single-format-quote .featured-quote .quote-content p {
font-size: 1rem;
margin-bottom: 0;
}
article.format-quote .content-article p i:first-of-type,
.single-format-quote .content-article p i:first-of-type {
padding-left: 7px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
article.format-quote .content-article p i:last-of-type,
.single-format-quote .content-article p i:last-of-type {
padding-left: 7px;
}
article.format-quote .post-categories,
.single-format-quote .post-categories {
display: none;
}article.content-timeline:before,
article.content-timeline .timeline-content {
position: absolute;
left: -4.5vw;
}
article.content-timeline .timeline-content {
top: 0;
background-color: #fff;
z-index: 2;
}
article.content-timeline .sticky-post {
top: 83px;
}
.boxed article.content-timeline .meta-post-timeline,
.framed article.content-timeline .meta-post-timeline {
left: 0;
}
.boxed article.content-timeline .post-categories,
.framed article.content-timeline .post-categories {
top: 80px;
}
.sidebar-position-left article.content-timeline:before,
.sidebar-position-left article.content-timeline .timeline-content {
left: auto;
right: -4.5vw;
}
@media only screen and (max-width: 1200px) {
article.content-timeline .meta-post-timeline {
display: none;
}
}
@media only screen and (max-width: 992px) {
article.content-timeline {
padding-left: 0 !important;
padding-right: 0 !important;
}
article.content-timeline:before,
article.content-timeline .timeline-content {
display: none;
}
}
.slide-view-timeline2,
article.content-timeline2,
article.content-timeline {
position: relative;
}
.slide-view-timeline2 .meta-post-timeline,
article.content-timeline2 .meta-post-timeline,
article.content-timeline .meta-post-timeline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid var(--et_active-color);
z-index: 4;
top: 0;
color: var(--et_active-color);
background-color: var(--et_white-2-dark);
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 60px;
height: 60px;
text-align: center;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.slide-view-timeline2 .meta-post-timeline > *,
article.content-timeline2 .meta-post-timeline > *,
article.content-timeline .meta-post-timeline > * {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.slide-view-timeline2 .meta-post-timeline .time-day,
article.content-timeline2 .meta-post-timeline .time-day,
article.content-timeline .meta-post-timeline .time-day {
font-size: 23px;
margin-bottom: 0;
line-height: 1;
}
.slide-view-timeline2 .meta-post-timeline .time-mon,
article.content-timeline2 .meta-post-timeline .time-mon,
article.content-timeline .meta-post-timeline .time-mon {
font-size: 1rem;
text-transform: uppercase;
}
.slide-view-timeline2:hover .meta-post-timeline,
article.content-timeline2:hover .meta-post-timeline,
article.content-timeline:hover .meta-post-timeline {
background-color: var(--et_active-color);
}
.slide-view-timeline2:hover .meta-post-timeline .time-day,
article.content-timeline2:hover .meta-post-timeline .time-day,
article.content-timeline:hover .meta-post-timeline .time-day,
.slide-view-timeline2:hover .meta-post-timeline .time-mon,
article.content-timeline2:hover .meta-post-timeline .time-mon,
article.content-timeline:hover .meta-post-timeline .time-mon {
color: #fff;
}
.slide-view-timeline2 {
padding-top: 30px;
}
.slide-view-timeline2 .meta-post-timeline {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.slide-view-timeline2 .post-categories {
display: none;
}
article.content-timeline2 {
margin-bottom: 0;
padding-bottom: 50px;
}
article.content-timeline2 > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
article.content-timeline2 .wp-picture,
article.content-timeline2 .post-gallery-slider,
article.content-timeline2 .featured-video {
width: 50%;
margin-bottom: 0;
}
article.content-timeline2 .post-data {
width: 50%;
padding-left: 30px;
}
article.content-timeline2:before,
article.content-timeline2 .timeline-content {
position: absolute;
left: -4.5vw;
}
article.content-timeline2:before {
content: "";
width: 1px;
height: 100%;
background-color: var(--et_border-color);
}
article.content-timeline2 .timeline-content {
top: 50%;
margin-top: -30px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 23px 0;
background-color: var(--et_container-bg-color, var(--et_white-2-dark));
z-index: 2;
}
article.content-timeline2.format-gallery .et_post-slider {
width: 50%;
}
.sidebar-position-left article.content-timeline2:before,
.sidebar-position-left article.content-timeline2 .timeline-content {
left: auto;
right: -4.5vw;
}
.sidebar-position-left article.content-timeline2 .timeline-content {
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
@media only screen and (min-width: 1401px) {
body.boxed article.content-timeline2 {
padding-left: 5vw;
}
body.boxed article.content-timeline2:before,
body.boxed article.content-timeline2 .timeline-content {
left: 0.5vw;
}
body.boxed .sidebar-position-left article.content-timeline2 {
padding-left: 0;
padding-right: 5vw;
}
body.boxed .sidebar-position-left article.content-timeline2:before,
body.boxed .sidebar-position-left article.content-timeline2 .timeline-content {
left: auto;
right: 0.5vw;
}
}
@media only screen and (max-width: 1400px) {
article.content-timeline2 {
padding-left: 5vw;
}
article.content-timeline2:before,
article.content-timeline2 .timeline-content {
left: 0.5vw;
}
.sidebar-position-left article.content-timeline2 {
padding-left: 0;
padding-right: 5vw;
}
.sidebar-position-left article.content-timeline2:before,
.sidebar-position-left article.content-timeline2 .timeline-content {
left: auto;
right: 0.5vw;
}
}
@media only screen and (max-width: 992px) {
article.content-timeline2 {
padding-left: 0 !important;
padding-right: 0 !important;
}
article.content-timeline2:before,
article.content-timeline2 .timeline-content {
display: none;
}
}
@media only screen and (max-width: 768px) {
article.content-timeline2:before,
article.content-timeline2 .timeline-content {
left: 20px;
}
article.content-timeline2 > div {
display: block;
}
article.content-timeline2 .wp-picture,
article.content-timeline2 .post-gallery-slider,
article.content-timeline2 .featured-video {
width: 100%;
margin-bottom: 30px;
}
article.content-timeline2 .post-data {
width: 100%;
padding-left: 0;
}
article.content-timeline2 .meta-post-timeline {
width: 50px !important;
height: 50px !important;
}
article.content-timeline2 .meta-post-timeline .time-day {
font-size: 22px !important;
margin-top: 3px !important;
}
article.content-timeline2 .meta-post-timeline .time-mon {
font-size: 11px;
}
}