#pfhub_portfolio_container_2 ul#portfolio-filter {
text-align: center;
}
#pfhub_portfolio_container_2 ul#portfolio-filter li {
float: none;
}
#pfhub_portfolio_container_2 ul#portfolio-filter a {
display: inline-block;
color: #444444;
background-color: #F7F7F7;
padding: 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#pfhub_portfolio_container_2 ul#portfolio-filter li.current a {
color: #FFFFFF !important;
background-color: #666666 !important;
}
#pfhub_portfolio_container_2 ul#portfolio-filter li.current a:hover {
color: #FFFFFF !important;
background-color: #666666 !important;
}
#pfhub_portfolio_container_2 ul#portfolio-filter a:hover {
color: #FFFFFF;
background-color: #FF3845;
}
#pfhub_portfolio_container_2 #pfhub_portfolio-container-loading-overlay_2 {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: url(https://tijanapermoser.de/wp-content/plugins/uber-grid/assets/images/loading/loading-4.svg) center top;
background-repeat: no-repeat;
background-size: 60px auto;
}
#pfhub_portfolio_container_2 #pfhub_portfolio_content_2 {
opacity: 0;
}
#pfhub_portfolio_container_2 {
position: relative;
display: inline-block;
width: 100%;
}
#pfhub_portfolio_content_2 .wagwep-container {
display: none;
}
#pfhub_portfolio_content_2 ul.og-grid {
padding: 0;
text-align: center;
}
#pfhub_portfolio_content_2 .og-grid > li {
width: 400px;
height: 400px;
margin: 10px 5px 0 5px;
}
#pfhub_portfolio_content_2 .og-grid > li > a {
width: 100%;
height: 100%;
overflow: hidden;
box-shadow: none;
max-height: 400px;
border: solid #DEDEDE 0px;
}
#pfhub_portfolio_content_2 .og-grid li > a > img {
max-width: none;
max-height: none;
}
#pfhub_portfolio_content_2 .og-grid > li > a > figure > span {
padding: 10px 0;
margin: 40px 20px 20px 20px;
color: #FFFFFF;
border-bottom: solid #FFFFFF 1px;
font-size: 16px;
text-align: center;
}
#pfhub_portfolio_content_2 .og-grid > li .og-pointer {
border-bottom-color: #222222;
}
#pfhub_portfolio_content_2 .og-grid > li > a > figure {
background: rgba(72,72,72,0.7) ;
margin: 0;
}
#pfhub_portfolio_content_2 .og-expander {
width: 100%;
background: rgba(34,34,34,1) ;
left: 50%;
transform: translateX(-50%);
}
#pfhub_portfolio_content_2 .og-expander .elastislide-wrapper {
background-color: #313131;
box-shadow: inset 0 0 10px #000;
-moz-box-shadow: inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
margin-bottom: 25px;
height: 100px;
box-sizing: content-box;
}
#pfhub_portfolio_content_2 .og-expander ul.elastislide-list {
padding: 0;
}
#pfhub_portfolio_content_2 .og-expander ul.elastislide-list li {
margin: 0 2% 5px 1%;
max-width: none !important;
max-height: none !important;
width: 100px !important;
height: 100px !important;
}
#pfhub_portfolio_content_2 .og-expander ul.elastislide-list li > a > img {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
border: 2px solid #313131px;
}
#pfhub_portfolio_content_2 .og-expander ul.elastislide-list li > a > img.selected {
border: 2px solid #999999;
}
#pfhub_portfolio_content_2 .og-expander ul.elastislide-list li > a {
width: 100%;
height: 100%;
}
#pfhub_portfolio_content_2 .og-expander .og-details a.link-button {
font-size: 11px;
color: #9F9F9F;
background-color: #454545;
box-shadow: none;
}
#pfhub_portfolio_content_2 .og-expander .og-details a.link-button:hover {
color: #999999;
background: -webkit-gradient(
linear, left top, left bottom,
from(#454545),
to(#131313));
}
#pfhub_portfolio_content_2 .og-expander .og-expander-inner {
display: inline-block;
width: 100%;
}
#pfhub_portfolio_content_2 .og-expander .og-details p {
font-size: 16px;
color: #FFFFFF;
text-align: left;
margin: 0;
}
#pfhub_portfolio_content_2 .og-expander .og-close {
z-index: 999;
}
#pfhub_portfolio_content_2 .og-expander .og-details {
float: right;
height: auto;
}
#pfhub_portfolio_content_2 .og-expander .og-details h3 {
color: #FFFFFF;
}
#pfhub_portfolio_content_2 .og-fullimg {
height: 100%;
float: left;
}
#pfhub_portfolio_content_2 .og-fullimg img {
margin-bottom: 25px;
width: 100%;
}
#pfhub_portfolio_content_2 .og-fullimg iframe {
width: 100%;
border: none;
height: 82%!important;
}
@media (max-width: 767px){
#pfhub_portfolio_content_2 .og-fullimg {
height: auto;
}
}
