.nextgen_pro_lightbox_open { overflow: hidden !important; -webkit-text-size-adjust: none; padding: 0 !important; margin: 0 !important; } #npl_overlay { display: none; position: fixed; top: -100px; left: -100px; right: -100px; bottom: -100px; z-index: 1000000; background: #000000; opacity: 0; } #npl_overlay.npl_ios_no_opacity { opacity: 1; } #npl_wrapper { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000001; border: 0 none transparent; padding: 0; margin: 0; overflow: hidden; } /* Prevent iOS from highlighting everything touched */ body.nextgen_pro_lightbox_open { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } body.nextgen_pro_lightbox_open #npl_wrapper { display: flex; } body.nextgen_pro_lightbox_open #npl_wrapper.npl_ie9_flex_hack { display: block; } /* Without this the main image will disappear when dismissing the iOS keyboard */ /* because galleria.js will read the entire height for some weird reason */ #npl_wrapper.npl_ios_hack { max-height: 100vh !important; max-width: 100vw !important; width: 100%; height: 100%; } #npl_wrapper.npl_open_with_padding { -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.6); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #npl_button_close { background: #fff; border-radius: 50%; color: #555; font-size: 22px; line-height: 1; opacity: .5; padding: 4px 6px 4px 7px!important; position: absolute; right: 8px; top: 11px; z-index: 1000100; } #npl_wrapper.npl-sidebar-open #npl_button_close { right: 514px; } #npl_button_close.hidden { display: none; } #npl_button_close:hover { cursor: pointer; } #npl_wrapper.npl_mobile #npl_button_close { font-size: 28px; top: 15px; right: 25px; } #npl_wrapper #npl_button_close.npl-sidebar-open { right: 500px; margin-right: 15px; } #npl_spinner_container { color: white; font-size: 86px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; z-index: 1000003; } #npl_wrapper.npl-variant-white #npl_spinner_container { color: #444444; } #npl_wrapper.npl-sidebar-open #npl_spinner_container { right: 500px; } #npl_wrapper.npl_ie9_flex_hack #npl_spinner_container { display: block !important; } #npl_wrapper.npl_ie9_flex_hack #npl_spinner_container svg, #npl_wrapper.npl_ie9_flex_hack #npl_spinner_container i { position: relative; top: calc(50% - 43px); left: calc(50% - 43px); } #npl_spinner { margin: 0 auto; } #npl_wrapper.npl_ie9_flex_hack #npl_spinner_container.hidden { display: none !important; } #npl_spinner_container.hidden { display: none !important; } #npl_content { z-index: 1000002; width: 100%; height: 100%; padding: 0; margin: 0; transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: content-box; } body.nextgen_pro_lightbox_open #npl_wrapper.npl_ie9_flex_hack.npl-sidebar-open #npl_content { position: absolute; top: 0; right: 500px; left: 0; bottom: 0; } #npl_sidebar { z-index: 1000002; width: 0; height: 100%; min-height: 100%; max-height: 100%; color: white; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Lato',"Lato Fallback", sans-serif; } #npl_sidebar_overlay { width: 500px; height: 100%; min-height: 100%; max-height: 100%; overflow: hidden; background: black; position: absolute; right: 0; top: 0; align-items: center; opacity: 0; transition: opacity 0.75s; display: none; color: white; } body.nextgen_pro_lightbox_open #npl_wrapper.npl_ie9_flex_hack { display: block; } #npl_sidebar_overlay svg, #npl_sidebar_overlay i { margin: 0 auto; font-size: 86px; } #npl_wrapper.npl_ie9_flex_hack #npl_sidebar_overlay svg, #npl_wrapper.npl_ie9_flex_hack #npl_sidebar_overlay i { position: absolute; top: calc(50% - 43px); left: calc(50% - 43px); } #npl_wrapper.npl-sidebar-overlay-open #npl_sidebar_overlay { display: flex; z-index: 1000002; opacity: 1; } #npl_wrapper.npl-sidebar-open #npl_sidebar { width: 500px; min-width: 350px; border-left: 1px solid rgba(255, 255, 255, 0.2); } body.nextgen_pro_lightbox_open #npl_wrapper.npl_ie9_flex_hack.npl-sidebar-open #npl_sidebar { position: absolute; top: 0; right: 0; } #npl_wrapper.npl-sidebar-open #npl_content { width: calc(100% - 500px); /*border-right: 20px solid #fff; border-left: 20px solid #fff;*/ box-sizing: border-box; } #npl_content * { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } body.nextgen_pro_lightbox_open #npl_overlay { display: block; opacity: 0.8; } body.nextgen_pro_lightbox_open #npl_overlay.npl_ios_no_opacity { opacity: 1; } #npl_sidebar_toggle { position: absolute; top: 11px; right: 10px; font-size: 17px; text-decoration: none; display: none; opacity: .5; cursor: pointer; z-index: 1000100; line-height: 1; background: #fff; color: #555; border-radius: 50%; padding: 6px 6px 6px 7px; } #npl_wrapper.npl-sidebar-open #npl_sidebar_toggle { display: block; } @media only screen and (max-width: 760px) { /* Hide the close-modal button when only the sidebar is displayed */ #npl_wrapper.npl-sidebar-open #npl_button_close { display: none; } #npl_wrapper.npl-sidebar-open #npl_sidebar_toggle { right: 25px; } /* Remove padding at low resolutions */ body #npl_wrapper.npl_open_with_padding { border-radius: 0; box-shadow: none; top: 0; bottom: 0; right: 0; left: 0; } /* Hide the content area entirely and display only the sidebar */ #npl_wrapper.npl-sidebar-open #npl_content { width: 50vw; position: absolute; left: -100vw; } #npl_wrapper.npl-sidebar-open #npl_sidebar, #npl_wrapper.npl-sidebar-open #npl_sidebar_overlay { width: 100%; border-left: none; } #npl_wrapper.npl-sidebar-open #npl_spinner_container { display: none; } /* Display the sidebar thumbnail now that the main content is hidden */ #npl_sidebar .nggpl-sidebar-thumbnail { display: block !important; } } /* TikTok video styles for Pro Lightbox */ #npl_wrapper .ngg-tiktok-container { background: transparent !important; z-index: 2 !important; pointer-events: none; } #npl_wrapper .ngg-tiktok-video { max-width: 100%; max-height: 100%; object-fit: contain; pointer-events: auto; } /* Video Styles for Pro Lightbox */ #npl_wrapper .ngg-video-container { background: transparent !important; z-index: 2 !important; pointer-events: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } #npl_wrapper .ngg-video-container video, #npl_wrapper .ngg-video-container iframe { max-width: 100%; max-height: 100%; object-fit: contain; pointer-events: auto; } /* Dismissible notice shown when one or more image batches fail to load. */ #npl_wrapper .npl-load-error { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 1000002; max-width: 90%; padding: 12px 44px 12px 16px; border-radius: 4px; background: rgba(0, 0, 0, 0.85); color: #ffffff; font-size: 14px; line-height: 1.4; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); pointer-events: auto; } #npl_wrapper .npl-load-error .npl-load-error-dismiss { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); margin: 0; padding: 0 4px; border: 0; background: transparent; color: #ffffff; font-size: 20px; line-height: 1; cursor: pointer; } @font-face { font-family: 'Lato'; src: url('/wp-content/plugins/nextgen-gallery-pro/static/Fonts/Lato-Regular.ttf') format('truetype') } @font-face { font-family: 'Lato'; src: url('/wp-content/plugins/nextgen-gallery-pro/static/Fonts/Lato-Bold.ttf') format('truetype') } .hidden { display: none; } .galleria-theme-nextgen_pro_lightbox { overflow: hidden; background: #000; min-width: 100%; min-height: 100%; } @keyframes hideNplErrors { from { visibility: visible; } to { visibility: hidden; max-height: 0; max-width: 0; opacity: 0; float: left; } } #npl_content .galleria-errors > div { animation: hideNplErrors 2s ease-in-out both; } .galleria-theme-nextgen_pro_lightbox img { -moz-user-select: none; -webkit-user-select: none; } #npl_wrapper.npl-carousel-closed .galleria-thumbnails-container { bottom: -54px; } .galleria-theme-nextgen_pro_lightbox .galleria-stage { position: absolute; top: 0; bottom: 54px; left: 0; right: 0; overflow: hidden; } #npl_wrapper.npl-carousel-closed .galleria-stage { bottom: 0; } .galleria-theme-nextgen_pro_lightbox .galleria-thumbnails-container { height: 54px; bottom: 0; position: absolute; left: 0; right: 0; z-index: 4; background: black; } .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-too-small .galleria-thumbnails-container, #npl_wrapper.nggpl-carousel-hidden .galleria-thumbnails-container { text-align: center; } .galleria-theme-nextgen_pro_lightbox.nggpl-ios-browser .galleria-thumbnails-container { opacity: 1; } .galleria-theme-nextgen_pro_lightbox .galleria-thumbnails-container .galleria-thumbnails-list { } .galleria-theme-nextgen_pro_lightbox .galleria-carousel .galleria-thumbnails-list { margin-right: 24px; padding-left: 1px; direction: ltr; } .galleria-theme-nextgen_pro_lightbox .galleria-image-protection { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; } .galleria-theme-nextgen_pro_lightbox .galleria-thumbnails { height: 54px !important; } .galleria-theme-nextgen_pro_lightbox .galleria-thumbnails .galleria-image { height: 54px; width: 70px; float: left; cursor: pointer; margin-right: 1px; } .galleria-theme-nextgen_pro_lightbox .galleria-counter { position: absolute; top: 10px; left: 10px; text-align: right; color: #fff; font: normal 11px/1 arial, sans-serif; z-index: 3; font-family: 'Lato',"Lato Fallback", sans-serif; } .galleria-theme-nextgen_pro_lightbox .galleria-loader { display: none; } .galleria-theme-nextgen_pro_lightbox .galleria-info { bottom: 54px; left: 0; z-index: -1; position: absolute; display: block; background-color: #000; width: 100%; opacity: 0.85; max-height: 0; transition: max-height 0.75s; } #npl_wrapper.npl-info-open .galleria-info { z-index: 3; } #npl_wrapper.npl-info-open .galleria-info-text { height: auto; opacity: 1; overflow-y: auto; max-height: 30vh; } .galleria-theme-nextgen_pro_lightbox.nggpl-ios-browser .galleria-info { opacity: 1; } .galleria-theme-nextgen_pro_lightbox .galleria-info .galleria-image-share-icons { overflow: hidden; } #npl_wrapper.npl-info-open .galleria-info { max-height: 30vh; } .galleria-theme-nextgen_pro_lightbox .galleria-info-text { overflow: hidden; opacity: 0; transition: opacity 0.75s; } .galleria-theme-nextgen_pro_lightbox .galleria-info-title { font: bold 14px/1.1 "Lato", sans-serif; margin: 16px 16px 6px 16px; color: #fff; overflow: hidden; text-align: left; text-transform: uppercase; } .galleria-theme-nextgen_pro_lightbox .galleria-info-description { margin: 0 16px 16px 16px; color: #bbb; font: 14px "Lato", sans-serif; text-align: left; order: 3; width: 100%; line-height: 1.5; } .galleria-info-description a, .galleria-info-description a:hover, .galleria-info-description a:active, .galleria-info-description a:focus { color: inherit !important; font-weight: bold; } .galleria-theme-nextgen_pro_lightbox .galleria-image-nav { position: absolute; top: 54%; margin-top: -62px; width: 100%; height: 62px; left: 0; } .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-left, .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right { opacity: .5 !important; cursor: pointer; width: 30px; height: 30px; position: absolute; left: 20px; z-index: 3; border-radius: 50%; padding: 9px; } .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-left svg, .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right svg, .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-left i, .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right i { font-size: 60px; position: relative; color: #fff; top: -14px; left: -3px; } .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right svg, .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right i { left: 2px; } .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right { left: auto; right: 20px; z-index: 3; } .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-left:hover, .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right:hover, .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-left:active, .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right:active { opacity: 1; filter: alpha(opacity=100); } .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-left, .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-right { cursor: pointer; display: none; height: 40px; width: 23px; z-index: 3; opacity: .8; filter: alpha(opacity=80); margin-top: 7px; } .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-left svg, .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-right svg, .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-left i, .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-right i { margin-left: 7px; margin-right: 7px; font-size: 20px; padding-top: 10px; padding-bottom: 10px; float: left; color: white; } .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-left svg:hover, .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-right svg:hover, .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-left i:hover, .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-right i:hover { filter: alpha(opacity=70); opacity: 0.7; } .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-left { float: left; } .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-right { position: absolute; left: 0; top: 0; } .galleria-theme-nextgen_pro_lightbox .galleria-thumb-nav-right { background-position: -578px 5px; border-right: none; right: 0; left: auto; } .galleria-theme-nextgen_pro_lightbox .galleria-thumbnails-container .disabled { cursor: default; } .galleria-theme-nextgen_pro_lightbox .galleria-carousel .galleria-thumb-nav-left, .galleria-theme-nextgen_pro_lightbox .galleria-carousel .galleria-thumb-nav-right { display: block; } .galleria-theme-nextgen_pro_lightbox .galleria-nextgen-buttons { float: left; color: #bebebe; display: inline-block; height: 100%; margin: 0 0 0 -8px; box-sizing: border-box; } .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-too-small .galleria-nextgen-buttons, #npl_wrapper.nggpl-carousel-hidden .galleria-nextgen-buttons { } .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-too-small .galleria-thumbnails-container .galleria-nextgen-buttons, #npl_wrapper.nggpl-carousel-hidden .galleria-thumbnails-container .galleria-nextgen-buttons { float: none; margin-left: -13px; } .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-too-small .nggpl-toolbar-button:first-child, #npl_wrapper.nggpl-carousel-hidden .nggpl-toolbar-button:first-child { margin-left: 0; } .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-too-small .galleria-thumb-nav-left, .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-too-small .galleria-thumb-nav-right, #npl_wrapper.nggpl-carousel-hidden .galleria-thumb-nav-left, #npl_wrapper.nggpl-carousel-hidden .galleria-thumb-nav-right { display: none; } .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-too-small .galleria-thumbnails-list, #npl_wrapper.nggpl-carousel-hidden .galleria-thumbnails-list { top: 200px; } .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-numbers .galleria-thumbnails-container .galleria-image { text-align: center; font-size: 16px; height: 37px; margin-top: 13px; color: rgb(122, 122, 122); width: 45px; } .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-numbers .galleria-thumbnails-container .galleria-image:hover .img, .galleria-theme-nextgen_pro_lightbox.nggpl-carousel-numbers .galleria-thumbnails-container .galleria-image.active .img { color: white; font-weight: bold; } .galleria-theme-nextgen_pro_lightbox .galleria-nextgen-buttons svg, .galleria-theme-nextgen_pro_lightbox .galleria-nextgen-buttons i { float: left; font-size: 18px; padding-top: 10px; padding-bottom: 10px; padding-left: 3px; padding-right: 3px; position: relative; height: 20px; color: inherit; } #npl_content .galleria-theme-nextgen_pro_lightbox .galleria-nextgen-buttons i { box-sizing: border-box; -webkit-box-sizing: border-box; } .galleria-theme-nextgen_pro_lightbox .galleria-nextgen-buttons svg:hover, .galleria-theme-nextgen_pro_lightbox .galleria-nextgen-buttons i:hover { cursor: pointer; } /* these icons aren't centered and need a little tweaking */ i.nggpl-toolbar-button-cart.fa.fa-shopping-cart { margin: 0 4px 0 -4px; } i.nggpl-toolbar-button-comment.fa.fa-comment { margin: 0 2px 0 -2px; } .galleria-theme-nextgen_pro_lightbox .galleria-dock-toggle-container { position: absolute; left: 50%; margin-left: -50px; top: -20px; height: 20px; width: 85px; background: #000; cursor: pointer; border-top-left-radius: 4px; border-top-right-radius: 4px; z-index: 3; opacity: 1; color: white; text-align: center; font-size: 14px; } .galleria-theme-nextgen_pro_lightbox.touch .galleria-dock-toggle-container { height: 40px; font-size: 28px; top: -39px; } .galleria-theme-nextgen_pro_lightbox.touch .galleria-dock-toggle-container svg, .galleria-theme-nextgen_pro_lightbox.touch .galleria-dock-toggle-container i { margin-bottom: 5px; position: absolute; top: 6px; left: 35px; } /* Comments styling */ #npl_sidebar a { color: #777; } #npl_wrapper #npl_sidebar .galleria-image-share-icons { margin-bottom: 15px; margin-left: 10px; margin-right: 10px; margin-top: 20px; text-align: center; float: none; } #npl_wrapper .galleria-image-share-icons { float: right; } #npl_wrapper .galleria-image-share-icons ul { list-style-type: none; display: inline-block; text-align: center; margin: 0; padding: 16px; } #npl_wrapper .galleria-image-share-icons ul li { display: inline; } #npl_wrapper .galleria-image-share-icons ul li a { text-decoration: none; color: #bebebe; } #npl_wrapper .galleria-image-share-icons ul li a svg, #npl_wrapper .galleria-image-share-icons ul li a i { font-size: 36px; margin: 0 2px 0 2px; } #npl_sidebar .nggpl-sidebar-thumbnail { display: none; text-align: center; margin: 30px 0 35px; } #npl_sidebar .nggpl-sidebar-thumbnail img { max-height: 300px; max-width: 100%; padding: 0; margin: 0 auto 0 auto; border: none; outline: none; display: block; opacity: 1; transform: none; } h1.nggpl-comments-title { font-size: 18px; font-weight: 900; text-transform: uppercase; color: white; font-family: 'Lato',"Lato Fallback", sans-serif; margin-bottom: 20px; } ul.nggpl-commentlist { list-style-type: none; padding: 0; margin: 0; } #nggpl-comments-wrapper { max-width: 100%; max-height: 100%; padding: 0; font-family: 'Lato',"Lato Fallback", sans-serif; margin: 30px; } #nggpl-comments-wrapper hr { width: 65%; border: 0; margin: 0 auto 35px auto; border-top: solid 2px #3D3D3D; } #nggpl-comments { font-size: 12px; font-family: 'Lato',"Lato Fallback", sans-serif; margin: 30px 15px 0 15px; } #nggpl-comments span#email-notes { display: block; } article.nggpl-comment { margin-top: 10px; margin-bottom: 30px; font-family: 'Lato',"Lato Fallback", sans-serif; } .nggpl-commentlist li:first-child { margin-top: 0; } #nggpl-comments-image-share-icons.disabled { padding: 0; margin: 0; } #nggpl-comment-status { color: black; text-align: center; font-weight: bold; font-size: 14px; font-family: 'Lato',"Lato Fallback", sans-serif; } #nggpl-comment-status.error { color: red; } .nggpl-sidebar-error { padding: 20px; text-align: center; } /* .nggpl-button is built for the full-width form buttons, so it carries no horizontal padding of its own. */ .nggpl-sidebar-error .nggpl-button { padding-left: 1.5em; padding-right: 1.5em; } .nggpl-nav-pagination ul { list-style-type: none; display: block; text-align: center; padding: 0; } .nggpl-nav-pagination ul li { display: inline; padding: 5px; border-top : 1px solid gray; border-bottom : 1px solid gray; border-left : 1px solid gray; } .nggpl-nav-pagination ul li:last-child { border-right: 1px solid gray; } #nggpl-respond { color: #ccc; } #nggpl-respond-form label, #nggpl-respond-form p { color: #ccc; font-size: 12px; font-family: 'Lato',"Lato Fallback", sans-serif; } #nggpl-respond input, #nggpl-respond textarea { color: #999; background-color: #1b1d1f; width: 100%; background-image: none; text-shadow: none; font-family: 'Lato',"Lato Fallback", sans-serif; text-transform: none; margin: 0; font-size: 13px; padding: 5px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(100, 100, 100, .05); } #nggpl-respond input { height: 35px; } input#nggpl-submit:hover { cursor: pointer; } #nggpl-respond p label { text-transform: uppercase; margin-bottom: 4px; display: inline-block; } .nggpl-comment-meta { color: #777; font-size: 11px; position: relative; left: 50px; top: -4px; display: inline-block; font-family: 'Lato',"Lato Fallback", sans-serif; text-transform: uppercase; } .nggpl-comment-meta cite a { color: #fff; } .nggpl-reply a { color: #777; } .nggpl-comment-awaiting-moderation { clear: both; } section.nggpl-comment { padding-top: 2px; } section.nggpl-comment p { margin-top: 0; color: #ccc; font-size: 12px; line-height: 12px; } #nggpl-comments cite { font-style: normal; } article.nggpl-comment img.avatar { background: rgba(255, 255, 255, 0.1); float: left; margin: -20px 10px 0 0; } ul.nggpl-commentlist ol { padding-left: 16px; list-style-type: none; } .nggpl-comment-tweet-button, .nggpl-comment-tweet-button svg:hover, .nggpl-comment-tweet-button i:hover { color: #4099FF !important; } .nggpl-comment-facebook-button, .nggpl-comment-facebook-button svg:hover, .nggpl-comment-facebook-button i:hover { color: #3B5998 !important; } .nggpl-comment-pinterest-button, .nggpl-comment-pinterest-button svg:hover, .nggpl-comment-pinterest-button i:hover { color: #cb2027 !important; } #nggpl-comment-form-wrapper { width: 100%; } /* Keep Akismet's honeypot hidden; its own stylesheet isn't enqueued for the REST-rendered lightbox form. */ #nggpl-comment-form-wrapper .akismet-fields-container { display: none; } #nggpl-respond-form .form-submit { text-align: center; margin-top: 50px; } .nggpl-button, #nggpl-comment-form-wrapper input[type='submit'] { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0.8em 0 0.8em 0; font-size: 15px; font-weight: bold; color: #ffffff; border: none; -webkit-font-smoothing: antialiased; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; display: inline-block; text-decoration: none; margin: 0 .5em .5em 0; line-height: 1.75; letter-spacing: .04em; -webkit-appearance: none; text-transform: uppercase; } .galleria-theme-nextgen_pro_lightbox p.nggpl-comment-form-comment { margin: 1em 0 1em 0; } #nggpl-comment-form-wrapper input[type='submit'] { font-family: 'Lato',"Lato Fallback", sans-serif; border-radius: 2px; font-size: 15px; height: auto; } #npl_sidebar .nggpl-button, #nggpl-comment-form-wrapper input[type='submit'] { background-color: rgba(15, 146, 221, 1); } #npl_sidebar .nggpl-button:hover, #nggpl-comment-form-wrapper input[type='submit']:hover { background-color: rgba(15, 146, 221, 0.75); transition: all 0.3s ease 0s; } .nggpl-button { margin-top: 1.5em; } .nggpl-button:hover { cursor: pointer; } .nggpl-toolbar-button:first-child { margin-left: 8px; } .nggpl-toolbar-button { text-align: center; margin: 0 1px 0 0; padding: 8px 17px 26px 17px; border-radius: 0; } .nggpl-toolbar-button:hover { opacity: .8; } .nggpl-toolbar-button svg, .nggpl-toolbar-button i { width: 20px; } .nggpl-toolbar-button.nggpl-rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /********* The "black" variant ***********************/ #npl_wrapper.npl-variant-black #npl_sidebar { border-left: none; background: #000; } #npl_wrapper.npl-variant-black .nggpl-comments-title { color: #ccc; } #npl_wrapper.npl-variant-black #nggpl-comments-image-share-icons { margin-bottom: 20px; } /********* The "white" variant ***********************/ #npl_wrapper.npl-variant-white.galleria-container, #npl_wrapper.npl-variant-white #npl_sidebar, #npl_wrapper.npl-variant-white #nggpl-respond input, #npl_wrapper.npl-variant-white #nggpl-respond textarea { background: white; } #npl_wrapper.npl-variant-white .galleria-dock-toggle-container, #npl_wrapper.npl-variant-white .galleria-info, #npl_wrapper.npl-variant-white .galleria-info-description, #npl_wrapper.npl-variant-white .galleria-info-title, #npl_wrapper.npl-variant-white .galleria-thumbnails-container { background: #ffffff; } #npl_wrapper.npl-variant-white .galleria-info-title, #npl_wrapper.npl-variant-white .galleria-info-description { color: #777777; } #npl_wrapper.npl-variant-white #nggpl-respond, #npl_wrapper.npl-variant-white #npl_sidebar a, #npl_wrapper.npl-variant-white #nggpl-respond input, #npl_wrapper.npl-variant-white #nggpl-respond textarea, #npl_wrapper.npl-variant-white #npl_sidebar, #npl_wrapper.npl-variant-white .galleria-dock-toggle-container, #npl_wrapper.npl-variant-white .comments-area, #npl_wrapper.npl-variant-white .galleria-nextgen-buttons, #npl_wrapper.npl-variant-white .galleria-thumb-nav-left svg, #npl_wrapper.npl-variant-white .galleria-thumb-nav-right svg, #npl_wrapper.npl-variant-white .galleria-image-nav-left svg, #npl_wrapper.npl-variant-white .galleria-image-nav-right svg, #npl_wrapper.npl-variant-white .galleria-thumb-nav-left i, #npl_wrapper.npl-variant-white .galleria-thumb-nav-right i, #npl_wrapper.npl-variant-white .galleria-image-nav-left i, #npl_wrapper.npl-variant-white .galleria-image-nav-right i { color: #777777; } #npl_wrapper.npl-variant-white .galleria-thumb-nav-left i, #npl_wrapper.npl-variant-white .galleria-thumb-nav-left svg, #npl_wrapper.npl-variant-white .galleria-thumb-nav-right i, #npl_wrapper.npl-variant-white .galleria-thumb-nav-right svg { color: #777777 !important; } #npl_wrapper.npl-variant-white #npl_sidebar_toggle { color: #fff; background: #777; } #npl_wrapper.npl-variant-white .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-left, #npl_wrapper.npl-variant-white .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right { background: #fff; } #npl_wrapper.npl-variant-white #nggpl-respond input#nggpl-submit { background-color: #555555; color: #ffffff; } #npl_wrapper.npl-variant-white #nggpl-respond input, #npl_wrapper.npl-variant-white #nggpl-respond textarea { background-color: #f7f8f9; } #npl_wrapper.npl-variant-white #npl_button_close, #npl_wrapper.npl-variant-white .nggpl-comments-title, #npl_wrapper.npl-variant-white #nggpl-respond-form label, #npl_wrapper.npl-variant-white .galleria-image-share-icons ul li a { color: #777; } #npl_wrapper.npl-variant-white #nggpl-comments-wrapper hr { border-top: solid 2px #7a7a7a; } #npl_wrapper.npl-variant-white #nggpl-respond-form label { color: #ccc; font-size: 12px; } #npl_wrapper.npl-variant-white #nggpl-respond-form p { color: #777777; } #npl_wrapper.npl-variant-white .nggpl-comments-area { } #npl_wrapper.npl-variant-white section.nggpl-comment p { color: #9e9e9e; } #npl_wrapper.npl-variant-white .galleria-thumbnails .galleria-image { border: none; } #npl_wrapper.npl-variant-white #npl_sidebar { border-left: none; box-shadow: 0 0 4px 2px rgba(100,100,100,.3); } #npl_wrapper.npl-variant-white .galleria-counter { text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.9); font-weight: bold; } #npl_wrapper.npl-variant-white #npl_sidebar_overlay { background-color: white; color: #7a7a7a; } #npl_wrapper.npl-variant-white.nggpl-carousel-numbers .galleria-thumbnails-container .galleria-image:hover .img, #npl_wrapper.npl-variant-white.nggpl-carousel-numbers .galleria-thumbnails-container .galleria-image.active .img { color: black; font-weight: bold; } /********* Resolution dependent alterations **********/ @media only screen and (max-width: 800px) { #npl_wrapper.npl-sidebar-open .galleria-info-title { word-break: break-all; } } @media only screen and (max-width: 760px) { .galleria-theme-nextgen_pro_lightbox #nggpl-comments-wrapper hr { margin: 14px auto; } } @media only screen and (max-width: 520px) { #nggpl-comments { margin: 0; } } /* Change word-break on image titles at lower resolutions */ @media only screen and (max-width: 480px) { #npl_wrapper .galleria-info-title { word-break: break-all; } #nggpl-comments { margin: 0; } } /** * Featherlight - ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}} .croppie-container { width: 100%; height: 100%; } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; } .croppie-container .cr-viewport, .croppie-container .cr-resizer { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5); z-index: 0; } .croppie-container .cr-resizer { z-index: 2; box-shadow: none; pointer-events: none; } .croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal { position: absolute; pointer-events: all; } .croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after { display: block; position: absolute; box-sizing: border-box; border: 1px solid black; background: #fff; width: 10px; height: 10px; content: ''; } .croppie-container .cr-resizer-vertical { bottom: -5px; cursor: row-resize; width: 100%; height: 10px; } .croppie-container .cr-resizer-vertical::after { left: 50%; margin-left: -5px; } .croppie-container .cr-resizer-horisontal { right: -5px; cursor: col-resize; width: 10px; height: 100%; } .croppie-container .cr-resizer-horisontal::after { top: 50%; margin-top: -5px; } .croppie-container .cr-original-image { display: none; } .croppie-container .cr-vp-circle { border-radius: 50%; } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; touch-action: none; } .croppie-container .cr-slider-wrap { width: 75%; margin: 15px auto; text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } /*************************************/ /***** STYLING RANGE INPUT ***********/ /*************************************/ /*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */ /*************************************/ .cr-slider { -webkit-appearance: none; /*removes default webkit styles*/ /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */ width: 300px; /*required for proper track sizing in FF*/ max-width: 100%; padding-top: 8px; padding-bottom: 8px; background-color: transparent; } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: none; } /* .cr-slider:focus::-webkit-slider-runnable-track { background: #ccc; } */ .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } /*hide the outline behind the border*/ .cr-slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } .cr-slider::-ms-track { width: 100%; height: 5px; background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */ border-width: 6px 0; color: transparent;/*remove default tick marks*/ } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top:1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); } /*******************************************/ /***********************************/ /* Rotation Tools */ /***********************************/ .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: none; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺'; } .cr-rotate-r i:before { content: '↻'; } @font-face { font-family: 'Lato'; src: url('/wp-content/plugins/nextgen-gallery-pro/static/Fonts/Lato-Regular.ttf') format('truetype') } #ngg_pro_checkout { visibility: hidden; font-family: 'Lato',"Lato Fallback", sans-serif; box-sizing: border-box; } #ngg_pro_checkout * { box-sizing: border-box; } #ngg_crop_ui { width: 100%; height: 100%; } .ngg-crop-ui { width: 100%; height: 100%; } .ngg-crop-ui .crop-container { width: 100%; height: 100%; } .ngg-crop-ui .crop-canvas { width: 100%; height: 90%; } .ngg-crop-ui img { max-width: none !important; max-height: none !important; height: auto; width: auto; } .ngg-crop-ui .crop-controls { height: 9.9%; } .ngg-crop-ui .crop-buttons { height: auto; padding-top: 9pt; text-align: center; } .ngg-crop-ui .crop-buttons .ngg_pro_btn { margin-bottom: 0 !important; } /* Reset table styles */ #ngg_pro_checkout table, #ngg_pro_checkout table tr, #ngg_pro_checkout table tr td, #ngg_pro_checkout table tr th { table-layout: auto; border-collapse: collapse; background-color: rgba(0,0,0,0); border: 0px; padding: 0px; margin: 0px; text-align: left; vertical-align: top; padding: 20px 10px; } /* Set base styles for outer table*/ /* If altering the border, box-shadow, or background-color please see the media-query related to #ngg_pro_checkout tbody.ngg_pro_cart_images at the bottom of this file */ #ngg_pro_checkout > table { width: 99%; max-width: 960px; margin: 0 auto; font-size: 0.83em; border: 1px rgba(153, 153, 153, .5) solid; border-spacing: 16px; background-color: rgba(124,124,124,.01); } /* Set base styles for inner table*/ #ngg_pro_checkout .ngg_pro_cart_images table { width: 99%; margin: 0 auto; border: 1px rgba(153, 153, 153, .3) solid; border-spacing: 10px; background-color: rgba(124,124,124,.02); } /* Other table styles */ #ngg_pro_cart_subitems_wrapper { position: relative; } #ngg_pro_cart_subitems_overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0.90; background: white; display: none; align-items: center; justify-content: center; } #ngg_pro_cart_subitems_overlay.ngg_pro_cart_subitems_overlay_open { display: flex; z-index: 2; } #ngg_pro_cart_subitems_overlay i { font-size: 4em; color: black; } table.ngg-cart-shipping-fields tbody, #ngg_pro_cart_subitems tbody { border: none; } #ngg_pro_checkout table th { text-transform: uppercase; font-size: 13px; word-break: keep-all !important; line-height: 1.5 !important; } .ngg_pro_cart_items > thead th { font-weight: 900 !important; } #ngg_pro_checkout .ngg_pro_cart_images { margin-bottom: 50px; } #ngg_pro_checkout .ngg_pro_cart_image td { vertical-align: top; } #ngg_pro_checkout .ngg_pro_delete_item { text-decoration: none; box-shadow: none; border: none; } #ngg_pro_checkout .ngg_pro_cart_items td { border-bottom: solid 1px rgba(153, 153, 153, .15); font-size: 13px; text-transform: uppercase; } #ngg_pro_checkout .ngg_pro_cart_items .ngg-cart-shipping-fields td { border: none; padding-top: 10px; padding-bottom: 10px; vertical-align: middle; text-align: left; } #ngg_pro_checkout table tr th:first-of-type, #ngg_pro_checkout table tr td:first-of-type { padding-left: 20px; } #ngg_pro_checkout table tr th:last-of-type, #ngg_pro_checkout table tr td:last-of-type { padding-right: 20px; } #ngg_pro_checkout table .ngg_pro_cart_image_item:nth-of-type(2n) { background: rgba(100,100,100,.03); } #ngg_pro_checkout .ngg_pro_cart_items tr:last-of-type td { border-bottom: none } #ngg_pro_checkout hr { margin: 5px; margin-left: 0px; margin-right: 0px; } #ngg_pro_checkout .quantity_column { box-sizing: border-box; white-space: nowrap; width: 112px; min-width: 112px; padding-left: 10px; line-height: 1.5em; } #ngg_pro_checkout .nggpl-quantity_field_wrapper { display: flex; align-items: center; justify-items: center; border: 1px solid rgba(100,100,100,.1); background-color: #fff; width: 77px; float: left; margin-top: 2px; } #ngg_pro_checkout .quantity_column .nggpl-digital-download-source i:last-of-type { color: #d7d7d7; } #ngg_pro_checkout .quantity_column .nggpl-digital-download-source i:last-of-type:hover { cursor: auto; } #ngg_pro_checkout .quantity_column i:hover { cursor: pointer; } #ngg_pro_checkout .quantity_column i { border: 1px solid #fff; background-color: #fff; color: #777; font-size: 12px; height: 32px; line-height: 32px; padding: 0 5px 0 5px; } #ngg_pro_checkout .quantity_column i:first-of-type { border-radius: 2px 0 0 2px; } #ngg_pro_checkout .quantity_column i:last-of-type { border-radius: 0 2px 2px 0; } #ngg_pro_checkout .quantity_column .ngg_pro_delete_item i { background: transparent; border-color: transparent; margin-top: 2px; display: inline-block; } #ngg_pro_checkout .quantity_column input { -moz-appearance: textfield; box-sizing: border-box; border-radius: 0; box-shadow: none; background-color: #fff; background-clip: padding-box; border: 1px solid #fff; display: inline-block; height: 40px; min-height: 40px; margin: 0; padding: 0; text-align: center; width: 30px; } #ngg_pro_checkout .quantity_column input { pointer-events: none; } #ngg_pro_checkout .quantity_column input::-webkit-outer-spin-button, #ngg_pro_checkout .quantity_column input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #ngg_pro_checkout .quantity_column .ngg_pro_delete_item i:before { height: 40px; min-height: 40px; line-height: 40px; } #ngg_pro_checkout .title_column { box-sizing: border-box; width: 100%; min-width: 80px; padding-right: 16px; padding-left: 24px; line-height: 1.5; } #ngg_pro_checkout .thumbnail_column .thumbnail-container { position: relative; } #ngg_pro_checkout .thumbnail_column .thumbnail-container .crop-preview { position: absolute; opacity: .5; border: solid 2px red; } #ngg_pro_checkout .title_column .ngg-btn-action { font-size: 90%; font-weight: 400; text-transform: uppercase; } #ngg_pro_checkout .price_column, #ngg_pro_checkout .subtotal_column{ box-sizing: border-box; white-space: nowrap; padding-right: 8px; padding-left: 8px; line-height: 1.5; font-weight: 400; } #ngg_pro_checkout .subtotal_column { text-align: right; } #ngg_pro_checkout .ngg_pro_cart_image_column { padding-right: 10px !important; text-align: center; width: 25%; max-width: 260px; word-wrap: break-word; word-break: break-all; } #ngg_pro_checkout .ngg_pro_cart_image_column svg, #ngg_pro_checkout .ngg_pro_cart_image_column i { opacity: 0.5; } #ngg_pro_checkout .ngg_pro_cart_image_column .thumbnail-container { margin-top : 2px; margin-bottom: 5px; } #ngg_pro_checkout .ngg_pro_cart_image_column img { width: 100% !important; height: auto !important; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5); box-shadow: 0px 0px 5px rgba(0,0,0,.5); margin: 0 !important; padding: 0 !important; } #ngg_pro_checkout .combined_column { width: 100%; } #ngg_pro_checkout input, #ngg_pro_checkout select { background: rgba(150,150,150,.03); background-clip: padding-box; border: 1px solid rgba(150,150,150,.3); border-radius: 0; box-shadow: none; box-sizing: border-box; font-family: Lato,"Lato Fallback",sans-serif; font-size: 14px; height: 50px; padding: 0 20px; width: 100%; color: #777; line-height: 50px; letter-spacing: .2px; } #ngg_pro_checkout select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Table Footer (Subtotal Area) Styles */ #ngg_pro_checkout table tfoot th label { text-align: right; display: block; margin-right: 50px; font-weight: bold; margin-top: 3px; margin-bottom: 3px; word-break: keep-all; } #ngg_pro_no_items { display: none; } #ngg_pro_checkout #ngg_pro_cart_coupon_tr td { text-align: right; } #ngg_pro_cart_coupon_tr input[type='text'] { width: 150px; text-align: center; height: 40px; min-height: 40px; font-size: 14px; padding: 0; margin: 0; vertical-align: middle; display: inline-block; box-sizing: border-box; } #ngg_pro_cart_coupon_notice, #ngg_pro_cart_coupon_errors { color: red; display: none; font-size: 13px; line-height: 16px; padding: 0; margin: 20px 20px 0 0; } #ngg_pro_cart_coupon_notice { color: inherit; } #ngg_pro_cart_coupon_apply { padding: 0 18px !important; height: 40px; min-height: 40px; vertical-align: middle; } #ngg_pro_cart_coupon_undiscounted_subtotal_tr, #ngg_pro_cart_coupon_discount_amount_tr { display: none; } #ngg_pro_cart_fields table { width: 100%; margin: 40px auto 50px; } #ngg_pro_cart_fields table td { vertical-align: middle; } #ngg_pro_cart_fields table td.ngg-field-label { width: 30%; font-weight: 400; text-transform: uppercase; font-size: 14px; } #ngg_pro_cart_fields table td.ngg-field-input { width: 75%; position: relative; } #ngg_pro_cart_fields table td.ngg-field-input input { display: inline-block; width: 100%; } #ngg_pro_cart_fields table .ngg-field-error-container { margin-top: 0.75em; cursor: pointer; } #ngg_pro_cart_fields table .ngg-field-state .ngg-field-error-container { margin-left: -2.4em; } #ngg_pro_cart_fields table .ngg-field-error-container-input, #ngg_pro_cart_fields table .ngg-field-state .ngg-field-error-container, #ngg_pro_cart_fields table .ngg-field-country .ngg-field-error-container { margin-left: -1.6em; } #ngg_pro_cart_fields table .ngg-field-error-container .ngg-error-icon { color: #ee666a; } #ngg_pro_cart_subitems table { margin-top: 20px; width: 100%; } #ngg_pro_cart_subitems td, #ngg_pro_cart_subitems th { margin: 0; padding: 0; } #ngg_pro_cart_subitems table th { margin-left: 5px; text-align: right !important; padding: 4px 0 !important; vertical-align: middle !important; text-transform: uppercase; } #ngg_pro_cart_subitems table th:first-of-type { text-transform: uppercase; } #ngg_pro_cart_subitems .fa, #ngg_pro_checkout .price_column .fa, #ngg_pro_checkout .subtotal_column .fa { display: inline !important; } #ngg_pro_checkout #nggpl-subtotal_field, #ngg_pro_checkout #nggpl-shipping_field, #ngg_pro_checkout #nggpl-ship_via_field, #ngg_pro_checkout #nggpl-total_field, #ngg_pro_checkout #nggpl-ship_to_field { padding-left: 5px; min-width: 150px; margin-top: 3px; margin-bottom: 3px; } #ngg_pro_checkout #nggpl-ship_via_field select { height: 40px; line-height: 40px; width: 152px; padding: 0 12px; } #ngg_pro_checkout select:-moz-focusring { color: transparent !important; text-shadow: 0 0 0 #777 !important; } #ngg_pro_checkout #unshippable_notice { color: red; } /* Buttons */ #ngg_pro_links_wrapper, #ngg_pro_checkout_buttons { max-width: 960px; width: 100%; margin: 20px auto; text-align: right; /*padding-right: 3px;*/ } #ngg_pro_links_wrapper .ngg_pro_btn { width: auto !important; } #ngg_pro_checkout_buttons { max-width: 960px; text-align: right; margin-bottom: 60px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; } .ngg_pro_btn { background: #1e73be !important; background: #1a70b5 !important; background: #0091e2 !important; background: #444 !important; background: #666 !important; border: none !important; border-radius: 1px; border-width: 0; box-shadow: none !important; color: #fff !important; cursor: pointer; display: inline-block; font-size: 13px !important; font-family: 'Open Sans',"Open Sans Fallback", Lato, sans-serif !important; font-weight: 700; letter-spacing: 1px; line-height: 1.4 !important; margin: 3px 2px !important; padding: 12px 24px !important; text-transform: uppercase; text-decoration: none !important; white-space: normal; width: 190px !important; text-align: center; height: 42px; } .ngg_pro_btn.ngg_force_hover, .ngg_pro_btn:hover, .ngg_pro_btn:active, .ngg_pro_btn:focus { background: #777 !important; box-shadow: none !important; } .ngg_pro_btn:disabled, .ngg_pro_btn[disabled="disabled"] { background: #bbbbbb !important; cursor: not-allowed; } #ngg_pro_links_wrapper .ngg_pro_btn:last-of-type, #ngg_pro_checkout_buttons .ngg_pro_btn:last-of-type { margin-right: 6px; } #ngg_pro_checkout.ngg_cart_free #stripe-checkout-button, #ngg_pro_checkout.ngg_cart_free #paypal_express_checkout_button, #ngg_pro_checkout.ngg_cart_free #ngg_paypal_standard_button, #ngg_pro_checkout.ngg_cart_free #ngg-pro-paypal-checkout-wrapper, #ngg_pro_checkout.ngg_cart_free #ngg-pro-braintree-begin, #ngg_pro_checkout.ngg_cart_free #ngg_cheque_button, #ngg_pro_checkout.ngg_cart_free #ngg_test_gateway_button { display: none !important; } #stripe-checkout-button button span { background: transparent !important; background: none !important; outline: none; } /* Media Queries */ @media only screen and (max-width: 800px) { #ngg_pro_checkout .price_column { display: none; } #ngg_pro_checkout > table { border: none; } } @media only screen and (max-width: 650px) { #ngg_pro_checkout > table { border-spacing: 10px; font-size: 0.78em; } #ngg_pro_checkout .ngg_pro_cart_images table { border-spacing: 5px; } #ngg_pro_checkout .title_column { padding-right: 0px; padding-left: 16px; } #ngg_pro_checkout tr.ngg_pro_cart_image { width: 100%; } #ngg_pro_checkout .ngg_pro_cart_image > td.ngg_pro_cart_image_column, #ngg_pro_checkout .ngg_pro_cart_image > td.ngg_pro_cart_content_column { display: table-row; } #ngg_pro_checkout .thumbnail_column .thumbnail-container { max-width: 240px; margin: 0 auto; } #ngg_pro_checkout_buttons .button, #ngg_pro_checkout_buttons button, #ngg_pro_links_wrapper .button, #ngg_pro_links_wrapper button { width: 100%; text-align: center; } #ngg_pro_checkout .nggpl-quantity_field_wrapper { margin-top: 2px; } #ngg_pro_checkout .quantity_column .ngg_pro_delete_item i { margin-top: 0; } } @media only screen and (max-width: 520px) { #ngg_pro_checkout .ngg_pro_cart_items thead { display:none; } #ngg_pro_checkout .ngg_pro_cart_items .ngg_pro_cart_images .ngg_pro_cart_image_column { max-width: none; } #ngg_pro_checkout .ngg_pro_cart_items .ngg_pro_cart_images td { border: none; display: block; margin: 0; padding: 4px 20px !important; text-align: center; width: 100%; } #ngg_pro_checkout .ngg_pro_cart_items .ngg_pro_cart_images td:first-of-type { margin-top: 40px; } #ngg_pro_checkout .ngg_pro_cart_items .ngg_pro_cart_images td:last-of-type { margin-bottom: 40px; } #ngg_pro_checkout .nggpl-quantity_field_wrapper { float: none; display: inline-block; width: 82px; } #ngg_pro_checkout .ngg_pro_cart_items .ngg_pro_cart_images .price_column { display: none !important; } #ngg_pro_checkout #ngg_pro_cart_coupon_tr td { padding-top: 50px; padding-bottom: 50px; text-align: center; } #ngg_pro_cart_coupon_tr input[type=text] { margin: -4px 0 0 0; } #ngg_pro_checkout .ngg_pro_cart_items .ngg-cart-shipping-fields td:first-of-type { display: none; } #ngg_pro_cart_fields table, #ngg_pro_cart_fields table td.ngg-field-input input, #ngg_pro_cart_fields #ngg_shipping_field_state { width: 100%; } #ngg_pro_cart_fields table .ngg-field-state .ngg-field-error-container { right: 20px; } #ngg_pro_checkout_buttons .ngg_pro_btn, #ngg_pro_links_wrapper .ngg_pro_btn { width: 90% !important; text-align: center; } #ngg_pro_checkout #nggpl-ship_via_field select { width: 170px; } } @media only screen and (max-width: 380px) { #ngg_pro_links_wrapper, #ngg_pro_checkout_buttons { text-align: center; } } body.free_form_open, html.free_form_open { overflow: hidden; } #ngg_pro_checkout #ngg_free_button { display: none !important; } #ngg_pro_checkout.ngg_cart_free #ngg_free_button.ngg_pro_btn { display: inline-block !important; } #ngg_free_overlay { position: fixed; top: -800px; left: -800px; right: -800px; bottom: -800px; background-color: black; z-index: 19; opacity: 0.6; filter: alpha(opacity=60); } #ngg_free_form_container { clear: both; width: 300px; position: fixed; top: 50%; left: 50%; margin-top: -190px; margin-left: -200px; z-index: 20; background: #ffffff; padding: 15px 15px 15px 15px; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; -webkit-box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75); box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75); font-size: 14px; line-height: 18px; font-weight: normal; } #ngg_free_form_container h3 { text-align: center; margin: 0 0 15px 0; font-size: 18px; line-height: 18px; color: rgb(52, 51, 51); } #ngg_free_form_container input, #ngg_free_form_container select { margin: 0; padding: 8px; width: 100%; border: 1px solid #cccccc; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-color: white; box-sizing: border-box !important; font-size: 14px; line-height: 14px; } #ngg_free_form_container input:-webkit-autofill, #ngg_free_form_container select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } #ngg_free_form_container input:-webkit-autofill:focus, #ngg_free_form_container select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: black; } #ngg_free_form_container input:focus, #ngg_free_form_container select:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } #nextgen_free_customer_name, #nextgen_free_customer_email, #nextgen_free_customer_address, #nextgen_free_customer_city, #nextgen_free_customer_state, #nextgen_free_customer_postal, #nextgen_free_customer_country { margin: 0; padding: 0 0 6px 0; } #nextgen_free_customer_name, #nextgen_free_customer_email, #nextgen_free_customer_address { display: table; } #nextgen_free_customer_name span, #nextgen_free_customer_email span, #nextgen_free_customer_address span { width: 1%; display: table-cell; border: 1px solid #cccccc; border-right: none; padding: 1px 5px 0 5px; vertical-align: middle; font-size: 16px; line-height: 18px; } #nextgen_free_customer_name input, #nextgen_free_customer_email input, #nextgen_free_customer_address input { display: table-cell; border-bottom-left-radius: 0; border-top-left-radius: 0; box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0px 1px inset; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-left: none; padding-left: 4px; } #nextgen_free_customer_name input:focus, #nextgen_free_customer_email input:focus, #nextgen_free_customer_address input:focus { border-left: 1px solid #66afe9; padding-left: 8px; } #ngg_free_buttons { clear: left; text-align: center; padding: 5px 0 0 0; margin: 0; } #ngg_free_buttons a { float: none; padding-left: 40px !important; padding-right: 40px !important; } #ngg_free_buttons a svg, #ngg_free_buttons a i { padding: 0 0 0 8px; } #ngg_free_button_cancel { color: rgb(52, 51, 51); position: absolute; top: -18px; right: -18px; font-size: 18px; } #ngg_free_button_cancel svg, #ngg_free_button_cancel i { text-shadow: 0px 0px 10px rgba(150, 150, 150, 0.8); } #ngg_free_button_cancel svg.fa-times, #ngg_free_button_cancel i.fa-times { color: white; } #ngg_free_button_cancel svg.fa-circle, #ngg_free_button_cancel i.fa-circle { color: #000000; } :where(html.wpc-bgl255) #npl_sidebar{background: #252728 url('/wp-content/plugins/nextgen-gallery-pro/static/Lightbox/theme/container_bg.png')}