.wpmf-gallery-clear:before, .wpmf-gallery-clear:after { content: ''; display: table; } .wpmf-gallery-clear:after { clear: both; } /** * [gallery] * ---------------------------------------------------------------------------- */ .wpmf-gallerys .gallery { margin-bottom: 0; margin-left: 0; margin-right: 0; } .wpmf-gallerys .wpmf-gallery-bottomspace-default { margin-bottom: 20px; } .wpmf-gallerys .wpmf-gallery-bottomspace-ten { margin-bottom: 10px; } .wpmf-gallerys .wpmf-gallery-bottomspace-five { margin-bottom: 5px; } .wpmf-gallerys .wpmf-gallery-bottomspace-none { margin-bottom: 0; } .wpmf-gallerys .gallery-center { margin-left: auto; margin-right: auto; } .wpmf-gallerys .wpmf-gallery-item { margin: 0; position: relative; max-width: none !important; padding: 0 !important; } .wpmf-gallerys .gallery .wpmf-gallery-icon a { display: block; outline: 0 !important; } .wpmf-gallerys .gallery .wpmf-gallery-icon a img { max-width: 100%; height: auto; vertical-align: middle; } .wpmf-gallerys .gallery.gallery-with-border .wpmf-gallery-icon a { border: 1px solid #eeeeee; } /** * Image Links * ---------------------------------------------------------------------------- */ .wpmf-gallerys .wpmf-gallery-item .gallery-block { position: relative; } .gallery-block { margin-top: 5px; margin-right: 5px; display: none} /** * [gallery flexslider] * ---------------------------------------------------------------------------- */ .wpmfflexslider-container { overflow: hidden; } .wpmf-gallerys .gallery.wpmfflexslider { border-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0px; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .wpmf-gallerys .gallery.wpmfflexslider .wpmfflex-control-paging { display: none; } .wpmf-gallerys .gallery.wpmfflexslider .wpmfflex-control-paging li a { background-color: #eeeeee; box-shadow: none; } .wpmf-gallerys .gallery.wpmfflexslider .wpmfflex-control-paging li a.wpmfflex-active { background-color: #cccccc; } .wpmf-gallerys .gallery.wpmfflexslider .wpmfflex-slide-item { position: relative; } .wpmf-gallerys .gallery.wpmfflexslider .wpmfflex-slide-item .wpmfflex-center-slide { position: relative; margin-left: auto; margin-right: auto; } .wpmf-gallerys .wpmfflexslider .slides .gallery-caption { margin-left: auto; margin-right: auto; max-width: 100%; } /* * Image Popup */ .wpmf_mfp-close:hover, .wpmf_mfp-close:active, .wpmf_mfp-close:focus, .wpmf_mfp-arrow:hover, .wpmf_mfp-arrow:active, .wpmf_mfp-arrow:focus { background-color: transparent; } .wpmf_mfp-bottom-bar *, .wpmf_mfp-bottom-bar p { margin-bottom: 0; } .wpmf_mfp-arrow:hover, .wpmf_mfp-arrow:active, .wpmf_mfp-arrow:focus { top: 50%; } body .wpmf_mfp-arrow:active { margin-top: -55px; } .wpmf-gallery-icon a{ border:none !important; } .gallery-caption .title{ color: #393939; font-family: Raleway; font-size: 16px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .gallery-caption .excerpt{ color: #9a9a9a; font-family: Raleway; font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .gallery-masonry .wpmf-gallery-icon{ position: relative; margin: 0 auto; } .gallery-masonry .wpmf-gallery-icon img.attachment-medium{ width: 100%; } .gallery-caption p{ text-align: center !important; } .owl-wrapper .wpmf-gallery-icon img{ width: 98%; } .owl-wrapper .wp-caption-text.gallery-caption{ width: 98%; } .wp-caption-text.gallery-caption{ bottom: 0; text-align: center !important; } .wpmfflexslider .wp-caption-text.gallery-caption,.gallery-portfolio .wp-caption-text.gallery-caption{ position: relative !important; } .hover_img{ width: 100%; height: 100%; position: absolute; z-index: 888; background: rgba(10,6,6,0.75);; display: none !important; } .wpmf_gallery_box .flipster .hover_img { width: 80%; } .portfolio_lightbox{ position: absolute; top:50%; left: 50%; margin-top: -18px; margin-left: -18px; display: none !important; width: 36px; height: 36px; text-align: center; vertical-align: middle; font-size: 24px; line-height: 36px; color: #393939 !important; background-color: #fff; border: 1px solid transparent; border-radius: 2em; z-index: 999; transition: opacity .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out; } .gallery-masonry .wpmf-gallery-icon:hover > .hover_img, .gallery-masonry .wpmf-gallery-icon:hover > .portfolio_lightbox{ display: block !important; } .portfolio_lightbox:hover{ background: #7c7c7c; color: #fff !important; } .wpmf-gallery-caption{ position: relative !important; bottom: 0; text-align: center !important; margin: 0 auto; padding: 0; } .wpmf-gallery-caption .title{ color: #393939; font-family: Raleway; font-size: 13px !important; font-weight: 700; letter-spacing: 2px; } .wpmf-gallery-caption .excerpt{ color: #9a9a9a; font-family: Raleway; font-size: 12px !important; font-style: normal; font-weight: 500; letter-spacing: 1px; } .gallery-portfolio .wpmf-gallery-item{ min-height: 200px; } .gallery_default{ width:100%; height: auto !important; } .gallery_default .wpmf-gallery-item { display: inline-block; text-align: center; vertical-align: top; margin: 0 10px 10px 0 !important; position: relative !important; left: auto !important; top: auto !important; } .wpmf-gallerys .wpmf-gallery-icon img { margin: 0 auto; } .wpmf_mfp-title{ display: block !important; } .wpmf-slides { padding: 0 !important; } .wpmf-gallery-item .wpmf-gallery-icon a { box-shadow: none !important; } .gallery_default figure { box-sizing: border-box; } .wpmf-control-nav { margin: 0 !important; } .wpmf_mfp-gallery { z-index: 99999999 !important; } .gallery_default.gallery-columns-1 figure { width: 100%; } .gallery_default.gallery-columns-2 figure { width: calc((100% - 10px)/2); } .gallery_default.gallery-columns-3 figure { width: calc((100% - 20px)/3); } .gallery_default.gallery-columns-4 figure { width: calc((100% - 30px)/4); } .gallery_default.gallery-columns-5 figure { width: calc((100% - 40px)/5); } .gallery_default.gallery-columns-6 figure { width: calc((100% - 50px)/6); } .gallery_default.gallery-columns-7 figure { width: calc((100% - 60px)/7); } .gallery_default.gallery-columns-8 figure { width: calc((100% - 70px)/8); } .gallery_default.gallery-columns-9 figure { width: calc((100% - 80px)/9); } .gallery_default.gallery-columns-2 figure:nth-of-type(2n) { margin-right: 0 !important; } .gallery_default.gallery-columns-3 figure:nth-of-type(3n) { margin-right: 0 !important; } .gallery_default.gallery-columns-4 figure:nth-of-type(4n) { margin-right: 0 !important; } .gallery_default.gallery-columns-5 figure:nth-of-type(5n) { margin-right: 0 !important; } .gallery_default.gallery-columns-6 figure:nth-of-type(6n) { margin-right: 0 !important; } .gallery_default.gallery-columns-7 figure:nth-of-type(7n) { margin-right: 0 !important; } .gallery_default.gallery-columns-8 figure:nth-of-type(8n) { margin-right: 0 !important; } .gallery_default.gallery-columns-9 figure:nth-of-type(9n) { margin-right: 0 !important; } /* =transition */ .mfp-ready .wpmf_mfp-figure { opacity: 0; } .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .wpmf_mfp-figure, .mfp-zoom-in .wpmf_mfp-iframe-holder .wpmf_mfp-iframe-scaler{ opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .mfp-zoom-in.wpmf_mfp-bg, .mfp-zoom-in .wpmf_mfp-preloader { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-image-loaded .wpmf_mfp-figure, .mfp-zoom-in.wpmf_mfp-ready .wpmf_mfp-iframe-holder .wpmf_mfp-iframe-scaler{ opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.wpmf_mfp-bg, .mfp-zoom-in.mfp-ready .wpmf_mfp-preloader { opacity: 0.8; } .mfp-zoom-in.wpmf_mfp-removing .wpmf_mfp-figure, .mfp-zoom-in.wpmf_mfp-removing .wpmf_mfp-iframe-holder .wpmf_mfp-iframe-scaler{ -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 0; } .mfp-zoom-in.wpmf_mfp-removing.wpmf_mfp-bg, .mfp-zoom-in.wpmf_mfp-removing .wpmf_mfp-preloader { opacity: 0; } .wpmf_mfp-iframe-scaler{ overflow: visible; /*so the close button is shown*/} .mfp-zoom-out-cur { cursor: auto; } .mfp-zoom-out-cur .wpmf_mfp-image-holder .wpmf_mfp-close { cursor: pointer; }