/* LICENSE & DETAILS ================================================== Theme Name: UKDLP Description: A Retina Responsive Multi-Purpose WordPress Theme License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 3.4.30 All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ================================================== */ /* Table of Contents ================================================== #Custom Boostrap Classes #Page Builder Override Classes #General #Header #Footer #Swift Slider #Portfolio #Blog #Team #Sidebar #Comments #Contact #Shortcodes #WooCommerce #Retina Styles #Responsive Styles ================================================== */ /* #Custom Bootstrap Classes ================================================== Support for columns width sidebars ================================================== */ [class*="span"] { max-width: 100%; } .span-third { width: 193px; } .span-twothirds { width: 407px; } .span-bs-quarter { width: 100px; } .span-bs-threequarter { width: 340px; } @media only screen and (min-width: 1200px) { .span-third { width: 236px; } .span-twothirds { width: 504px; } .span-bs-quarter { width: 120px; } .span-bs-threequarter { width: 420px; } } @media only screen and (max-width: 979px) and (min-width: 768px) { .span-third { width: 145px; } .span-twothirds { width: 310px; } .span-bs-quarter, .span-bs-threequarter { width: 342px; } } @media only screen and (max-width: 979px) { .span-third { width: 100%; } .span-twothirds { width: 100%; } .span-bs-quarter { width: 100%; } .span-bs-threequarter { width: 100%; } } /* #Page Builder Override Classes ================================================== Classes to override asset styling ================================================== */ .mt0 { /* Clear Margin Top */ margin-top: 0!important; } .mb0 { /* Clear Margin Bottom */ margin-bottom: 0!important; } .mr0 { /* Clear Margin Right */ margin-right: 0!important; } .ml0 { /* Clear Margin Left */ margin-left: 0!important; } .pt0 { /* Clear Padding Top */ padding-top: 0!important; } .pb0 { /* Clear Padding Bottom */ padding-bottom: 0!important; } .pr0 { /* Clear Padding Right */ padding-right: 0!important; } .pl0 { /* Clear Padding Left */ padding-left: 0!important; } .bt0 { /* Clear Border Top */ border-top: 0!important; } .bb0 { /* Clear Border Bottom */ border-bottom: 0!important; } .no-arrow:after { /* Clear Full Width Text Arrow */ display: none!important; } .pmb0 p { /* Clear Inner p Tags Margin Bottom */ margin-bottom: 0!important; } /* #General ================================================== */ body { padding: 0; margin: 0; font-size: 14px; -webkit-font-smoothing: antialiased; } a { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } a:hover { text-decoration: none; } body, h1, h2, h3, h4, h5, h6 { font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; } h1 { font-size: 30px; line-height: 42px; } h2 { font-size: 24px; line-height: 32px; } h3 { font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 15px; } h4 { font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 15px; } h5 { font-size: 14px; font-weight: normal; line-height: 18px; margin-bottom: 15px; } h6 { font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom: 10px; text-transform: uppercase; } p { font-size: 14px; line-height: 170%; } ul { list-style: none; margin: 0 0 20px; } dl dt { float: left; margin-right: 10px; } dl dt, dl dd { line-height: 180%; } ul ul, ul ol, ol ol, ol ul { margin-left: 0; } .no-js-alert { background: none repeat scroll 0 0 #222222; color: #FFFFFF; font-size: 24px; height: 100%; left: 0; opacity: 0.95; -moz-opacity: 0.95; filter:alpha(opacity= 95); padding: 20% 5% 0; position: fixed; text-align: center; top: 0; width: 90%; z-index: 9999; } #container { position: relative; } #page-bg-image { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: 0; border-radius: 0; box-shadow: none; } textarea { border-radius: 0; box-shadow: none; } input:focus, textarea:focus { box-shadow: none!important; } select.hasCustomSelect { z-index: 2; } iframe { border: 0; } video.wp-video-shortcode { max-width: 100%; } i[class^="fa-"] { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .container { max-width: 100%; } .row.fw-row { margin-left: 0; } .fw-row > .container { padding-left: 0!important; padding-right: 0!important; } .fw-row > .container > .span12 { margin-left: 0; } .fw-row > .container-fluid { padding-left: 0; padding-right: 0; } .fw-row > .container-fluid .container .row { margin-left: 0; } .row-content-width > .container { width: 100%; } .row-content-width .spb-row-container.spb-row-content-width { width: 100%; margin-left: 10px; } .spb-asset-content > .container { max-width: 100%; } .spb-row-container { position: relative; } .spb-row-container > div.spb_content_element { position: relative; z-index: 3; } .spb-row-container > div.row-overlay { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .overlay-diaglight { background-image: url(../../../../../../themes/ukdlp/images/vo_diagonal_lines_light.png); } .overlay-diagdark { background-image: url(../../../../../../themes/ukdlp/images/vo_diagonal_lines_dark.png); } .overlay-horizlight { background-image: url(../../../../../../themes/ukdlp/images/vo_horizontal_lines_light.png); } .overlay-horizgdark { background-image: url(../../../../../../themes/ukdlp/images/vo_horizontal_lines_dark.png); } .overlay-vertlight { background-image: url(../../../../../../themes/ukdlp/images/vo_vertical_lines_light.png); } .overlay-vertzgdark { background-image: url(../../../../../../themes/ukdlp/images/vo_vertical_lines_dark.png); } .overlay-lightgrid { background-image: url(../../../../../../themes/ukdlp/images/vo_pixel_light.png); } .overlay-darkgrid { background-image: url(../../../../../../themes/ukdlp/images/vo_pixel_dark.png); } .overlay-lightgridfat { background-image: url(../../../../../../themes/ukdlp/images/vo_fat_pixel_light.png); } .overlay-darkgridfat { background-image: url(../../../../../../themes/ukdlp/images/vo_fat_pixel_dark.png); } .spb-column-container > .spb-asset-content > .container > .row, .spb-column-container > .spb-asset-content > .fw-row > .container > .row { margin-left: 0; } .spb-column-container > .spb-asset-content > .container > .row > [class*="span"]:first-child, .spb-column-container > .spb-asset-content > .fw-row > .container > .row > [class*="span"]:first-child { margin-left: 0; } /* -------------------------------------------- STANDARD MEDIA STYLING -------------------------------------------- */ figure { margin: 0; } figure img { width: 100%; height: auto; } figure a { display: block; } figure .overlay { width: 100%; height: 100%; position: absolute; display: block; z-index: 4; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: -0.6px; padding-right: 0.6px; } figure:hover > a > .overlay { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); } figure .thumb-info { position: absolute; width: 100%; height: 100%; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; /*for a smooth font */ } figure:hover .overlay .thumb-info { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .overlay .thumb-info h4 { position: absolute; top: 53%; line-height: 20px; padding: 0 10%; width: 80%; text-align: center; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); } .overlay .thumb-info i { width: 100%; position: absolute; top: 50%; font-size: 44px; margin-top: -15px; height: 30px; line-height: 33px; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); text-align: center; } .overlay .thumb-info i.small-icon { font-size: 32px; top: 42%; } /* -------------------------------------------- FLEXSLIDER / REVSLIDER -------------------------------------------- */ /* Browser Resets */ .wooslider-container a:active, .wooslider a:active, .wooslider-container a:focus, .wooslider a:focus {outline: none;} .slides, .wooslider-control-nav, .wooslider-direction-nav {margin: 0; padding: 0; list-style: none;} /* wooslider Necessary Styles *********************************/ .wooslider {margin: 0; padding: 0;} .wooslider .slides > li { display: none; -webkit-backface-visibility: hidden; width: 100%; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .wooslider .slides img {width: 100%; display: block;} .wooslider-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .wooslider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .wooslider .slides { display: block; } * html .wooslider .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .wooslider .slides > li:first-child { display: block; } /* wooslider Default Theme *********************************/ .wooslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; overflow: visible!important;} .wooslider-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .wooslider-viewport {max-height: 300px;} .wooslider .slides {zoom: 1;} .wooslider .carousel li { margin-right: 5px; } /* Direction Nav */ .wooslider-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../../../../../../themes/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .wooslider-direction-nav .wooslider-next {background-position: 100% 0; right: -36px; } .wooslider-direction-nav .wooslider-prev {left: -36px;} .wooslider:hover .wooslider-next {opacity: 0.8; right: 5px;} .wooslider:hover .wooslider-prev {opacity: 0.8; left: 5px;} .wooslider:hover .wooslider-next:hover, .wooslider:hover .wooslider-prev:hover {opacity: 1;} .wooslider-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Pause/Play */ .wooslider-pauseplay a { width: 30px; height: 30px; text-indent: -9999px; background: url(../../../../../../themes/images/bg_play_pause.png) no-repeat 110% 0; position: absolute; bottom: 5px; left: 5px; opacity: 0.8; z-index: 9999; cursor: pointer; } .wooslider-pauseplay a:hover { opacity: 1; } .wooslider-pauseplay a.wooslider-play { background-position: 0 0; } /* Control Nav */ .wooslider-control-nav {width: 100%; position: absolute; top: 100%; margin-top: 10px!important; text-align: center; z-index: 9999; } .wooslider-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .wooslider-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .wooslider-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .wooslider-control-paging li a.wooslider-active { background: #000; background: rgba(255,255,255,0.9); cursor: default; } .wooslider-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .wooslider-control-thumbs li {width: 25%; float: left; margin: 0;} .wooslider-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .wooslider-control-thumbs img:hover {opacity: 1;} .wooslider-control-thumbs .wooslider-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .wooslider-direction-nav .wooslider-prev {opacity: 1; left: 0;} .wooslider-direction-nav .wooslider-next {opacity: 1; right: 0;} } /* Basic reset for better theme compatibility. */ .wooslider .slides > li { list-style: none; float: left; margin: 0; padding: 0; } .wooslider .slides > li img { border: 0; box-shadow: none; } .wooslider .wooslider-control-nav > li { margin: 0 6px; padding: 0; } body .wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img { border: 0; padding: 0; margin: 0; height: auto; } body .wooslider .slides, body .wooslider .wooslider-control-nav, body .wooslider .wooslider-direction-nav { padding: 0; margin: 0; } body .wooslider .wooslider-control-nav li, body .wooslider .wooslider-direction-nav li { list-style: none; } /* Layout styles for the "Posts" slideshow type. */ /* Text Left and Text Right Options */ .wooslider .layout-text-left img { float: right; width: 40%; } .wooslider .layout-text-left .slide-excerpt { float: left; width: 50%; } .wooslider .layout-text-right img { float: left; width: 40%; } .wooslider .layout-text-right .slide-excerpt { float: right; width: 50%; } /* Full overlay enabled */ .wooslider .overlay-full { position: relative; } .wooslider .overlay-full .slide-excerpt { background: #000; opacity: 0.8; color: #FFF; position: absolute; padding: 1em; } .wooslider .overlay-full .slide-excerpt .slide-title { color: #FFF; } .wooslider .overlay-full img { float: none; width: 100%; height: auto; } body .wooslider .overlay-full.layout-text-left .slide-excerpt { left: 0; top: 0; bottom: 0; width: 30%; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-right .slide-excerpt { right: 0; top: 0; bottom: 0; width: 30%; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-top .slide-excerpt { left: 0; right: 0; top: 0; height: auto; padding: 1em; overflow: hidden; } body .wooslider .overlay-full.layout-text-bottom .slide-excerpt { left: 0; right: 0; bottom: 0; height: auto; padding: 1em; overflow: hidden; } /* Natural overlay enabled */ .wooslider .overlay-natural { position: relative; } .wooslider .overlay-natural .slide-excerpt { color: #FFF; position: absolute; float: left; padding: 0; } .wooslider .overlay-natural .slide-excerpt .slide-title { color: #FFF; background: #000; opacity: 0.8; float: left; padding: 0.5em 1em; margin: 0; } .wooslider .overlay-natural .slide-excerpt p { color: #FFF; background: #000; opacity: 0.8; float: left; padding: 0.5em 1em; } .wooslider .overlay-natural img { float: none; width: 100%; height: auto; } body .wooslider .overlay-natural.layout-text-left .slide-excerpt { left: 0; top: 10%; overflow: hidden; } body .wooslider .overlay-natural.layout-text-right .slide-excerpt { float: right; right: 0; top: 10%; overflow: hidden; } body .wooslider .overlay-natural.layout-text-right .slide-excerpt .slide-title, body .wooslider .overlay-natural.layout-text-right .slide-excerpt p { float: right; } body .wooslider .overlay-natural.layout-text-top .slide-excerpt { left: 0; top: 0; overflow: hidden; } body .wooslider .overlay-natural.layout-text-bottom .slide-excerpt { left: 0; bottom: 0; overflow: hidden; } /* "Slides" slideshow type */ body .wooslider .slide-content { margin: 0.5em; padding: 0; border: 0; width: auto; height: auto; } /* Slide widget */ .widget_wooslider_slideshow_attachments .wooslider-direction-nav a { padding: 0; } body .wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img { max-width: 100%; border: none; } body .wooslider-control-nav { margin: 0; padding: 0; } body .wooslider-control-nav img { border: 0; background: none; margin: 0; padding: 0; } body .wooslider-direction-nav, body .wooslider-direction-nav li { list-style: none; margin: 0; padding: 0; } body .wooslider.wooslider-type-slides .has-featured-image img.featured-image { max-width: 100%; height: auto; } body .wooslider.wooslider-type-slides img { max-width: 100%; } .flexslider { background: transparent; border: 0; width: 100%; z-index: 2; display: block; position: relative; overflow: hidden; } .flexslider ul.slides { background: transparent; margin: 0; height: auto; overflow: hidden; list-style: none!important; } .flexslider .slides > li { position: relative; text-align: center; overflow: hidden; margin: 0; display: none; -webkit-backface-visibility: hidden; } .flexslider .slides li img { max-width: 100%; width: 100%; height: auto; display: block!important; } .flex-direction-nav, .flex-direction-nav li, .wooslider-direction-nav, .wooslider-direction-nav li { margin: 0; padding: 0; list-style: none; } .flex-direction-nav a, .wooslider-direction-nav a, .lSAction > .lSNext, .lSAction > .lSPrev { width: 36px; height: 36px; margin: -18px 0 0; display: block; background: transparent url(../../../../../../themes/ukdlp/images/showcase-nav.png) no-repeat center left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; z-index: 3; } .flex-direction-nav .flex-next, .wooslider-direction-nav .wooslider-next { background-position: center right; right: -36px; } .flex-direction-nav .flex-prev, .wooslider-direction-nav .wooslider-prev { left: -36px; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0)!important; display: none!important; } .rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-leftarrow.large, .rev_slider_wrapper .tp-leftarrow.square, .rev_slider_wrapper .tp-leftarrow.round, .rev_slider_wrapper .tp-leftarrow.default { background: transparent url(../../../../../../themes/ukdlp/images/showcase-nav.png) no-repeat center left; width: 36px; height: 36px; display: block; margin: 0; position: absolute; top: 50%!important; left: -36px!important; margin-top: -18px; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease; } .rev_slider_wrapper .tp-rightarrow, .rev_slider_wrapper .tp-rightarrow.large, .rev_slider_wrapper .tp-rightarrow.square, .rev_slider_wrapper .tp-rightarrow.round, .rev_slider_wrapper .tp-rightarrow.default { background: transparent url(../../../../../../themes/ukdlp/images/showcase-nav.png) no-repeat 100% 0; width: 36px; height: 36px; display: block; margin: 0; position: absolute; top: 50%!important; right: -36px!important; margin-top: -18px; left: auto!important; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease; } .rev_slider_wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .tp-bannertimer { z-index: 20!important; } .rev_slider iframe { z-index: 999; } .content-slider { position: static; } .content-slider .flex-direction-nav .flex-next { right: 20px!important; } .content-slider .flex-direction-nav .flex-prev { left: 20px!important; } .flexslider:hover .flex-next, .wooslider:hover .wooslider-next, .spb_testimonial_slider_widget:hover .flexslider .flex-next { opacity: 1; filter:alpha(opacity=100); right: 20px!important; } .rev_slider_wrapper:hover > .tp-rightarrow { opacity: 1; filter:alpha(opacity=100); right: 50px!important; } .flexslider:hover .flex-prev, .wooslider:hover .wooslider-prev, .spb_testimonial_slider_widget:hover .flexslider .flex-prev { opacity: 1; filter:alpha(opacity=100); left: 20px!important; } .rev_slider_wrapper:hover > .tp-leftarrow { opacity: 1; filter:alpha(opacity=100); left: 50px!important; } .tp-caption a.sf-button { font-size: inherit; padding: 6% 14%; line-height: auto; } .tp-caption a.sf-button.medium { font-size: inherit; padding: 7% 16%; line-height: auto; } .tp-caption a.sf-button.large { font-size: inherit; padding: 8% 18%; line-height: auto; } .flex-direction-nav .disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; } .thumb-slider .flex-direction-nav a { height: 37px; background: transparent url(../../../../../../themes/ukdlp/images/showcase-nav.png) no-repeat center left; } .thumb-slider .flex-direction-nav a.flex-next { background-position: center right; } .thumb-slider:hover .flex-direction-nav a.flex-prev { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } .thumb-slider:hover .flex-direction-nav a.flex-next { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } .thumb-slider .open-item a { width: 20px; position: absolute; left: 10px; top: 10px; display: block; z-index: 99; color: #000; text-decoration: none; text-align: center; } .open-item a i { vertical-align: 0; } .thumb-slider .open-item:hover > a { opacity: 1!important; -moz-opacity: 1!important; filter:alpha(opacity=100)!important; } .flex-control-nav { position: absolute; bottom: 20px; left: 20px; margin: 0; z-index: 4; list-style: none!important; } .flex-control-nav li { float: left; display: inline-block; margin-right: 5px; margin-bottom: 0; } .flex-control-nav li a { text-indent: 100%; white-space: nowrap; overflow: hidden; background: #fff; width: 10px; height: 10px; display: block; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } .flex-control-nav li a:hover { cursor: pointer; } .flex-control-nav li a.flex-active { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .flex-pauseplay { position: absolute; color: #fff; bottom: 18px; left: 20px; font-size: 13px; height: 13px; } .flex-pauseplay span:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } .flex-pauseplay .pause:before { content: "\f04c"; } .flex-pauseplay .play:before { content: "\f04b"; } .blog-slider .flex-pauseplay, .thumb-slider .flex-pauseplay { bottom: 16px; font-size: 11px; height: 13px; } .flex-pauseplay:hover { cursor: pointer; } .flex-pauseplay span { height: 11px; display: block; line-height: 13px; } .flexslider li .img-caption { position: absolute; left: 30px; bottom: 30px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flexslider li.flex-active-slide .img-caption { opacity: 1; } .thumb-slider .flex-control-nav, .thumb-slider .flex-pauseplay { display: none; } .tp-bullets { width: 80%; margin: 0 auto; text-align: center; z-index: 20; } .tp-bullets.simplebullets.round { bottom: 25px!important; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: white; width: 10px; height: 10px; margin-right: 7px; float: none; display: inline-block; margin-top: 0; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; border-radius: 5px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); margin-bottom: 13px; } .tp-bullets.simplebullets.round .bullet.selected { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .tp-bullets .tp-leftarrow { float: none!important; display: inline-block; margin-right: 10px; width: 36px; height: 36px; } .tp-bullets .tp-rightarrow { float: none!important; display: inline-block; margin-left: 12px; width: 36px; height: 36px; background: top right; } .wooslider { background: transparent!important; border: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; } body .wooslider .slide-content { margin: 0!important; } .wooslider li .slide-content > p { margin-bottom: 0; } .wooslider .slide-title { font-size: 18px; line-height: 24px; } .wooslider .slide-title a { color: #fff; text-decoration: none; } .wooslider-control-thumbs { position: absolute; z-index: 99; text-align: center; } .wooslider-control-thumbs li { width: 6%; float: none; min-height: 50px; max-height: 50px; } body .wooslider-control-thumbs li > img { border: 2px solid #fff!important; min-height: 34px; max-height: 34px; } p.flex-caption { text-shadow: none; background: rgba(0, 0, 0, .4); } .custom-caption { position: absolute; z-index: 2; top: 60px; left: 60px; width: auto; max-width: 500px } .custom-caption p { text-align: left; width: auto; font-size: 24px; padding: 0px 4px 2px; line-height: 28px; margin-bottom: 0; text-decoration: underline; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .sf-roll-button { display: inline-block; height: 40px; line-height: 40px; overflow: hidden; position: relative; text-align: center; padding: 0 14px; transition: all 0.35s; } .sf-roll-button span { display: block; height: 100%; position: relative; top: 0%; transition: top 0.35s; width: 100%; } .sf-roll-button:hover span { top: -100%; } .modal-header { padding: 22px 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header h2 { margin: 0; } .modal-header .close { margin-top: 3px; font-size: 30px; } .modal-body { padding: 20px 30px; } /* -------------------------------------------- iLIGHTBOX -------------------------------------------- */ /* Reset Styles */ .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * { float:none; margin:0; padding:0; border:0; outline:0; font-size:100%; line-height:100%; vertical-align:baseline; background:transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; } .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } /* Disable & Hide Scrollbar */ /*.ilightbox-noscroll { overflow: hidden; }*/ .ilightbox-closedhand * { cursor: url(../../../../../../themes/ukdlp/images/closedhand.cur),default !important; } .ilightbox-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; } .ilightbox-loader { position: fixed; z-index: 100005; top: 45%; left: -192px; padding-left: 30px; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .ilightbox-loader div { width: 72px; height: 72px; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .ilightbox-loader.horizontal { left: 45%; top: -192px; padding: 0; padding-top: 30px; -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; } .ilightbox-loader.horizontal div { -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; } .ilightbox-toolbar { display: none; position: fixed; z-index: 100010; } .ilightbox-toolbar a { float: left; cursor: pointer; } .ilightbox-toolbar .ilightbox-prev-button, .ilightbox-toolbar .ilightbox-next-button { display: none; } .ilightbox-thumbnails { display: block; position: fixed; z-index: 100009; } .ilightbox-thumbnails.ilightbox-horizontal { bottom: 20px; left: 0; width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical { top: 0; right: 0; width: 140px; height: 100%; overflow: hidden; } .ilightbox-thumbnails .ilightbox-thumbnails-container { display: block; position: relative; } .ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container { width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container { width: 140px; height: 100%; } .ilightbox-thumbnails .ilightbox-thumbnails-grid { display: block; position: absolute; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail { display: block; cursor: pointer; padding: 10px; position: relative; height: auto!important; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img { width: 100%; height: 100%; -webkit-border-radius: 2px; border-radius: 2px; -ms-interpolation-mode: bicubic; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .7; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover { opacity: 1; } .ilightbox-holder { display: none; position: fixed!important; z-index: 100003; -webkit-transform: none; -moz-transform: none; } .ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev { cursor: pointer; } .ilightbox-holder div.ilightbox-container { position: relative; width: 100%; height: 100%; } .ilightbox-holder img.ilightbox-image { width: 100%; height: 100%; } .ilightbox-holder .ilightbox-container .ilightbox-caption { display: none; position: absolute; left: 30px; right: 30px; bottom: 0; max-width: 100%; padding: 5px 10px; margin: 0 auto; font-size: 14px; line-height: 200%; word-wrap: break-word; text-align: center; z-index: 20003; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ilightbox-holder .ilightbox-container .ilightbox-social { display: none; position: absolute; left: 10px; top: 10px; padding: 0; padding-left: 0; z-index: 20003; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul { float: left; list-style: none; height: 28px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li { display: inline; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a { float: left; width: 28px; height: 30px; opacity: 0.7; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a:hover { opacity: 1; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; font-size: 14px; line-height: 28px; text-align: center; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a { background: #3b5998; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a:before { content: "\f09a"; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a { background: #00aced; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a:before { content: "\f099"; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a { background: #dd4b39; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a:before { content: "\f0d5"; line-height: 30px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.pinterest a { background: #cb2027; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.pinterest a:before { content: "\f0d2"; } .ilightbox-holder .ilightbox-alert { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; padding-top: 100px; margin: auto; width: 300px; height: 50px; } .ilightbox-holder .ilightbox-wrapper { width: 100%; height: 100%; overflow: auto; } .ilightbox-holder .ilightbox-inner-toolbar { position: relative; z-index: 100; } .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar { position: absolute; } /* Style arrow buttons */ .ilightbox-button { position: fixed; z-index: 100008; cursor: pointer; } /* Style mobile devices */ .isMobile .ilightbox-button, .isMobile .ilightbox-thumbnails { display: none !important; } .isMobile .ilightbox-toolbar .ilightbox-prev-button, .isMobile .ilightbox-toolbar .ilightbox-next-button { display: block; } /* -------------------------------------------- iLIGHTBOX - WHITE -------------------------------------------- */ .ilightbox-overlay.metro-white { background: #FFF; } .ilightbox-loader.metro-white { /*-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 55px; box-shadow: rgba(0,0,0,.3) 0px 0px 55px;*/ } .ilightbox-loader.metro-white div { background: #FFF url(../../../../../../themes/ukdlp/images/lightbox/metro-light/preloader.gif) no-repeat center; } .ilightbox-holder.metro-white { padding: 3px; background: #FFF; -webkit-box-shadow: 0 0 45px rgba(0,0,0,.2); box-shadow: 0 0 45px rgba(0,0,0,.2); } .ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption { background: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/caption-bg.png) repeat-x bottom; background-size: 100% 100%; left: 0; right: 0; color: #000; text-shadow: 0 1px 1px rgba(0,0,0,.3); padding-top: 15px; } .ilightbox-holder.metro-white .ilightbox-container .ilightbox-social { background: #fff; height: auto; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; } .ilightbox-holder.metro-white .ilightbox-alert { background: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/alert.png) no-repeat center top; color: #89949B; } /* Style toolbar */ .ilightbox-toolbar.metro-white { top: 8px; left: 8px; height: 25px; } .ilightbox-toolbar.metro-white a { width: 27px; height: 25px; background: white url(../../../../../../themes/ukdlp/images/lightbox/metro-light/buttons.png) no-repeat 7px 6px; } .ilightbox-toolbar.metro-white a:hover { background-color: #51b7ff; } .ilightbox-toolbar.metro-white a.disabled { opacity: 0.2; filter: alpha(opacity=20); cursor: default; background-color: #FFF; } .ilightbox-toolbar.metro-white a.ilightbox-close:hover { background-color: #d94947; background-position: -30px 6px; } .ilightbox-toolbar.metro-white a.ilightbox-fullscreen { background-position: 6px -31px; } .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover { background-position: -29px -31px; } .ilightbox-toolbar.metro-white a.ilightbox-play { background-position: 8px -55px; } .ilightbox-toolbar.metro-white a.ilightbox-play:hover { background-position: -30px -55px; } .ilightbox-toolbar.metro-white a.ilightbox-pause { background-position: 8px -81px; } .ilightbox-toolbar.metro-white a.ilightbox-pause:hover { background-position: -30px -81px; } .isMobile .ilightbox-toolbar.metro-white { background: #FFF; top: auto; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.2); box-shadow: 0 0 25px rgba(0,0,0,.2); } .isMobile .ilightbox-toolbar.metro-white a, .isMobile .ilightbox-toolbar.metro-white a:hover { display: inline-block; float: none; width: 50px; height: 40px; background-size: 50%; background-position: 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/fullscreen-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/fullscreen-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/fullscreen-hover-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/fullscreen-hover-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-close { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/x-mark-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/x-mark-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-close:hover { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/x-mark-hover-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/x-mark-hover-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-next-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-next-icon-ie.png)\9; /* IE7-8 */ background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button:hover { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-next-hover-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-next-hover-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button.disabled { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-next-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-next-icon-ie.png)\9; /* IE7-8 */ background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-prev-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-prev-icon-ie.png)\9; /* IE7-8 */ background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button:hover { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-prev-hover-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-prev-hover-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button.disabled { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-prev-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrow-prev-icon-ie.png)\9; /* IE7-8 */ background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-play { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/play-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/play-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-play:hover { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/play-hover-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/play-hover-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/pause-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/pause-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause:hover { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/pause-hover-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/pause-hover-icon-ie.png)\9; /* IE7-8 */ } /* Style thumbnails */ .ilightbox-thumbnails.metro-white.ilightbox-horizontal { height: 104px; } .ilightbox-thumbnails.metro-white.ilightbox-horizontal .ilightbox-thumbnails-container { height: 104px; } .ilightbox-thumbnails.metro-white.ilightbox-vertical { width: 144px; } .ilightbox-thumbnails.metro-white.ilightbox-vertical .ilightbox-thumbnails-container { width: 144px; } .ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail img { border: 2px solid #FFF; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-border-radius: 0; border-radius: 0; } .ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video { background: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/thumb-overlay-play.png) no-repeat center; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title { font-size: 18px; padding: 10px 12px; padding-right: 60px; color: #535352; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-toolbar { left: auto; top: 5px; right: 5px; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-toolbar a { float: right; } /* Configure arrow buttons */ .ilightbox-button.metro-white.disabled { opacity: 0.1; filter: alpha(opacity=10); cursor: default; } .ilightbox-button.metro-white span { display: block; width: 100%; height: 100%; } .ilightbox-button.ilightbox-next-button.metro-white, .ilightbox-button.ilightbox-prev-button.metro-white { bottom: 0; right: 0; left: 0; left/*\**/: 35%\9; /* IE7-8 */ right/*\**/: auto\9; /* IE7-8 */ width: 30%; height: 100px; margin: auto; background: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrows_vertical.png) no-repeat 50% -100px; background-color: #FFF; background-color: rgba(255,255,255,0.6); } .ilightbox-button.ilightbox-prev-button.metro-white { top: 0; bottom: auto; background-position: 50% 0; } .ilightbox-button.ilightbox-next-button.metro-white.horizontal, .ilightbox-button.ilightbox-prev-button.metro-white.horizontal { right: 0; left: auto; top: 0; bottom: 0; top/*\**/: 36%\9; /* IE7-8 */ bottom/*\**/: auto\9; /* IE7-8 */ width: 100px; height: 30%; background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-light/arrows_horizontal.png); background-position: -93px 50%; } .ilightbox-button.ilightbox-prev-button.metro-white.horizontal { right: auto; left: 0; background-position: -7px 50%; } /* -------------------------------------------- iLIGHTBOX - DARK -------------------------------------------- */ .ilightbox-overlay.metro-black { background: #000; } .ilightbox-loader.metro-black { /*-webkit-box-shadow: rgba(0,0,0,1) 0px 0px 55px, rgba(0,0,0,.3) 0px 0px 55px; box-shadow: rgba(0,0,0,1) 0px 0px 55px, rgba(0,0,0,.3) 0px 0px 55px;*/ } .ilightbox-loader.metro-black div { background: #000 url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/preloader.gif) no-repeat center; } .ilightbox-holder.metro-black { padding: 3px; background: #000; -webkit-box-shadow: 0 0 45px rgba(0,0,0,.8); box-shadow: 0 0 45px rgba(0,0,0,.8); } .ilightbox-holder.metro-black .ilightbox-container .ilightbox-caption { background: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/caption-bg.png) repeat-x bottom; background-size: 100% 100%; left: 0; right: 0; color: #FFF; text-shadow: 0 0 3px rgba(0, 0, 0, .75); padding-top: 15px; } .ilightbox-holder.metro-black .ilightbox-container .ilightbox-social { background: #222; height: auto; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; } .ilightbox-holder.metro-black .ilightbox-alert { background: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/alert.png) no-repeat center top; color: #555; } /* Style toolbar */ .ilightbox-toolbar.metro-black { top: 8px; left: 8px; height: 25px; } .ilightbox-toolbar.metro-black a { width: 27px; height: 25px; background: #000 url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/buttons.png) no-repeat 7px 6px; } .ilightbox-toolbar.metro-black a:hover { background-color: #51b7ff; } .ilightbox-toolbar.metro-black a.ilightbox-close:hover { background-color: #d94947; } .ilightbox-toolbar.metro-black a.disabled { opacity: 0.2; filter: alpha(opacity=20); cursor: default; background-color: #000; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.8); box-shadow: 0 0 25px rgba(0,0,0,.8); } .ilightbox-toolbar.metro-black a.ilightbox-fullscreen { background-position: 6px -31px; } .ilightbox-toolbar.metro-black a.ilightbox-play { background-position: 8px -55px; } .ilightbox-toolbar.metro-black a.ilightbox-pause { background-position: 8px -81px; } .isMobile .ilightbox-toolbar.metro-black { background: #000; top: auto; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; } .isMobile .ilightbox-toolbar.metro-black a { display: inline-block; float: none; width: 50px; height: 40px; background-size: 50%; background-position: 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-fullscreen { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/fullscreen-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/fullscreen-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-close { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/x-mark-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/x-mark-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-next-button { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/arrow-next-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/arrow-next-icon-ie.png)\9; /* IE7-8 */ background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-prev-button { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/arrow-prev-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/arrow-prev-icon-ie.png)\9; /* IE7-8 */ background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-play { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/play-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/play-icon-ie.png)\9; /* IE7-8 */ } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-pause { background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/pause-icon-64.png); background-image/*\**/: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/pause-icon-ie.png)\9; /* IE7-8 */ } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-title { font-size: 18px; padding: 10px 12px; padding-right: 60px; color: #acacad; } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar { left: auto; top: 5px; right: 5px; } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar a { float: right; } /* Style thumbnails */ .ilightbox-thumbnails.metro-black.ilightbox-horizontal { height: 104px; } .ilightbox-thumbnails.metro-black.ilightbox-horizontal .ilightbox-thumbnails-container { height: 104px; } .ilightbox-thumbnails.metro-black.ilightbox-vertical { width: 144px; } .ilightbox-thumbnails.metro-black.ilightbox-vertical .ilightbox-thumbnails-container { width: 144px; } .ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail img { border: 2px solid #000; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8); box-shadow: 0 0 10px rgba(0,0,0,.8); -webkit-border-radius: 0; border-radius: 0; } .ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video { background: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/thumb-overlay-play.png) no-repeat center; } /* Configure arrow buttons */ .ilightbox-button.metro-black.disabled { opacity: 0.1; filter: alpha(opacity=10); cursor: default; } .ilightbox-button.metro-black span { display: block; width: 100%; height: 100%; } .ilightbox-button.ilightbox-next-button.metro-black, .ilightbox-button.ilightbox-prev-button.metro-black { bottom: 0; right: 0; left: 0; left/*\**/: 35%\9; /* IE7-8 */ right/*\**/: auto\9; /* IE7-8 */ width: 30%; height: 100px; margin: auto; background: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/arrows_vertical.png) no-repeat 50% -100px; background-color: #000; background-color: rgba(0,0,0,0.5); } .ilightbox-button.ilightbox-prev-button.metro-black { top: 0; bottom: auto; background-position: 50% 0; } .ilightbox-button.ilightbox-next-button.metro-black.horizontal, .ilightbox-button.ilightbox-prev-button.metro-black.horizontal { right: 0; left: auto; top: 0; bottom: 0; top/*\**/: 36%\9; /* IE7-8 */ bottom/*\**/: auto\9; /* IE7-8 */ width: 100px; height: 30%; background-image: url(../../../../../../themes/ukdlp/images/lightbox/metro-dark/arrows_horizontal.png); background-position: -93px 50%; } .ilightbox-button.ilightbox-prev-button.metro-black.horizontal { right: auto; left: 0; background-position: -7px 50%; } /* -------------------------------------------- WORDPRESS ASSET STYLING -------------------------------------------- */ .sticky, .bypostauthor {} img.size-full { max-width: 100%; height: auto; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float:left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .align-left { text-align: left; } .align-right { text-align: right; } .no-margin { margin: 0; } .img-link { display: block; } .wp-caption-text, .gallery-caption { font-size: 1.2em; padding: 10px 0; } /* -------------------------------------------- ISOTOPE -------------------------------------------- */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* -------------------------------------------- LIGHTSLIDER -------------------------------------------- */ .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { opacity: 0.5; overflow: hidden; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { opacity: 1; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } .flexslider .slider-loaded li a.zoom, #product-img-noslider li a.zoom { opacity: 1; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url(../../../../../../themes/ukdlp/images/controls.png); cursor: pointer; position: absolute; z-index: 9999; margin-top: -16px; opacity: 0; -webkit-transition: all 0.35s linear 0s; transition: all 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: -36px; } .lSAction > .lSNext { background-position: -36px 0; right: -36px; } .lSSlideWrapper:hover .lSAction > .lSNext { opacity: 1; right: 20px; } .lSSlideWrapper:hover .lSAction > .lSPrev { opacity: 1; left: 20px; } .lSAction > a.disabled { pointer-events: none; opacity: 0!important; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } /* -------------------------------------------- LAYOUT -------------------------------------------- */ .boxed-layout { width: 1000px; margin: 0px auto; background: #fff; } .page-shadow .boxed-layout { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3); box-shadow: 0 0 4px rgba(0, 0, 0, .3); } #not-found .page-text p { margin-bottom: 50px; } #main-container { display: block; overflow: hidden; } #promo-bar { padding: 8px 0; text-align: center; z-index: 2; position: relative; } .inner-page-wrap { margin-top: 50px; margin-bottom: 50px; } .single-portfolio .inner-page-wrap, .inner-page-wrap.no-bottom-spacing { margin-bottom: 0; } .inner-page-wrap.no-top-spacing { margin-top: 0; } .has-left-sidebar aside.sidebar { float: left; } .has-left-sidebar article, .has-left-sidebar .type-page, .has-left-sidebar .archive-page, .has-left-sidebar .push-right { float: right!important; } .has-both-sidebars aside.left-sidebar { float: left; margin-left: 20px; } .woocommerce .has-both-sidebars aside.left-sidebar { margin-left: 0; } .has-both-sidebars aside.right-sidebar { float: right; } .has-both-sidebars article, .has-both-sidebars .type-page, .has-both-sidebars .archive-page { float: left; } .has-both-sidebars .page-content { float: right!important; } .page-content { border-bottom: 0 solid transparent; } .page-content > ul { list-style: disc inside none; } .has-both-sidebars aside.sidebar { padding-top: 0; } .pb-margin-bottom { margin-bottom: 30px; } .pb-border-bottom { border-bottom: 1px solid transparent; } .pb-border-top { border-top: 1px solid transparent; } .spb_wrapper .row-fluid { border-bottom: 0; margin-bottom: 10px; } .spb_heading i { font-size: 20px; margin-right: 10px; float: left; display: inline-block; } .slider-wrap .heading-wrap { text-align: center; margin-bottom: 10px; } h4.spb_heading, h4.lined-heading { font-weight: normal; margin-top: 0; border-bottom: 2px solid transparent; position: relative; margin-bottom: 20px; text-align: center; } h4.spb_heading:before, h4.lined-heading:before { content: ""; display: block; border-top: 2px solid #444; width: 100%; height: 2px; position: absolute; top: 50%; z-index: 1; } h4.spb_heading span, h4.lined-heading span { padding: 0 10px; position: relative; display: inline-block; z-index: 1; } .spb_testimonial_slider_widget h4.spb_heading:before, .full-width-text h4.spb_heading:before, .asset-bg h4.spb_heading:before, .spb_parallax_asset h4.spb_heading:before { border: 0; } .spb_testimonial_slider_widget h4.spb_heading span, .full-width-text h4.spb_heading span, .asset-bg h4.spb_heading span { background: transparent!important; } .asset-bg .carousel-wrap .heading-wrap { text-align: center; } .asset-bg h4.spb_heading { display: inline-block; } .help-text { font-size: 18px; line-height: 26px; margin-bottom: 60px; } .help-text .search-form { margin-bottom: 40px; } .help-text .search-form input { font-size: 12px; } /* -------------------------------------------- PAGE HEADING -------------------------------------------- */ .page-heading { padding-top: 25px; padding-bottom: 25px; margin-top: 0; margin-bottom: 0!important; position: relative; text-align: left; border-bottom: 1px solid transparent; border-top: 0!important; } .page-heading.page-heading-hidden { display: none!important; } .header-overlay .page-heading { padding-top: 125px; } .header-overlay.has-promo-bar .page-heading { padding-top: 200px; } .page-heading .heading-text { float: left; } .page-heading h1 { margin-top: 0; margin-bottom: 0; white-space: nowrap; } .page-heading h3 { margin-bottom: 0; } #breadcrumbs { font-size: 11px; line-height: 22px; margin: 0; padding: 8px 10px 6px; float: right; white-space: nowrap; -moz-border-radius: 4px / 4px 4px 4px 4px; -webkit-border-radius: 4px / 4px 4px 4px 4px; border-radius: 4px / 4px 4px 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(0,0,0,.1); } #breadcrumbs a { text-decoration: none; } #breadcrumbs i, .widget_breadcrumb_navxt i { padding: 0 8px; font-size: 11px; width: 5px; } /* -------------------------------------------- PAGINATION -------------------------------------------- */ .pagination-wrap { margin-top: 30px; } .single .pagination-wrap { margin-top: 0; margin-bottom: 0; padding: 15px 0; margin-bottom: 20px; margin-top: 10px!important; border-bottom: 1px solid transparent; } .single .pagination-wrap.portfolio-pagination { border-bottom: 0; margin-top: 10px; margin-bottom: 30px; } .single.single-team .portfolio-pagination.pagination-wrap { border-top-width: 1px; border-top-style: solid; } /* -------------------------------------------- SEARCH FORM -------------------------------------------- */ .search-form input { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: transparent; width: 85%; padding: 10px; margin-top: 40px; } /* -------------------------------------------- TOOLTIPS -------------------------------------------- */ span.tooltip { display: block; background: #222; color: #f7f7f7; position: absolute; left: 50%; bottom: 25px; padding: 3px 10px; width: auto; line-height: 20px; white-space: nowrap; z-index: 8; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } span.tooltip .arrow { position: absolute; left: 50%; bottom: -4px; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #222; } .grid-image span.tooltip { bottom: 65px; } /* #Header ================================================== */ /* -------------------------------------------- SUPER SEARCH -------------------------------------------- */ .sf-super-search { background: #252525; border-bottom: 1px solid #333; color: #fff; padding: 35px; position: relative; } #container > .sf-super-search { display: none; padding: 35px 0; } .header-overlay .sf-super-search { z-index: 3; width: 100%; position: absolute; } .sf-super-search .search-options { font-size: 24px; line-height: 42px; width: 75%; float: left; } .sf-super-search .search-options .ss-dropdown { float: none; display: inline-block; outline: 0; margin: 0 5px; position: relative; } .sf-super-search .search-options .ss-dropdown > span { border-bottom: 1px dotted #e4e4e4; text-transform: lowercase; } .sf-super-search .search-options .ss-dropdown > span:hover { cursor: pointer; } .sf-super-search .search-options .ss-dropdown ul { position: absolute; top: 30px; left: 0; z-index: 1000; display: block; pointer-events: none; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; background: #fff; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-browser .sf-super-search .search-options .ss-dropdown ul { top: 10px; left: -10px; } .browser-ie .sf-super-search .search-options .ss-dropdown ul { display: none; } .sf-super-search .search-options .ss-dropdown ul.show-dropdown { -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; pointer-events: auto !important; } .browser-ie .sf-super-search .search-options .ss-dropdown ul.show-dropdown { display: block; } .sf-super-search .search-options .ss-dropdown ul li { height: 36px; line-height: 36px; font-size: 11px; text-transform: uppercase; color: #222; list-style-type: none; border-top: 1px solid #e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-right: 38px; } .sf-super-search .search-options .ss-dropdown ul li:first-child { border-top: 0; } .sf-super-search .search-options .ss-dropdown ul li a { float: left; width: 100px; border-right: 1px solid #e4e4e4; padding-left: 10px; } .sf-super-search .search-options .ss-dropdown ul li .fa-check { display: none; position: absolute; right: 0; font-size: 14px; padding: 11px 12px; } .sf-super-search .search-options .ss-dropdown ul li.selected .fa-check { display: block; } .sf-super-search .search-options input { background: none; border: 0; border-bottom: 1px dotted #e4e4e4; color: #fff; font-size: 24px; width: 65px; height: 18px; padding: 12px 0 5px; display: inline-block; margin: 0 5px; vertical-align: top; text-align: center; } .sf-super-search .search-go { text-align: right; width: 25%; float: right; padding-top: 20px; } .super-search-go { padding: 0 10px; line-height: 38px; height: 38px; border: 1px solid #444; display: inline-block; margin-right: 10px; vertical-align: top; color: #fff; } .super-search-close { line-height: 38px; border: 1px solid #444; padding: 0; height: 38px; width: 38px; text-align: center; display: none; font-weight: bold; vertical-align: top; color: #fff; font-size: 20px; } #container > .sf-super-search .super-search-close { display: inline-block; } /* -------------------------------------------- TOP BAR -------------------------------------------- */ #top-bar { font-size: 12px; z-index: 6; position: relative; } #top-bar .menu { position: relative; z-index: 32; margin-bottom: 0; } #top-bar .tb-right .top-menu { float: right; margin-right: -10px; } #top-bar .menu li { float: left; } #top-bar .menu li a { display: block; } #top-bar .tb-welcome { display: inline-block; padding: 3px 10px 3px 0; } #top-bar .tb-woo-custom { display: inline-block; } #top-bar .tb-woo-custom a { display: inline; padding: 0; } #top-bar .menu > li > ul { border-top: 0; } #top-bar .menu > li { font-size: 11px; border-left: 1px solid transparent; line-height: 24px; margin: 0; z-index: 5; } #top-bar .menu > li:first-child { border-left-width: 0; border-top-width: 1px; } #top-bar .menu > li:before { display: none; } .header-menu .menu li { z-index: 4; } .header-menu .menu > li.parent:after, .top-menu .menu > li.parent:after { content: "\f107"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; font-size: 12px; position: absolute; top: 50%; margin-top: -10px; right: 9px; } #top-bar .top-menu .menu > li.parent:after { margin-top: -12px; } #top-bar .top-menu .menu > ul.sub-menu { top: 30px; } .header-menu .menu > li.parent, .top-menu .menu > li.parent { padding-right: 15px; } #top-bar .menu > li > a { padding: 3px 10px; margin: 0; } nav#top-bar-menu .menu > li > ul { top: 30px; min-width: auto; } .swift-search-link i { font-size: 12px; line-height: 16px; } .swift-search-link span { margin-left: 5px; } .tb-text { padding: 3px 0; line-height: 24px; } /* -------------------------------------------- TOP BAR SOCIAL -------------------------------------------- */ #top-bar ul.social-icons { margin-bottom: 0; } .tb-right ul.social-icons.small { float: right; margin-bottom: 0; margin-right: -10px; } .tb-right ul.social-icons.small li { margin: 0 0 0 5px; } .tb-left ul.social-icons { float: left; } /* -------------------------------------------- HEADER SUBSCRIBE -------------------------------------------- */ #header-subscribe form { margin: 20px; height: auto; overflow: hidden; } #header-subscribe label { font-size: 12px; } #header-subscribe input { font-size: 12px; } #header-subscribe .sf-button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: right; padding: 6px 12px; margin-top: 5px; border: 0; } #header-subscribe .sf-button:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* -------------------------------------------- HEADER LOGIN -------------------------------------------- */ #header-login form { margin: 20px; } #header-login label { font-size: 12px; } #header-login input { font-size: 12px; } #header-login input#password { margin-bottom: 15px; } #header-login .sf-button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: right; padding: 6px 12px; margin-top: 5px; border: 0; } #header-login .sf-button:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header-login a { display: inline; padding: 0 5px; line-height: 24px; } #header-login .logout-wrap { margin: 20px; } /* -------------------------------------------- HEADER LANGUAGE SELECTOR -------------------------------------------- */ .header-languages > li > a, .header-languages > li > div { padding: 8px 12px; display: block; white-space: nowrap; } .aux-languages > a > img, .header-languages img { margin-right: 10px; width: 18px; height: 12px; display: inline-block; margin-top: -2px; } #mobile-header-languages { display: none; } /* -------------------------------------------- HEADER CART VIEW -------------------------------------------- */ .menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart { background: transparent url(../../../../../../themes/ukdlp/images/shopping_bag_icon.png) no-repeat top left; margin-right: 6px; width: 14px; height: 16px; display: inline-block; vertical-align: -3px; } #main-nav .menu > li.shopping-bag-item { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } nav .menu > li.shopping-bag-item ul.sub-menu { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } li.shopping-bag-item .bag-contents { overflow-y: auto; max-height: 300px; } #main-nav .header-right ul.menu > li { margin: 0; border-left: 1px solid #e4e4e4; line-height: 44px; } #main-nav .header-right ul.menu > li:first-child { border-left: 0; } .menu-search ul li { width: 250px; } .menu-search ul li form { margin: 0; } .menu-search ul li form input { margin: 10px; width: 230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 36px; background: transparent; border: 0; } .ajax-search-wrap .ajax-loading { background: transparent url(../../../../../../themes/ukdlp/images/loader.gif) no-repeat center center; background-size: 75%; width: 18px; height: 18px; position: absolute; right: 18px; top: 16px; display: none; } .ajax-search-results { border-top: 1px solid #e3e3e3; display: none; } .search-result-pt h6, .no-search-results h6 { margin-bottom: 0; padding-left: 20px; margin-top: 18px; letter-spacing: normal; } .search-result-pt h6 { margin-bottom: -5px; } .search-result-pt .search-result { border-bottom: 1px solid #e3e3e3; padding: 20px 20px 16px; height: auto; overflow: hidden; } .search-result .search-item-img, .search-result .search-item-img img, .search-result .search-item-img .img-holder { height: 35px; width: 35px; float: left; } .search-result .search-item-img .img-holder i { padding: 8px 6px; font-size: 18px; height: 35px; display: block; line-height: 22px; text-align: center; } .search-result .search-item-content { margin-left: 48px; } .search-result h5 { margin-bottom: 0; margin-top: 0; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 35px; } .search-result time { line-height: 20px; margin-bottom: 0!important; } .no-search-results p { padding: 10px 20px 18px; margin-bottom: 0; } .ajax-search-results .all-results { display: block; padding: 20px; } .shopping-bag { width: 300px; } .shopping-bag li:first-child:before { right: 25px; } .wishlist-item, .header-right .menu-search, .header-left .menu-search { border-left: 0; } .wishlist-link i { vertical-align: 0; } .wishlist-link span { margin-left: 6px; } nav .menu .wishlist-item ul.sub-menu li:first-child:before { left: 21px; } .header-right nav .menu .wishlist-item ul.sub-menu li:first-child:before { right: 21px; } .header-right nav .menu .menu-search ul.sub-menu li:first-child:before { right: 12px; } .wishlist-bag { width: 260px; } .bag-header { padding: 15px; font-size: 16px; border-bottom: 1px solid #e4e4e4; } .bag-product { padding: 15px; border-bottom: 1px solid #e4e4e4; position: relative; font-size: 12px; } .bag-product figure { overflow: hidden; position: relative; float: left; -webkit-box-shadow: 0 5px 6px -4px #999; -moz-box-shadow: 0 5px 6px -4px #999; box-shadow: 0 5px 6px -4px #999; } .bag-product .bag-product-img { margin: 0; padding: 0; width: 72px; height: auto; } .bag-product .bag-product-details { margin-left: 82px; } .bag-product .bag-product-details a { margin: 0; padding: 0; } .bag-product-title a { font-weight: bold; } .bag-product a.remove { margin: 0; padding: 0; position: absolute; right: 15px; top: 13px; } .bag-empty, .wishlist-empty { padding: 15px; border-bottom: 1px solid #e4e4e4; font-size: 16px; line-height: 24px; } .bag-buttons { padding: 15px; } .bag-buttons a { display: block; width: 100%; margin: 0; font-size: 13px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .bag-buttons a:hover { text-decoration: none; } .bag-buttons a.bag-button { margin-bottom: 10px; } /* -------------------------------------------- MAIN HEADER -------------------------------------------- */ .header-overlay .header-wrap { position: absolute; width: 100%; top: 0; z-index: 99; } #header-section { position: relative; z-index: 5; width: 100%; display: inline-block; margin-bottom: -7px; } #header-section:before { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; } .header-shadow #header-section:before { -moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); box-shadow: 0 3px 5px rgba(0,0,0,.05); } #header-section #header { padding: 25px 0; } #header-section.header-4 #header, #header-section.header-5 #header { padding: 0; } #header-section .header-spacer { display: block; height: 20px; } #logo a.logo-link { display: block; max-height: 100%; height: 100%; text-align: left; font: 0/0 a; } .header-1 #logo a.logo-link { text-align: center; } .header-3 #logo a.logo-link, .header-5 #logo a.logo-link { text-align: right; } #logo a.logo-link:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; } #logo a.show-main-nav { float: right; } #logo a.show-main-nav i { vertical-align: 2px; } #logo a.mobile-cart-link { float: right; margin-right: 10px; margin-top: -3px; } #logo a.mobile-search-link { float: right; margin-right: 15px; } #logo a.mobile-search-link i { vertical-align: 3px; } #logo img { display: inline-block; vertical-align: middle; max-width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #logo img.retina { display: none; max-width: 100%; } #logo.logo-center img { margin: 0 auto; } .logo-right#logo { float: right; } .logo-right#logo img { text-align: right; } .logo-fade #logo a.logo-link:hover img { -moz-opacity: 0.6; filter: alpha(opacity= 60); opacity: 0.6; } #header-section .mobile-search-form { display: none; } #header-section .mobile-search-form input { width: 100%; padding: 10px 0; background: transparent; border: 0; font-size: 18px; } #header-section > #main-nav { border-top: 1px solid #e4e4e4; } #main-nav > .container { position: relative; } #header-section .header-menu .menu > li { font-size: 12px; border-left: 1px solid #e4e4e4; } #header-section .header-menu .menu > li:first-child { border-left: 0; } #header-section .tb-welcome, #header-section .hs-woo-custom { display: inline-block; padding: 2px 0; margin: 10px; } #header-section .tb-woo-custom { display: inline-block; padding: 2px 0 2px 10px; margin: 10px 0; } #header-section .tb-woo-custom a { display: inline; padding: 0; } .header-right > nav { float: right; margin-right: -10px; margin-left: 20px; } .header-1 .header-right > nav, .header-2 .header-right > nav, .header-3 .header-right > nav { margin-right: -15px; } #mini-header .mini-menu li.menu-search { padding: 7px 10px; } .header-left > nav .tb-welcome { padding-right: 10px; line-height: 22px; } #header-section.header-5 .header-left nav.std-menu { margin-left: 20px; float: left; } #header-section.header-5 .header-left nav#main-navigation { margin-left: 0; } #header-section.header-5 .header-left nav ul.menu > li { margin: 0; } #nav-section { min-height: 50px; position: relative; } #nav-section.nav-shadow { -moz-box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); } #main-navigation { margin-left: -10px; position: relative; } .header-4 #main-navigation { margin-right: 0; } nav ul.menu li.sf-menu-item-loggedin { display: none !important; } .logged-in nav ul.menu li.sf-menu-item-loggedin { display: inline-block !important; } nav ul.menu li.sf-menu-item-loggedout { display: inline-block !important; } .logged-in nav ul.menu li.sf-menu-item-loggedout { display: none !important; } nav#main-navigation .menu > li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } nav#main-navigation .menu > li > a { padding: 0 12px; } .header-4 nav .menu > li > a, .header-5 nav .menu > li > a, .header-4 nav#main-navigation .menu > li > a, .header-5 nav#main-navigation .menu > li > a { padding: 0 10px; margin: 0; } .header-4 nav .menu > li { margin: 0; } .logo-right #main-navigation { margin-left: -10px; } .logo-left .nav-wrap { float: right; } .header-5 #main-navigation { float: left; } #main-navigation > div { margin-left: 0; } #nav-pointer { position: absolute; bottom: 3px; left: 0; width: 0; height: 2px; display: none; z-index: 2; } .nav-indicator #nav-pointer { display: block; } .single #nav-pointer { display: none; } .error404 #nav-pointer { display: none; } nav .menu { height: auto; margin: 0; position: relative; padding: 0; } nav .menu li { position: relative; display: inline-block; float: left; font-size: 14px; margin: 8px 0; } nav .menu li:first-child { background: none; } nav .menu li > a { text-decoration: none; padding: 0 12px; display: block; white-space: nowrap; background: transparent; position: relative; } nav .menu > li:first-child > a { padding-left: 0; } nav .menu > li:first-child:before { display: none; } nav.std-menu ul.menu > li.parent > a:after { content: " "; display: block; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; left: 50%; margin-left: -8px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #top-bar nav.std-menu ul.menu > li.parent > a:after, nav.std-menu ul.menu > li.parent.no-hover > a:after, nav.header-menu ul.menu > li.parent > a:after { display: none; } nav.std-menu ul.menu > li.parent:hover > a:after { opacity: 1; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; } nav .menu ul.sub-menu { position: absolute; z-index: 9995; margin: 0; top: 100%; left: 0; display: none; min-width: 100px; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); } .header-right nav .menu ul.sub-menu, .tb-right nav .menu ul.sub-menu { left: auto; right: 0; } nav .menu ul.sub-menu li { width: 100%; position: relative; display: block; background: none repeat scroll 0 0 transparent; border-bottom: 1px solid transparent; float: none; margin: 0; padding: 0; font-weight: normal; font-size: 13px; height: auto; z-index: 42; -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav .menu .sub-menu .parent > a:after { content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #CCC; position: absolute; right: 10px; top: 50%; margin-top: -4px; } nav .menu li.sf-mega-menu .sub-menu .parent > a:after { display: none; } nav#main-navigation .menu ul ul { top: 0!important; left: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } nav .menu ul.sub-menu ul li:first-child:before { display: none; } nav .menu ul li:last-child { border: 0; } nav .menu ul li > a { padding: 10px 15px; display: block; margin: 0; white-space: nowrap; max-width: 220px; text-overflow: ellipsis; overflow: hidden; } nav .menu ul li.parent > a { padding-right: 24px; } .show-menu { margin: 0 auto; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; line-height: 20px; } #top-bar .show-menu { width: 60%; padding: 6px 10px; } .show-menu:hover { text-decoration: none; } .show-menu i { float: right; line-height: 20px; font-size: 18px; } #header-shadow { background: transparent url(../../../../../../themes/ukdlp/images/header-shadow.png) no-repeat center top; background-size: 100% auto; width: 100%; height: 30px; position: absolute; top: 0; left: 0; z-index: 27; } /* -------------------------------------------- MEGA MENU -------------------------------------------- */ .header-row { position: relative; } #main-navigation { position: static; float: none; } #main-navigation ul.menu { text-align: left; position: static; } .header-4 #main-navigation ul.menu { text-align: right; } #main-navigation ul.menu > li { float: none; display: inline-block; line-height: 44px; } #main-navigation ul.menu > li .menu-item-desc { display: none; } nav.std-menu ul.menu > li.menu-item.sf-mega-menu { position: inherit; } li.menu-item.sf-mega-menu { position: static; } li.menu-item.sf-mega-menu > ul.sub-menu { position: absolute; top: 100%; left: 30px; width: 1170px; margin: 0; max-width: 100%; letter-spacing: normal; } .header-1 li.menu-item.sf-mega-menu > ul.sub-menu, .header-2 li.menu-item.sf-mega-menu > ul.sub-menu, .header-3 li.menu-item.sf-mega-menu > ul.sub-menu { left: 0; } li.menu-item.sf-mega-menu.sf-mega-menu-fw > ul.sub-menu { max-width: 100%; } li.menu-item.sf-mega-menu > ul.sub-menu > li { position: relative; width: 100%; float: left; border-top: 0; border-left: 1px solid #e4e4e4; border-top: 1px solid #e3e3e3; border-bottom: 0; border-right: 0; } li.menu-item.sf-mega-menu > ul.sub-menu > li:first-child { border-left: 0; } li.menu-item.sf-mega-menu > ul.sub-menu > div { padding: 40px 0; } li.menu-item.sf-mega-menu[data-megamenucols="2"].sf-mega-menu-natural-width > ul.sub-menu { width: 40%; } li.menu-item.sf-mega-menu[data-megamenucols="3"].sf-mega-menu-natural-width > ul.sub-menu { width: 50%; } li.menu-item.sf-mega-menu[data-megamenucols="4"].sf-mega-menu-natural-width > ul.sub-menu { width: 50%; } li.menu-item.sf-mega-menu[data-megamenucols="5"].sf-mega-menu-natural-width > ul.sub-menu { width: 60%; } li.menu-item.sf-mega-menu[data-megamenucols="6"].sf-mega-menu-natural-width > ul.sub-menu { width: 60%; } li.menu-item.sf-mega-menu[data-megamenucols="2"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="2"] > ul.sub-menu > div > li { width: 50%; float: left; } li.menu-item.sf-mega-menu[data-megamenucols="3"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="3"] > ul.sub-menu > div > li { width: 33.33333%; float: left; } li.menu-item.sf-mega-menu[data-megamenucols="4"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="4"] > ul.sub-menu > div > li { width: 25%; float: left; } li.menu-item.sf-mega-menu[data-megamenucols="5"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="5"] > ul.sub-menu > div > li { width: 20%; float: left; } li.menu-item.sf-mega-menu[data-megamenucols="6"] > ul.sub-menu > li, li.menu-item.sf-mega-menu[data-megamenucols="6"] > ul.sub-menu > div > li { width: 16.66666%; float: left; } nav#main-navigation li.menu-item.sf-mega-menu > ul.sub-menu > li ul, nav#main-navigation li.menu-item.sf-mega-menu > ul.sub-menu > div > li ul, nav#mini-navigation li.menu-item.sf-mega-menu > ul.sub-menu > li ul { position: relative!important; top: 0!important; left: 0!important; display: block!important; opacity: 1!important; width: 100%; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; max-width: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; pointer-events: all; } li.menu-item.sf-mega-menu.sf-mega-menu-alt.no-headings ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu > ul.sub-menu li, li.menu-item.sf-mega-menu ul.sub-menu > li ul > li:first-child { border-top-width: 0; } li.menu-item.sf-mega-menu ul.sub-menu > li ul > li.menu-item { width: 100%; float: none; } li.menu-item.sf-mega-menu ul.sub-menu li.menu-item > a { float: none; display: block; text-align: left; } li.menu-item.sf-mega-menu ul.sub-menu > div > li.menu-item > a { padding: 0 35px; } li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > span.title { font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 20px 20px 0; display: block; padding: 10px 15px; } li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li.menu-item > span.title { display: none; } li.menu-item.sf-mega-menu > ul.sub-menu > li ul { padding: 0 20px 20px; } li.menu-item.sf-mega-menu.no-headings > ul.sub-menu > li ul { padding: 20px; } li.menu-item.sf-mega-menu.no-column-spacing > ul.sub-menu > li ul { padding: 0!important; } li.menu-item.sf-mega-menu.sf-mega-menu-alt ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu.sf-mega-menu-alt ul.sub-menu > li ul > li:first-child, li.menu-item.sf-mega-menu.sf-mega-menu-alt > ul.sub-menu li { border-top-width: 1px; } li.menu-item.sf-mega-menu.sf-mega-menu-natural-width > ul.sub-menu { left: auto; margin: 0; min-width: 0; } /* -------------------------------------------- MINI HEADER -------------------------------------------- */ #mini-header { border-bottom: 1px solid #e4e4e4; display: none; position: fixed; top: -80px; z-index: 999; width: 100%; } .browser-ie #mini-header { display: none!important; } .boxed-layout #mini-header { width: auto; padding: 0 30px; } #mini-navigation { margin-left: 0; position: relative; } #mini-navigation .menu { position: static; } #mini-navigation .menu ul { left: 0!important; } #mini-header nav .menu > li { margin: 0; padding: 10px 0 9px; } #mini-header .header-right nav .menu li { border-left: 1px solid #e4e4e4; } #mini-header .header-right nav .menu li:first-child { border-left: 0; } #mini-header .menu-search > a { padding: 2px 4px; } #mini-navigation .menu ul li ul { top: 0!important; left: 100%!important; } #mini-navigation .menu .sf-mega-menu ul li ul { left: 0!important; } #mini-search a { text-decoration: none; } #mini-search i { display: inline-block; float: right; line-height: 46px; font-size: 12px; } #mini-search form { display: inline-block; margin-bottom: 0; float: right; } #mini-search input { float: right; display: inline-block; width: 1px; box-shadow: none; max-width: none; text-align: left; border: 0; margin: 0; padding: 14px 0 14px 8px; background: none; font-size: 12px; font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; } #mini-search input:focus { outline: none; border: 0; box-shadow: none; } /* #Carousel ================================================== */ .carousel-wrap { position: relative; } .carousel-wrap .carousel-items { list-style: none; opacity: 0; } .caroufredsel_wrapper { margin-left: -20px!important; } .carousel-wrap .carousel-items > li { margin-bottom: 10px; float: left; } body .owl-carousel .owl-item li.product { margin-left: 0!important; margin-right: 0!important; } .carousel-wrap .carousel-item, body .carousel-wrap ul.products li.product { width: 100%!important; padding-left: 15px!important; padding-right: 15px!important; margin-left: 0!important; margin-right: 0!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .carousel-wrap .carousel-loaded .carousel-item, body .carousel-wrap ul.products.carousel-loaded li.product { opacity: 1; } .carousel-wrap a.carousel-prev { position: absolute; top: 50%; left: -17px; z-index: 4; padding: 10px; border-radius: 45px; margin-top: -17px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .carousel-wrap a.carousel-next { position: absolute; top: 50%; right: -17px; z-index: 4; padding: 10px; border-radius: 45px; margin-top: -17px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .carousel-wrap > a:hover { text-decoration: none; } .carousel-wrap:hover a.carousel-next, .carousel-wrap:hover a.carousel-prev { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .carousel-wrap > a > i { font-size: 14px; display: block; width: 10px; height: 13px; padding: 1px 3px 0 1px; } .carousel-wrap > a.carousel-next > i { padding: 1px 1px 0 3px; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; opacity: 0; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(../../../../../../themes/ukdlp/images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-pagination { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; width: 100%; text-align: center; } .owl-carousel .owl-item { float: left; } .owl-carousel .owl-controls { margin-top: 15px!important; margin-bottom: 10px; } .owl-pagination .owl-page { position: relative; display: inline-block; float: none; margin: 10px 5px; width: 12px; height: 12px; cursor: pointer; } .owl-pagination .owl-page span { top: 0; left: 0; padding: 0!important; margin: 0!important; width: 100%!important; height: 100%!important; outline: none; border-radius: 50%; background-color: #fff; background-color: rgba(255,255,255,0.3); text-indent: -999em; cursor: pointer; /* make the text accessible to screen readers */ position: absolute; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .owl-pagination .owl-page::after { content: ''; position: absolute; width: 100%; height: 100%; visibility: hidden; opacity: 0; left: 0; border-radius: 50%; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; } .owl-pagination .owl-page.active::after { opacity: 1!important; visibility: visible; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transform: translateY(0%); transform: translateY(0%); } .owl-pagination .owl-page.active span { opacity: 0!important; -webkit-transform: translateY(200%); transform: translateY(200%); } /* #Widgets ================================================== */ .widget { padding-bottom: 35px; } .widget ul { margin: 0; list-style: none; } .widget ul li { margin-bottom: 0; line-height: 16px; } .widget_recent_comments ul li { padding: 8px 0; } .widget ul li > a { padding: 8px 0; display: block; } .widget ul.flickr_images li a { padding: 0; } .widget a { text-decoration: none; } .widget a:hover { text-decoration: underline; } .widget_categories ul > li, .widget_archive ul > li, .widget_nav_menu ul > li, .widget_recent_comments ul > li, .widget_meta ul > li, .widget_recent_entries ul > li, .widget_product_categories ul > li, .widget_layered_nav ul li { border-top: 1px solid transparent; } .widget_categories ul > li:first-child, .widget_archive ul > li:first-child, .widget_nav_menu ul > li:first-child, .widget_recent_comments ul > li:first-child, .widget_meta ul > li:first-child, .widget_recent_entries ul > li:first-child, .widget_product_categories ul > li:first-child, .widget_layered_nav ul li:first-child { border-top: 0; } .widget_categories ul > li a:hover, .widget_archive ul > li a:hover, .widget_nav_menu ul > li a:hover, .widget_meta ul > li a:hover, .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover { text-decoration: none; } .widget_categories ul > li a:before, .widget_archive ul > li a:before, .widget_nav_menu ul > li a:before, .widget_meta ul > li a:before, .widget_recent_entries ul > li a:before, .widget_product_categories ul > li a:before { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } .woocommerce .widget_layered_nav ul li span.count { position: absolute; right: 0; top: 50%; margin-top: -9px; } .widget_product_categories ul.children { padding-left: 10px; border-top: 1px solid #e4e4e4; padding-top: 2px; } .widget_product_categories li { position: relative; } .widget_product_categories li span.count { position: absolute; top: 8px; right: 20px; font-size: 12px; } .widget_nav_menu ul.sub-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /* border radius */ border-left: 0; border-right: 0; border-bottom: 0; } .widget_nav_menu ul.sub-menu li { padding-left: 15px; } .widget .wp-tag-cloud { margin: 0; padding: 0; list-style: none; height: auto; overflow: hidden; } .widget .wp-tag-cloud li { float: left; margin-bottom: 4px; } .widget ul.wp-tag-cloud li > a { margin-right: 4px; padding: 6px 8px; text-decoration: none; moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4; font-size: 14px!important; } .widget .wp-tag-cloud li > a:hover { border-color: transparent; } .widget-video iframe { width: 100%; } .widget_search form { position: relative; margin-bottom: 0; } .widget_search form input { margin: 0; border: 0; width: 100%; height: 32px; font-size: 12px; moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search form:after { content: "\f002"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 14px; padding-right: 10px; position: absolute; float: right; top: 5px; right: 0; color: #999; } ul.recent-posts { list-style: none; } .recent-post { height: auto; overflow: hidden; float: left; margin-bottom: 20px; } .recent-post figure { width: 100%; height: auto; position: relative; background-color: transparent; overflow: hidden; -webkit-box-shadow: 0 8px 6px -7px #999; -moz-box-shadow: 0 8px 6px -7px #999; box-shadow: 0 8px 6px -7px #999; } .recent-post figure img { width: 100%; height: auto; position: relative; z-index: 3; display: block!important; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .recent-post figure iframe { display: block; width: 100%; } .recent-post figure:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .recent-post figure figcaption { position: absolute; bottom: -80px; left: 0; z-index: 4; background: #222; color: #fff; width: 100%; font-size: 12px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .recent-post figure:hover figcaption { bottom: 0; } .recent-post figure figcaption .comments-likes { border-left: 1px solid #444; padding: 10px; } .recent-post figure figcaption .comments-likes a { float: left; } figcaption .comments-likes a i, figcaption .comments-likes a span, figcaption .comments-likes .love-it-wrapper a i { color: #e4e4e4; } figcaption .comments-likes .love-it-wrapper { margin-left: 8px; } figcaption .comments-likes .love-it-wrapper a i { margin-right: 3px; } figcaption .post-category { padding: 10px; float: left; max-width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .recent-post .details-wrap { display: block; vertical-align: top; padding: 15px; } .recent-post .post-item-details { padding: 15px; border-top: 1px dashed transparent; } .recent-post .post-item-details .comments-likes, .recent-post .post-item-details .comments-likes i, .recent-post .post-item-details .comments-likes span { font-weight: normal; } .recent-post .post-item-details .comments-likes .fa-comments { margin-right: 3px; } .spb_recent_posts_widget .recent-post .details-wrap, .spb_posts_carousel_widget .recent-post .details-wrap { padding: 15px 0; } .spb_recent_posts_widget .recent-post .post-item-details, .spb_posts_carousel_widget .recent-post .post-item-details { padding: 15px 0; } .recent-post h5 { margin-top: 0; margin-bottom: 6px; } .recent-post h5 a { text-decoration: none; } .recent-post .post-details { margin-bottom: 8px; } .recent-post .excerpt p { margin-bottom: 0; } .recent-post.format-chat .chat { margin-top: 20px; } .recent-post figure.quote { background: transparent!important; } .blog-item.format-quote h2, .blog-item.format-status h2, .blog-item.format-aside h2, .blog-item.format-status h3, .blog-item.format-aside h3, .blog-item.format-quote h4, .blog-item.format-status h4, .blog-item.format-aside h4 { display: none; } .recent-post .post-date { margin-right: 4px; } .read-more { text-decoration: none; display: block; margin-top: 15px; } .read-more i, .read-more em { margin-left: 4px; margin-right: 6px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; font-size: 0px; } .read-more i:before, .read-more em:before { font-size: 12px!important; } .read-more:hover i, .read-more:hover em { margin-left: 8px; } .read-more:hover { text-decoration: none; } .read-more-link { text-decoration: none; margin-top: 5px; font-weight: bold; display: block; } .item-link { text-decoration: none; } .item-link i { margin-left: 5px; } .spb_impact_text { background: transparent; clear: both; height: auto; overflow: hidden; } .asset-bg .spb_impact_text { padding-top: 20px; padding-bottom: 20px; } .impact-text-wrap { position: relative; } .impact-text-wrap .impact-text-arrow { font-size: 42px; } .impact-text-wrap .impact-text-arrow i { line-height: 28px; } .spb_impact_text.cta_align_right a.sf-button { margin-right: 0; } .spb_impact_text .spb_call_text, .impact-text { font-size: 24px; line-height: 32px; font-weight: 300; margin-bottom: 0; } .spb_impact_text .spb_button { margin-bottom: 0; } .spb_call_to_action { position: relative; background: #f4f4f4; padding: 20px; padding: 3%; border: 1px solid #e5e5e5; } .spb_call_to_action .btn { margin: 0; } .cta_align_left .btn { float: left; margin-right: 2.5641%; } .cta_align_right .btn { float: right; margin-left: 2.5641%; } .cta_align_left .btn, .cta_align_right .btn { max-width: 31.6239%; } .cta_align_left .spb_call_text, .cta_align_right .spb_call_text { width: 65.812%; float: left; clear: none; } .cta_align_left .spb_call_text { float: right; } .spb_call_to_action .spb_call_text, #content .spb_call_to_action .spb_call_text { margin: 0; } .cta_align_bottom { text-align: center; } .cta_align_bottom .btn { position: static; margin-top: 2%; display: inline-block; } .cta_align_left .spb_call_text, .cta_align_right .spb_call_text { width: 83%; } .cta_align_left .spb_button, .cta_align_left .impact-text-arrow { position: absolute; left: 0; top: 50%; margin-top: -15px; max-width: 12%; } .cta_align_right .spb_button, .cta_align_right .impact-text-arrow { position: absolute; right: 0; top: 50%; margin-top: -15px; max-width: 12%; } .cta_align_left .spb_button.large, .cta_align_right .spb_button.large { margin-top: -23px; } .cta_align_bottom .spb_button { margin: 15px 0 0 0; } .spb_latest_tweets_widget { padding: 25px 0; } .spb_latest_tweets_widget .twitter-bird { font-size: 14px; line-height: 26px; float: left; } .spb_latest_tweets_widget ul { margin-left: 25px; } .spb_latest_tweets_widget ul li { margin-top: 15px; } .spb_latest_tweets_widget ul li:first-child { margin-top: 0; } .spb_latest_tweets_widget .tweet-text { line-height: 24px; display: block; } .spb_latest_tweets_widget .tweet-text a { font-weight: bold; text-decoration: none; } .spb_latest_tweets_widget .twitter_intents { display: block; } .spb_latest_tweets_widget .twitter_intents a { margin-right: 5px; } .spb_latest_tweets_widget a.twitter-timestamp { display: inline-block; line-height: 24px; margin-left: 10px; font-size: 12px; } .spb_single_image .spb_wrapper.shadow { padding: 0 0 1.8%; background: transparent url(../../../../../../themes/ukdlp/images/box_shadow_effect.png) no-repeat center bottom; background-size: 100% auto; } .spb_single_image { margin-bottom: 30px; } .spb_single_image figure { position: relative; z-index: 2; } .spb_single_image img { width: 100%; height: auto; display: block; } .spb_single_image figure figcaption { text-align: center; margin: 10px 0 20px; font-style: italic; } .spb_video_widget .spb_wrapper.shadow { padding: 0 0 1.6%; margin-bottom: 20px; background: transparent url(../../../../../../themes/ukdlp/images/box_shadow_effect.png) no-repeat center bottom; background-size: 100% auto; } figure.lightbox { position: relative; } .widget.widget_lip_most_loved_widget li { height: auto; overflow: hidden; margin-bottom: 10px; } .widget_lip_most_loved_widget .loved-item a { line-height: 28px; padding: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .loved-item > br { display: none; } .loved-item .loved-count { background: #ccc; float: left; margin-right: 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 6px 10px 6px 7px; line-height: 16px; font-weight: normal; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .loved-item .loved-count > i { vertical-align: 0px; font-size: 13px; margin-right: 2px; } .loved-item .loved-count > span { margin-right: 5px; vertical-align: 1px; } .widget .recent-posts-list > li { height: auto; overflow: hidden; margin-bottom: 0; padding-bottom: 10px; } .recent-posts-list li .recent-post-image { padding: 0; float: left; width: 94px; height: auto; min-height: 70px; background: #222; border: 3px solid #fff; /* stroke */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #212121; /* layer fill content */ -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4); /* drop shadow */ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4); /* drop shadow */ box-shadow: 0 1px 1px rgba(0,0,0,.4); /* drop shadow */ } .recent-posts-list li .recent-post-image img { display: block; width: 100%; height: auto; } .recent-posts-list li .recent-post-details { padding: 8px 10px; margin-left: 100px; } .recent-posts-list li .recent-post-title { display: block; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .recent-posts-list li .recent-post-details > span { font-size: 12px; font-style: italic; } .recent-posts-list li .recent-post-details .comments-likes { float: none; margin-top: 5px; font-size: 12px!important; } .recentcomments { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flickr_images { margin-right: -2px; margin-bottom: 30px; } .widget.flickr-widget li { height: 77px; width: 77px; padding: 0; border: 0; overflow: hidden; float: left; display: inline-block; margin: 0 10px 10px 0; background-image: url(../../../../../../themes/ukdlp/images/plus-icon.png); background-repeat: no-repeat; background-position: center center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ } .flickr-widget li img { height: 77px; width: auto; min-height: 77px; min-width: 77px; display: block; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .flickr-widget li:hover img { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .twitter-widget { margin: 0; } .widget.twitter-widget li { margin-bottom: 20px; font-size: 12px; } .widget.twitter-widget li:before { content: "\f10d"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; font-size: 20px; width: 30px; height: auto; float: left; margin-top: 5px; } .twitter-widget .tweet-text { padding-left: 30px; } .twitter-widget .twitter_intents { margin: 10px 0 0 30px; } .twitter-date a, .twitter-link a, .widget .twitter-link a:hover { text-decoration: none; } .twitter-link a { display: inline-block; font-weight: bold; line-height: 25px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .twitter-link a:hover { text-decoration: none!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .sidebar .rev_slider_wrapper { overflow: hidden; padding-bottom: 40px!important; } .subscribers-list { text-align: center; padding: 15px 15px 9px; border: 1px solid #e4e4e4; /* stroke */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ } .subscribers-list li { display: inline-block; width: 64px; margin-left: 10px; } .subscribers-list li:first-child { margin-left: 0; } .subscribers-list li > a.social-circle { font-size: 27px; background: #222; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 11px 7px; width: 35px; text-align: center; margin: 0 auto 5px; } .subscribers-list li:hover > a.social-circle { text-decoration: none; } .subscribers-list li > a.social-circle i { width: 30px; } .subscribers-list li span { display: block; text-align: center; font-size: 12px; } .subscribers-list li span.social-count { font-weight: bold; font-size: 14px; margin-bottom: 4px; } .sidebar-ad-grid { padding: 15px; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ box-shadow: inset 0 0 10px rgba(0,0,0,.15); /* inner glow */ } .sidebar-ad-grid ul > li { float: left; margin: 5px; max-width: 125px; } .sidebar-ad-grid ul > li img { display: block; } .widget input[type="email"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px 20px 5px 10px; line-height: 21px; height: 32px; display: block; border: 0; } .widget #mc_embed_signup > form { position: relative; } .widget #mc_embed_signup > form:after { content: "\f0e0"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 14px; padding-right: 10px; position: absolute; float: right; top: 5px; right: 0; color: #999; } #mc_embed_signup .clear { display: block; visibility: visible; width: auto; height: auto; } .widget_sf_infocus_widget .infocus-item { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .widget_sf_infocus_widget .infocus-item iframe { display: block; } .infocus-item figure { position: relative; overflow: hidden; } .widget_sf_infocus_widget .infocus-item img { display: block; height: auto; width: 100%; } .widget_sf_infocus_widget .infocus-item .infocus-title { position: relative; } .widget_sf_infocus_widget .infocus-item .infocus-title:before { content: ''; width: 15px; height: 10px; background-color: #fff; position: absolute; top: -3px; left: 16px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .widget_sf_infocus_widget .infocus-item h5 { font-weight: normal; margin: 0!important; padding: 12px 16px; max-width: 80%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 0!important; } .widget.widget_sf_infocus_widget .infocus-item h5 a:hover { text-decoration: none; } .infocus-title .love-it-wrapper { display: block; float: right; margin: 10px 16px 10px 0; } .portfolio-grid li { float: left; height: 82px; position: relative; margin: 0 10px 10px 0!important; background-image: url(../../../../../../themes/ukdlp/images/plus-icon.png); background-repeat: no-repeat; background-position: center center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ } .portfolio-grid li a { padding: 0!important; } .portfolio-grid li a img { width: 82px; height: 82px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-grid li:hover img { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .widget hr { border-bottom: 0; } /* #Footer ================================================== */ #footer { padding: 40px 0 0; border-top: 0 solid transparent; } #footer.footer-divider { border-top-width: 1px; } #footer h4 { position: relative; margin-bottom: 20px; text-align: center; } #footer h4:before { content: ""; display: block; border-top: 2px solid #444; width: 100%; height: 2px; position: absolute; top: 50%; z-index: 1; } #footer h4 span { padding: 0 10px; position: relative; display: inline-block; z-index: 1; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #footer a, #footer a:hover { text-decoration: none; } #footer-widgets .widget { padding-bottom: 30px; } #copyright { padding: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; font-size: 12px; border-top: 0 solid transparent; } #copyright.copyright-divider { border-top-width: 1px; } #copyright p { font-size: 11px; float: left; margin-bottom: 0; } #copyright a, #copyright a:hover { text-decoration: none; } #copyright .beam-me-up { float: right; text-align: right; } .beam-me-up a { text-decoration: none!important; margin-right: 5px; font-weight: bold; } .beam-me-up i { margin-left: 4px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* #Swift Slider ================================================== */ #swift-slider { margin-bottom: 0; position: relative; z-index: 1; } #swift-slider .swift-slider-loading { background:url(../../../../../../themes/ukdlp/images/loader.gif) no-repeat center center; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute; width:44px; height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #swift-slider, #swift-slider ul.slides, #swift-slider ul.slides > li { min-height: 450px; max-height: 450px; } #swift-slider { overflow: visible!important; } #swift-slider .slide-caption-container { position: absolute; right: 50%; width: 940px; height: 100%; margin-right: -470px; } #swift-slider .flex-caption { z-index: 99; position: absolute; bottom: -300px; height: auto; display: block; text-align: left; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; } #swift-slider .flex-caption .flex-caption-details { display: block; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; } #swift-slider .flex-caption .flex-caption-details .caption-details-inner { width: 100%; padding: 15px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; height: auto; overflow: hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity= 0); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotateX(97deg); -moz-transform: rotateX(97deg); -ms-transform: rotateX(97deg); -o-transform: rotateX(97deg); transform: rotateX(97deg); -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -ms-transition: -ms-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear; position: relative; border-bottom: 1px dashed #e4e4e4; } #swift-slider .flex-caption .flex-caption-details.open .caption-details-inner, .browser-ie #swift-slider .flex-caption .flex-caption-details .caption-details-inner { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } #swift-slider .flex-caption .flex-caption-details.closing .caption-details-inner { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); -webkit-transform: rotateX(97deg); -moz-transform: rotateX(97deg); -ms-transform: rotateX(97deg); -o-transform: rotateX(97deg); transform: rotateX(97deg); } #swift-slider.flexslider:hover .flex-next { right: 60px!important; } #swift-slider.flexslider:hover .flex-prev { left: 60px!important; } .caption-details-inner .details, .flex-caption-large .details { float: left; margin-top: 5px; } .caption-details-inner .details span, .flex-caption-large .details span { display: block; } .caption-details-inner .details span a:hover, .flex-caption-large .details span a:hover { text-decoration: none; } .caption-details-inner .details span.item-client, .flex-caption-large .details span.item-client, .caption-details-inner .details span.item-author, .flex-caption-large .details span.item-author { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } #swift-slider .flex-caption .chart { position: relative; text-align: center; float: right; } #swift-slider .flex-caption-large .chart { position: relative; text-align: center; margin-right: 15px; } #swift-slider .flex-caption .chart canvas, #swift-slider .flex-caption-large .chart canvas { position: absolute; top: 0; left: 0; -webkit-transform: rotate(217deg); -moz-transform: rotate(217deg); -ms-transform: rotate(217deg); -o-transform: rotate(217deg); transform: rotate(217deg); } #swift-slider .flex-caption .chart span, #swift-slider .flex-caption-large .chart span { font-size: 24px; vertical-align: 0px; } #swift-slider .flex-caption .chart i, #swift-slider .flex-caption-large .chart i { position: absolute; bottom: 0; text-align: center; display: block; width: 100%; font-size: 16px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition-delay: 1.25s; -moz-transition-delay: 1.25s; -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; } #swift-slider .flex-caption-large .chart i { transition-delay: 2s; -moz-transition-delay: 2s; -webkit-transition-delay: 2s; -o-transition-delay: 2s; } #swift-slider .flex-caption .flex-caption-details.open .caption-details-inner .chart i, #swift-slider .flex-active-slide .flex-caption-large .chart i, .browser-ie #swift-slider .flex-active-slide .flex-caption-large .chart i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #swift-slider .flex-caption .flex-caption-details.closing .caption-details-inner .chart i { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; } #swift-slider .flex-caption .flex-caption-headline { background: #fff; padding: 18px 20px; } #swift-slider .flex-caption .flex-caption-headline h4 { margin: 0; } .flex-caption.caption-right { right: 0; width: 370px; } .flex-caption.caption-left { left: 0; width: 370px; } #swift-slider .flex-active-slide .flex-caption { bottom: 0; } #swift-slider .flex-caption h4 { width: 100%; } #swift-slider .flex-caption h4 span { text-decoration: none; display: block; text-overflow: ellipsis; white-space: nowrap; width: 88%; overflow: hidden; float: left; } #swift-slider .flex-caption h4 i { float: right; font-size: 20px; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity= 40); } #swift-slider .flex-caption-large { margin: 11% 20% 0; text-align: left; } #swift-slider .flex-caption-large h1 a, #swift-slider .flex-caption-large h1 a:hover { text-decoration: none; } #swift-slider .flex-caption-large .cl-charts { float: left; font-weight: normal; } #swift-slider .flex-caption-large .cl-charts .chart { float: left; } #swift-slider .flex-control-nav { position: relative; margin: 0 auto; list-style: none!important; width: 940px; height: auto; padding: 12px 0; text-align: center; bottom: 0; left: 0; z-index: 1; } #swift-slider .flex-control-nav li { float: none; } #swift-slider .flex-control-nav li a { width: 6px; height: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #cbcbcb; /* layer fill content */ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15); /* inner shadow */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15); /* inner shadow */ box-shadow: inset 0 1px 1px rgba(0,0,0,.15); /* inner shadow */ } #swift-slider .flex-control-nav li a.flex-active { background: #222; } #swift-slider .slider-shadow { position: absolute; left: 50%; margin-left: -499px; bottom: -63px; } /* #Portfolio ================================================== */ .filter-wrap { display: block; margin-bottom: 20px; } .filter-wrap .select { line-height: 30px; margin-bottom: 10px; display: block; position: relative; outline: none; } .has-no-sidebar .filter-wrap .select { text-align: center; } .has-no-sidebar .spb_portfolio_widget .filter-wrap { margin-bottom: 40px; margin-left: 0; } .filter-wrap .select:hover { text-decoration: none; } .filter-wrap .select i { margin-right: 10px; } .filter-wrap .select:after { content: ''; width: 16px; height: 10px; position: absolute; top: 34px; left: 22px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-no-sidebar .filter-wrap .select:after { left: 50%; margin-left: 5px; } .filter-wrap .filter-slide-wrap { display: none; margin-top: 0; padding: 20px 0 0; } .filter-wrap ul { font-size: 13px; list-style: none; margin-top: 0; margin-bottom: 0; } .filter-wrap ul.wp-tag-cloud li a { font-size: 13px!important; } .filter-wrap ul li { margin-bottom: 20px; display: none; float: left; } .filter-wrap ul li.selected { border-bottom-color: transparent; } .filter-wrap ul li.all, .filter-wrap ul li.has-items { display: inline-block; } .filter-wrap ul li a { display: block; white-space: nowrap; padding: 10px 15px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; outline: none; } .filter-wrap ul li a span.item-name { max-width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; float: left; } .filter-wrap ul li a span.item-count { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } ul.portfolio-items { margin-bottom: 0; list-style: none; } .portfolio-items > li { margin-bottom: 30px; -webkit-backface-visibility: hidden; } .portfolio-items.single-column > li { margin-bottom: 100px; } .portfolio-items > li figure { position: relative; } .portfolio-items:not(.single-column) > li figure:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .masonry-items .portfolio-item { border-bottom: 0; padding-bottom: 0; } .spb_portfolio_carousel_widget { padding-bottom: 50px; } .asset-bg .spb_portfolio_carousel_widget .heading-wrap { margin-bottom: 10px; } .spb_portfolio_carousel_widget .portfolio-item { height: auto; overflow: hidden; padding-bottom: 2px; } .spb_portfolio_carousel_widget .portfolio-item figure { margin-bottom: 0; } .spb_portfolio_carousel_widget .portfolio-item .item-details { padding: 12px 15px 7px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title { margin: 0 0 5px; text-align: left; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a { display: block; height: auto; overflow: hidden; } .spb_portfolio_carousel_widget .portfolio-item h4 span { display: inline-block; float: left; max-width: 82%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a:hover { text-decoration: none; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a > i { float: right; text-align: right; line-height: 20px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } .asset-bg .spb_portfolio_carousel_widget { padding-top: 50px; } .asset-bg .spb_portfolio_carousel_widget .portfolio-item { background: transparent; border-bottom-width: 0; } .asset-bg .spb_portfolio_carousel_widget .portfolio-item .item-details { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .portfolio-item.gallery { border-bottom: 0; padding-bottom: 0; padding-top: 0; } .portfolio-item.gallery figure, .masonry-items .portfolio-item.standard figure { margin-bottom: 0; } .portfolio-item figure { margin-bottom: 16px; overflow: hidden; } .single-column .portfolio-item figure { margin-bottom: 30px; } .portfolio-item figure > a { position: relative; } .portfolio-item figure img { width: 100%; height: auto; position: relative; z-index: 3; display: block!important; -webkit-backface-visibility: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-item h4.portfolio-item-title { font-weight: normal; margin-bottom: 5px; text-align: center; margin-top: 6px; } .portfolio-item h1.portfolio-item-title { font-weight: normal; margin-bottom: 4px; text-align: center; margin-top: 10px; } .portfolio-item-title a:hover { text-decoration: none; } .portfolio-item h5.portfolio-subtitle { display: block; margin-bottom: 5px; text-align: center; margin-top: 0; } .portfolio-item h3.portfolio-subtitle { display: block; text-align: center; margin-top: 0; margin-bottom: 8px; } .portfolio-item .portfolio-item-excerpt { font-size: 12px; margin-bottom: 20px; text-align: center; } .portfolio-item.carousel-item .portfolio-item-excerpt { text-align: left; margin-top: 10px; margin-bottom: 5px; } .single-column .portfolio-item .portfolio-item-excerpt { margin-top: 15px; } .portfolio-item .portfolio-item-permalink { font-size: 12px; font-weight: bold; display: block; text-decoration: none; } .portfolio-details-wrap { padding-bottom: 18px; border-bottom: 1px solid transparent; } .portfolio-details-wrap .client, .portfolio-details-wrap .date { margin-right: 20px; } .portfolio-details-wrap .item-link { float: right; margin-top: 0; } .portfolio-details-wrap .item-link:hover { text-decoration: none; } .portfolio-details-wrap .item-link i { margin-right: 5px; } .body-text { margin-bottom: 30px; } .body-text ul { list-style: disc inside; } .body-text .link-pages, .page-content .link-pages { margin-top: 15px; } .body-text .link-pages:empty, .page-content .link-pages:empty { display: none; } article.type-portfolio .body-text { margin-top: 30px; } article.type-team .body-text > p { margin-left: 0; } /* PORTFOLIO MASONRY */ #home-masonry-elements { margin: 10px auto; } #home-masonry-elements li { margin: 5px; width: 300px; } #home-masonry-elements li figure { width: 300px; background: #f4f4f4; } /* #Blog ================================================== */ ul.blog-items { list-style: none; } .blog-wrap .heading-wrap { margin-bottom: 5px; } .blog-item { margin-bottom: 60px; padding-top: 60px; border-top: 1px solid transparent; height: auto; overflow: hidden; } .blog-item:first-child { border-top: 0; padding-top: 0; } .has-both-sidebars .blog-item, .mini-items .blog-item { margin-bottom: 50px; } .mini-items .blog-item h3 { margin-top: 0; } .mini-items .blog-item-details { margin-bottom: 5px; padding-bottom: 0; } .mini-items .comments-likes { float: none; margin-bottom: 15px; } /* -------------------------------------------- BLOG AUX -------------------------------------------- */ .blog-aux-wrap { margin-bottom: 5px; } .blog-aux-options { text-align: center; margin-bottom: 0; } .blog-aux-options li { display: inline-block; margin-left: 15px; margin-bottom: 15px; } .blog-aux-options li:first-child { margin-left: 0; } .blog-aux-options li a { display: block; font-size: 14px; padding: 6px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); } .blog-aux-options li a i { margin-right: 5px; } .blog-aux-options li a:hover { text-decoration: none; } .blog-aux-options li form { margin: 0; position: relative; } .blog-aux-options li form input { margin: 0; border: 0; height: 32px; width: 200px; font-size: 12px; moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .blog-aux-options li form:after { content: "\f002"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 14px; padding-right: 10px; position: absolute; float: right; top: 5px; right: 0; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); } .blog-filter-wrap { margin-bottom: 20px; } .blog-filter-wrap.filter-wrap ul li { display: block; } .blog-filter-wrap.filter-wrap ul li a span { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } /* -------------------------------------------- STANDARD -------------------------------------------- */ .standard-post-author .author-avatar { float: none; margin-right: 0; margin-bottom: 15px; } .standard-post-author .author-avatar img { width: 100%; height: auto; } .standard-post-author .standard-post-author-name { text-align: center; display: block; } .standard-post-content h1 { margin-top: 0; } .standard-post-content h1 a:hover { text-decoration: none; } .standard-post-details .standard-post-author { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; } .standard-post-details .standard-post-date { text-transform: uppercase; margin-bottom: 15px; display: block; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .standard-post-details .comments-likes { float: none; font-weight: normal; } .standard-post-details .comments-likes span.love-count { font-weight: normal; } .standard-post-details .comments-likes .love-it-wrapper { margin-left: 0; margin-top: 5px; } /* -------------------------------------------- MASONRY -------------------------------------------- */ .blog-items.masonry-items { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .masonry-items .blog-item { margin-bottom: 30px; padding-top: 0; border-top: 0; z-index: 1; } .has-both-sidebars .masonry-items .blog-item { margin-bottom: 30px; } .masonry-items .blog-item .quote-excerpt { font-size: 12px; line-height: 20px; } /* -------------------------------------------- BLOG MEDIA DISPLAY -------------------------------------------- */ .blog-item .quote-display { text-align: center; padding: 20px 10px 0; font-size: 42px; } .standard-items .blog-item .quote-display { padding: 0 10px 20px; } .blog-item figure { position: relative; } .blog-item figure:empty { display: none; } .blog-item figure img { display: block; } .blog-items.standard-items .blog-item figure { margin-bottom: 30px; } .mini-items .blog-item figure { float: left; width: 290px; margin-right: 20px; } .has-no-sidebar .mini-items .blog-item figure { width: 446px; } .mini-items .blog-item figure.quote { float: none; width: 100%; } figure.media-wrap { height: auto; margin-bottom: 20px; position: relative; } figure.media-wrap.full-width-detail { margin-bottom: 40px; } figure.media-wrap.full-width-detail.col-sm-12 { margin-left: 0; } figure.media-wrap.full-width-detail:empty { margin-bottom: 0; } figure.media-wrap a { display: block; } figure.media-wrap img { height: auto!important; width: 100%; } figure.media-wrap iframe { display: block; width: 100%; } figure.media-wrap .wp-audio-shortcode { margin: 0 auto; } /* -------------------------------------------- DETAILS -------------------------------------------- */ .blog-item h3 { margin-bottom: 5px; } .blog-item h3 a, .blog-item h4 a { text-decoration: none; } .blog-item-details { font-style: italic; padding-bottom: 11px; } .blog-item-details a { text-decoration: none; } .blog-item-details a:hover { text-decoration: underline; } .standard-items .blog-item-details { padding-bottom: 15px; } .comments-likes { float: right; font-weight: bold; } .comments-likes a, .comments-likes a:hover { text-decoration: none; } .comments-likes .fa-comments { margin-right: 5px; } .comments-likes .love-it-wrapper { display: inline-block; } .comments-likes .love-it-wrapper a:hover, .comments-likes .love-it-wrapper span:hover { cursor: pointer; } .comments-likes .love-it-wrapper .loved span:hover { cursor: default; } .love-it-wrapper:hover { cursor: default; } .love-it-wrapper a { text-decoration: none; } .comments-likes .love-it-wrapper { margin-left: 5px; } .comments-likes .love-it-wrapper a { text-decoration: none; } .comments-likes a span, .comments-likes a i { margin: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .comments-likes .love-it-wrapper .loved { margin: 0; } span.love-count { font-weight: bold; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .comments-likes span.love-count { margin-left: 1px; } .blog-item .excerpt { line-height: 22px; } .excerpt ul { list-style: disc inside; } .blog-item .read-more { text-decoration: none; clear: both; display: inline-block; margin-top: 5px; } .blog-item .read-more-bar { height: auto; overflow: hidden; margin-top: 20px; } .blog-item .read-more-bar .read-more { margin-top: 0; } .blog-item .quote-excerpt { font-style: italic; padding-bottom: 15px; } /* -------------------------------------------- POST -------------------------------------------- */ .body-content.quote { font-size: 14px; text-transform: uppercase; margin-bottom: 20px; } .body-content.quote p { margin-bottom: 3px; } .body-content.quote cite { font-weight: bold; text-transform: uppercase; } .article-content.aside, .item-details.aside { margin-top: 10px; } .blog-excerpt p { margin-bottom: 10px; } figure.media-wrap:empty, figure.media-wrap.full-width-detail:empty { margin: 0; } figure.quote blockquote { margin-bottom: 0; } .format-link figure.media-wrap { text-align: center; margin: 0 0 30px; } .format-link .link-post-link { font-size: 18px; line-height: 24px; display: inline-block; } .format-link .link-post-link i { margin-right: 8px; vertical-align: -1px; } .format-chat figure.media-wrap { margin-bottom: 40px; } .format-chat .chat { margin-top: 0; } .format-chat .chat .chat-timestamp { float: right; font-size: 12px; font-weight: normal; margin: 0 10px; } .format-chat .chat .chat-text { margin: 0 0 20px; } .format-status .body-text p { font-size: 18px; font-style: italic; line-height: 24px; } .format-status .excerpt { font-size: 18px; font-style: italic; line-height: 24px; } .single-format-aside .page-heading { display: none; } .navigation { margin-top: 10px; margin-bottom: 50px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 15px 0; } .blog-navigation { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .pagination-wrap.masonry-pagination { display: none; } .pagination-wrap ul { height: auto; overflow: hidden; margin: 15px 0; } .pagination-wrap li { float: left; display: inline-block; margin-bottom: 0; } .pagination-wrap li:first-child { border-left: 0; } .pagination-wrap li a, .pagination-wrap li span { padding: 10px 16px; border: 1px solid transparent; display: block; margin-right: -1px; text-decoration: none; } .pagination-wrap li.next a { margin-left: -1px; } .pagination-wrap li i { width: 10px; } .pagination-wrap a, .pagination-wrap a:hover { text-decoration: none; } .has-no-sidebar .pagination-wrap ul { text-align: center; } .has-no-sidebar .pagination-wrap ul li { float: none; } .pagination-wrap .nav-previous { text-align: left; float: left; max-width: 45%; text-overflow: ellipsis; white-space: nowrap; } .nav-next i, .nav-previous i { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .single .blog-pagination div > a > i { transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } .blog-pagination { border-top: 1px solid transparent; margin-top: 30px!important; } .nav-previous i { margin-right: 5px; } .nav-next i { margin-left: 8px; } .pagination-wrap .nav-next { text-align: right; float: right; max-width: 45%; text-overflow: ellipsis; white-space: nowrap; } .author-info-wrap { border-top: 1px solid transparent; padding-top: 40px; margin-bottom: 40px; } .author-avatar { float: left; margin-right: 20px; } .author-avatar img { width: 82px; height: 82px; } .author-avatar img, .comment-avatar img { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.1); box-shadow: inset 0 0 10px rgba(0,0,0,.1); display: block; } .post-info { float: left; width: 45%; margin: 10px 0; } .post-info .author-name { font-size: 18px; margin-right: 10px; } .post-info .author-name a { margin-left: 4px; text-decoration: none; } .related-wrap { border-top: 1px solid transparent; height: auto; overflow: hidden; padding-top: 30px; } .related-wrap h4 { border-bottom: 2px solid #000; display: inline-block; padding-bottom: 3px; margin-bottom: 20px; } .related-item figure { width: 100%; min-height: 68px; position: relative; overflow: hidden; } .related-item figure img { display: block; } .related-item h5 { font-size: 14px; } .related-item h5 a { text-decoration: none; } .share-links { border-top: 1px solid #ccc; padding: 20px 0; } .single-portfolio .share-links { border-bottom: 1px solid #ccc; } .share-links .share-text { float: left; margin-right: 10px; line-height: 18px; } .share-links .share-text i { margin-right: 5px; } .share-links > ul > li { float: left; margin-right: 12px; line-height: 18px; } .share-links > ul > li a { padding: 4px; } .share-links > ul > li a i { margin: 0; } .share-links a:hover { text-decoration: none; } .tags-link-wrap { border-top: 1px solid #ccc; padding: 20px 0; } .tags-link-wrap .tags-wrap { float: left; } .tags-link-wrap .comments-likes { float: right; text-align: right; font-weight: normal; width: 20%; } .tags-link-wrap .comments-likes .love-it-wrapper { margin-left: 15px; float: right; } .tags-link-wrap .comments-likes .love-it-wrapper span.love-count { font-weight: normal; } .tags-link-wrap .comments-likes .comments-wrapper { display: inline-block; float: right; } .tags-wrap i { margin-right: 5px; } .tags-wrap .tags { margin-left: 5px; } .tags-wrap a:hover { text-decoration: none; } .carousel-items .blog-item { margin-bottom: 0; padding-top: 0; border-top: 0; } .carousel-items .blog-item h4.blog-item-title { font-weight: normal; margin-bottom: 8px; border-bottom: 0; padding-bottom: 0; } .carousel-items .blog-item figure { margin-bottom: 16px; } .carousel-items .blog-item .blog-item-date { display: block; margin-bottom: 15px; } .carousel-items .blog-item .blog-item-excerpt { margin-bottom: 20px; } /* #Team ================================================== */ ul.team-members { list-style: none; } .team_list_widget .team-members > li, .carousel-wrap .carousel-items.has-show-hide > li { margin-bottom: 40px; } .team-member figure { margin-bottom: 17px; } .team-member .team-member-name { font-weight: bold; margin: 0 0 5px 0; } .team-member .team-member-position { font-weight: normal; margin: 0 0 15px 0; } .team-member .team-member-bio { margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4; } .team-member .member-contact { margin-bottom: 10px; font-size: 12px; } article.type-team { margin-bottom: 50px; } article.type-team .article-body-wrap { width: 50%; float: left; margin-right: 30px; } article.type-team .article-body-wrap .body-text { margin-top: 0; } article.type-team .member-position { margin: 0 0 20px; } article.type-team .profile-image-wrap { float: right; width: 46%; } ul.member-contact { margin-left: 0; margin-bottom: 25px; list-style: none; } ul.member-contact li { line-height: 24px; } ul.member-contact li span:first-child { font-weight: bold; margin-right: 5px; } ul.member-contact li a { text-decoration: none; } .team-member-details-wrap ul.social-icons.small { margin-bottom: 15px; } /* #Sidebar ================================================== */ .sidebar { padding-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sidebar.left-sidebar { padding-right: 20px; } .sidebar.right-sidebar { padding-left: 20px; } .sidebar .widget_heading { margin-top: -6px; } .sidebar .widget-heading h4 { font-weight: normal; margin-top: 0; border-bottom: 2px solid transparent; position: relative; margin-bottom: 15px; text-align: center; } .sidebar .widget-heading h4:before { content: ""; display: block; border-top: 2px solid #444; width: 100%; height: 2px; position: absolute; top: 50%; z-index: 1; } .sidebar .widget-heading h4 span { padding: 0 10px; position: relative; display: inline-block; z-index: 1; } .sidebar object, .sidebar object > img .sidebar embed { width: 100%; max-width: 100%; } .sidebar object > img { height: auto; } .sidebar a:hover { text-decoration: none; } .sidebar .widget #lang_sel a { padding: 2px 10px; } /* #Comments ================================================== */ #comment-area a { text-decoration: none; } #comments-list > h4 { border-bottom: 2px solid #000; display: inline-block; padding-bottom: 3px; margin-bottom: 0; } #comments-list ol { list-style: none; margin: 0 0 -10px; } #comments-list ol li { margin-bottom: 0; } .comment .comment-wrap { position: relative; height: auto; border-bottom: 1px dotted #ccc; padding: 20px 0; } .comment-wrap .comment-avatar { float: left; position: relative; } .comment-wrap .comment-avatar img { height: 50px; width: 50px; display: block; } #comments-list li ul { list-style: none; margin: 0 0 0 30px; font-size: 100%; } .comment-content { margin-left: 70px; } .comment-content .comment-body p { margin-bottom: 10px; } .comment-meta { margin-bottom: 5px; } .comment-meta .comment-author { font-weight: bold; } .comment-meta .comment-date { margin-left: 2px; font-size: 12px; } .comment-meta .edit-link { margin-left: 5px; font-weight: normal; font-size: 12px; } .comment-meta .meta-sep { margin: 0 0 0 1px; color: #ccc; } .comment-meta .comment-reply { font-size: 12px; } #comment-area .edit-link a:hover, #comment-area .comment-reply a:hover { text-decoration: underline; } .comment-avatar .is-author { text-align: center; font-size: 10px; text-transform: uppercase; color: #ccc; } .comment-meta cite { font-style: normal; } .comment-meta a.comment-reply-link { font-weight: normal; } /* Trackbacks */ #trackbacks-list span { font-size: 12px; } #trackbacks-list ol li { margin-bottom: 10px; } #trackbacks-list .comment-author { font-size: 12px; margin-bottom: 5px; } #trackbacks-list .comment-content p { font-size: 14px; } /* -------------------------------------------- COMMENT FORM -------------------------------------------- */ #respond-wrap { padding-bottom: 20px; position: relative; z-index: 1; margin-bottom: 30px; } #respond { margin: 30px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; } #respond h3 { margin-top: 0; } #respond-wrap h3 { margin-top: 0; margin-bottom: 5px; border-bottom: 2px solid #000; display: inline-block; padding-bottom: 2px; } .comment-form-author, .comment-form-email, .comment-form-url { width: 235px; margin-bottom: 0; } #commentform { margin-top: 10px; margin-bottom: 0; } #commentform p.comment-notes span.required { float: none; } #commentform p span.required { float: right; } #commentform label { font-size: 12px; font-weight: normal; margin-bottom: 4px; } #commentform input { margin-bottom: 12px; } #commentform textarea { width: 100%; max-width: 100%; min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 200px; } #commentform p.form-allowed-tags { display: none; } #commentform p.form-allowed-tags code { color: #444; } .comment #respond h3#reply-title { display: block; margin: 0px 0 10px; } #reply-title small { margin-top: 5px; font-size: 14px; display: block; } #reply-title small a, #reply-title small a:hover { text-decoration: none; } p.form-submit { height: auto; overflow: hidden; margin-bottom: 0; } article.type-post #respond .form-submit input#submit { margin: 0; border: 0; background: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 8px 11px; } article.type-post #respond .form-submit input#submit:hover { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* #Contact ================================================== */ .contact-map { margin-bottom: 30px; } .contact-form h6 { margin-bottom: 10px; } .contact-form p.thanks { display: none; } .contact-form label { font-weight: normal; font-size: 12px; margin-bottom: 6px; } .contact-form input, .contact-form textarea { width: 96%; } .contact-form textarea { height: 189px; } .contact-form h5 { margin-bottom: 10px; } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* #Shortcodes ================================================== */ /* -------------------------------------------- TEXT BLOCK SHORTCODE -------------------------------------------- */ .spb_text_column ul, .box-content-wrap ul { list-style: disc inside none; } .spb_text_column { margin-bottom: 10px; } .spb_text_column h4.spb_heading { display: block; padding-bottom: 0; border-bottom-width: 0; } .spb_text_column h4.spb_text_heading, .spb_parallax_asset h4.spb_text_heading { border-bottom-width: 2px; padding-bottom: 4px; } .full-width-text { padding-top: 50px; padding-bottom: 50px; position: relative; } .full-width-text:after { content: ''; width: 0; height: 0; border-top: 50px solid transparent; border-right: 60px solid transparent; border-left: 60px solid transparent; position: absolute; left: 50%; margin-left: -60px; bottom: -25px; } .full-width-text .heading-wrap, .spb_parallax_asset .heading-wrap { text-align: center; } .full-width-text h4.spb_heading, .spb_testimonial_slider_widget h4.spb_heading, .spb_tweets_slider_widget h4.spb_heading, .spb_parallax_asset h4.spb_heading { display: inline-block; } .full-width-text h4.spb_heading span, .spb_testimonial_slider_widget h4.spb_heading span, .spb_tweets_slider_widget h4.spb_heading span, .asset-bg h4.spb_heading span, .spb_parallax_asset h4.spb_heading span { padding: 0 0 5px; } .spb_parallax_asset h4.spb_heading span { background: transparent; } .full-width-text p { line-height: 28px; margin-bottom: 30px; } /* -------------------------------------------- SHOWCASE SHORTCODE -------------------------------------------- */ .fullwidth-layout .spb_revslider_widget.full-width { margin: 0!important; width: 100%!important; } /* -------------------------------------------- CLIENTS SHORTCODE -------------------------------------------- */ ul.clients-items { margin: 0 -25px 0 0; list-style: none; } .client-item { float: left; width: 124px; margin-right: 25px; margin-bottom: 25px; } .client-item figure { position: relative; width: 100%; height: 124px; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity= 75); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .client-item figure:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); } .client-item figure img { margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; max-height:100%; max-width:100%; width: auto; display: block; } .spb_featured_clients_widget { padding: 60px 0; } .spb_featured_clients_widget.asset-bg { padding-top: 22px; padding-bottom: 12px; } .spb_featured_clients_widget li { margin-bottom: 10px; } .spb_featured_clients_widget h4 { line-height: 60px; margin-top: 0; margin-bottom: 0; font-weight: normal; } .featured-clients-items { margin-bottom: 0; } .featured-clients-items li a { text-align: center; } .featured-clients-items li img { max-height: 60px; width: auto; } .featured-clients-items:hover li a { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity= 50); } .featured-clients-items li:hover a { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); } /* -------------------------------------------- BOXED CONTENT SHORTCODE -------------------------------------------- */ .spb_box_text .box-content-wrap { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 16px 20px 10px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .spb_box_text.whitestroke .box-content-wrap { border: 1px solid transparent; } /* -------------------------------------------- IMAGE BANNER SHORTCODE -------------------------------------------- */ .sf-image-banner { position: relative; height: auto; overflow: hidden; } .sf-image-banner > img { width: 100%; height: auto; display: block; position: relative; z-index: 2; } .image-banner-content-wrap { position: absolute; height: auto; } .image-banner-content { position: absolute!important; z-index: 3; bottom: 50%; top: auto; text-align: center; padding: 0!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .image-banner-content.content-right { padding-left: 45%!important; width: 100%; padding-right: 5%!important; } .image-banner-content.content-left { padding-right: 45%!important; width: 100%; padding-left: 5%!important; } .image-banner-content.content-center { width: 100%; padding: 0 10%!important; } .image-banner-content.text-left { text-align: left; } .image-banner-content.text-right { text-align: right; } .image-banner-content.sf-animation[data-animation="fade-from-bottom"] { bottom: 0; } /* -------------------------------------------- CONTACT FORM SHORTCODE -------------------------------------------- */ .wpcf7 p { clear: both; height: auto; overflow: hidden; margin-bottom: 0; } span.wpcf7-form-control-wrap { display: block; } .wpcf7 span.wpcf7-not-valid-tip { top: 3px; left: 5px; background: transparent; color: red; border: 0; } .wpcf7 .wpcf7-captchar + span.wpcf7-not-valid-tip { top: 10px; left: 78px; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select { width: 95%; margin-top: 6px; margin-bottom: 20px; } .sidebar .wpcf7 input[type="text"], .sidebar .wpcf7 input[type="email"], .sidebar .wpcf7 textarea, .sidebar .wpcf7 select { width: 88%; } .wpcf7 textarea { max-width: 95%; } .wpcf7 .wpcf7-captchac { float: left; border: 1px solid #CCC; padding: 3px 0 4px; margin: 6px 10px 0 0; } .wpcf7 input.wpcf7-captchar { float: left; width: 45%; } .wpcf7 input.wpcf7-submit[type="submit"] { display: inline-block; font-size: 14px; line-height: 18px; height: auto; padding: 8px 28px 7px 14px; background-image: url(../../../../../../themes/ukdlp/images/button-arrow.png); background-position: 83% center; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .wpcf7 input.wpcf7-submit[type="submit"]:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* -------------------------------------------- CODE SHORTCODE -------------------------------------------- */ code { display: block; padding: 5px 20px 20px; border: 1px solid #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f7f7f7; font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; line-height: 16px; overflow: auto; overflow-Y: hidden; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code p { font-size: 11px; margin-bottom: 12px; } /* -------------------------------------------- TABLE SHORTCODE -------------------------------------------- */ table.sf-table { width: 100%; display: table; } table.striped_minimal tr:nth-of-type(even), table.striped_bordered tr:nth-of-type(even) { background-color: #f7f7f7; } table.sf-table th { padding: 10px 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; vertical-align: middle; text-align: left; } table.sf-table td { padding: 10px 20px; } table.standard_minimal th { padding: 10px 30px 10px 0; border-bottom: 2px solid #e4e4e4; } table.striped_minimal th { border-bottom: 2px solid #e4e4e4; } table.standard_minimal td { padding: 10px 30px 10px 0; border-bottom: 1px solid #e4e4e4; } table.standard_bordered, table.striped_bordered { border: 1px solid #e4e4e4; } table.standard_bordered tr, table.striped_bordered tr { border-top: 1px dotted #e4e4e4; } table.standard_bordered th, table.standard_bordered td, table.striped_bordered th, table.striped_bordered td { border-left: 1px dotted #e4e4e4; } /* -------------------------------------------- PRICING TABLE SHORTCODE -------------------------------------------- */ .pricing-table-wrap { height: auto; overflow: hidden; clear: both; padding-bottom: 20px; } .pricing-table-column { float: left; border: 1px solid #e4e4e4; border-left-width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .pricing-table-column:first-child { border-left: 1px solid #e4e4e4; } .columns-5 .pricing-table-column { width: 20%; } .columns-4 .pricing-table-column { width: 25%; } .columns-3 .pricing-table-column { width: 33.3%; } .columns-2 .pricing-table-column { width: 50%; } .columns-1 .pricing-table-column { width: 100%; } .pricing-table-column:first-child, .pricing-table-wrap.bordered .pricing-table-column, .pricing-table-wrap.bordered_alt .pricing-table-column { border-left: 1px solid #e4e4e4; } .pricing-table-price { padding: 18px 30px 10px; font-size: 36px; line-height: 36px; font-weight: bold; border-bottom: 2px solid #e4e4e4; } .pricing-table-price span { font-size: 12px; font-weight: normal; margin-left: 4px; } .pricing-table-package { padding: 20px 30px; font-size: 18px; border-bottom: 1px dotted #e4e4e4; } .column-highlight .pricing-table-package { font-weight: bold; } .pricing-table-details { padding: 20px 30px; } .pricing-table-column .button { margin-top: 10px; margin-bottom: 0; } .pricing-table-wrap.bordered .pricing-table-column, .pricing-table-wrap.bordered_alt .pricing-table-column { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 10px; } .bordered.columns-4 .pricing-table-column, .bordered_alt.columns-4 .pricing-table-column { width: 22.7%; } .bordered.columns-3 .pricing-table-column, .bordered_alt.columns-3 .pricing-table-column { width: 32%; margin-right: 0; margin-left: 2%; } .bordered.columns-3 .pricing-table-column:first-child, .bordered_alt.columns-3 .pricing-table-column:first-child { margin-left: 0; } .bordered.columns-2 .pricing-table-column, .bordered_alt.columns-2 .pricing-table-column { width: 47.6%; } .bordered.columns-1 .pricing-table-column, .bordered_alt.columns-1 .pricing-table-column { width: 97.2%; } .pricing-table-wrap.bordered .pricing-table-package { padding: 20px; font-size: 16px; line-height: 18px; } .pricing-table-wrap.bordered .pricing-table-price { padding: 0; float: right; font-size: 18px; line-height: 18px; border-bottom: 0; } .pricing-table-wrap.bordered_alt .pricing-table-price { border-bottom: 1px dotted #e4e4e4; } .labelled-pricing-table .pricing-table-column { margin-top: 15px; border: 0; padding-left: 1px; } .labelled-pricing-table .pricing-table-column.column-highlight { margin-top: 0; position: relative; padding-left: 0; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .labelled-pricing-table .pricing-table-column.column-highlight + .pricing-table-column { padding-left: 0; } .labelled-pricing-table .pricing-table-column.label-column { margin-top: 104px; } .labelled-pricing-table .pricing-table-price { font-size: 14px; font-weight: bold; line-height: 18px; text-align: center; padding: 12px; border: 0; } .labelled-pricing-table .pricing-table-price span { font-weight: normal; } .labelled-pricing-table .pricing-table-package { font-size: 24px; font-weight: normal; line-height: 30px; text-align: center; padding: 9px 5px 8px; border: 0; } .labelled-pricing-table .column-highlight .pricing-table-package { padding-top: 16px; padding-bottom: 16px; } .labelled-pricing-table.columns-5 .pricing-table-package { font-size: 20px; } .labelled-pricing-table .pricing-table-label-row, .labelled-pricing-table .pricing-table-row { text-align: center; padding: 12px; } .labelled-pricing-table .alt-row { background: #ccc; } .labelled-pricing-table .pricing-table-label-row { display: none; font-weight: bold; } .labelled-pricing-table .label-column .pricing-table-label-row { display: block; font-weight: normal; } .labelled-pricing-table .lpt-button-wrap { padding: 20px 10px; text-align: center; } .labelled-pricing-table .column-highlight .lpt-button-wrap { padding: 30px 10px; } .labelled-pricing-table .lpt-button-wrap a { display: inline-block; margin: 0; } /* -------------------------------------------- DIVIDER SHORTCODE -------------------------------------------- */ .spb_divider { display: block; border-bottom-width: 1px; margin-bottom: 30px; } .spb_divider.asset-bg { border-top: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } .spb_divider.standard { border-bottom-style: solid; border-bottom-width: 2px; } .spb_divider.thin { border-bottom-style: solid; } .spb_divider.dotted { border-bottom-style: dotted; } .spb_divider.go_to_top a { text-align: right; display: block; text-decoration: none; border-bottom: 1px solid transparent; margin-bottom: 30px; } .spb_divider.go_to_top_icon1 { position: relative; height: 9px; border-bottom: 1px solid transparent; } .spb_divider.go_to_top_icon2 { position: relative; height: 10px; border-bottom: 1px solid transparent; } .spb_divider.go_to_top_icon1 a, .spb_divider.go_to_top_icon2 a { position: absolute; right: 0; display: block; padding: 0 0 0 10px; text-decoration: none; } .spb_divider.go_to_top_icon2 a i { padding-left: 6px; } /* -------------------------------------------- BUTTON SHORTCODE -------------------------------------------- */ a.sf-button { display: inline-block; font-size: 12px; line-height: 18px; height: auto; padding: 6px 12px; margin: 0 20px 20px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border: 0; outline: none; text-shadow: none; text-decoration: none; font-weight: normal; } a.sf-button:hover { border: 0!important; box-shadow:0 2px 3px 0 rgba(0,0,0,.2); text-decoration: none!important; } a.sf-button.medium { font-size: 14px; line-height: 20px; padding: 10px 16px; } a.sf-button.large { font-size: 18px; line-height: 26px; padding: 10px 22px; } a.sf-button .arrow { background-image: url(../../../../../../themes/ukdlp/images/button-arrow.png); background-repeat: no-repeat; display: inline-block; width: 6px; height: 9px; margin-left: 7px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } a.sf-button.medium .arrow { vertical-align: 0; } a.sf-button.large .arrow { vertical-align: 1px; } a.sf-button.lightgrey .arrow, a.sf-button.green .arrow, a.sf-button.limegreen .arrow, a.sf-button.white .arrow { background-image: url(../../../../../../themes/ukdlp/images/button-arrow2.png); } a.sf-button.slightlyrounded, a.sf-button.slightlyroundedarrow { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } a.sf-button.rounded, a.sf-button.roundedarrow { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } a.sf-button.slightlyrounded:hover, a.sf-button.slightlyroundedarrow:hover, a.sf-button.rounded:hover, a.sf-button.roundedarrow:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; } a.sf-button.outerglow { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 4px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); box-shadow: 0 0 4px rgba(0,0,0,.3); } a.sf-button.dropshadow { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75); -webkit-box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75); box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75); } a.sf-button.black { background-color: #212121; color: #fff; } a.sf-button.white { background-color: #fff; color: #212121; } a.sf-button.blue { background-color: #0000cc; color: #fff; } a.sf-button.grey { background-color: #656565; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.lightgrey { background-color: #cbcbcb; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); } a.sf-button.purple { background-color: #5f5ba7; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.lightblue { background-color: #00adef; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.turquoise { background-color: #1bbbb3; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.green { background-color: #65cb00; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); } a.sf-button.limegreen { background-color: #cbff00; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); } a.sf-button.orange { background-color: #f90; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } a.sf-button.pink { background-color: #ed135a; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%); color: #fff; } .sf-button.lightblue:hover { background: #0099ff; } .sf-button.pink:hover { background: #ad2043; } .sf-button.purple:hover { background: #7400e9; } .sf-button.grey:hover { background: #444; } .sf-button.lightgrey:hover { background: #aaa; } .sf-button.accent { background: none; background-image: none; } /* -------------------------------------------- ALERT SHORTCODE -------------------------------------------- */ .alert { height: auto; font-size: 12px; line-height: 16px; overflow: hidden; padding: 12px 15px; text-align: left; margin-bottom: 20px; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; clear: both; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); border: 0; background-color: #fbf7e3; } .alert .messagebox_text { background: none; padding-left: 0; } .alert .messagebox_text p { float: left; } .alert .messagebox_text:before { content: "\f06a"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; width: 10px; height: auto; float: left; margin-right: 13px; margin-top: 4px; font-size: 16px; text-indent: 0; } .alert.alert-info .messagebox_text:before { content: "\f05a"; } .alert.alert-error .messagebox_text:before { content: "\f071"; } .alert.alert-success .messagebox_text:before { content: "\f00c"; } .alert.alert-info { background-color: #d9edf7; } .alert.alert-error { background-color: #f1dddd; } .alert.alert-success { background-color: #dfefd7; } /* -------------------------------------------- IMAGE SHORTCODE -------------------------------------------- */ .glowframe img { border: 6px solid transparent; -moz-box-shadow: 0 0 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2); width: 96%; } .borderframe img { border: 6px solid transparent; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .shadowframe img { -moz-box-shadow: 0 2px 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15); box-shadow: 0 2px 2px rgba(0,0,0,.15); } /* -------------------------------------------- TESTIMONIALS SHORTCODE -------------------------------------------- */ .testimonial-wrap { margin-bottom: 20px; } .testimonial-wrap.large .testimonial-text { font-size: 16px; } ul.testimonials { margin-bottom: 0; list-style: none; } .testimonials > li { padding-top: 30px; margin-bottom: 30px; border-top: 1px solid transparent; height: auto; } .testimonials > li:first-child { padding-top: 0; border-top: 0; } .testimonial-text { margin-bottom: 5px; } .testimonial-wrap.large .testimonial-text { margin-bottom: 10px; } .testimonial-text p { margin-bottom: 10px; } .testimonial-wrap cite, .spb_testimonial_carousel_widget cite, .testimonials-slider cite { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } .testimonial .pagination-wrap { display: none; } .span12.testimonial .pagination-wrap { display: block; } .testimonials.carousel-items li { padding-top: 0; border: 1px solid #e4e4e4; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 15px; position: relative; } .testimonials.carousel-items li:after { content: ''; width: 0; height: 0; border-top: 1px solid #fff; border-bottom: 12px solid transparent; border-left: 15px solid #fff; position: absolute; left: 30px; bottom: -13px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } .asset-bg .spb_testimonial_slider_widget { padding-top: 60px; padding-bottom: 45px; } .slider-wrap { margin-bottom: 10px; position: relative; } .testimonials-slider { padding-bottom: 15px; } .flexslider.content-slider ul.slides { background: transparent; } .testimonials-slider .testimonial-text { padding: 0 15%; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .testimonials-slider .testimonial-text.text-large { font-size: 24px; line-height: 32px; } .testimonials-slider .flex-control-nav { position: absolute; bottom: 0; left: 0; margin: 0; z-index: 4; list-style: none!important; width: 100%; text-align: center; } .testimonials-slider .flex-control-nav li { float: none; } /* -------------------------------------------- JOBS SHORTCODE -------------------------------------------- */ ul.jobs { list-style: none; } .jobs > li { padding-top: 30px; margin-bottom: 30px; border-top: 1px solid transparent; } .jobs > li:first-child { padding-top: 0; border-top: 0; } .jobs .sf-list { margin-top: 15px; margin-bottom: 10px; } .jobs a.button { margin-top: 10px; } .jobs-overview { list-style: disc inside none; } .jobs-overview .job { margin-bottom: 4px; } .jobs-overview .job a { text-decoration: none; } /* -------------------------------------------- SEARCH SHORTCODE -------------------------------------------- */ .search-widget { margin-bottom: 0; } .search-widget input { margin: 25px 0; width: 80%; padding: 10px 5% 10px 30px; } /* -------------------------------------------- FAQS SHORTCODE -------------------------------------------- */ ul.faqs-nav { padding-bottom: 30px; border-bottom: 2px solid #f4f4f4; margin-bottom: 40px; list-style: none; } .faqs-nav li { float: left; width: 44%; padding: 10px 10px 10px 10px; border: 1px solid #F4F4F4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 10px 10px 0; } .faqs-nav li a { text-decoration: none; } .faqs-nav li i { margin-right: 8px; } .faqs-nav li .count { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity= 60); } h3.faq-section-title { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 40px; } ul.faqs-section { margin-bottom: 60px; list-style: none; } .faq-item h6 { margin-bottom: 15px; } .faq-item { padding-top: 40px; border-top: 1px solid #ccc; margin-bottom: 40px; } .faq-item:first-child { border-top: 0; padding-top: 0; } /* -------------------------------------------- COLUMN SHORTCODE -------------------------------------------- */ .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth { position: relative; margin-right: 4%; float: left; } .last { margin-right: 0 !important; clear:right; } .clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } /* -------------------------------------------- SITEMAP SHORTCODE -------------------------------------------- */ .sitemap-wrap { margin-bottom: 20px; } .sitemap-col { float: left; width: 28%; margin-left: 7%; } .sitemap-col:first-child { margin-left: 0; } .sitemap-col h6 { margin-bottom: 15px; } .sitemap-col ul { margin-bottom: 40px; list-style: none!important; } .sitemap-col ul li { margin-bottom: 8px; } .sitemap-col ul li a { text-decoration: none; } /* -------------------------------------------- MAP SHORTCODE -------------------------------------------- */ .spb_gmaps_widget { margin-bottom: 20px; } .spb_gmaps_widget .spb_map_wrapper { padding: 0; } .spb_wrapper.shadow .spb_map_wrapper { padding: 0 0 1.6%; margin-bottom: 30px; background: transparent url(../../../../../../themes/ukdlp/images/box_shadow_effect.png) no-repeat center bottom; background-size: 100% auto; } .map-canvas img { max-width: none; } /* -------------------------------------------- PARALLAX SHORTCODE -------------------------------------------- */ .spb_parallax_asset { padding-top: 80px; padding-bottom: 80px; overflow: hidden; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3); } .spb_parallax_asset.bg-type-pattern { background-repeat: repeat; background-size: auto; } .spb_parallax_asset .spb_content_wrapper { position: relative; } .sf-parallax-video video { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; min-height: 100%; } .sf-parallax-video .video-overlay { background-repeat: repeat; background-position: center center; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; } .sf-parallax-video > .spb_content_wrapper { position: relative; z-index: 4; } /* -------------------------------------------- HR SHORTCODE -------------------------------------------- */ .horizontal-break { height: 2px; width: 50px; margin: 20px auto 25px; } /* -------------------------------------------- CLIENT BOX SHORTCODE -------------------------------------------- */ .client-box { width: 228px; height: auto; background-color: #fafafa; background-position: center center; background-repeat: no-repeat; float: left; margin: 0 2px 7px 5px; } .client-box img { width: 100%; height: auto; display: block; } /* -------------------------------------------- GOOGLE CHART SHORTCODE -------------------------------------------- */ .googlechart { margin-bottom: 30px; width: 100%; } /* -------------------------------------------- ICON SHORTCODE -------------------------------------------- */ .sf-icon { font-size: 22px; line-height: 26px; padding: 0 5px 6px 0; width: auto; height: 24px; background-image: none; } .sf-icon.icon-medium { font-size: 38px; line-height: 40px; width: auto; height: 38px; padding: 0px 10px 2px 0; } .sf-icon-cont.cont-small .sf-icon { line-height: 30px; } .sf-icon-cont.cont-medium .sf-icon { line-height: 48px; } .sf-icon.icon-large { font-size: 50px; line-height: 69px; width: auto; height: 56px; padding: 0px 12px 6px 0; } .sf-icon-cont.cont-large .sf-icon { line-height: 80px; } .sf-icon-cont .sf-icon { padding: 0; } .sf-icon-cont { background-image: none; padding: 18px; border-radius: 50%; text-align: center; vertical-align: middle; margin-bottom: 20px; margin-right: 20px; height: 28px; width: 28px; line-height: 12px; } .sf-icon-cont.cont-small { padding: 8px; } .sf-icon-cont.cont-medium { background-image: none; padding: 25px; border-radius: 50%; text-align: center; vertical-align: middle; margin-bottom: 20px; width: 48px; height: 48px; line-height: 12px; } .sf-icon-cont.cont-large { background-image: none; padding: 37px; border-radius: 50%; text-align: center; vertical-align: middle; width: 77px; height: 77px; } .sf-icon.icon-large:before { font-size: 72px; } .sf-icon-float-left { float: left; padding: 5px 10px 0 0; } .sf-icon-float-right { float: right; padding: 5px 0 0 10px; } .sf-icon-float-none { display: inline-block; } /* -------------------------------------------- TYPOGRAPHY SHORTCODE -------------------------------------------- */ span.highlighted { padding: 1px 3px; border-radius: 1px; margin-right: 2px; color: #fff; } span.dropcap1, span.dropcap2 { float: left; padding: 11px 0px 9px; margin-right: 8px; font-size: 46px; font-family: serif; font-style: normal; } span.dropcap3, span.dropcap4 { float: left; font-family: serif; font-style: normal; font-size: 18px; padding: 4px 10px 4px 11px; margin: 4px 10px 2px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } span.dropcap4 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } blockquote { border-left: 0; padding: 10px 0; } blockquote, blockquote p { font-size: 18px; line-height: 28px; font-style: italic; } blockquote.blockquote1, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p { font-size: 12px; line-height: 18px; } blockquote.blockquote2, blockquote.blockquote1 p { font-size: 14px; line-height: 22px; } blockquote.pullquote { border-left: 1px dotted transparent; padding: 0 0 0 20px; } .decorative-ampersand { font-family: 'Vidaloka', serif; font-size: 24px; } /* -------------------------------------------- LIST SHORTCODE -------------------------------------------- */ .sf-list { margin-left: 0; list-style: none!important; } .sf-list li { padding: 0 0 0 20px; } .list-add_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/add_b&w.png) no-repeat 2px 3px; } .list-add li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/add_colour.png) no-repeat 2px 3px; } .list-arrow_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/arrow_b&w.png) no-repeat left 3px; } .list-arrow li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/arrow_colour.png) no-repeat left 3px; } .list-article li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/article_b&w.png) no-repeat left 3px; } .list-bar li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/bar_b&w.png) no-repeat left 6px; } .list-bolt_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/bolt_b&w.png) no-repeat 2px 3px; } .list-bolt li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/bolt_colour.png) no-repeat 2px 3px; } .list-date li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/date_b&w.png) no-repeat left 3px; } .list-delete_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/delete_b&w.png) no-repeat 1px 4px; } .list-delete li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/delete_colour.png) no-repeat 1px 4px; } .list-dot li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/dot_b&w.png) no-repeat 2px 5px; } .list-like_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/like_b&w.png) no-repeat left 3px; } .list-like li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/like_colour.png) no-repeat left 3px; } .list-pen li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/pen_b&w.png) no-repeat left 3px; } .list-question_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/questionMark_b&w.png) no-repeat left 3px; } .list-question li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/questionMark_colour.png) no-repeat left 3px; } .list-settings_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/settings_b&w.png) no-repeat left 3px; } .list-settings li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/settings_colour.png) no-repeat left 3px; } .list-star_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/star_b&w.png) no-repeat left 3px; } .list-star li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/star_colour.png) no-repeat left 3px; } .list-tick_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/tick_b&w.png) no-repeat left 3px; } .list-tick li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/tick_colour.png) no-repeat left 3px; } .list-user li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/user_b&w.png) no-repeat left 3px; } .list-warning_bw li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/warning_b&w.png) no-repeat left 3px; } .list-warning li { background: transparent url(../../../../../../themes/ukdlp/images/list-icons/warning_colour.png) no-repeat left 3px; } /* -------------------------------------------- SOCIAL SHORTCODE -------------------------------------------- */ ul.social-icons { height: auto; overflow: hidden; margin-right: -12px; list-style: none!important;; } ul.social-icons li { float: left; display: inline-block; width: 32px; height: 32px; margin-right: 12px; background: none; padding: 0!important; line-height: 32px!important; border: 0!important; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } ul.social-icons li a { background: transparent url(../../../../../../themes/ukdlp/images/social-icons.png) no-repeat 0 0; display: block; width: 32px; height: 32px; text-indent: 110%; white-space: nowrap; overflow: hidden; padding: 0; } ul.social-icons.dark li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-mono.png); } ul.social-icons.dark.small li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-mono-small.png); } ul.social-icons.light li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-mono-light.png); } ul.social-icons.light.small li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-mono-light-small.png); } ul.social-icons:hover li, ul.social-icons.small:hover li { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity= 50); } ul.social-icons li:hover, ul.social-icons.small li:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); } ul.social-icons li a:hover { color: transparent; } ul.social-icons li.twitter a { background-position: 0 0; } ul.social-icons li.facebook a { background-position: -32px 0; } ul.social-icons li.dribbble a { background-position: -64px 0; } ul.social-icons li.vimeo a { background-position: -96px 0; } ul.social-icons li.tumblr a { background-position: -128px 0; } ul.social-icons li.spotify a { background-position: -160px 0; } ul.social-icons li.linkedin a { background-position: -192px 0; } ul.social-icons li.lastfm a { background-position: -224px 0; } ul.social-icons li.googleplus a { background-position: -256px 0; } ul.social-icons li.flickr a { background-position: -288px 0; } ul.social-icons li.youtube a { background-position: -320px 0; } ul.social-icons li.behance a { background-position: -352px 0; } ul.social-icons li.pinterest a { background-position: -384px 0; } ul.social-icons li.instagram a { background-position: -416px 0; } ul.social-icons li.yelp a { background-position: -448px 0; } ul.social-icons li.skype a { background-position: -480px 0; } ul.social-icons li.xing a { background-position: -512px 0; } ul.social-icons li.vk a, ul.social-icons.small li.vk a { background-image: none; text-indent: 0; text-align: center; background-color: #4e729a; color: #fff!important; border-radius: 50%; } ul.social-icons li.snapchat a, ul.social-icons.small li.snapchat a { background-image: none; text-indent: 0; text-align: center; background-color: #fffc00; color: #222!important; border-radius: 50%; } ul.social-icons li.twitch a, ul.social-icons.small li.twitch a { background-image: none; text-indent: 0; text-align: center; background-color: #6441a5; color: #fff!important; border-radius: 50%; } ul.social-icons li.whatsapp a, ul.social-icons.small li.whatsapp a { background-image: none; text-indent: 0; text-align: center; background-color: #4dc247; color: #fff!important; border-radius: 50%; } ul.social-icons li.rss a, ul.social-icons.small li.rss a { background-image: none; text-indent: 0; text-align: center; background-color: #f26522; color: #fff!important; border-radius: 50%; } ul.social-icons.dark li.vk a, ul.social-icons.small.dark li.vk a, ul.social-icons.dark li.twitch a, ul.social-icons.small.dark li.twitch a, ul.social-icons.dark li.snapchat a, ul.social-icons.small.dark li.snapchat a, ul.social-icons.dark li.whatsapp a, ul.social-icons.small.dark li.whatsapp a, ul.social-icons.dark li.rss a, ul.social-icons.small.dark li.rss a { background-color: transparent; color: #222!important; } ul.social-icons.light li.vk a, ul.social-icons.small.light li.vk a, ul.social-icons.light li.twitch a, ul.social-icons.small.light li.twitch a, ul.social-icons.light li.snapchat a, ul.social-icons.small.light li.snapchat a, ul.social-icons.light li.whatsapp a, ul.social-icons.small.light li.whatsapp a, ul.social-icons.light li.rss a, ul.social-icons.small.light li.rss a { background-color: transparent; color: #fff!important; } ul.social-icons li a > i { vertical-align: -2px; font-size: 16px; } ul.social-icons.small li a > i { vertical-align: -1px; font-size: 14px; } ul.social-icons li.vk a > i { vertical-align: -1px; } ul.social-icons.small { height: auto; overflow: hidden; margin-right: -5px; list-style: none!important; } ul.social-icons.small li { width: 24px; height: 24px; margin: 0 5px 0 0; float: left; display: inline-block; background: none; padding: 0!important; line-height: 24px!important; border: 0!important; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } ul.social-icons.small li a { background: transparent url(../../../../../../themes/ukdlp/images/social-icons-small.png) no-repeat 0 0; display: block; width: 24px; height: 24px; text-indent: 110%; white-space: nowrap; overflow: hidden; padding: 0; } ul.social-icons.small li.twitter a { background-position: 0 0; } ul.social-icons.small li.facebook a { background-position: -24px 0; } ul.social-icons.small li.dribbble a { background-position: -48px 0; } ul.social-icons.small li.vimeo a { background-position: -72px 0; } ul.social-icons.small li.tumblr a { background-position: -96px 0; } ul.social-icons.small li.spotify a { background-position: -120px 0; } ul.social-icons.small li.linkedin a { background-position: -144px 0; } ul.social-icons.small li.lastfm a { background-position: -168px 0; } ul.social-icons.small li.googleplus a { background-position: -192px 0; } ul.social-icons.small li.flickr a { background-position: -216px 0; } ul.social-icons.small li.youtube a { background-position: -240px 0; } ul.social-icons.small li.behance a { background-position: -264px 0; } ul.social-icons.small li.pinterest a { background-position: -288px 0; } ul.social-icons.small li.instagram a { background-position: -312px 0; } ul.social-icons.small li.yelp a { background-position: -336px 0; } ul.social-icons.small li.skype a { background-position: -360px 0; } ul.social-icons.small li.xing a { background-position: -384px 0; } /* -------------------------------------------- PROGRESS SHORTCODE -------------------------------------------- */ .progress { height: 42px; margin-bottom: 10px; } .progress .bar { position: relative; } .progress .bar-text { position: absolute; top: 0; left: 0; line-height: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; color: #fff; font-weight: bold; width: 100%; text-align: left; display: none; } .progress .bar-text > span { float: right; display: block; } .progress .bar { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* -------------------------------------------- CHART SHORTCODE -------------------------------------------- */ .chart-shortcode { position: relative; text-align: center; } .chart-shortcode.chart-center { margin: 0 auto; } .chart-shortcode canvas { position: absolute; top: 0; left: 0; } .chart-shortcode span { font-size: 14px; vertical-align: -1px; } .chart-shortcode.chart-170 span { font-size: 36px; vertical-align: 0px; } .chart-shortcode.chart-170 span i { vertical-align: 0; } /* -------------------------------------------- LATEST TWEET SHORTCODE -------------------------------------------- */ .latest-tweet ul { margin-bottom: 10px; list-style: none!important; } .latest-tweet ul li { margin-left: 0; } .latest-tweet p { margin-bottom: 0; } .latest-tweet .tweet-author { margin-right: 4px; font-weight: bold; } .latest-tweet .tweet-date { text-decoration: none; color: #999; margin-left: 5px; display: inline-block; } /* -------------------------------------------- TWEET SLIDER SHORTCODE -------------------------------------------- */ .asset-bg .spb_tweets_slider_widget { padding-top: 60px; padding-bottom: 60px; } .spb_tweets_slider_widget .tweet-text { padding: 0 15%; text-align: center; } .spb_tweets_slider_widget .text-normal .tweet-text { font-size: 18px; line-height: 26px; } .spb_tweets_slider_widget .text-large .tweet-text { font-size: 24px; line-height: 36px; } .spb_tweets_slider_widget .twitter_intents { margin-top: 20px; } .spb_tweets_slider_widget .twitter_intents a { margin-left: 5px; } .spb_tweets_slider_widget .twitter_intents a:first-child { margin-left: 0; } .spb_tweets_slider_widget a.twitter-timestamp { margin-top: 20px; display: block; padding: 0 15%; } .spb_tweets_slider_widget a:hover { text-decoration: none; } /* -------------------------------------------- GALLERY SHORTCODE -------------------------------------------- */ .gallery { padding-top: 10px; } .gallery .gallery-item { width: auto; float: left; display: inline; margin: 0 14px 14px; width: 17%; } .gallery-item .gallery-icon { background: #222 url(../../../../../../themes/ukdlp/images/view-image.png) no-repeat center center; width: 100%; height: auto; } .gallery-item .gallery-icon a { display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); } .gallery-icon a img { display: block; width: 100%; height: auto; } .gallery-item .gallery-icon a:hover { opacity: 0.1; -moz-opacity: 0.1; filter:alpha(opacity= 10); } /* -------------------------------------------- ACCORDION SHORTCODE -------------------------------------------- */ .spb_accordion .spb_accordion_wrapper { margin-bottom: 30px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e4e4e4; } .spb_accordion .spb_accordion_section { border: 0; } .spb_accordion .spb_accordion_section .row-fluid .container > .row { margin-left: 0; } .spb_accordion_section > h3 { font-size: 14px; font-weight: normal; outline: 0!important; margin-bottom: 0; } .spb_accordion .spb_accordion_section > h3 a { display: block; text-decoration: none; padding: 12px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute!important; right: 0; top: 14px!important; margin-top: 0!important; background-image: none!important; left: auto!important; width: 12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .spb_accordion_section > h3 .ui-icon:before { content: "\f067"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; width: 10px; height: 10px; float: left; margin-right: 10px; margin-top: -1px; font-size: 14px; text-indent: 0; } .spb_accordion_section h3.ui-state-active .ui-icon:before { content: "\f068"; } .spb_accordion .ui-state-active, .spb_accordion .ui-state-default { background: none!important; margin-top: 0; } .spb_accordion .ui-accordion .ui-accordion-content { border: 0; padding: 3px 0 15px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .spb_accordion .ui-accordion .ui-accordion-content .row { margin-left: 0!important; } .spb_accordion .ui-accordion .ui-accordion-content.row-fluid [class*="span"] { width: 100%!important; } .spb_accordion .ui-accordion .ui-accordion-header { position: relative; margin-top: 0; border-top: 1px solid #e4e4e4; } .ui-accordion-content .spb_wrapper p:last-child { margin-bottom: 0; } .ui-accordion-content .spb_wrapper .box-content-wrap p:last-child { margin-bottom:20px; } /* -------------------------------------------- TABS SHORTCODE -------------------------------------------- */ .spb_tabs { margin-bottom: 30px; } .spb_tabs .nav-tabs { margin-bottom: 0; } .spb_tabs .nav-tabs li a { border-radius: 0; white-space: nowrap; margin-right: 0; padding: 10px 18px; border: 1px solid #ddd; border-left-width: 0; border-bottom-color: transparent; } .spb_tabs .nav-tabs li:first-child a { border-left-width: 1px; } .spb_tabs .tab-content { border: 1px solid #e4e4e4; border-top: 0; border-left-width: 0; border-right-width: 0; padding: 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .spb_tabs .tab-content .row { margin-left: 0!important; } .spb_tabs .tab-content .row [class*="span"] { width: 100%!important; margin-left: 0!important; } .spb_tour .nav-tabs { margin-right: 0; border-right: 0; } .spb_tour .nav-tabs li a { border-radius: 0; margin-bottom: 0; padding: 10px 18px; border: 1px solid #ddd; } .spb_tour .nav-tabs li:first-child a { border-bottom: 0; } .spb_tour .tab-content { border: 1px solid #e4e4e4; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; min-height: 100px; } .spb_tour .tab-content .row { margin-left: 0!important; } .spb_tour .tab-content .row [class*="span"] { width: 100%!important; margin-left: 0!important; } /* -------------------------------------------- TOGGLE ASSET -------------------------------------------- */ .toggle-wrap { margin-bottom: 15px; } .toggle-wrap .spb_toggle { padding: 10px 15px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border: 1px solid #e3e3e3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; } .toggle-wrap .spb_toggle:after { content: "\f067"; font-family: FontAwesome; right: 20px; bottom: auto; top: 50%; margin-top: -9px; position: absolute; font-size: 16px; } .toggle-wrap .spb_toggle_title_active:after { content: "\f068"; } .toggle-wrap .spb_toggle:hover { cursor: pointer; } .toggle-wrap .spb_toggle_title_active { -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .spb_toggle_content { padding: 10px; border: 1px solid #e3e3e3; border-top-width: 0; display: none; } .spb_toggle_content p:last-child { margin-bottom: 0; } /* -------------------------------------------- CALENDAR WIDGET -------------------------------------------- */ .widget_calendar #calendar_wrap { border: 1px solid #e4e4e4; /* stroke */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ overflow: hidden; } #calendar_wrap caption { border-bottom: 2px solid #222; padding: 7px 0; } .widget_calendar table { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; position: relative; margin-bottom: -2px; } .widget_calendar th { text-align: center; width: 26px; height: 35px; border: 1px solid #e4e4e4; border-bottom: 0; vertical-align: middle; } .widget_calendar th:first-child { border-left: 0; } .widget_calendar th:last-child { border-right: 0; } .widget_calendar tbody tr { height: 35px; } .widget_calendar tbody tr > td { color: #444; text-align: center; border: 1px solid #e4e4e4; vertical-align: middle; padding: 0; } .widget_calendar tbody tr > td:first-child { border-left: 0; } .widget_calendar tbody tr > td:last-child { border-right: 0; } .widget_calendar tbody tr > td a { padding: 6px 0; display: block; } .sidebar .widget_calendar tbody tr > td a:hover { text-decoration: none; } .widget_calendar tbody tr > td.pad { border: 0; border-top: 1px solid #e4e4e4; background: transparent url(../../../../../../themes/ukdlp/images/scanlines_dark.png) repeat 0 0; } .widget_calendar tfoot { position: absolute; top: 2px; width: 100%; display: block; } .widget_calendar tfoot tr { width: 100%; display: block } .widget_calendar tfoot td { padding: 5px 0; border-color: transparent; float: left; } .widget_calendar tfoot td#prev { padding-left: 10px; width: 40px; text-align: left; } .widget_calendar tfoot td#next { padding-right: 10px; width: 40px; text-align: right; float: right; } .widget_calendar tfoot td a:hover { text-decoration: none; } /* #WooCommerce ================================================== */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } .woocommerce a.button.alt, .woocommerce input.button.alt, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button.alt:hover { text-shadow: none; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 0; } .woocommerce form .form-row input.input-text { padding: 8px 10px; border: 1px solid #e4e4e4; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 38px; border-radius: 0; line-height: 18px; box-shadow: none; background: transparent; } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-info { box-shadow: none; border: 0; border-radius: 0; text-shadow: none; padding: 12px 50px; margin-bottom: 40px!important; line-height: 30px; } .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-message:before { content: "\f00c"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: inherit; text-shadow: none; } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce .woocommerce-info:before { background: transparent; box-shadow: none; border-radius: 0; top: 11px; padding-top: 0; } .woocommerce .woocommerce-message a.button, .woocommerce-page .woocommerce-message a.button { background: none; border: 0; box-shadow: none; text-shadow: none; font-size: 12px; padding: 10px 14px; } .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error { background: #b81c23; color: #fff; } .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message { background: #d1f2f0; color: #252525; } .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-message:before { color: #252525; top: 13px; } .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-info { background: #d9edf7; } .woocommerce-page .woocommerce-info:before, .woocommerce .woocommerce-info:before { color: #252525; text-shadow: none; top: 13px; } .woocommerce .pp_gallery { left: 47%; } div.pp_woocommerce .pp_content_container { padding: 40px 0; } div.pp_woocommerce .pp_description { font-size: 14px; line-height: 14px; } div.pp_woocommerce .currentTextHolder { line-height: 16px; } div.pp_woocommerce .pp_details { display: none!important; } .wc-points-rewards-product-message { margin-bottom: 15px; display: block; } .modal-body .comment-form-rating { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 25px!important; } .modal-body .comment-form-rating label { float: left; margin-right: 15px; } .modal-body .comment-form-rating p.stars > span { display: block; margin-top: 2px; } .modal-body #commentform label { margin-bottom: 15px; } .modal-body .comment-form-author, .modal-body .comment-form-email { height: auto; overflow: hidden; width: 100%; } .modal-body .comment-form-author label, .modal-body .comment-form-email label { float: left; line-height: 28px; } .modal-body .comment-form-author input, .modal-body .comment-form-email input { margin-left: 10px; } .modal-body #commentform p span.required { float: left; margin-left: 4px; } .modal-body .comment-form-comment textarea { min-height: 200px; } .woocommerce #review_form #respond .form-submit input { -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); padding: 12px 15px; border: 0; border-radius: 0; text-shadow: none; margin-bottom: 2px; } .woocommerce .help-bar { padding: 20px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom: 60px; } .woocommerce-checkout .help-bar { margin-bottom: 0; border-bottom: 0; } .woocommerce .help-bar span { float: left; } .woocommerce .help-bar ul { float: right; margin-bottom: 0; } .woocommerce .help-bar ul li { float: left; margin-bottom: 0; margin-top: 0; margin-left: 30px; } .woocommerce .help-bar ul li:first-child { margin-left: 0; } .woocommerce .help-bar ul li a { border-bottom: 1px dotted #e4e4e4; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { position: relative; float: right; margin: 0; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { height: 40px !important; } .woocommerce .woocommerce-ordering select option, .woocommerce-page .woocommerce-ordering select option { padding: 5px; } .tax-product_brand .brand-description { width: 100%; clear: both; } .tax-product_brand .brand-description .text { padding-left: 0!important; padding-top: 10px!important; width: 100%; } .tax-product_brand .brand-description .text { padding-left: 0!important; padding-top: 10px!important; width: 100%; } .woocommerce .summary .woocommerce-product-rating, .woocommerce-page .summary .woocommerce-product-rating { display: none; } /* -------------------------------------------- SHOP PAGE -------------------------------------------- */ .woocommerce-shop-page .woocommerce-shop-page { clear: both; } .woocommerce-count-wrap { float: left; margin-bottom: 10px; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; margin-bottom: 0; } .term-description, p.archive-description { clear: both; padding-top: 20px; } .woocommerce-show-products a { margin: 0 3px; } .woocommerce-show-products a:first-child { margin-left: 0; } .woocommerce-ordering .woo-select { -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); padding: 8px 15px; } .woocommerce-ordering .woo-select:after { content: "\f107"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline; font-size: 12px; opacity: 0.7; margin-left: -10px; } ul.cart_list li, ul.product_list_widget li { padding: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { padding: 10px 0; } ul.products li.product .product-details { float: left; } ul.products li.product .star-rating { display: none; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { margin: 0 0 4px; padding: 0; line-height: 18px; } ul.products li.product .product-desc { margin-top: 10px; } ul.products li.product .product-desc > p:last-child { margin-bottom: 0; } .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge { background: #ef3f32; color: #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space: nowrap; overflow: hidden; position: absolute; text-align: center; padding: 4px; width: 120px; z-index: 4; min-width: auto!important; height: 26px!important; min-height: 26px!important; max-height: 26px!important; margin: 0!important; border-radius: 0; right: -31px!important; top: 16px!important; left: auto; text-transform: uppercase; font-size: 11px; line-height: 28px; font-weight: bold; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .woocommerce .out-of-stock-badge { background: #666; font-size: 10px; } .woocommerce .free-badge { background: #222; } ul.products li.product .price, .woocommerce ul.products li.product .price { float: right; font-size: 14px; text-align: right; } .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins { text-decoration: none; } ul.products li.product a.button { display: inline-block; } ul.products li.product a.quick-view-button { display: block; top: -40px!important; text-shadow: none!important; } .quick-view-detail-button { padding: 14px 10px; box-shadow: none; } .woocommerce ul.products li.product figure { overflow: hidden; position: relative; margin-bottom: 20px; -webkit-box-shadow: 0 8px 6px -7px #999; -moz-box-shadow: 0 8px 6px -7px #999; box-shadow: 0 8px 6px -7px #999; } body .woocommerce ul.products li.product figure, body.woocommerce ul.products li.product figure, body .woocommerce ul.products li.product figure.product-transition, body.woocommerce ul.products li.product figure.product-transition, .mobile-browser .woocommerce.product_list_widget ul.products li.product figure { padding-bottom: 0!important; } .woocommerce ul.products li.product figure .product-hover-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; } .woocommerce ul.products li.product figure > .product-img-wrap { display: block; float: left; width: 100%; height: 100%; z-index: 1; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; } .woocommerce ul.products li.product figure.product-transition .product-image.second-image { position: absolute; width: 100%; height: 100%; } .standard-browser ul.products li.product figure.product-transition-alt > .product-img-wrap { width: 200%; height: 100%; left: 0; } .woocommerce ul.products li.product a img { display: block; margin-bottom: 0; } .standard-browser ul.products li.product figure.product-transition:hover > .product-img-wrap { -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: -o-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; } .standard-browser ul.products li.product figure.product-transition-alt:hover > .product-img-wrap { -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .standard-browser ul.products li.product figure.product-transition-alt .product-image { float: left; width: 50%; } .standard-browser ul.products li.product figure.product-transition-fade { position: relative; display: block; overflow: hidden; } ul.products li.product figure.product-transition-fade > .product-img-wrap > .product-image { position: relative; z-index: 3; } ul.products li.product figure.product-transition-fade > .product-img-wrap > .product-image.second-image { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } .mobile-browser ul.products li.product figure.product-transition-fade > .product-img-wrap > .product-image.second-image { display: none; } .standard-browser ul.products li.product figure.product-transition-fade > .product-img-wrap > .product-image img { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; opacity: 1; } ul.products li.product figure.product-transition-fade > .product-img-wrap > .product-image:first-child { display: block; width: 100%; height: auto; z-index: 3; } .standard-browser ul.products li.product figure.product-transition-fade > .product-img-wrap > .product-image:first-child img { max-width: 100%; width: 100%!important; height: auto; display: block; } .standard-browser ul.products li.product figure.product-transition-fade:hover > .product-img-wrap > .product-image > img { opacity: 1; } .standard-browser ul.products li.product figure.product-transition-fade:hover > .product-img-wrap > .product-image:first-child > img { opacity: 0; } ul.products li.product .product-image > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 1.5s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0ms; -moz-transition: opacity 1.5s cubic-bezier(0.190,1.000,0.220,1.000) 0ms; -o-transition: opacity 1.5s cubic-bezier(0.190,1.000,0.220,1.000) 0ms; transition: opacity 1.5s cubic-bezier(0.190,1.000,0.220,1.000) 0ms; } .mobile-browser ul.products li.product .product-image.second-image, ul.products li.product figure.no-transition .product-image.second-image { display: none!important; } .woocommerce ul.products li.product figure figcaption { position: absolute; bottom: -80px; left: 0; z-index: 5; background: #222; color: #fff; width: 100%; font-size: 12px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .standard-browser ul.products li.product figure:hover figcaption { bottom: 0; } .products-mini ul.products li.product figure figcaption { display: none; } li.product figcaption .shop-actions { position: relative; min-height: 40px; } li.product figcaption .shop-actions > a { padding: 10px 14px; text-transform: uppercase; color: #e4e4e4; float: left; position: absolute; width: 100%; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 2; } li.product figcaption .shop-actions > a.button { border: 0; background: transparent!important; text-shadow: none; line-height: 22px; margin-top: 0!important; } .woocommerce ul.products li.product figure figcaption .shop-actions a.add_to_cart_button > i { margin-right: 6px; } .woocommerce ul.products li.product figure figcaption a.product-added:before { content: "\f00c"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: inherit; margin-right: 4px; } .woocommerce ul.products li.product figure figcaption a.product-added:after { display: none!important; } .woocommerce ul.products li.product figure figcaption a.added_to_cart { display: none!important; } .woocommerce ul.products li.product figure figcaption .yith-wcwl-add-to-wishlist { float: right; display: block; padding: 0; position: relative; z-index: 3; border-left-color: rgba(255,255,255,0.2); } .woocommerce ul.products li.product figure figcaption .yith-wcwl-add-to-wishlist a { width: 11px; padding: 10px 14px; } .woocommerce ul.products li.product figure figcaption a.quickshop_button { position: absolute; right: 0; top: 0; display: block; width: auto; float: right; margin: 0; left: auto; background: none; border: 0; height: 40px; line-height: 20px; } .woocommerce .related ul.products li.product { margin-bottom: 30px; } ul.product_list_widget li a:hover { text-decoration: none; } .woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination { border-top: 1px solid #e4e4e4; padding-top: 30px; text-align: right; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li { text-align: center; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span { padding: 13px; line-height: 15px; } nav.woocommerce-pagination ul li a.next i { margin-left: 5px; } nav.woocommerce-pagination ul li a.prev i { margin-right: 5px; } /* -------------------------------------------- SINGLE PRODUCT -------------------------------------------- */ .woocommerce div.product div.images { position: relative; z-index: 2; overflow: hidden; padding-bottom: 50px; margin-bottom: 0; float: left; width: 48%; } .woocommerce div.product div.images .video-wrap img { display: none!important; } .woocommerce div.product div.images .video-wrap iframe { display: block; } .woocommerce div.product div.summary { margin-bottom: 50px; float: right; width: 48%; } #product-img-slider .lSSlideWrapper { -webkit-box-shadow: 0 8px 6px -7px #999; -moz-box-shadow: 0 8px 6px -7px #999; box-shadow: 0 8px 6px -7px #999; margin-bottom: 30px; } #product-img-slider .slides > li { display: block; opacity: 0; } #product-img-slider .slides.slider-loaded > li { opacity: 1; } #product-img-slider li a.zoom { position: absolute; top: 20px; left: 20px; font-size: 18px; color: #252525; background: #fff; padding: 4px 6px 5px; border-radius: 2px; z-index: 99; } #product-img-slider li a.zoom i { vertical-align: -1px; } #product-img-slider .flex-direction-nav { z-index: 100; position: absolute; top: 50%; width: 100%; } #product-img-slider .zoomImg { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #product-img-nav { margin-top: 30px; } #product-img-nav li { margin-right: 12px; margin-bottom: 5px; -webkit-box-shadow: 0 8px 6px -7px #ccc; -moz-box-shadow: 0 8px 6px -7px #ccc; box-shadow: 0 8px 6px -7px #ccc; } #product-img-nav li:hover { cursor: pointer; } #product-img-nav li.flex-active-slide:hover { cursor: default; } .summary-top { border-bottom: 1px solid #e4e4e4; padding-bottom: 30px; margin-bottom: 30px; } .catalog-mode .summary-top { border-bottom: 0; } .woocommerce div.product .summary p.price, .woocommerce-page div.product .summary p.price { float: left; margin-right: 20px; font-size: 24px; margin-bottom: 0; } .woocommerce div.product span.price ins, .woocommerce div.product p.price ins { text-decoration: none; } .woocommerce div.product div.summary .woocommerce_msrp { margin-bottom: 20px; font-weight: bold; } .summary-top .review-summary { float: left; } .summary-top .review-summary .star-rating { float: left; margin-right: 6px; margin-top: 4px; font-size: 12px; letter-spacing: 4px; width: 7em; } .summary-top .review-summary .reviews-text { float: left; } .summary-top .product-navigation { float: right; font-size: 28px; } .summary-top .product-navigation .nav-previous { display: inline-block; margin-left: 12px; float: right; } .summary-top .product-navigation .nav-next { display: inline-block; float: right; } .summary-top .product-navigation .nav-next i, .summary-top .product-navigation .nav-previous i { display: block; vertical-align: top; line-height: 22px; } .summary-top .product-navigation .nav-previous i { margin-right: 0; } .woocommerce div.product .product-short { margin-bottom: 30px; } .woocommerce div.product .product-short > ul { list-style: disc inside none; } .variations_form { height: auto; overflow: hidden; } .variations_form tr td { padding: 0!important; border: 0; } .variations_form > div > div.yith-wcwl-add-to-wishlist { display: none!important; } .variations_form .woo-select { padding: 8px 15px; z-index: 1; } .woocommerce div.product form.cart .variations { border: 0; } .woocommerce div.product form.cart .variations td { position: relative; } .woocommerce div.product form.cart .variations td.label { background: none; } .woocommerce div.product form.cart .variations td.label label { background: none; line-height: 40px; padding-right: 10px; text-shadow: none; color: #222; } .woocommerce div.product form.cart .variations select { display: block; vertical-align: top; z-index: 2; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 14px 35px 12px 15px; line-height: 16px; height: 42px; background-image: url(../../../../../../themes/ukdlp/images/down-arrow@2x.png); background-repeat: no-repeat; background-position: 90% center; background-size: 9px 6px; } .browser-ff.woocommerce div.product form.cart .variations select { background-image: none; } .woocommerce div.product form.cart .variations td.value { position: relative; margin-bottom: 10px; height: auto; overflow: hidden; } .variations_form .reset_variations { display: block; line-height: 40px; clear: both; } .single_variation_wrap .single_variation { margin-bottom: 10px; } .woocommerce form.cart button.single_add_to_cart_button, .woocommerce form.cart button.add_to_cart_button { background: #222; border: 0; border-radius: 0; box-shadow: none; height: 40px; padding: 0 15px; float: left; font-weight: bold!important; outline: 0!important; } .woocommerce form.cart button.single_add_to_cart_button::before { content: "\f067"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; text-shadow: none; margin-right: 10px; font-size: 10px; vertical-align: 1px; } .woocommerce form.cart button.single_add_to_cart_button:active { top: 0!important; } .woocommerce form.cart button.single_add_to_cart_button i { margin-right: 10px; font-size: 10px; vertical-align: 1px; } .woocommerce p.cart a.single_add_to_cart_button { background: #222; border: 0; border-radius: 0; box-shadow: none; height: 40px; line-height: 40px; padding: 0 15px; float: left; } .external-add-to-cart-wrap { margin-bottom: 30px; } .external-add-to-cart-wrap > p.cart { display: inline-block; float: left; margin-bottom: 0!important; } .external-add-to-cart-wrap > .yith-wcwl-add-to-wishlist { display: inline-block; padding: 10px 13px; } .yith-wcwl-add-to-wishlist { background: #222; padding: 9px 13px; display: block; float: left; border-left: 1px solid #444; margin-top: 0; line-height: 20px; display: none; } .woocommerce form.cart .yith-wcwl-add-to-wishlist { display: block; padding: 0; float: left; line-height: 22px; min-height: 40px; } .woocommerce form.cart .yith-wcwl-add-to-wishlist a { display: block; padding: 9px 13px; background: transparent; } .yith-wcwl-add-button > a i { margin-right: 0; vertical-align: -1px; } .yith-wcwl-add-to-wishlist span.feedback { display: none!important; } .woocommerce .quantity, .woocommerce-page .quantity { height: auto; width: auto; max-width: 109px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); margin-right: 10px!important; } .woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus { position: relative; float: left; height: 32px; width: 28px; margin: 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; border-color: rgba(0,0,0,.1); text-shadow: none; padding-right: 0; } .woocommerce .quantity .minus { border: 0; } .woocommerce .quantity .minus, .woocommerce .quantity .plus { font-size: 18px; color: #999; } .woocommerce .quantity .qty-adjust { float: left; } .woocommerce .quantity .qty-plus { display: block; width: 30px; height: 20px; text-align: center; line-height: 26px; font-size: 12px; } .woocommerce .quantity .qty-minus { display: block; width: 30px; height: 20px; text-align: center; line-height: 14px; font-size: 12px; } .woocommerce div.product form.cart .group_table { margin-bottom: 10px; } .woocommerce div.product form.cart .group_table .quantity { background: #e4e4e4; } .woocommerce div.product form.cart .group_table td { padding-bottom: 10px; } .woocommerce div.product form.cart .group_table td.label { background: transparent; color: inherit; text-shadow: none; vertical-align: top; padding-top: 10px; } .woocommerce div.product form.cart .group_table td.price { padding-top: 12px; vertical-align: top; text-align: right; } #product-accordion .accordion-toggle { position: relative; padding-left: 0; } #product-accordion .accordion-toggle:after { content: "\f107"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; font-size: 12px; position: absolute; right: 0; margin-top: -10px; top: 50%; } #product-accordion .accordion-group { border-radius: 0; border-left: 0; border-right: 0; border-top-width: 0; } #product-accordion .accordion-group:first-child { border-top-width: 1px; } #product-accordion .accordion-inner { border-top: 0; padding-left: 0; padding-right: 0; } #product-additional_information .accordion-inner > h2 { display: none; } .summary .product_meta { margin-top: 15px; } .product_meta p .leave-feedback { float: right; } .product_meta a.inline { border-bottom: 1px dotted #e4e4e4; } .share-links { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; padding: 12px 0; margin-top: 20px; } .share-links span { float: left; } .share-links span.love-count { float: none; } .share-links ul { float: right; margin-bottom: 0; margin-right: -10px; list-style: none; } .share-links ul li { float: left; margin-left: 5px; } .share-links ul li a { padding: 10px; } .woocommerce table.shop_attributes { border-top: 0; margin-bottom: 10px; } .woocommerce table.shop_attributes th { text-align: left; font-weight: normal; border-bottom: 0; border-top: 1px dotted rgba(0,0,0,0.1); } .woocommerce table.shop_attributes td { text-align: right; font-style: normal; border-bottom: 0; border-top: 1px dotted rgba(0,0,0,0.1); } .woocommerce table.shop_attributes td p, .woocommerce table.shop_attributes th { padding: 11px 0; } .woocommerce table.shop_attributes tr:first-child th, .woocommerce table.shop_attributes tr:first-child td { border-top: 0; } .woocommerce table.shop_attributes .alt th, .woocommerce table.shop_attributes .alt td { background: transparent; } .woocommerce #reviews #comments ol.commentlist { margin-top: 10px; margin-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; border: 0; padding: 0; } #comments .aggregate-rating, #comments > h2 { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { float: left; margin-right: 10px; margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { float: none; display: block; line-height: 22px; height: 20px; letter-spacing: 4px; font-size: 12px; width: 7em; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description { clear: both; margin-top: 4px; } .add_review { margin: 0; } .add_review a { -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .add_review a span i { margin-right: 6px; } #product-display-area { clear: both; margin-bottom: 50px; } .woocommerce div.product .entry-title { display: none; } .type-product .related.products, .type-product .upsells.products { clear: both; } .type-product .related ul.products, .type-product .upsells ul.products { border-top: 0; padding-top: 0; } .woocommerce .related ul.products li.product, .type-product .upsells ul.products li.product { float: left; margin-right: 0; } .woocommerce .product-carousel ul.products li.product.first, .woocommerce .product-carousel ul.products li.product.last { clear: none!important; float: left!important; } .product-carousel ul.products li.product { margin-bottom: 0; } .woocommerce ul.products li.product { margin-left: 20px; margin-right: 0; } .woocommerce ul.products li.product.first { margin-left: 0; } .carousel-wrap.carousel-disabled ul.products li.product:first-child { margin-left: 0!important; } body .has-no-sidebar ul.products li.product { width: 220px; float: left; } body .has-one-sidebar ul.products li.product { width: 140px; } body.woocommerce .has-one-sidebar .upsells.products ul.products li.product, body.woocommerce .has-one-sidebar .related.products ul.products li.product { width: 139px; } body .has-one-sidebar .products-standard.span8 ul.products li.product { width: 193px; } body .has-both-sidebars ul.products li.product { width: 220px; } body .has-no-sidebar .products-mini ul.products li.product { width: 140px; } body .has-one-sidebar .products-mini ul.products li.product { width: 140px; } body .has-both-sidebars .products-mini ul.products li.product { width: 140px; } body.woocommerce .has-no-sidebar ul.products li.product { width: 220px; } body.woocommerce .has-one-sidebar ul.products li.product { width: 220px; } body.woocommerce .has-both-sidebars ul.products li.product { width: 220px; } #checkin_cal, #checkout_cal { vertical-align: 0; margin-left: 10px; } /* -------------------------------------------- SHOPPING BAG -------------------------------------------- */ .woocommerce .bag-summary span, .woocommerce-page .bag-summary span { opacity: 0.6; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border-radius: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 40px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table { margin-bottom: 20px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { padding: 12px 0; font-weight: normal; } .woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td, .woocommerce table.wishlist_table tr td.product-remove { padding: 30px 0; vertical-align: top; } .woocommerce table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { width: 100px; } .woocommerce table.shop_table img, .woocommerce-page table.shop_table img { width: 70px; height: auto; -webkit-box-shadow: 0 5px 6px -4px #999; -moz-box-shadow: 0 5px 6px -4px #999; box-shadow: 0 5px 6px -4px #999; } .woocommerce table.shop_table tr td.product-quantity .quantity { float: left; } .woocommerce table.shop_table tr td.product-price, .woocommerce table.shop_table tr td.product-subtotal { padding-top: 40px; } .woocommerce table.shop_table .product-name .price, .woocommerce-cart table.shop_table .product-name .amount { display: none; margin-top: 5px; } .woocommerce table.shop_table tr td.product-remove .remove { float: right; padding: 0 10px; line-height: 40px; height: 40px; border-radius: 0; text-indent: 0; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce .cart_totals { margin-bottom: 20px; } .woocommerce .cart_totals table { width: 100%; margin-bottom: 10px; } .woocommerce .cart_totals table th { text-align: left; padding-top: 10px; font-weight: normal; } .woocommerce .cart_totals table td { text-align: right; padding-top: 10px; } .woocommerce .cart_totals table tr.cart-subtotal { border-top: 1px solid #e4e4e4; } .woocommerce .cart_totals table tr.shipping th, .woocommerce .cart_totals table tr.shipping td { padding-bottom: 20px; } .woocommerce .cart_totals table tr.shipping td .shipping-calc-wrap { display: none; } .woocommerce .cart_totals table tr.total { border-top: 2px solid black; } .woocommerce .cart_totals table tr.total td .amount { font-size: 18px; } .woocommerce .cart_totals .woo_pp_cart_buttons_div { margin-top: 10px; } .woocommerce-cart .wc-proceed-to-checkout { padding: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { height: 42px; line-height: 42px; font-size: 14px; padding: 0 20px; margin-top: 20px; margin-bottom: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 100%; } .woocommerce .continue-shopping { border-bottom: 1px dotted #e4e4e4; padding-bottom: 3px; } .woocommerce .coupon { width: auto; margin-left: 0; float: left; } .woocommerce .coupon input.input-text, .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 6px 10px; border: 1px solid #e4e4e4; width: auto; margin: 0 15px 0 0; min-width: 140px; height: 40px; line-height: 40px; float: left; box-shadow: none; -webkit-box-shadow: none; } .woocommerce .coupon input.apply-coupon { padding: 11px 0; width: 28%; float: right; border: 0; margin: 0; font-size: 12px; text-transform: uppercase; } .woocommerce .cart input[name="update_cart"] { float: right!important; margin-right: 0!important; } .woocommerce .cart-shipping-wrap { margin-top: 40px; } .woocommerce .shipping-calculator-button { display: none!important; } .woocommerce .shipping-calc-wrap { width: 50%; } .woocommerce .shipping-calculator-form { display: block!important; } .woocommerce .shipping-calculator-form p { margin-bottom: 15px; position: relative; } .woocommerce #calc_shipping_country { height: 38px!important; max-width: 100%; } .woocommerce .shipping-calculator-form .woo-select { -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); padding: 8px 14px; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce select#billing_country, .woocommerce-checkout #billing_country_field .chosen-container, .woocommerce-checkout #shipping_country_field .chosen-container, .woocommerce-checkout .form-row .chosen-container { width: 75%!important; } .chosen-container .chosen-results { width: 100%!important; } .woocommerce #billing_country_field .woo-select, .woocommerce #shipping_country_field .woo-select { -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); padding: 8px 14px; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-left: 15px; } .woocommerce .shipping-calculator-form .woo-select:after, .woocommerce #billing_country_field .woo-select:after, .woocommerce #shipping_country_field .woo-select:after { content: "\f107"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline; font-size: 12px; opacity: 0.7; margin-left: -10px; } .woocommerce .shipping-calculator-form .woo-selectInner { max-width: 100%; } .woocommerce .shipping-calculator-form .form-row-left { display: inline-block; width: 35%; margin: 0 1.8% 0 0; } .woocommerce .shipping-calculator-form .update-totals-button { display: inline-block; width: 25%; } .woocommerce .shipping-calc-wrap button[name="calc_shipping"] { padding: 13px 20px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); border: 0; border-radius: 0; font-weight: normal; text-shadow: none; outline: none!important; } .woocommerce .button.update-cart-button, .woocommerce .button.checkout-button { width: 100%; height: 42px; text-align: left; padding: 10px 15px; margin-top: 15px; margin-bottom: 0; border: 0; border-radius: 0; text-shadow: none; font-weight: normal; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); line-height: 22px; box-sizing: border-box; } .woocommerce ul.products li.product-category h3 { margin-top: 20px; } .woocommerce ul.products li.product-category h3 mark { background: none; } .woocommerce input[name="apply_coupon"], .woocommerce .cart input[name="update_cart"] { width: auto; padding: 13px 20px; border: 0; border-radius: 0; text-shadow: none; font-weight: normal; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); float: right; } .woocommerce .checkout_coupon p.form-row { width: 49%; margin-bottom: 0; } .woocommerce .checkout_coupon input.input-text { height: 40px; line-height: 40px; } .woocommerce .checkout_coupon input[name="apply_coupon"] { float: left; } .woocommerce-account label[for="billing_country"], .woocommerce-account label[for="shipping_country"] { float: left; } /* -------------------------------------------- PRODUCT PAGE BUILDER ASSETS -------------------------------------------- */ .product_list_widget.woocommerce ul.products { border-top: 0; padding-top: 0; } .product_list_widget.woocommerce .carousel-disabled ul.products > .product:first-child { margin-left: 0!important; } .woocommerce .product-carousel.carousel-disabled ul.products li.product.first { float: left!important; } .woocommerce .product-carousel.carousel-disabled ul.products li.product.last { float: left!important; } .product_list_widget.woocommerce .carousel-disabled .prev, .product_list_widget.woocommerce .carousel-disabled .next { display: none; } ul.mini-list { list-style: none; } .mini-list li { margin-top: 20px; } .mini-list li:first-child { margin-top: 0; } .mini-list li figure { float: left; width: 70px; margin-bottom: 2px; -webkit-box-shadow: 0 5px 6px -4px #999; -moz-box-shadow: 0 5px 6px -4px #999; box-shadow: 0 5px 6px -4px #999; } .mini-list li .product-details { margin-left: 85px; } .mini-list li h5 { margin-top: 0; margin-bottom: 3px; } .mini-list li .product-cats { display: block; margin-bottom: 3px; } .mini-list li .star-rating { float: none; margin: 5px 0 8px; font-size: 12px; letter-spacing: 4px; width: 7.4em; } /* -------------------------------------------- SHOPPING BAG EMPTY -------------------------------------------- */ p.no-items { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 10px 0; margin-bottom: 20px; } /* -------------------------------------------- CHECKOUT PAGE -------------------------------------------- */ ul.checkout-process { border: 1px solid #e4e4e4; margin-bottom: 60px; list-style: none; } ul.checkout-process li { width: 25%; float: left; position: relative; } ul.checkout-process li:after { background: transparent url(../../../../../../themes/ukdlp/images/checkout-process-angle.png) no-repeat top left; content: " "; position: absolute; top: 0; left: -40px; display: block; width: 20px; height: 39px; } ul.checkout-process li:first-child:after { display: none; } ul.checkout-process li a, ul.checkout-process li p { display: block; padding: 10px 15px 9px; line-height: 19px; margin: 0; } ul.checkout-process li a.active, ul.checkout-process li p.active { cursor: pointer; font-weight: bold; } .returning-customer a { border-bottom: 1px dotted #e3e3e3; } #login-form .modal-body form.login { display: block!important; border: 0; padding: 0; margin: 0; } #login-form .modal-body form.login p.form-row-first, #login-form .modal-body form.login p.form-row-last { width: 100%; margin-bottom: 20px; text-align: left!important; margin-top: 0!important; } #login-form .modal-body form.login p.form-row { width: 100%; margin-bottom: 20px; text-align: right; margin-top: 10px; } #login-form .modal-body form.login p.form-row input[type="submit"] { float: right!important; margin-right: 0!important; margin-left: 20px; padding: 15px 40px; } #login-form .modal-body form.login p.form-row a.lost_password { padding-top: 7px; display: inline-block; } .woocommerce #account_details > .login, .my-account-login-wrap .login-wrap { padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 11px 5px -10px rgba(0,0,0,0.3); } .woocommerce #account_details .col-2 { padding: 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce #account_details .login form, .my-account-login-wrap .login-wrap form.login { display: block!important; border-radius: 0; border: 0; padding: 0; margin-bottom: 0; } .woocommerce #account_details .login form p.form-row, .woocommerce #create-account p.form-row, .my-account-login-wrap .login-wrap form.login p.form-row, .woocommerce form.edit-address-form p.form-row { display: block; width: 100%; float: none; margin-top: 20px; } .woocommerce #account_details .login form p.form-row:first-child, .woocommerce #create-account p.form-row:first-child, .my-account-login-wrap .login-wrap form.login p.form-row:first-child, .woocommerce form.edit-address-form p.form-row:first-child { margin-top: 0; } .woocommerce #create-account .modal-body { padding: 30px; } .woocommerce #create-account p.form-row label, .woocommerce form.edit-address-form p.form-row label { float: left; width: 25%; line-height: 38px; } .woocommerce #create-account p.form-row input, .woocommerce form.edit-address-form p.form-row input, .woocommerce form.edit-address-form p.form-row select { width: 73%; float: right; } .woocommerce #create-account .continue-button { float: right; margin-top: 20px; } .woocommerce #account_password-2_field { margin-top: 0; } .woocommerce #account_password-2_field label { visibility: visible; } .woocommerce #account_details .login form p.form-row input[type="submit"], .my-account-login-wrap .login-wrap form.login p.form-row input[type="submit"], .woocommerce .my-account-login-wrap form input[type="submit"], .lost_reset_password p.form-row input[type="submit"], .track_order p.form-row input[type="submit"], .change_password_form p input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce.widget .buttons a, .woocommerce .wishlist_table tr td.product-add-to-cart a, #login-form .modal-body form.login p.form-row input[type="submit"], .woocommerce input[name="save_account_details"], .login p.form-row input[type="submit"] { margin-right: 20px; float: left; border: 0; background: transparent; box-shadow: none; text-shadow: none; border-radius: 0; padding: 10px 20px; font-weight: normal; } .woocommerce #account_details .login form p.form-row a.lost_password, .my-account-login-wrap .login-wrap form.login p.form-row a.lost_password { margin: 6px 0 0; display: inline-block; } .woocommerce #account_details .new-here-text { float: left; width: 47%; margin-right: 3%; } .woocommerce #account_details .bag-buttons { width: 50%; float: right; padding: 0; margin-top: 5px; } .woocommerce .bag-buttons a.create-account-button { margin-bottom: 20px; } .woocommerce-checkout .already-logged-in p { font-size: 22px; float: left; margin: 0 20px 0 0; line-height: 40px; } #order-details { padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce form #customer_details .form-row { display: block; width: 100%; float: none; margin-bottom: 20px; } .woocommerce form #customer_details .form-row label { float: left; width: 25%; padding: 0; margin: 0; line-height: 38px; font-weight: normal; } .woocommerce form #customer_details .form-row input { float: right; width: 75%; } .woocommerce form #customer_details .form-row textarea { float: right; width: 75%; padding: 10px; min-height: 70px; line-height: 20px; } .woocommerce-checkout .form-row .chzn-container { width: 75%!important; margin-top: 5px; } .woocommerce-checkout .form-row .chzn-container .chzn-results { width: 100%; } .woocommerce form #order-details .form-row.notes { padding-top: 40px; } .woocommerce .checkout #createaccount { float: none!important; width: auto!important; } .woocommerce .checkout label.checkbox[for="createaccount"] { padding: 0; margin: 0; float: none!important; width: auto!important; } .create-account { padding-bottom: 20px; } .woocommerce .checkout #ship-to-different-address { float: none!important; width: 100%!important; margin-bottom: 20px; padding: 10px 0; } .woocommerce .checkout #ship-to-different-address input { float: none!important; width: auto!important; display: inline-block; margin: -2px 0 0; } .woocommerce .checkout #ship-to-different-address label { float: none!important; width: auto; font-size: 1em; line-height: auto!important; display: inline-block; padding-left: 5px; } .woocommerce form #billing .form-row .chzn-container input { float: none; } .woocommerce-checkout .form-row .chzn-container-single .chzn-search input { padding: 11px 6px; } .review-order-wrap { border: 2px solid #e3e3e3; padding: 45px 45px 30px; } .review-order-wrap table.shop_table tr th, .review-order-wrap table.shop_table tr td { padding: 15px 0 17px; } table.shop_table tr.cart-subtotal th, table.shop_table tr.cart-subtotal td, table.shop_table tr.total th, table.shop_table tr.total td { border-top: 2px solid #222!important; } .review-order-wrap table.shop_table tr td, table.shop_table tr th.product-total { text-align: right; } .review-order-wrap table.shop_table tr td.product-name { text-align: left; } .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd { line-height: 30px; margin: 0 4px 4px 0; padding: 0; float: none; } #order_review_heading { margin-bottom: 15px; } #order-details { padding-right: 30px; } #order-details p.form-row { margin-bottom: 20px; } #order_review table.shop_table { border-top: 0; margin-bottom: 20px; border-bottom: 0; } #order_review table.shop_table th { font-weight: normal; } #order_review table.shop_table td, #order_review table.shop_table th.product-total { text-align: right; } #order_review table.shop_table td.product-name { text-align: left; } #order_review table.shop_table th, #order_review table.shop_table td { padding: 10px 0; } #order_review table.shop_table tbody th, #order_review table.shop_table tbody td { padding: 25px 0; } #order_review table.shop_table .cart-subtotal th, #order_review table.shop_table .cart-subtotal td { border-top: 2px solid rgba(0,0,0,0.8); } #order_review table.shop_table td { border-color: rgba(0,0,0,0.05); } #order_review table.shop_table td.product-description { width: 80%; padding: 15px 0 17px; } td.product-description .quantity-count { margin-bottom: 0; } #order_review table.shop_table td.product-subtotal { width: 20%; padding-top: 17px; } #order_review table.shop_table .product-quantity { text-align: center; } #order_review table.shop_table .product-subtotal { text-align: right; } #order_review table.shop_table dl dt { float: left; margin-right: 4px; } table.totals_table { float: right; width: 30%; margin-bottom: 30px; border-bottom: 0; } #order_review table.totals_table { width: 100%; float: none; margin-bottom: 20px; } table.totals_table tr th { text-align: left; padding: 2px 0; font-weight: normal; } table.totals_table tr.total th, table.totals_table tr.total td { padding: 12px 0 0; letter-spacing: normal; } table.totals_table tr td { text-align: right; padding: 2px 0; border-top: 0; } table.totals_table tr.blank td, table.totals_table tr.blank th { padding: 6px 0; } table.totals_table tr.total { margin-top: 20px; border-top: 2px solid #222; } table.totals_table tr.total td .amount { font-size: 18px; } #shipping_method li input { float: left; margin-top: 5px; margin-left: -20px; } #shipping_method li label { margin-left: 25px; } .woocommerce #payment { background: transparent; border-radius: 0; } .woocommerce #payment ul.payment_methods { padding: 15px 0; } .woocommerce #payment ul.payment_methods li { margin-bottom: 5px; } .woocommerce #payment ul.payment_methods li input { margin-top: 3px; } .woocommerce #payment ul.payment_methods li label { font-weight: normal; margin-bottom: 0; } .woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { margin: 5px 0; } .woocommerce #payment ul.payment_methods li.payment_method_paypal input { margin-top: 18px; } .woocommerce #payment ul.payment_methods li.payment_method_paypal img { margin: 0 10px; } .woocommerce #payment div.payment_box { border-radius: 0; box-shadow: none; padding: 1em; } .woocommerce #payment div.payment_box fieldset { padding: 0!important; } .woocommerce #payment div.payment_box fieldset .form-row { width: 100%; clear: both; } .woocommerce #payment div.form-row.place-order { padding: 20px 0 10px; } .woocommerce #payment #place_order { padding: 0 30px; height: 46px; line-height: 46px; } #order_review #payment { margin: 0 -45px; padding: 20px 45px 0; } #payment_heading { margin-bottom: 0; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3; } #order_review #payment #place_order { padding: 0 30px; height: 46px; line-height: 46px; width: 100%; } .woocommerce-checkout p.thank-you { font-size: 32px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4; padding-bottom: 60px; } .woocommerce-checkout .checkout-confirmation h2 { margin-top: 30px; } /* -------------------------------------------- MY ACCOUNT PAGE -------------------------------------------- */ .my-account-login-wrap { margin-bottom: 40px; } .my-account-login-wrap .col-2 { padding: 30px 0; } .my-account-login-wrap .col-2 form { border: 0; padding: 0; } .woocommerce .login-wrap .login label.inline { padding: 0; line-height: 48px; } .woocommerce .login-wrap .login label.inline input { margin-top: 0; } .woocommerce .my-account-login-wrap form input[type="submit"] { float: right; margin: 10px 0 0; } .woocommerce form #create-account input[type="submit"], .woocommerce input[name="save_account_details"] { float: right; margin-top: 20px; margin-right: 0; } .woocommerce .my-account-login-wrap .new-user-text { margin-bottom: 20px; } .myaccount_user { margin-bottom: 30px; font-size: 16px; } .my-account-left { float: left; width: 24%; margin-right: 4%; } .my-account-right { float: right; width: 72%; } .my-account-left h4 { margin-bottom: 0; } .my-account-right h3 { margin-top: 0; } .my-account-right #billing_country_chosen, .my-account-right #shipping_country_chosen { float: right; width: 85%!important; } ul.my-account-nav > li { border-top: 1px solid transparent; } ul.my-account-nav > li:first-child { border-top: 0; } ul.my-account-nav > li a { padding: 10px 0; } ul.my-account-nav > li a:hover { text-decoration: none; background: transparent; } ul.my-account-nav > li a:before { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } .lost_reset_password p.form-row, .track_order p.form-row, .change_password_form p.form-row { margin-bottom: 15px; } .change_password_form p input[type="submit"] { margin-left: 0; margin-top: 5px; } .woocommerce table.my_account_orders { font-size: 1em; } .woocommerce table.my_account_orders tr td { line-height: 32px; } .my_account_orders td.order-number { font-size: 24px; } .my_account_orders td.order-number a { border-bottom: 1px dotted #e4e4e4; } .woocommerce table.my_account_orders .order-actions .button { float: none; margin: 0; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce .address .edit-address { border-bottom: 1px dotted #e4e4e4; } .woocommerce .order-info { margin-bottom: 30px; font-size: 22px; padding: 20px; } .woocommerce .order-info mark { background: transparent; font-weight: bold; } .woocommerce table.order_details { margin-bottom: 20px; } .woocommerce table.order_details tr > td { text-align: right; padding-right: 0; } .woocommerce table.order_details td.product-img { width: 12%; } .woocommerce table.order_details td.product-name { width: 68%; text-align: left; } .woocommerce table.order_details td.product-name small { display: block; } .woocommerce table.order_details td.product-quantity { width: 10%; } .woocommerce table.order_details td.product-total { width: 10%; text-align: right; } .woocommerce table.order_details th.product-total { text-align: right; } .woocommerce .checkout-confirmation > h2 { display: none; } .woocommerce .checkout-confirmation .order_details { padding-bottom: 20px; } .woocommerce .order-hr { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; } .woocommerce table.wishlist_table thead th { padding: 16px 0; } .wishlist_table .product-price, .wishlist_table .product-stock-status { text-align: left; } .woocommerce table.wishlist_table td.product-thumbnail { width: 14%; padding-right: 1%; } .woocommerce table.wishlist_table td.product-name { width: 30%; } .woocommerce table.wishlist_table td.product-price, .woocommerce table.wishlist_table td.product-stock-status { width: 14%; } .wishlist_table tr td.product-price { padding-top: 30px!important; } table.shop_table.cart.wishlist_table { width: 100%; } table.shop_table.cart.wishlist_table td.wishlist-empty { padding: 30px; } .woocommerce .wishlist_table tr td.product-add-to-cart a { -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); line-height: 20px; margin-right: 0; padding: 10px 20px 10px 15px; } .woocommerce .wishlist_table tr td.product-add-to-cart a:before { content: "\f067"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: inherit; text-shadow: none; margin-right: 8px; vertical-align: -1px; } #yith-wcwl-form .help-bar, #yith-wcwl-form .my-account-left, #yith-wcwl-form .help-bar { display: none; } #yith-wcwl-form .my-account-right { width: 70%!important; float: left!important; } .my-account-right { overflow: hidden; } #yith-wcwl-form .my-account-right .yith-wcwl-share { width: 75%!important; } .yith-wcwl-share { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; height: auto; overflow: hidden; padding: 15px 0; } .yith-wcwl-share > span { line-height: 32px; } .yith-wcwl-share h4 { float: left; margin: 0; line-height: 22px; } .yith-wcwl-share ul { float: right; margin: 0; } .yith-wcwl-share ul li { margin-right: 0; margin-left: 5px; } .yith-wcwl-share ul li a { padding: 2px 8px; display: block; width: 32px; text-align: center; height: 32px; margin-top: -1px; text-indent: 0; } .yith-wcwl-share ul li a.facebook, .yith-wcwl-share ul li a.twitter, .yith-wcwl-share ul li a.pinterest, .yith-wcwl-share ul li a.googleplus, .yith-wcwl-share ul li a.email { background: none; } .yith-wcwl-share ul li a:before { content: "\f09a"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; font-size: 14px; } .yith-wcwl-share ul li a.facebook:before { content: "\f09a"; } .yith-wcwl-share ul li a.twitter:before { content: "\f099"; } .yith-wcwl-share ul li a.pinterest:before { content: "\f0d2"; } .yith-wcwl-share ul li a.googleplus:before { content: "\f0d5"; } .yith-wcwl-share ul li a.email:before { content: "\f003"; } .woocommerce input.button[name="save_address"] { float: right; border: 0; background: transparent; box-shadow: none; text-shadow: none; border-radius: 0; padding: 12px 20px; font-weight: normal; margin-top: 10px; } /* -------------------------------------------- WOOCOMMERCE 2.6 MY ACCOUNT -------------------------------------------- */ .woocommerce-MyAccount-navigation { padding-right: 10px; } .woocommerce-MyAccount-navigation ul { margin: 0; } .woocommerce-MyAccount-navigation li { border-bottom: 1px solid #e3e3e3; border-top: 0px solid #e3e3e3; } .woocommerce-MyAccount-navigation li:first-child { border-top-width: 1px; } .woocommerce-MyAccount-navigation li > a { display: block; line-height: 36px; padding: 10px 0; font-weight: bold; position: relative; text-decoration: none; } .woocommerce-account .page-content .woocommerce-MyAccount-content > h2:first-child, .woocommerce-MyAccount-content > form > h3 { margin-top: 0; } .woocommerce-MyAccount-content form p.form-row { margin-bottom: 10px; } .woocommerce-MyAccount-content form p.form-row label { padding-bottom: 0; float: none; } .woocommerce-account .woocommerce-EditAccountForm fieldset { margin: 40px 0 20px; padding: 0; border: 0; } .woocommerce-account .woocommerce-EditAccountForm fieldset legend { padding: 0 0 10px; } .woocommerce-MyAccount-content > .woocommerce-Message:first-child { margin-top: 0!important; } /* -------------------------------------------- WOOCOMMERCE WIDGETS -------------------------------------------- */ .woocommerce .widget_layered_nav ul li { position: relative; } .woocommerce .widget_layered_nav ul li a { padding: 7px 0; float: none; } .woocommerce .widget_layered_nav ul li.chosen { padding-bottom: 0; line-height: 20px; } .woocommerce .widget_layered_nav ul li.chosen a { padding: 8px 10px; border-radius: 0; border: 0; } .woocommerce .widget_layered_nav ul li.chosen .count { margin-right: 10px; } .woocommerce .widget_layered_nav ul li small { position: absolute; right: 0; top: 6px; } .woocommerce .widget_layered_nav_filters ul li a { padding: 8px 10px; border-radius: 0; border: 0; } .woocommerce .widget_layered_nav_filters ul li a:before, .woocommerce-page .widget_layered_nav_filters ul li a:before, .woocommerce .widget_layered_nav ul li.chosen a:before, .woocommerce-page .widget_layered_nav ul li.chosen a:before { vertical-align: -1px; } .widget_product_search form { margin-bottom: 0; } .widget_product_search label { display: none; } .widget_product_search input[type="text"], .widget_product_search input[type="search"] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 35px; margin-bottom: 0; } .widget_product_search input[type="submit"] { visibility: hidden; height: 0; padding: 0; margin: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { box-shadow: inset 0 1px 4px -1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 1px 4px -1px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 1px 4px -1px rgba(0,0,0,0.5); } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; margin-right: 0; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce.widget .buttons a { -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce.widget .buttons > a { margin-left: 2%; margin-right: 0!important; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce.widget .buttons > a:first-child { margin-left: 0; } .woocommerce .widget_price_filter .price_slider_amount .price_label { font-size: 14px; line-height: 34px; float: left; } .woocommerce ul.cart_list li > a, .woocommerce ul.product_list_widget li > a, .woocommerce-page ul.cart_list li > a, .woocommerce-page ul.product_list_widget li > a { padding-top: 0; padding-bottom: 5px; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.cart_list li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating { margin-bottom: 5px; } .woocommerce.widget .quantity { background: transparent; box-shadow: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #252525; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTEuNDg2MDAxNDM1NzUlIiB4Mj0iNTAlIiB5Mj0iMTEuNDg2MDAxNDM1NzUwMiUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDEwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, rgba(1,0,0,.1) -22.97%, rgba(255,255,255,.1) 77.03%); background-image: -o-linear-gradient(bottom, rgba(1,0,0,.1) -22.97%, rgba(255,255,255,.1) 77.03%); background-image: -webkit-linear-gradient(bottom, rgba(1,0,0,.1) -22.97%, rgba(255,255,255,.1) 77.03%); background-image: linear-gradient(bottom, rgba(1,0,0,.1) -22.97%, rgba(255,255,255,.1) 77.03%); } /* TO ORGANIZE */ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { margin-top: 4px; } .woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products { padding-top: 25px; border-top: 1px solid #e4e4e4; } .woocommerce-account .page-content h2 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 40px; } .woocommerce-account .page-content .tab-content h2 { margin-top: 0; } .woocommerce-account p.myaccount_address { border-bottom: 1px solid #ccc; padding-bottom: 60px; } .woocommerce-account div.col2-set.addresses { margin-bottom: 50px; } .addresses .title .edit { margin: 12px 0 0 0; border: 1px solid #e4e4e4; padding: 2px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; line-height: 18px; } .woocommerce-account input[name="change_password"] { margin: 10px 0 0 4px; } .woocommerce-page form .form-row label { padding-bottom: 0; } .woocommerce-page .cart-collaterals { margin-bottom: 50px; border-top: 1px solid #e4e4e4; padding: 20px 0; } .woocommerce-cart .cart-collaterals .cart_totals table { float: right; } .woocommerce-cart .shipping-calculator-button { text-decoration: none; } .cart-collaterals .shipping_calculator .button[name="calc_shipping"] { width: 28%; float: right; padding: 10px 12px; margin-right: 3px; margin-top: 10px; } div.product .woocommerce_tabs ul.tabs li.active a { background: transparent; } div.product .woocommerce_tabs ul.tabs li a { background: transparent; } #payment ul.payment_methods li { margin-bottom: 10px; } #payment ul.payment_methods li input { margin: 5px 6px 0 0; float: left; } .woocommerce #payment .terms { clear: both; padding: 20px 0 0; } .woocommerce #payment .terms > label { font-weight: bold; margin-right: 5px; } .woocommerce form.login .form-row { margin-bottom: 15px; } .woocommerce-checkout h3#order_review_heading { margin-top: 50px; } .woocommerce-checkout form.checkout { margin-top: 20px; margin-bottom: 50px; } .quantity input.qty { height: 26px; } div.product .thumbnails { margin-left: 0!important; } div.product .woocommerce_tabs ul.tabs { margin-bottom: 0; padding-left: 15px; } div.product .woocommerce_tabs ul.tabs li { margin: 0 -2px; } div.product .woocommerce_tabs .panel { margin-bottom: 0px; margin-top: -1px; border: 1px solid rgb(221, 221, 221); padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgb(255, 255, 255); } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { padding: 10px 0!important; } .widget_shopping_cart_content .buttons > a { margin-right: 5px!important; } .page-content .related.products { margin-top: 30px; border-top: 0; padding-top: 0; } .container.product-after-wrap { padding-left: 0; padding-right: 0; } .widget_shopping_cart .total { border-top: 3px double #ccc; padding: 8px 0 0; margin-top: 20px; } ul.products li.product h3 { line-height: 100%; } .sidebar .widget_shopping_cart .buttons a:hover, .product-name a { text-decoration: none; } .type-woocommerce .summary .single_add_to_cart_button { padding-top: 7px; padding-bottom: 7px; } div.product .woocommerce_tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs { font-size: 12px; padding-left: 0!important; margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: none; margin: 0 -4px -2px 0!important; box-shadow: none; padding: 0!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { white-space: nowrap; margin-right: 0; padding: 10px 12px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { border: 0; display: none; } #tab-additional_information h2 { display: none; } #tab-description p:last-child { margin-bottom: 0; } div.product .woocommerce_tabs .panel, div.product .woocommerce-tabs .panel { margin-bottom: 0px; margin-top: -1px; border: 1px solid rgb(221, 221, 221); border-top: 0; padding: 14px 23px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: rgb(255, 255, 255); } div.product .woocommerce_tabs .panel h2, div.product .woocommerce-tabs .panel h2 { margin-top: 0; } table.cart img, #content table.cart img { width: 100%; } #payment ul.payment_methods { padding-left: 0; padding-right: 0; } #payment div.form-row { padding: 1em 0; } .checkout #shiptobilling { margin: 10px 0; } form .form-row .input-checkbox { display: inline-block; margin: -1px 0 0 0; } #shiptobilling .checkbox { padding-left: 0; } #jckqv .quantity .qty { width: 35px; height: 42px; } #jckqv table.variations { margin: 0; } #jckqv table.variations td.label { display: none; } #jckqv .product_meta > span { margin-bottom: 0; } #jckqv .product_meta > .meta-row { display: block; padding: 8px 10px; border-bottom: 2px solid #eeeeee; margin-bottom: 0; } #jckqv table.variations { background: none!important; } #jckqv table.variations td { border: 0; } #jckqv table.variations td label { line-height: 42px; } #jckqv table.variations td select { height: 36px!important; } #jckqv .cart .single_add_to_cart_button, #jckqv .cart .add_to_cart_button { border-radius: 0; box-shadow: none; height: 42px; padding: 0 15px; float: left; outline: 0!important; margin: 0 10px 0 0; text-shadow: none; font-size: 14px; text-transform: uppercase; line-height: 20px; border: 0; } #jckqv .cart .single_add_to_cart_button i, #jckqv .cart .add_to_cart_button i { margin-right: 10px; font-size: 16px; vertical-align: -2px; } /* -------------------------------------------- LOAD IN ANIMATIONS -------------------------------------------- */ .sf-animation { -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; opacity: 0; position: relative; } html.no-js .sf-animation, .mobile-browser .sf-animation, .apple-mobile-browser .sf-animation, .sf-animation[data-animation="none"] { opacity: 1!important; left: auto!important; right: auto!important; bottom: auto!important; -webkit-transform: scale(1)!important; -o-transform: scale(1)!important; -moz-transform: scale(1)!important; transform: scale(1)!important; } html.no-js .sf-animation.image-banner-content, .mobile-browser .sf-animation.image-banner-content, .apple-mobile-browser .sf-animation.image-banner-content, .sf-animation[data-animation="none"].image-banner-content { bottom: 50%!important; } .sf-animation[data-animation="grow"] { opacity: 0; -webkit-transform: scale(0.4); -o-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); -webkit-transform-origin: 50% 50%; -webkit-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); -moz-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); -o-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); } .sf-animation[data-animation="grow"].sf-animate { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .sf-animation[data-animation="pop-up"].sf-animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); -webkit-animation: popUp 0.4s ease-in-out forwards; -moz-animation: popUp 0.4s ease-in-out forwards; animation: popUp 0.4s ease-in-out forwards; } .sf-animation[data-animation="flip"].sf-animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; -moz-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; } .sf-animation[data-animation="helix"].sf-animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; -moz-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; } .sf-animation[data-animation="move-up"].sf-animate { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; -moz-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } .sf-animation[data-animation="spin"].sf-animate { -webkit-animation: spin 0.65s ease forwards; -moz-animation: spin 0.65s ease forwards; animation: spin 0.65s ease forwards; } .sf-animation[data-animation="flip-x"].sf-animate { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; -webkit-animation: flipX 0.65s ease forwards; -moz-animation: flipX 0.65s ease forwards; animation: flipX 0.65s ease forwards; } .sf-animation[data-animation="flip-y"].sf-animate { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; -webkit-animation: flipY 0.65s ease forwards; -moz-animation: flipY 0.65s ease forwards; animation: flipY 0.65s ease forwards; } .sf-animation[data-animation="fade-from-left"] { left: -70px; } .sf-animation[data-animation="fade-from-right"] { right: -70px; } .sf-animation[data-animation="fade-from-bottom"] { bottom: -120px; } .sf-animation[data-animation="fade-from-left"], .sf-animation[data-animation="fade-from-right"] { margin: 0 auto; } .browser-ie .sf-animation[data-animation="pop-up"].sf-animate, .browser-ie .sf-animation[data-animation="flip"].sf-animate, .browser-ie .sf-animation[data-animation="helix"].sf-animate, .browser-ie .sf-animation[data-animation="fly"].sf-animate, .browser-ie .sf-animation[data-animation="move-up"].sf-animate, .browser-ie .sf-animation[data-animation="spin"].sf-animate, .browser-ie .sf-animation[data-animation="flip-x"].sf-animate, .browser-ie .sf-animation[data-animation="flip-y"].sf-animate { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } /* #CSS3 Keyframes ================================================== */ @-webkit-keyframes fadeIn { to { opacity: 1; } } @-moz-keyframes fadeIn { to { opacity: 1; } } @keyframes fadeIn { to { opacity: 1; } } @-webkit-keyframes moveUp { to { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes moveUp { to { -moz-transform: translateY(0); opacity: 1; } } @keyframes moveUp { to { transform: translateY(0); opacity: 1; } } @-webkit-keyframes scaleUp { to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scaleUp { to { -moz-transform: scale(1); opacity: 1; } } @keyframes scaleUp { to { transform: scale(1); opacity: 1; } } @-webkit-keyframes fallPerspective { 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-moz-keyframes fallPerspective { 100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fallPerspective { 100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-webkit-keyframes fly { 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes fly { 100% { -moz-transform: rotateX(0deg); opacity: 1; } } @keyframes fly { 100% { transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes flip { 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes flip { 100% { -moz-transform: rotateX(0deg); opacity: 1; } } @keyframes flip { 100% { transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes helix { 100% { -webkit-transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes helix { 100% { -moz-transform: rotateY(0deg); opacity: 1; } } @keyframes helix { 100% { transform: rotateY(0deg); opacity: 1; } } @-webkit-keyframes popUp { 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popUp { 70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes popUp { 70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; } 100% { transform: scale(1); opacity: 1; } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); opacity: 1; } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); opacity: 1; } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); opacity: 1; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); opacity: 1; } } @-webkit-keyframes flipX { 0% {-webkit-transform: perspective(400px) rotateX(90deg);opacity: 0;} 100% {-webkit-transform: perspective(400px) rotateX(0deg);opacity: 1;} } @-moz-keyframes flipX { 0% {-moz-transform: perspective(400px) rotateX(90deg);opacity: 0;} 100% {-moz-transform: perspective(400px) rotateX(0deg);opacity: 1;} } @-o-keyframes flipX { 0% {-o-transform: perspective(400px) rotateX(90deg);opacity: 0;} 100% {-o-transform: perspective(400px) rotateX(0deg);opacity: 1;} } @keyframes flipX { 0% {transform: perspective(400px) rotateX(90deg);opacity: 0;} 100% {transform: perspective(400px) rotateX(0deg);opacity: 1;} } @-webkit-keyframes flipY { 0% {-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;} 100% {-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;} } @-moz-keyframes flipY { 0% {-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;} 100% {-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;} } @-o-keyframes flipY { 0% {-o-transform: perspective(400px) rotateY(90deg);opacity: 0;} 100% {-o-transform: perspective(400px) rotateY(0deg);opacity: 1;} } @keyframes flipY { 0% {transform: perspective(400px) rotateY(90deg);opacity: 0;} 100% {transform: perspective(400px) rotateY(0deg);opacity: 1;} } @-webkit-keyframes shake { 0%, 50%, 100% {-webkit-transform: translateX(0);} 25% {-webkit-transform: translateX(-100px);} 75% {-webkit-transform: translateX(100px);} } @-moz-keyframes shake { 0%, 50%, 100% {-moz-transform: translateX(0);} 25% {-moz-transform: translateX(-100px);} 75% {-moz-transform: translateX(100px);} } @-o-keyframes shake { 0%, 50%, 100% {-o-transform: translateX(0);} 25% {-o-transform: translateX(-100px);} 75% {-o-transform: translateX(100px);} } @keyframes shake { 0%, 50%, 100% {transform: translateX(0);} 25% {transform: translateX(-100px);} 75% {transform: translateX(100px);} } /* #Style Switcher ================================================== */ .style-switcher { position: fixed; top: 80px; left: -240px; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; z-index: 9997; width: 290px; } .style-switcher h4 { background: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 7px 15px; margin-bottom: 0; line-height: 28px; height: 28px; width: 254px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .switch-button { width: 19px; float: right; font-size: 26px; line-height: 24px; text-align: center; text-decoration: none; display: block; } .switch-button:hover { cursor: pointer; text-decoration: none; } .switch-cont { width: 240px; background: #222222; height: auto; padding: 10px 0; } .switch-cont h5 { color: #fff; font-size: 12px; font-weight: normal; margin-left: 20px; margin-bottom: 15px; } .switch-cont .ad-select h5 { margin-left: 0; margin-bottom: 10px; text-align: left; } .options { margin-bottom: 15px; height: auto; overflow: hidden; padding: 0 15px 20px; border-bottom: 1px solid #444; } .options li { float: left; display: inline; width: 50%; margin-bottom: 0; text-align: center; } .options.bg-select { margin-bottom: 10px; } .options.bg-select li { width: 37px; margin-right: 5px; margin-bottom: 5px; } .bg-select li img { display: block; width: 27px; height: 27px; border: 1px solid #333 } .options li a { text-decoration: none; color: #fff; padding: 4px; display: block; } .options li a:hover { background-color: #333; } .options li.selected a { background-color: #8dc63f; } .options select { width: 100%; font-size: 12px; height: 26px; margin-bottom: 0; } .options select:focus { outline: none; } .layout-select li { width: auto; } .layout-select li:first-child { margin-right: 10px; } .layout-select li img { width: 92px; display: block; } .switch-cont a.many-more { color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 8px 0; margin: 0 20px; display: block; text-align: center; } .many-more:hover { background-color: #333; } .styleswitcher-darkstyle nav .menu li a:hover, .styleswitcher-darkstyle #top-bar .menu > li > a:hover { color: #f7f7f7; } .styleswitcher-tbdarkstyle #top-bar .menu > li > a:hover { color: #f7f7f7; } @media only screen and (max-width: 1024px) { .style-switcher { display: none; } } /* #Retina Styles ================================================== */ /* * Swift Framework Retina Stylesheet v1.0 * Retina Stylesheet for Retina Dislay Devices * Copyright 2013, Swift Ideas */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #logo img.standard { display: none; } .header-4 #logo img.standard, .header-5 #logo img.standard { display: none; } #logo img.retina { display: inline-block; } .mobile-nav > div { background-image: url(../../../../../../themes/ukdlp/images/select@2x.png); background-size: 28px 26px; } .menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart { background-image: url(../../../../../../themes/ukdlp/images/shopping_bag_icon@2x.png); background-size: 14px 16px; } ul.social-icons li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons@2x.png); background-size: 544px 32px; } ul.social-icons.small li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-small@2x.png); background-size: 408px 24px; } ul.social-icons.dark li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-mono@2x.png); } ul.social-icons.dark.small li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-mono-small@2x.png); } ul.social-icons.light li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-mono-light@2x.png); } ul.social-icons.light.small li a { background-image: url(../../../../../../themes/ukdlp/images/social-icons-mono-light-small@2x.png); } #respond .form-submit input, .wpcf7 input.wpcf7-submit[type="submit"], a.sf-button .arrow { background-image: url(../../../../../../themes/ukdlp/images/button-arrow@2x.png); background-repeat: no-repeat; background-size: 6px 9px; } a.sf-button.lightgrey .arrow, a.sf-button.green .arrow, a.sf-button.limegreen .arrow, a.sf-button.white .arrow { background-image: url(../../../../../../themes/ukdlp/images/button-arrow2@2x.png); background-repeat: no-repeat; background-size: 6px 9px; } .widget.flickr-widget li, .portfolio-grid li { background-image: url(../../../../../../themes/ukdlp/images/plus-icon@2x.png); background-size: 13px 13px; } .flex-direction-nav a, .wooslider-direction-nav a, .tp-leftarrow, .tp-leftarrow.large, .tp-leftarrow.square, .tp-leftarrow.round, .tp-rightarrow, .tp-rightarrow.large, .tp-rightarrow.square, .tp-rightarrow.round, .thumb-slider .flex-direction-nav a, .rev_slider_wrapper > .tp-leftarrow, .rev_slider_wrapper > .tp-leftarrow.large, .rev_slider_wrapper > .tp-leftarrow.square, .rev_slider_wrapper > .tp-leftarrow.round, .rev_slider_wrapper > .tp-leftarrow.default, .rev_slider_wrapper > .tp-rightarrow, .rev_slider_wrapper > .tp-rightarrow.large, .rev_slider_wrapper > .tp-rightarrow.square, .rev_slider_wrapper > .tp-rightarrow.round, .rev_slider_wrapper > .tp-rightarrow.default, .lSAction > .lSNext, .lSAction > .lSPrev { background-image: url(../../../../../../themes/ukdlp/images/showcase-nav@2x.png); background-size: 72px 36px; } .list-add_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/add_b&w@2x.png); background-size: 10px 11px; } .list-add li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/add_colour@2x.png); background-size: 10px 11px; } .list-arrow_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/arrow_b&w@2x.png); background-size: 13px 11px; } .list-arrow li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/arrow_colour@2x.png); background-size: 13px 11px; } .list-article li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/article_b&w@2x.png); background-size: 13px 11px; } .list-bar li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/bar_b&w@2x.png); background-size: 11px 4px; } .list-bolt_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/bolt_b&w@2x.png); background-size: 9px 12px; } .list-bolt li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/bolt_colour@2x.png); background-size: 9px 12px; } .list-date li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/date_b&w@2x.png); background-size: 11px 13px; } .list-delete_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/delete_b&w@2x.png); background-size: 10px 10px; } .list-delete li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/delete_colour@2x.png); background-size: 10px 10px; } .list-dot li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/dot_b&w@2x.png); background-size: 7px 7px; } .list-like_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/like_b&w@2x.png); background-size: 12px 11px; } .list-like li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/like_colour@2x.png); background-size: 12px 11px; } .list-pen li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/pen_b&w@2x.png); background-size: 12px 12px; } .list-question_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/questionMark_b&w@2x.png); background-size: 12px 12px; } .list-question li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/questionMark_colour@2x.png); background-size: 12px 12px; } .list-settings_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/settings_b&w@2x.png); background-size: 12px 12px; } .list-settings li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/settings_colour@2x.png); background-size: 12px 12px; } .list-star_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/star_b&w@2x.png); background-size: 12px 12px; } .list-star li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/star_colour@2x.png); background-size: 12px 12px; } .list-tick_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/tick_b&w@2x.png); background-size: 12px 9px; } .list-tick li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/tick_colour@2x.png); background-size: 12px 9px; } .list-user li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/user_b&w@2x.png); background-size: 12px 11px; } .list-warning_bw li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/warning_b&w@2x.png); background-size: 12px 11px; } .list-warning li { background-image: url(../../../../../../themes/ukdlp/images/list-icons/warning_colour@2x.png); background-size: 12px 11px; } .widget_calendar tbody tr > td.pad { background-image: url(../../../../../../themes/ukdlp/images/scanlines_dark@2x.png); background-size: 4px 4px; } } /* #Mobile Styles ================================================== */ .mobile-browser figure:hover .overlay .thumb-info, .spb_single_image.span12 figure:hover .overlay .thumb-info { opacity: 0!important; -moz-opacity: 0!important; filter:alpha(opacity=0)!important; } .mobile-browser figure:hover > a > .overlay, .spb_single_image.span12 figure:hover > a > .overlay { opacity: 0!important; -moz-opacity: 0!important; filter:alpha(opacity=0)!important; } .mobile-browser figure:hover .overlay, .spb_single_image.span12 figure:hover .overlay { box-shadow: none!important; } .mobile-browser .recent-post figure:hover img, .mobile-browser .portfolio-items > li figure:hover img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }