Your IP : 216.73.216.95
.single-portfolio {
.tm-sticky-column {
@extend %NormalTransition;
}
.tm-button.tm-button-view-project {
min-width: 190px;
.button-icon {
margin-left: 10px;
font-size: 12px;
}
}
.page-content {
padding-bottom: 0;
> .container {
margin-bottom: 100px;
}
}
}
.entry-portfolio-title {
font-size: 34px;
line-height: 1.42;
margin-bottom: 25px;
}
.entry-portfolio-details {
margin-top: 55px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 66px 30px;
ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
.label {
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
margin-bottom: 12px;
}
.value {
display: block;
font-size: 16px;
line-height: 1.9;
}
a {
@extend %LinkTransition;
}
}
.entry-portfolio-share {
margin-top: 55px;
.share-label {
font-size: 14px;
text-transform: uppercase;
margin-right: 17px;
}
.share-list {
.inner {
margin: 0 -8px;
}
a {
padding: 0 8px;
font-size: 16px;
}
}
}
.entry-portfolio-link {
margin-top: 88px;
}
.entry-portfolio-feature {
img {
width: 100%;
}
figure {
margin: 0;
position: relative;
}
figcaption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 14px;
padding: 10px;
border-radius: 0 0 5px 5px;
}
.maxcoach-grid-wrapper {
margin-top: 20px;
}
}
.entry-portfolio-image {
+ .entry-portfolio-image {
margin-top: 30px;
}
}
.entry-portfolio-video + .entry-portfolio-feature,
.entry-portfolio-feature + .entry-portfolio-video {
padding-top: 30px;
}
.portfolio-nav-links {
&.style-01 {
margin: 128px 0 130px;
.nav-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px 30px;
}
.next {
text-align: right;
a {
padding-right: 65px;
}
h6 {
&:before {
right: 0;
content: '\f061';
}
}
}
.prev {
a {
padding-left: 65px;
}
h6 {
&:before {
left: 0;
content: '\f060';
}
}
}
.inner {
width: 100%;
max-width: 430px;
display: inline-block;
font-size: 17px;
}
a {
position: relative;
display: block;
color: #777;
}
h6 {
font-size: 36px;
font-weight: 500;
line-height: 1.2;
margin: 23px 0 0;
&:before {
@extend %FontAwesomeSolid;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
}
}
}
&.style-02 {
margin: 123px 0 117px;
.nav-list {
display: flex;
align-items: center;
justify-content: center;
}
.nav-line {
width: 150px;
height: 1px;
flex-shrink: 0;
background: currentColor;
margin: 0 30px;
}
.nav-item {
* {
font-size: 50px;
line-height: 1.2;
font-weight: 200;
}
}
a {
@extend %NormalTransition;
display: block;
position: relative;
cursor: pointer;
&:hover {
.hover {
visibility: visible;
opacity: 1;
}
.normal {
visibility: hidden;
opacity: 0;
}
}
}
.normal,
.hover {
@extend %NormalTransition;
}
.hover {
font-weight: 500;
visibility: hidden;
opacity: 0;
}
.normal {
position: absolute;
top: 0;
left: 5px;
width: 100%;
height: 100%;
white-space: nowrap;
}
.disabled {
cursor: not-allowed;
}
}
&.style-03 {
margin: 152px 0 123px;
text-align: center;
.nav-text {
@extend %NormalTransition;
font-size: 70px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 3px;
margin-bottom: 22px;
}
a {
display: inline-block;
&:hover {
.nav-text {
-webkit-text-fill-color: currentColor;
}
}
}
.post-title {
font-size: 24px;
line-height: 1.21;
font-weight: 500;
margin-bottom: 0;
&:after {
@extend %FontAwesomeSolid;
position: relative;
top: -3px;
content: '\f061';
font-size: 12px;
margin-left: 12px;
}
}
}
}
.related-portfolio {
padding-top: 100px;
.container {
padding: 0;
}
.post-permalink {
display: block;
}
.post-thumbnail {
img {
width: 100%;
}
}
}
.related-portfolio-title {
margin: 0 0 45px;
text-align: center;
font-size: 28px;
}
.single-portfolio-style-image-list {
.page-content {
margin-top: 86px !important;
}
}
.single-portfolio-style-blank {
.page-content {
padding-top: 0;
padding-bottom: 0;
}
}
.single-portfolio-style-image-list-wide {
.page-content {
margin-top: 86px !important;
}
.entry-portfolio-title {
font-size: 36px;
margin-bottom: 46px;
max-width: 620px;
}
.entry-portfolio-feature {
img {
max-width: 1045px;
}
}
.entry-portfolio-content {
padding: 0 30px 0 35px;
}
.entry-portfolio-description,
.entry-portfolio-details {
max-width: 435px;
}
.entry-portfolio-image + .entry-portfolio-image {
margin-top: 50px;
}
}
.single-portfolio.page-skin-dark {
background: #111;
.page-content {
border-bottom: 1px solid #222;
}
.entry-portfolio-title {
color: #fff;
}
.entry-portfolio-content {
color: #777;
h1, h2, h3, h4, h5, h6 {
color: #fff;
}
}
.entry-portfolio-details {
.label {
color: #fff;
}
a {
color: #fff;
}
}
.tm-button.tm-button-view-project {
border-color: #fff;
color: #fff;
&:hover {
background-color: #fff;
color: #111;
}
}
.portfolio-nav-links {
&.style-01 {
h6 {
color: #fff;
}
.inner > a:hover {
color: #fff;
}
}
&.style-02 {
.nav-list {
color: #fff;
}
}
&.style-03 {
.post-title,
.nav-text {
color: #fff;
}
}
}
}
@include media-breakpoint-down(md) {
.portfolio-nav-links {
&.style-03 {
.nav-text {
font-size: 50px;
}
}
}
}
@include media-breakpoint-down(sm) {
.portfolio-nav-links {
&.style-01 {
.nav-list {
grid-template-columns: auto;
}
h6 {
font-size: 30px;
}
}
&.style-02 {
text-align: center;
.nav-list {
display: block;
}
.nav-line {
position: static;
margin: 20px 0;
display: inline-block;
}
}
}
.entry-portfolio-feature-wrap {
margin-bottom: 50px;
}
.single-portfolio-style-image-list-wide {
.entry-portfolio-content {
padding: 0;
}
.entry-portfolio-title {
font-size: 40px;
margin-left: 0;
margin-bottom: 20px;
}
}
}
@include media-breakpoint-up(xl) {
.single-portfolio-style-image-list-wide {
.page-content {
> .container {
max-width: 100%;
padding: 0;
}
}
.portfolio-details-content {
max-width: 370px;
margin-left: 130px;
}
.portfolio-feature-wrap {
padding-left: 0;
padding-right: 0;
}
}
}