gridster{
height: 500px;
width: 500px;
}
.gridster {
text-align: center;
}
.gridster li {
text-align: center;
list-style-type: none !important;
}
.portfolio-builder-option-container {
z-index: 5000000000;
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
}
.portfolio-builder-option-container > div { position: relative;
left: 30%;
top: 50%;
transform: translate(-50%, -50%);
width: 100px;
text-align: left;
}
.portfolio-builder-option-container table {
background: white;
padding: 20px;
}
.portfolio-builder-option-container div input {
width: 400px;
}
.portfolio-builder-show-button:hover {
background: white;
color: black;
}
.portfolio-builder-text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transition: all ease 0.5s;
transition-delay: 0.2s;
display: inline-block;
-ms-word-break: break-word;
word-break: normal;
}
.portfolio-builder-overlay {
width: 100%;
height: 100%;
position: absolute;
background: black;
}
.portfolio-builder-app { } .portfolio-builder-tab-buttons a{
background: darkgrey;
color: black;
text-decoration: none;
cursor: pointer;
padding: 5px;
padding-bottom: 2px;
}
.portfolio-builder-tab-buttons .active {
background: white;
color: black;
}
.portfolio-builder-tabs {
background: white;
padding: 20px;
}
.portfolio-builder-tabs h2 {
padding: 0  !important;
margin-bottom:20px !important;
}
.portfolio-builder-tabs a {
display: inline-block;
}  .sk-cube-grid {
width: 40px;
height: 40px;
margin: 40px auto; }
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #333;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0.0s;
animation-delay: 0.0s; }
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); }
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); } }
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); }
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); } }  .portfolio-builder-item a {
display: inline-block;
width: 100%;
height: 100%;
}
.portfolio-builder-overlay.hover-fade {
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-fade {
opacity: 1;
transition: 0.5s ease;
} .portfolio-builder-item .hover-slide-down {
opacity: 0;
height: 0;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-down {
opacity: 1;
height: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-up {
opacity: 0;
height: 0;
bottom: 0;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-up {
opacity: 1;
height: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-left {
opacity: 0;
width: 0;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-left {
opacity: 1;
width: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-right {
opacity: 0;
width: 0;
right: 0;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-right {
opacity: 1;
width: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-out-up {
bottom: 0;
height: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-out-up {
opacity: 1;
height: 0;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-out-down {
opacity: 1 !important;
height: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-out-down {
opacity: 0;
height: 0;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-out-left {
width: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-out-left {
opacity: 1;
width: 0;
transition: 0.5s ease;
}
.portfolio-builder-item .hover-slide-out-right {
right: 0;
width: 100%;
transition: 0.5s ease;
}
.portfolio-builder-item a:hover .hover-slide-out-right {
opacity: 1;
width: 0;
transition: 0.5s ease;
} .portfolio-builder-item a{
transition: all 0.5s ease;
}
.portfolio-builder-item.grow, .portfolio-builder-item.shrink, .portfolio-builder-item.rotate, .portfolio-builder-item.shrink-rotate, .portfolio-builder-item.grow-rotate  {
transition: all 0.5s ease !important;
}
.portfolio-builder-item.grow:hover  {
transform: scale(1.05);
transition: 0.5s ease;
}
.portfolio-builder-item.shrink:hover  {
transform: scale(0.95);
transition: 0.5s ease;
}
.portfolio-builder-item.rotate:hover  {
transform: rotate(5deg);
transition: 0.5s ease;
z-index: 5000;
}
.portfolio-builder-item.shrink-rotate:hover  {
transform: rotate(5deg)  scale(0.95);
transition: 0.5s ease;
z-index: 5000;
}
.portfolio-builder-item.grow-rotate:hover  {
transform: rotate(5deg)  scale(1.05);
transition: 0.5s ease;
z-index: 5000;
}
.portfolio-builder-shortcode {
padding: 20px;
background: lightgray;
} .gridster-mobile li {
margin-left: 0 !important;
margin-right: 0 !important;
}
.gridster-mobile .gridster-item {
height: 50px !important;
margin: 0!important;
width: 100%!important;
}
.portfolio-builder-fade { }
.portfolio-builder-app {
display: none;
}
.portfolio-builder-app  ul > li.gridster-item { opacity: 0;
} .gridster-mobile .portfolio-builder-excerpt {
display: none;
}
.gridster-mobile .gridster-item {
height: 50px;
margin: 0;
width: 100%;
}
.portfolio-builder-filter {
text-align: center;
margin:20px;
}
a.portfolio-builder-filter-button{
padding: 10px 20px 10px 20px;
background: red;
text-decoration: none;
color: white;
margin: 10px;
display: inline-block;
}
a.portfolio-builder-filter-button:hover {
text-decoration: none;
color: white;
background: black;
cursor: pointer;
}
.portfolio-builder-filter-overlay {
background: linear-gradient(white, transparent);
width: 100%;
height: 100%;
position:absolute;
z-index:-1;
opacity: 0;
transition: all 0.3s;
}
.portfolio-builder-filter-overlay.active{
z-index:5000;
opacity: 1;
background: linear-gradient(white, white);
}html.lb-disable-scrolling {
overflow: hidden; position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//henrynormanhotel.com/wp-content/plugins/portfolio-builder/public/../includes/js/vendor/lightbox2/dist/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//henrynormanhotel.com/wp-content/plugins/portfolio-builder/public/../includes/js/vendor/lightbox2/dist/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//henrynormanhotel.com/wp-content/plugins/portfolio-builder/public/../includes/js/vendor/lightbox2/dist/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//henrynormanhotel.com/wp-content/plugins/portfolio-builder/public/../includes/js/vendor/lightbox2/dist/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}.gridster {
position: relative;
margin: auto;
height: 0;
}
.gridster > ul {
margin: 0;
list-style: none;
padding: 0;
}
.gridster-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
z-index: 2;
position: absolute;
display: none;
}
.gridster-loaded {
-webkit-transition: height .3s;
-moz-transition: height .3s;
-o-transition: height .3s;
transition: height .3s;
}
.gridster-loaded .gridster-item {
display: block;
position: absolute;
-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay: 50ms;
}
.gridster-loaded .gridster-preview-holder {
display: none;
z-index: 1;
position: absolute;
background-color: #ddd;
border-color: #fff;
opacity: 0.2;
}
.gridster-loaded .gridster-item.gridster-item-moving,
.gridster-loaded .gridster-preview-holder {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.gridster-mobile {
height: auto !important;
}
.gridster-mobile .gridster-item {
height: auto;
position: static;
float: none;
}
.gridster-item.ng-leave.ng-leave-active {
opacity: 0;
}
.gridster-item.ng-enter {
opacity: 1;
}
.gridster-item-moving {
z-index: 3;
} .gridster-item-resizable-handler {
position: absolute;
font-size: 1px;
display: block;
z-index: 5;
}
.handle-se {
cursor: se-resize;
width: 0;
height: 0;
right: 1px;
bottom: 1px;
border-style: solid;
border-width: 0 0 12px 12px;
border-color: transparent;
}
.handle-ne {
cursor: ne-resize;
width: 12px;
height: 12px;
right: 1px;
top: 1px;
}
.handle-nw {
cursor: nw-resize;
width: 12px;
height: 12px;
left: 1px;
top: 1px;
}
.handle-sw {
cursor: sw-resize;
width: 12px;
height: 12px;
left: 1px;
bottom: 1px;
}
.handle-e {
cursor: e-resize;
width: 12px;
bottom: 0;
right: 1px;
top: 0;
}
.handle-s {
cursor: s-resize;
height: 12px;
right: 0;
bottom: 1px;
left: 0;
}
.handle-n {
cursor: n-resize;
height: 12px;
right: 0;
top: 1px;
left: 0;
}
.handle-w {
cursor: w-resize;
width: 12px;
left: 1px;
top: 0;
bottom: 0;
}
.gridster .gridster-item:hover .gridster-box {
border: 1.5px solid #B3B2B3;
}
.gridster .gridster-item:hover .handle-se {
border-color: transparent transparent #ccc;
}
.portfolio-builder-custom-html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
position: absolute;
}.simple-banner {
width: 100%;
text-align: center;
z-index: 99999;
position: relative;
display: block;
}
.simple-banner .simple-banner-text {
font-weight: 700;
padding: 10px 20px;
}
.simple-banner .simple-banner-button {
border: none;
background-color: transparent;
padding: 0 5px;
margin: 0 10px;
text-align: center;
text-decoration: none;
position: absolute;
transform: translate(0%, -50%);
right: 0;
top: 50%;
font-size: 16px;
cursor: pointer;
}.wpa-hide-ltr#skiplinks a, .wpa-hide-ltr#skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited,
.wpa-hide-rtl#skiplinks a, .wpa-hide-rtl#skiplinks a:hover, .wpa-hide-rtl#skiplinks a:visited {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.wpa-hide-ltr#skiplinks a:focus,
.wpa-hide-rtl#skiplinks a:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.wpa-ld {
display: inline-block;
position: relative;
} div.alignleft {
float: left;
}
div.alignright {
float: right;
}
div.aligncenter {
display: block;
margin: 0 auto;
width: fit-content;
}
.wpa-ld a, .wpa-ld button {
bottom: 2px;
left: 2px;
position: absolute;
line-height: 1;
min-width: 1em;
}
.wpa-ld img {
display: block;
}
.wpa-ld button, .wpa-ld button:active, .wpa-ld button:focus, .wpa-ld button:hover {
border: 1px solid #777;
border-radius: 2px;
z-index: 10;
}
.wpa-ld .longdesc {
position: absolute;
width: 100%;
height: 100%;
top: 0;
overflow-y: scroll;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, .95);
padding: 1.5em;
text-align: left;
}
.rtl .wpa-ld .longdesc {
text-align: right;
}
.wpa-ld button, .wpa-ld button:active, .wpa-ld button:focus, .wpa-ld button:hover, .wpa-ld a {
font-size: .9em;
font-weight: 400;
background: rgba(255, 255, 255, .7) !important;
padding: 0;
color: #000 !important;
text-shadow: 1px 1px #ccc;
}
.wpa-ld button:before {
content: 'i';
font-style: italic;
font-family: serif;
}
.wpa-ld button:focus, .wpa-ld button:hover {
background: rgba(0, 0, 0, .75) !important;
color: #fff !important;
border: 1px solid #000 !important;
cursor: pointer;
}
.wpa-ld button:focus {
padding: 6px;
}
.wpa-ld button span, .longdesc-link span {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
.template-longdesc {
text-align: left;
line-height: 1.5;
width: 100%;
max-width: 50em;
padding: 2em;
margin: 1em auto;
background: #fdfdfd;
color: #333;
box-shadow: 0 0 5px;
font-size: 1.4em;
}
label.wpa-screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}