Chromey Creative offers website services for small businesses, artists, non-profits and anyone looking to improve their online presence. Contact us today to see how we can help you.
section#huge_it_portfolio_content_11 {
position:relative;
display:block;
}
.portelement_11 .play-icon.youtube-icon,
.play-icon.youtube-icon {
background: url(https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.youtube.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_11 .play-icon.vimeo-icon,
.play-icon.vimeo-icon {
background: url(https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.vimeo.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_11 .play-icon,.play-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.portelement_11 {
max-width:410px !important;
width:100%;
margin:0 0 10px 0;
background:#F9F9F9;
border:5px solid #DEDEDE;
outline:none;
box-sizing: border-box;
}
.portelement_11 .image-block_11 {
position:relative;
width:100%;
height:250px !important;
}
.portelement_11 .image-block_11 img {
margin:0 !important;
padding:0 !important;
width:100% !important;
height:250px !important;
display:block;
border-radius: 0 !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.portelement_11 .image-block_11 .image-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(255,255,255,0.7) !important;
display:none;
}
.portelement_11:hover .image-block_11 .image-overlay {
display:block;
}
.portelement_11 .image-block_11 .image-overlay a {
border:none;
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
background:url(‘https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/zoom.light.png’) center center no-repeat;
}
.portelement_11 .title-block_11 {
position:relative;
height: 35px;
margin: 0;
border-top:5px solid #DEDEDE;
box-sizing: content-box;
}
.portelement_11 .title-block_11 h3 {
position:relative;
margin:0 !important;
padding:0 1% 0 1% !important;
width:90%;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
font-weight:normal;
top: 50%;
transform: translateY(-50%);
font-size: 15px !important;
line-height: 19px !important;
color:#222222;
}
.portelement_11 .title-block_11 .button-block {
position:absolute;
right:0;
top:0;
display:none;
vertical-align:middle;
height:100%;
padding-right:10px;
}
.portelement_11:hover .title-block_11 .button-block {display:block;}
.portelement_11 .title-block_11 a,.portelement_11 .title-block_11 a:link,.portelement_11 .title-block_11 a:visited,
.portelement_11 .title-block_11 a:hover,.portelement_11 .title-block_11 a:focus,.portelement_11 .title-block_11 a:active {
position:relative;
display:block;
vertical-align:middle;
padding: 3px 10px 3px 10px;
border-radius:3px;
font-size:14px;
background:#BFC6C9;
color:#FFFFFF;
text-decoration:none;
top:50%;
transform: translateY(-45%);
}
/*#####POPUP#####*/
#huge_it_portfolio_popup_list_11 {
position:fixed;
display:table;
width:80%;
top:7%;
left:7%;
margin:0 !important;
list-style:none;
z-index:999999;
display:none;
height:90%;
}
#huge_it_portfolio_popup_list_11.active {display:table;}
#huge_it_portfolio_popup_list_11 li.pupup-element {
position:relative;
display:none;
width:100%;
padding:40px 0 20px 0;
min-height:100%;
position:relative;
background:#FFFFFF;
}
#huge_it_portfolio_popup_list_11 li.pupup-element.active {
display:block;
}
#huge_it_portfolio_popup_list_11 .heading-navigation_11 {
position:absolute;
width:100%;
height:40px;
top:0;
left:0;
z-index:2001;
background:url(‘https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png’) center bottom repeat-x;
}
#huge_it_portfolio_popup_list_11 .heading-navigation_11 .close,#huge_it_portfolio_popup_list_11 .heading-navigation_11 .close:link, #huge_it_portfolio_popup_list_11 .heading-navigation_11 .close:visited {
position:relative;
float:right;
width:40px;
height:40px;
display:block;
background:url(‘https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/close.popup.dark.png’) center center no-repeat;
border-left:1px solid #ccc;
opacity:.65;
}
#huge_it_portfolio_popup_list_11 .heading-navigation_11 .close:hover, #huge_it_portfolio_popup_list_11 .heading-navigation_11 .close:focus, #huge_it_portfolio_popup_list_11 .heading-navigation_11 .close:active {opacity:1;}
#huge_it_portfolio_popup_list_11 li.pupup-element .popup-wrapper_11 {
position:relative;
width:98%;
height:98%;
padding:2% 0% 0% 2%;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .image-block_11 {
width:55%;
height:100%; position:relative;
float:left;
margin-right:2%;
border-right:1px solid #ccc;
min-width:200px;
min-height:100%;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .image-block_11 img {
width:100% !important; display:block;
padding:0 !important;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block {
width:42.8%;
height: 100%;
position:relative;
float:left;
}
#huge_it_portfolio_popup_list_11 li.pupup-element .popup-wrapper_11 .right-block > div {
padding-top:10px;
padding-right: 4%;
margin-bottom:10px;
background:url(‘https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png’) center top repeat-x;
}
#huge_it_portfolio_popup_list_11 li.pupup-element .popup-wrapper_11 .right-block > div:last-child {background:none;}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .title {
position:relative;
display:block;
margin:0 0 10px 0 !important;
font-size:18px !important;
line-height:22px !important;
color:#222222;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description {
clear:both;
position:relative;
text-align:justify;
font-size:14px !important;
color:#222222;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description h1,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description h2,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description h3,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description h4,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description h5,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description h6,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description p,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description strong,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description span {
padding:2px !important;
margin:0 !important;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description ul,
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block .description li {
padding:2px 0 2px 5px;
margin:0 0 0 8px;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block ul.thumbs-list_11 {
list-style:none;
display:table;
position:relative;
clear:both;
width:100%;
margin:0 auto;
padding:0;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block ul.thumbs-list_11 li {
display:block;
float:left;
width:75px;
height:75px;
margin:0 2% 5px 1% !important;
opacity:0.45;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block ul.thumbs-list_11 li.active,#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block ul.thumbs-list_11 li:hover {
opacity:1;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block ul.thumbs-list_11 li a {
border:none;
display:block;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block ul.thumbs-list_11 li img {
margin:0 !important;
padding:0 !important;
width:75px !important;
height:75px !important;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .image-block_11 iframe {
width:100% !important;
height:95% !important;
display:block;
}
#huge_it_portfolio_popup_list_11 .heading-navigation_11 .left-change, #huge_it_portfolio_popup_list_11 .heading-navigation_11 .right-change{
width: 40px;
height: 39px;
font-size: 25px;
display: inline-block;
text-align: center;
border: 1px solid #eee;
border-bottom: none;
border-top: none;
}
#huge_it_portfolio_popup_list_11 .heading-navigation_11 .right-change{
position: relative;
margin-left: -6px;
}
#huge_it_portfolio_popup_list_11 .heading-navigation_11 .right-change:hover, #huge_it_portfolio_popup_list_11 .heading-navigation_11 .left-change:hover{
background: #ddd;
border-color: #ccc;
color: #000 !important;
cursor: pointer;
}
#huge_it_portfolio_popup_list_11 .heading-navigation_11 .right-change a, #huge_it_portfolio_popup_list_11 .heading-navigation_11 .left-change a{
position: absolute;
transform: translate(-50%, -50%) !important;
color: #777;
text-decoration: none;
width: 12px;
height: 100%;
display: inline-block;
line-height: normal;
top: 50%;
}
/**/
.pupup-element .button-block {
position:relative;
}
.pupup-element .button-block a,.pupup-element .button-block a:link,.pupup-element .button-block a:visited{
position:relative;
display:inline-block;
padding:6px 12px;
background:#2EA2CD;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}
.pupup-element .button-block a:hover,.pupup-element .button-block a:focus,.pupup-element .button-block a:active {
background:#0074A2;
color:#FFFFFF;
}
#huge-popup-overlay-portfolio {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:199;
background: rgba(0,0,0,0.7) !important}
@media only screen and (max-width: 767px) {
#huge_it_portfolio_popup_list_11 {
position:absolute;
left:0;
top:0;
width:100%;
height:auto !important;
left:0;
}
#huge_it_portfolio_popup_list_11 li.pupup-element {
margin:0;
height:auto !important;
position:absolute;
left:0;
top:0;
}
#huge_it_portfolio_popup_list_11 li.pupup-element .popup-wrapper_11 {
height:auto !important;
overflow-y:auto;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .image-block_11 {
width:100%;
float:none;
clear:both;
margin-right:0;
border-right:0;
}
#huge_it_portfolio_popup_list_11 .popup-wrapper_11 .right-block {
width:100%;
float:none;
clear:both;
margin-right:0;
border-right:0;
}
#huge-popup-overlay-portfolio_11 {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:199;
}
}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 {
position: relative;
overflow: hidden;
float:;max-width:180px;width:20%;display:inline-block;margin-left:1%;
opacity: 0; margin-bottom: 10px;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul {
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
width: 100%;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 ul li {
border-radius: 0px;
list-style-type: none;
margin: 0 !important;
padding: 0;
border: 1px solid #ccc;}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 ul li a {
background-color: #F7F7F7 !important;
font-size:14px !important;
color:#555555 !important;
text-decoration: none;
cursor: pointer;
margin: 0 !important;
display: block;
padding:20px;
border-radius: 0px;
}
/*#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 ul li:hover {
}*/
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 ul li a:hover {
background-color: #FF3845 !important;
color:#FFFFFF !important;
cursor: pointer;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 {
position: relative;
overflow: hidden;
float:;max-width:180px;width:20%;display:inline-block;margin-left:1%;
opacity: 0;}
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li {
list-style-type: none;
border-radius: 0px;
border: 1px solid #ccc;}
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a {
font-size:14px !important;
color:#555555 !important;
background-color: #F7F7F7 !important;
border-radius: 0px;
padding:3px;
display: block;
text-decoration: none;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a:hover {
color:#FFFFFF !important;
background-color: #FF3845 !important;
cursor: pointer
}
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li.active a,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li.active a:link,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li.active a:visited,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li.active a:hover,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li.active a:focus,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li.active a:active {
color:#FFFFFF !important;
background-color: #FF3845 !important;
cursor: pointer;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_container_11 {
width: 79%;
max-width: 100% !important;
width:100%;opacity: 0;}
@media screen and (max-width: 768px) {
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a:link,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a:visited {
font-size: 2vw !important;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 ul li a {
font-size:2vw !important;
}
}
@media screen and (max-width: 480px) {
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 {
float: left;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 #sort-by{
float: left;
width: 100% !important;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 #port-sort-direction{
float: left;
width: 100% !important;
position: relative;
padding-left: 31% !important;
right: 31%;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a:link,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a:visited {
font-size: 3vw !important;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 ul li a {
line-height: 3vw;
font-size:3vw !important;
}
}
@media screen and (max-width: 420px) {
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a:link,
#huge_it_portfolio_content_11 #huge_it_portfolio_filters_11 ul li a:visited {
font-size: 4vw !important;
}
#huge_it_portfolio_content_11 #huge_it_portfolio_options_11 ul li a {
font-size:4vw !important;
}
}
@media screen and (max-width: 450px) {
.portelement_11 {
width:98%;
margin: 1% !important;
float: left;
overflow: hidden;
outline:none;
border:5px solid #D0D0D0;
}
.wd-portfolio-panel_11 {
width: 100% !important;
}
}
#huge-it-container-loading-overlay_11 {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: url(https://chromey.com/wp-content/plugins/portfolio-gallery/assets/images/loading/loading-1.svg) center top ;
background-repeat: no-repeat;
background-size: 60px auto;
}
#huge_it_portfolio_options_and_filters_11{
position: relative;
float: left;
width: 20%;
max-width: 180px;
float:;
margin-left:1%;}