/* codeDESIGN - jquery.fancybox_custom.css */ @charset "utf-8"; .fancybox-bg { background: #ffffff; } .fancybox-is-open .fancybox-bg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } .fancybox-caption { background: none; font-size: 13px; color: #222222; } /* THUMBS LIST */ @media all and (min-width: 768px) { .fancybox-thumbs { background: rgba(255, 255, 255, 1.0); width: auto; height: 95px; top: auto; bottom: 0; left: 0; right: 0; padding: 10px 10px 5px 10px; box-sizing: border-box; } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; } } .fancybox-thumbs__list a::before { border: 2px solid #222222; border: 2px solid rgba(1, 1, 1, 0.8); } /* CAPTION */ div.fancybox-caption div.fancybox-caption__body { font: 700 13px/13px 'Montserrat',sans-serif; text-transform: uppercase; color: #222222; } /* INFOBAR */ div.fancybox-infobar { font: 700 13px/44px 'Montserrat',sans-serif; text-transform: uppercase; color: #222222; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } /* TOOLBAR */ div.fancybox-toolbar { background: #ffffff; background: rgba(255, 255, 255, 1.0); } div.fancybox-toolbar button.fancybox-button { background: rgba(255, 255, 255, 1.0); font-size: 16px; color: #222222; } div.fancybox-toolbar button.fancybox-button.fancybox-button--close { font-size: 20px; } div.fancybox-toolbar a.fancybox-button.fancybox-button--download, div.fancybox-toolbar a.fancybox-button.fancybox-button--download:link, div.fancybox-toolbar a.fancybox-button.fancybox-button--download:hover { background: rgba(255, 255, 255, 1.0); font-size: 18px; color: #222222; text-align: center; } /* BUTTONS AND NAVIGATION */ button.fancybox-button.fancybox-button--arrow_left, button.fancybox-button.fancybox-button--arrow_right { background: #ffffff; background: rgba(255, 255, 255, 1.0); width: 40px; height: 40px; top: calc(50% - 20px); overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer; display: inline-block; color: #222222; } button.fancybox-button.fancybox-button--arrow_left::before, button.fancybox-button.fancybox-button--arrow_right::before, button.fancybox-button.fancybox-button--arrow_left::after, button.fancybox-button.fancybox-button--arrow_right::after { font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.6em; color: #222222; display: block; position: absolute; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } button.fancybox-button.fancybox-button--arrow_left::before, button.fancybox-button.fancybox-button--arrow_left::after { content: "\f053"; } button.fancybox-button.fancybox-button--arrow_left::before { margin: 8px 0px 0px 13px; } button.fancybox-button.fancybox-button--arrow_left:hover:before { margin: 8px 0px 0px -50px; } button.fancybox-button.fancybox-button--arrow_left::after { margin: -32px 0px 0px 50px; } button.fancybox-button.fancybox-button--arrow_left:hover:after { margin: -32px 0px 0px 13px; } button.fancybox-button.fancybox-button--arrow_right::before, button.fancybox-button.fancybox-button--arrow_right::after { content: "\f054"; } button.fancybox-button.fancybox-button--arrow_right::before { margin: 8px 0px 0px 17px; } button.fancybox-button.fancybox-button--arrow_right:hover:before { margin: 8px 0px 0px 50px; } button.fancybox-button.fancybox-button--arrow_right::after { margin: -32px 0px 0px -17px; } button.fancybox-button.fancybox-button--arrow_right:hover:after { margin: -32px 0px 0px 17px; } /* SHARE */ div.fancybox-share { padding: 20px 20px 20px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.fancybox-share.fancybox-content { background: #ffffff; } div.fancybox-share.fancybox-content h1 { font: 700 13px/13px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif; text-transform: uppercase; color: #222222; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; text-align: left; } input.fancybox-share__input { padding: 10px 15px 10px 0px; } div.fancybox-share.fancybox-content a.fancybox-share__button, div.fancybox-share.fancybox-content a.fancybox-share__button:link { font-size: 13px; font-weight: 500; text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.fancybox-share.fancybox-content button.fancybox-button.fancybox-close-small i { display: none; } div.fancybox-share.fancybox-content button.fancybox-button.fancybox-close-small::before { font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.6em; content: "\f00d"; }