.single-portfolio {
margin-bottom: 118px;
}
.portfolio-full {
margin-bottom: 70px;
}
.portfolio-full.detail-01 {
margin-bottom: 80px;
}
.portfolio-full.detail-01 .portfolio-title-wrap {
text-align: center;
}
.portfolio-full.detail-01 .portfolio-title-wrap h2.portfolio-title {
max-width: 570px;
display: inline-block;
margin-bottom: 50px;
}
.portfolio-full.detail-01 .post-slideshow .item {
text-align: center;
}
.portfolio-full.detail-01 .post-slideshow,
.portfolio-full.detail-01 .slideshow-paging {
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.portfolio-full.detail-01 .paging-wrap {
margin-top: 50px;
padding-top: 50px;
padding-bottom: 50px;
background-color: #f4f4f4;
}
.portfolio-full.detail-01 .portfolio-content-wrap {
margin-top: 80px;
}
.portfolio-full.detail-01 .owl-controls {
margin-top: 0;
}
.portfolio-full.detail-01 .owl-theme .owl-controls .owl-buttons .owl-prev,
.portfolio-full.detail-01 .owl-theme .owl-controls .owl-buttons .owl-next {
background-color: transparent;
color: #000;
}
.portfolio-full.detail-01 .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 20px;
}
.portfolio-full.detail-01 .owl-theme .owl-controls .owl-buttons .owl-next {
right: 20px;
}
.portfolio-full.detail-01 .owl-carousel .owl-wrapper-outer,
.portfolio.slider .owl-carousel .owl-wrapper-outer {
overflow: hidden;
}
.portfolio-full.detail-01 .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item,
.portfolio.slider .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
padding-left: 15px;
padding-right: 15px;
}
.portfolio-full.detail-01 .owl-next,
.portfolio.slider .owl-next,
.portfolio-full.detail-01 .owl-prev,
.portfolio.slider .owl-prev {
height: 30px;
position: absolute;
top: 43%;
width: 30px;
background-color: #fff;
padding: 0;
}
.portfolio-full.detail-01 .owl-prev i,
.portfolio.slider .owl-prev i,
.portfolio-full.detail-01 .owl-next i,
.portfolio.slider .owl-next i {
font-size: 26px;
}
.portfolio-full.detail-01 .owl-prev,
.portfolio.slider .owl-prev {
left: -40px;
}
.portfolio-full.detail-01 .owl-next,
.portfolio.slider .owl-next {
right: -40px;
}
.portfolio-full.detail-02 .post-slideshow .item,
.portfolio-full.detail-03 .post-slideshow .item {
padding-bottom: 28px;
}
.portfolio-full.detail-03 .owl-controls,
.portfolio-full.detail-04 .owl-controls {
margin-top: 0;
}
.portfolio-full.detail-03 .owl-theme .owl-controls .owl-buttons .owl-prev,
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-prev,
.portfolio-full.detail-03 .owl-theme .owl-controls .owl-buttons .owl-next,
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-next {
background-color: #545454;
color: #fff;
height: 70px;
position: absolute;
top: 40%;
width: 40px;
padding: 0;
line-height: 74px;
margin: 0;
border-radius: 0;
}
.portfolio-full.detail-03 .owl-theme .owl-controls .owl-buttons .owl-prev i,
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-prev i,
.portfolio-full.detail-03 .owl-theme .owl-controls .owl-buttons .owl-next i,
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-next i {
font-size: 26px;
}
.portfolio-full.detail-03 .owl-theme .owl-controls .owl-buttons .owl-prev,
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 0;
padding-right: 2px;
}
.portfolio-full.detail-03 .owl-theme .owl-controls .owl-buttons .owl-next,
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-next {
right: 0;
padding-left: 4px;
}
.portfolio-full.detail-03 .portfolio-content {
margin-bottom: 30px;
}
.portfolio-full.detail-03 .portfolio-content p:last-child {
margin-bottom: 0;
}
.portfolio-full.detail-04 .portfolio-content-wrap {
margin-top: 60px;
}
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-prev,
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-next {
top: 45%;
}
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-prev {
left: -70px;
}
.portfolio-full.detail-04 .owl-theme .owl-controls .owl-buttons .owl-next {
right: -70px;
}
.portfolio-full h2.portfolio-title {
font-size: 36px;
margin-bottom: 24px;
line-height: 1;
}
.portfolio-full .category {
margin-bottom: 24px;
}
.portfolio-full .category span {
padding: 12px 18px;
border: solid 2px #efefef;
margin-right: 2px;
display: inline-block;
}
.portfolio-full .share {
margin-top: 45px;
position: relative;
}
.portfolio-full .share h6 {
text-transform: uppercase;
display: inline-block;
padding-right: 18px;
font-size: 12px;
margin-bottom: 0;
}
.portfolio-full .share ul {
list-style: none;
display: inline-block;
position: absolute;
margin-bottom: 0;
padding-left: 0;
}
.portfolio-full .share ul li {
padding-right: 16px;
float: left;
color: #ccc;
}
.portfolio-content-wrap h5.title {
font-size: 30px;
margin-bottom: 50px;
}
.portfolio-info.spec {
padding-top: 6px;
}
.portfolio-info.extra-field {
margin-top: 60px;
}
.portfolio-info h6 {
font-size: 12px;
display: inline-block;
margin-bottom: 0;
text-transform: uppercase;
padding-right: 18px;
}
.portfolio-info .portfolio-info-box {
padding-bottom: 16px;
padding-top: 16px;
border-top: solid 1px #eee;
line-height: 1;
}
.portfolio-info .portfolio-info-box:last-child {
border-bottom: solid 1px #eee;
}
.portfolio-info .portfolio-info-box .portfolio-term {
display: inline-block;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
color: #777;
} .portfolio-description {
margin-top: 70px;
font-size: 12px;
}
.portfolio-related-wrap {
margin-left: -15px;
margin-right: -15px;
}
.portfolio-related-wrap .portfolio-related.portfolio-wrapper {
margin-top: 50px;
}
.portfolio-related-wrap .portfolio-related .portfolio-item .title {
font-size: 16px;
}
.portfolio-related-wrap .portfolio-related .portfolio-item .category {
font-size: 12px;
}
.portfolio-related-wrap .portfolio-related.owl-carousel .owl-wrapper .owl-item {
padding-left: 15px;
padding-right: 15px;
}
.portfolio-related-wrap .portfolio-related.owl-carousel .owl-controls {
position: absolute;
top: -114px;
right: 10px;
display: inline-block;
}
.portfolio-related-wrap .portfolio-related.owl-carousel .owl-controls .owl-buttons div.owl-prev,
.portfolio-related-wrap .portfolio-related.owl-carousel .owl-controls .owl-buttons div.owl-next {
border-radius: 0px;
background: none;
color: #333;
border: solid 2px #eee;
padding: 5px 15px;
}
.portfolio-related-wrap .portfolio-related.owl-carousel .owl-controls .owl-buttons div.owl-prev:hover,
.portfolio-related-wrap .portfolio-related.owl-carousel .owl-controls .owl-buttons div.owl-next:hover {
background-color: #eee;
}
.portfolio-related-wrap .heading-wrap {
padding-left: 15px;
padding-right: 15px;
}
.portfolio-related-wrap .heading {
font-size: 30px;
padding-bottom: 18px;
border-bottom: solid 1px #EEEEEE;
line-height: 1;
color: #333;
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
.portfolio-info.spec .portfolio-info-box {
width: 50%;
float: left;
padding-right: 15px;
}
}