.wc-gallery .gallery .gallery-icon a img {opacity: 0.7; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; margin: 0;}
.wc-gallery .gallery .gallery-icon a:hover img {opacity: 1}
.dialog-type-lightbox .dialog-message {display: none;}
#primary-nav ul.suckerfish > li {position: relative;}
#primary-nav ul.suckerfish ul {position: absolute; border: 1px solid rgba(0, 0, 0, 0.03);}
@media only screen and (max-width: 980px) {
body, html {max-width: 100vw; overflow-x: hidden;}
#inner-wrap, #outer-wrap-centered {width: inherit !important;}
body.primary-nav-fixed #primary-nav {min-width: inherit !important;}
body.primary-nav-fixed header.sc #fixed-top-wrap {position: static !important;}
ul.primary-nav-menu li {min-height: 0;}
body header .pp-button {height: auto; width: auto; padding: 1em; margin: 0.5em;}
header .pp-button span.layer {position: static !important; padding-right: 0.5em}
header .pp-button span.img-layer {display: none;}
body ul.primary-nav-menu li {margin-right: 0;}
body.primary-nav-fixed #fixed-top-placeholder {display: none !important; }
body #primary-nav {background-image: none;}
}
@media only screen and (max-width: 920px) {
#primary_nav_menu_item_8 {padding-left: 20px;}
}
@media only screen and (max-width: 600px) {
#primary_nav_menu_item_3 {clear: both;}
body #contact-form #widget-content {width: 100%;}
body #contact-form form.with-widget-content {margin-left: 0;}
}
@media only screen and (max-width: 568px) {
.wc-gallery .gallery.gallery-masonry .gallery-item {max-width: 48% !important; margin-right: 1% !important;}
}
#footer .pp-button span.img-layer.layer-3 img {width: 100%; height: 100%; object-fit: cover;}
#footer .pp-button span.img-layer.layer-3 {width: 100%; height: 100%;}
#bio .pp-button span.img-layer.layer-3 img {width: 100%; height: 100%; object-fit: cover;}
#bio .pp-button span.img-layer.layer-3 {width: 100%; height: 100%;}
#bio .bio-col {width: 220px;}
.videoContainer {position: relative;padding: 0;} .videoContainer{
position:relative;
overflow:hidden;
background:#fff;
color:#ccc;
border: 0px solid rgba(0,0,0,0.1);
margin: 0 auto;
padding-bottom: 56.28%
}
.videoContainer text{
text-align: center
position:relative;
overflow:hidden;
background:#fff;
color:#ccc;
border: 0px solid rgba(0,0,0,0.1);
margin: 0 auto;	
}
.videoContainer iframe {
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}  .videocontrol{
color:#ccc;
position:absolute;
bottom:10px;
left:10px;
width:360px;
z-index:5;
display:none;
} .btmControl{
clear:both;
}
.videocontrol .btnPlay {
float:left;
width:23px;
height:20px;
padding:5px;
background: rgba(0,0,0,0.5);
cursor:pointer;
border-radius: 6px 0 0 6px;
border: 1px solid rgba(0,0,0,0.7);
-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
}
.videocontrol .icon-play{
background:url(https://s.cdpn.io/6035/vp_sprite.png) no-repeat -11px 0;
width: 6px;
height: 9px;
display: block;
margin: 4px 0 0 8px;
}
.videocontrol .icon-pause{
background:url(https://s.cdpn.io/6035/vp_sprite.png) no-repeat -34px -1px;
width: 8px;
height: 9px;
display: block;
margin: 4px 0 0 8px;
}
.videocontrol .selected{
font-size:15px;
color:#ccc;
}
.videocontrol .sound{
width: 30px;
height: 30px;
float:left;
background: rgba(0,0,0,0.5);
border: 1px solid rgba(0,0,0,0.7);
border-left: none;
-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
cursor: pointer;
}
.videocontrol .icon-sound {  
background:url(https://s.cdpn.io/6035/vp_sprite.png) no-repeat -19px 0;
width: 13px;
height: 10px;
display: block;
margin: 8px 0 0 8px;
}
.videocontrol .muted .icon-sound{
width: 7px !important;
}
.videocontrol .btnFS{
width: 30px;
height: 30px;
border-radius: 0 6px 6px 0;
float:left;
background: rgba(0,0,0,0.5);
border: 1px solid rgba(0,0,0,0.7);
border-left: none;
-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
}
.videocontrol .icon-fullscreen {  
background:url(https://s.cdpn.io/6035/vp_sprite.png) no-repeat 0 0;
width: 10px;
height: 10px;
display: block;
margin: 8px 0 0 9px;
}  .progress-bar {
height: 10px;
padding: 10px;
background: rgba(0,0,0,0.6);
border: 1px solid rgba(0,0,0,0.7);
border-left: none;
-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
float:left;
}
.progress {
width:240px;
height:7px;
position:relative;
cursor:pointer;
background: rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,1);
box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,1);
border-radius:10px;
}
.progress span {
height:100%;
position:absolute;
top:0;
left:0;
display:block;
border-radius:10px;
}
.timeBar{
z-index:10;
width:0;
background: -webkit-linear-gradient(top, rgba(107,204,226,1) 0%,rgba(29,163,208,1) 100%);
-webkit-box-shadow: 0 0 7px rgba(107,204,226,.5);
box-shadow: 0 0 7px rgba(107,204,226,.5);
}
.bufferBar{
z-index:5;
width:0;
background: rgba(255,255,255,0.2);
}  .volume{
position:relative;
cursor:pointer;
width:70px;
height:10px;
float:right;
margin-top:10px;
margin-right:10px;
}
.volumeBar{
display:block;
height:100%;
position:absolute;
top:0;
left:0;
background-color:#eee;
z-index:10;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}