Over the years I have worked with many artists and on many TV shows and musicals.
Bananarama
Boy George
Toya Wilcox
Brian Connolly
Bob Monkhouse
Bobby Davro
Queen Musical, We Will Rock You
Joseph and his Amazing Technicolor Dreamcoat
Evita
Carol King Musical Beuatiful
To The Manor Born
Strictly Come Dancing
Brendan Cole
Just The Two of Us
Bananarama
Boy George
Toya Wilcox
Brian Connolly
Bob Monkhouse
Bobby Davro
Queen Musical, We Will Rock You
Joseph and his Amazing Technicolor Dreamcoat
Evita
Carol King Musical Beuatiful
To The Manor Born
Strictly Come Dancing
Brendan Cole
Just The Two of Us
section#huge_it_portfolio_content_3 {
position:relative;
display:block;
}
.portelement_3 .play-icon.youtube-icon,
.play-icon.youtube-icon {
background: url(https://johnmaul.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.youtube.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_3 .play-icon.vimeo-icon,
.play-icon.vimeo-icon {
background: url(https://johnmaul.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.vimeo.png) center center no-repeat;
background-size: 30% 30%;
}
.portelement_3 .play-icon,.play-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.portelement_3 {
max-width:277px !important;
width:100%;
margin:0 0 10px 0;
background:#f9f9f9;
border:1px solid #dedede;
outline:none;
box-sizing: border-box;
}
.portelement_3 .image-block_3 {
position:relative;
width:100%;
height:160px !important;
}
.portelement_3 .image-block_3 img {
margin:0 !important;
padding:0 !important;
width:100% !important;
height:160px !important;
display:block;
border-radius: 0 !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.portelement_3 .image-block_3 .image-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(255,255,255,0.7) !important;
display:none;
}
.portelement_3:hover .image-block_3 .image-overlay {
display:block;
}
.portelement_3 .image-block_3 .image-overlay a {
border:none;
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
background:url(‘https://johnmaul.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/zoom.light.png’) center center no-repeat;
}
.portelement_3 .title-block_3 {
position:relative;
height: 42px;
margin: 0;
border-top:1px solid #dedede;
box-sizing: content-box;
}
.portelement_3 .title-block_3 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: 18px !important;
line-height: 22px !important;
color:#222222;
}
.portelement_3 .title-block_3 .button-block {
position:absolute;
right:0;
top:0;
display:none;
vertical-align:middle;
height:30px;
padding:10px 10px 4px 10px;
}
.portelement_3:hover .title-block_3 .button-block {display:block;}
.portelement_3 .title-block_3 a,.portelement_3 .title-block_3 a:link,.portelement_3 .title-block_3 a:visited,
.portelement_3 .title-block_3 a:hover,.portelement_3 .title-block_3 a:focus,.portelement_3 .title-block_3 a:active {
position:relative;
display:block;
vertical-align:middle;
padding: 3px 10px 3px 10px;
border-radius:3px;
font-size:14px;
background:#2ea2cd;
color:#ffffff;
text-decoration:none;
border: none;
box-shadow: none;
}
/*#####POPUP#####*/
#huge_it_portfolio_popup_list_3 {
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_3.active {display:table;}
#huge_it_portfolio_popup_list_3 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_3 li.pupup-element.active {
display:block;
}
#huge_it_portfolio_popup_list_3 .heading-navigation_3 {
position:absolute;
width:100%;
height:40px;
top:0;
left:0;
z-index:2001;
background:url(‘https://johnmaul.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png’) center bottom repeat-x;
}
#huge_it_portfolio_popup_list_3 .heading-navigation_3 .close,#huge_it_portfolio_popup_list_3 .heading-navigation_3 .close:link, #huge_it_portfolio_popup_list_3 .heading-navigation_3 .close:visited {
position:relative;
float:right;
width:40px;
height:40px;
display:block;
background:url(‘https://johnmaul.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_3 .heading-navigation_3 .close:hover, #huge_it_portfolio_popup_list_3 .heading-navigation_3 .close:focus, #huge_it_portfolio_popup_list_3 .heading-navigation_3 .close:active {opacity:1;}
#huge_it_portfolio_popup_list_3 li.pupup-element .popup-wrapper_3 {
position:relative;
width:98%;
height:98%;
padding:2% 0% 0% 2%;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .image-block_3 {
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_3 .popup-wrapper_3 .image-block_3 img {
width:100% !important; display:block;
padding:0 !important;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block {
width:42.8%;
height: 100%;
position:relative;
float:left;
}
#huge_it_portfolio_popup_list_3 li.pupup-element .popup-wrapper_3 .right-block > div {
padding-top:10px;
padding-right: 4%;
margin-bottom:10px;
background:url(‘https://johnmaul.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png’) center top repeat-x;
}
#huge_it_portfolio_popup_list_3 li.pupup-element .popup-wrapper_3 .right-block > div:last-child {background:none;}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .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_3 .popup-wrapper_3 .right-block .description {
clear:both;
position:relative;
text-align:justify;
font-size:14px !important;
color:#222222;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description h1,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description h2,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description h3,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description h4,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description h5,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description h6,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description p,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description strong,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description span {
padding:2px !important;
margin:0 !important;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description ul,
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block .description li {
padding:2px 0 2px 5px;
margin:0 0 0 8px;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block ul.thumbs-list_3 {
list-style:none;
display:table;
position:relative;
clear:both;
width:100%;
margin:0 auto;
padding:0;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block ul.thumbs-list_3 li {
display:block;
float:left;
width:75px;
height:75px;
margin:0 2% 5px 1% !important;
opacity:0.45;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block ul.thumbs-list_3 li.active,#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block ul.thumbs-list_3 li:hover {
opacity:1;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block ul.thumbs-list_3 li a {
border:none;
display:block;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block ul.thumbs-list_3 li img {
margin:0 !important;
padding:0 !important;
width:75px !important;
height:75px !important;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .image-block_3 iframe {
width:100% !important;
height:95%!important;
display:block;
}
#huge_it_portfolio_popup_list_3 .heading-navigation_3 .left-change, #huge_it_portfolio_popup_list_3 .heading-navigation_3 .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_3 .heading-navigation_3 .right-change{
position: relative;
margin-left: -6px;
}
#huge_it_portfolio_popup_list_3 .heading-navigation_3 .right-change:hover, #huge_it_portfolio_popup_list_3 .heading-navigation_3 .left-change:hover{
background: #ddd;
border-color: #ccc;
color: #000 !important;
cursor: pointer;
}
#huge_it_portfolio_popup_list_3 .heading-navigation_3 .right-change a, #huge_it_portfolio_popup_list_3 .heading-navigation_3 .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_3 {
position:absolute;
left:0;
top:0;
width:100%;
height:auto !important;
left:0;
}
#huge_it_portfolio_popup_list_3 li.pupup-element {
margin:0;
height:auto !important;
position:absolute;
left:0;
top:0;
}
#huge_it_portfolio_popup_list_3 li.pupup-element .popup-wrapper_3 {
height:auto !important;
overflow-y:auto;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .image-block_3 {
width:100%;
float:none;
clear:both;
margin-right:0;
border-right:0;
}
#huge_it_portfolio_popup_list_3 .popup-wrapper_3 .right-block {
width:100%;
float:none;
clear:both;
margin-right:0;
border-right:0;
}
#huge-popup-overlay-portfolio_3 {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:199;
}
}
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 {
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_3 #huge_it_portfolio_options_3 ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul {
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
width: 100%;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li {
border-radius: 0px;
list-style-type: none;
margin: 0 !important;
padding: 0;
border: 1px solid #ccc;}
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 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:3px;
border-radius: 0px;
}
/*#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li:hover {
}*/
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a:hover {
background-color: #FF3845 !important;
color:#ffffff !important;
cursor: pointer;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 {
position: relative;
overflow: hidden;
float:;max-width:180px;width:20%;display:inline-block;margin-left:1%;
opacity: 0;}
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li {
list-style-type: none;
border-radius: 0px;
border: 1px solid #ccc;}
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 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_3 #huge_it_portfolio_filters_3 ul li a:hover {
color:#ffffff !important;
background-color: #FF3845 !important;
cursor: pointer
}
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:link,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:visited,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:hover,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:focus,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:active {
color:#ffffff !important;
background-color: #FF3845 !important;
cursor: pointer;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_container_3 {
width: 79%;
max-width: 100% !important;
width:100%;opacity: 0;}
@media screen and (max-width: 768px) {
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited {
font-size: 2vw !important;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {
font-size:2vw !important;
}
}
@media screen and (max-width: 480px) {
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 {
float: left;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 #sort-by{
float: left;
width: 100% !important;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 #port-sort-direction{
float: left;
width: 100% !important;
position: relative;
padding-left: 31% !important;
right: 31%;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited {
font-size: 3vw !important;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {
line-height: 3vw;
font-size:3vw !important;
}
}
@media screen and (max-width: 420px) {
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link,
#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited {
font-size: 4vw !important;
}
#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {
font-size:4vw !important;
}
}
@media screen and (max-width: 317px) {
.portelement_3 {
width:98%;
margin: 1% !important;
float: left;
overflow: hidden;
outline:none;
border:1px solid #D0D0D0;
}
.wd-portfolio-panel_3 {
width: 100% !important;
}
}
#huge-it-container-loading-overlay_3 {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: url(https://johnmaul.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_3{
position: relative;
float: left;
width: 20%;
max-width: 180px;
float:;
margin-left:1%;}