#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: #fff !important; background-color: #666 !important; } #pfhub_portfolio_container_2 ul#portfolio-filter li.current a:hover { color: #fff !important; background-color: #666 !important; } #pfhub_portfolio_container_2 ul#portfolio-filter a:hover { color: #fff; background-color: #FF3845; } #pfhub_portfolio_container_2 #pfhub_portfolio-container-loading-overlay_2 { width: 100%; height: 100%; position: absolute; z-index: 1; background: url(http://aakk.dk/wp-content/plugins/uber-grid/assets/images/loading/loading-1.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: 250px; height: 150px; margin: 10px 5px 0 5px; } #pfhub_portfolio_content_2 .og-grid > li > a { width: 100%; height: 100%; overflow: hidden; box-shadow: none; max-height: 150px; 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; text-decoration: none; } #pfhub_portfolio_content_2 .og-expander .og-details a.link-button:hover { color: #999; 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: 13px; color: #999; 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; } }