/*!normalize.css v3.0.1 | MIT License | git.io/normalize*/@font-face{font-family:roboto mono;font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-regular.eot);src:local('Roboto Mono'),local('RobotoMono-Regular'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-regular.eot?#iefix) format('embedded-opentype'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-regular.woff2) format('woff2'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-regular.woff) format('woff'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-regular.ttf) format('truetype'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-regular.svg#RobotoMono) format('svg')}@font-face{font-family:roboto mono;font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-500.eot);src:local('Roboto Mono Medium'),local('RobotoMono-Medium'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-500.eot?#iefix) format('embedded-opentype'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-500.woff2) format('woff2'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-500.woff) format('woff'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-500.ttf) format('truetype'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-500.svg#RobotoMono) format('svg')}@font-face{font-family:roboto mono;font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-700.eot);src:local('Roboto Mono Bold'),local('RobotoMono-Bold'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-700.eot?#iefix) format('embedded-opentype'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-700.woff2) format('woff2'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-700.woff) format('woff'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-700.ttf) format('truetype'),url(//ukutabs.com/wp-content/themes/uku_v2/fonts/roboto-mono-v6-latin-700.svg#RobotoMono) format('svg')}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{cursor:-webkit-image-set(url(images/ukuworld-cursor.png) 1x,url(images/ukuworld-cursor.cur) 1x,url(images/ukuworld-cursor@2x.png) 2x,url(images/ukuworld-cursor@2x.cur) 2x),auto;cursor:url(images/ukuworld-cursor.png) 1x,url(images/ukuworld-cursor.cur) 1x,url(images/ukuworld-cursor@2x.png) 2x,url(images/ukuworld-cursor@2x.cur) 2x),auto; margin:0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block } audio,canvas,progress,video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden],template { display:none } a { background:transparent } a:active,a:hover { outline:0 } abbr[title] { border-bottom:1px dotted } b,strong { font-weight:700 } dfn { font-style:italic } h1 { font-size:2em; margin:.67em 0 } small { font-size:80% } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-.5em } sub { bottom:-.25em } img { border:0 } svg:not(:root) { overflow:hidden } figure { margin:1em 40px } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0 } pre { overflow:auto } code,kbd,pre,samp { font-family:monospace,monospace; font-size:1em } button,input,optgroup,select,textarea { color:inherit; font:inherit; margin:0 } button { overflow:visible } button,select { text-transform:none } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance:button; cursor:pointer } button[disabled],html input[disabled] { cursor:default } button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0 } input { line-height:normal } input[type="checkbox"],input[type="radio"] { box-sizing:border-box; padding:0 } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height:auto } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em } legend { border:0; padding:0 } textarea { overflow:auto } optgroup { font-weight:700 } table { border-collapse:collapse; border-spacing:0 } td,th { padding:0 } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }:before,:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } input,button,select,textarea { font-family:inherit; font-size:inherit; line-height:inherit } figure { margin:0 } img { vertical-align:middle } hr { border:0; border-top:1px solid #ccc } .sr-only,.screen-reader-text { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0 } p { margin:0 0 10px } small { font-size:85% } mark { padding:.2em } ul,ol { list-style-position:inside; margin:0; padding:0 } ul ul,ol ol,ul ol,ol ul { margin:0 } dl { margin-top:0; margin-bottom:20px } dt,dd { line-height:1.42857 } dt { font-weight:700 } dd { margin-left:0 } blockquote:before,blockquote:after { content:"" } address { margin-bottom:20px; font-style:normal; line-height:1.42857 } code { padding:2px 4px; font-size:90%; color:#c7254e; background-color:#f9f2f4; border-radius:4px } kbd { padding:2px 4px; font-size:90%; color:#fff; background-color:#333; border-radius:2px; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25) } pre { display:block; padding:9.5px; margin:0 0 10px; font-size:13px; line-height:1.42857; word-break:break-all; word-wrap:break-word; color:#333; background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px } pre code { padding:0; font-size:inherit; color:inherit; white-space:pre-wrap; background-color:transparent; border-radius:0 } .sticky,.bypostauthor { } .clearfix:before,.clearfix:after { content:" "; display:table } .clearfix:after { clear:both } .clickable { cursor:pointer } .clear,.cleaner { clear:both; height:0; overflow:hidden } .clearfix:before,.clearfix:after { content:""; display:table } .clearfix:after { clear:both } .clearfix { zoom:1 } h1,h2,h3,h4,h5,h6 { font-weight:300; line-height:1.1; color:#222; margin:0 } h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { font-weight:400; line-height:1 } h1 small,h2 small,h3 small { font-size:65% } h4 small,h5 small,h6 small { font-size:75% } h1 { font-size:36px } h2 { font-size:30px } h3 { font-size:24px } h4 { font-size:18px } h5 { font-size:14px } h6 { font-size:12px } .floatleft { float:left } .floatright { float:right } .sticky,.bypostauthor { } .aligncenter { display:block; clear:both; margin-left:auto; margin-right:auto } .alignleft { float:left; margin-right:15px } .alignright { float:right; margin-left:15px } label { display:block; margin-bottom:10px; font-weight:500 } input,textarea { padding:8px 12px; font-family:'Roboto',sans-serif; font-size:15px; font-weight:300; background:#fff; border:1px solid #e2e2e2; width:auto; color:#444; -webkit-transition:.2s ease all; -o-transition:.2s ease all; transition:.2s ease all } input[type=text],textarea { -webkit-appearance:none } input:focus,textarea:focus { border-color:#ccc; outline:0 } button,input[type=button],input[type=reset],input[type=submit] { font-family:'Roboto',sans-serif; font-size:16px; font-weight:500; border:none; color:#fff; -webkit-transition:.2s ease all; -o-transition:.2s ease all; transition:.2s ease all; background-color:#7a786f; border-radius:3px } button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover { cursor:pointer; background:#222 } div.navigation { position:relative; text-align:center; font-weight:400; font-size:16px; margin:0 0 30px; background:#f2f2e9; padding:10px 0; border-radius:4px } div.navigation a { padding:5px 11px; margin:0 4px; display:inline-block; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; color:#666; border-radius:3px; border:1px solid #ccc } div.navigation a:hover { background-color:#fff } div.navigation span.current { padding:6px 12px; margin:0 4px; font-weight:500; border-radius:3px; background:#ccc; display:inline-block; color:#fff } div.navigation span.pages { margin-right:15px; display:none } div.navigation span.dots { color:#999; line-height:100%; margin:0 5px } div.navigation .alignleft,div.navigation .alignright { margin:0 } div.navigation .prev,div.navigation .next { position:absolute; padding:5px 15px; border:1px solid #e6e6e6; color:#666; border-radius:3px } div.navigation .prev { left:5px } div.navigation .next { right:5px } @font-face { font-family:'insight'; src:url(fonts/insight.eot); src:url(fonts/insight.eot) format("embedded-opentype"),url(fonts/insight.ttf) format("truetype"),url(fonts/insight.woff) format("woff"),url(fonts/insight.svg) format("svg"); font-weight:400; font-style:normal; font-display:swap } html { font-size:10px; -webkit-tap-highlight-color:rgba(0,0,0,0) } body { margin:0; padding:0; font-family:'Roboto',sans-serif; font-size:16px; font-weight:400; line-height:1.5; color:#444; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background-image:url(images/bg_ukuworld.png); background-size:256px 256px; background-position:left top; background-repeat:repeat; background-attachment:scroll } body.noscroll { position:fixed; overflow:hidden; width:100% } a { color:#222; text-decoration:none; -webkit-transition:.2s ease all; -o-transition:.2s ease all; transition:.2s ease all } a:hover,a:focus { color:#ea6c35; text-decoration:none } .navbar-brand { margin:8px 0; text-align:left; order:1; flex:1 } .navbar-brand img { max-width:100%; height:auto } .navbar-brand h1 { margin:0; font-weight:700; letter-spacing:1px; line-height:100% } .navbar-brand a { font-size:26px; text-transform:uppercase } .navbar-brand a:hover { text-decoration:none; opacity:.8 } .inner-wrap { max-width:1200px; margin:0 auto; padding:0 } @font-face { font-family:'Lobster'; font-style:normal; font-weight:400; src:local(Lobster),url(https://themes.googleusercontent.com/static/fonts/lobster/v6/NIaFDq6p6eLpSvtV2DTNDQLUuEpTyoUstqEm5AMlJo4.woff) format("woff"); font-display:swap } .notepad,.notepad:before,.notepad:after { background-color:#fdf9de; background-image:-webkit-linear-gradient(#f6abca 1px,transparent 1px),-webkit-linear-gradient(#f6abca 1px,transparent 1px),-webkit-linear-gradient(#e8e8e8 1px,transparent 1px); background-image:-moz-linear-gradient(#f6abca 1px,transparent 1px),-moz-linear-gradient(#f6abca 1px,transparent 1px),-moz-linear-gradient(#e8e8e8 1px,transparent 1px); background-image:-o-linear-gradient(#f6abca 1px,transparent 1px),-o-linear-gradient(#f6abca 1px,transparent 1px),-o-linear-gradient(#e8e8e8 1px,transparent 1px); background-image:linear-gradient(#f6abca 1px,transparent 1px),linear-gradient(#f6abca 1px,transparent 1px),linear-gradient(#e8e8e8 1px,transparent 1px); background-size:1px 1px,1px 1px,23px 28px; background-repeat:repeat-y,repeat-y,repeat; background-position:22px 0,24px 0,0 50px; border-radius:2px; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 0 4px rgba(0,0,0,0.5); box-shadow:0 0 0 1px rgba(103,99,59,0.15),0 0 4px rgba(255,252,234,0.5) } .notepad { position:relative; margin:30px auto; padding:0 23px 14px 35px; width:100%; line-height:28px; font-size:15px; color:#333; text-shadow:1px 1px 1px #fff; text-align:justify } } .notepad p,.notepad blockquote { margin-bottom:23px } .notepad:last-child { margin-bottom:0 } .notepad:before,.notepad:after { content:''; position:absolute; z-index:-1; top:100%; left:3px; right:3px; margin-top:0; height:3px; background-size:1px 1px,1px 1px,0 0 } .notepad:before { z-index:-2; left:6px; right:6px; height:6px; background-color:#eee } .notepad-heading { padding-top:5px; position:relative; margin:0 -23px 0 -35px; height:78px; background:#fdf9de; border-radius:2px 2px 0 0; background-image:linear-gradient(#f6abca 1px,transparent 1px),linear-gradient(#f6abca 1px,transparent 1px); background-size:1px 1px,1px 1px; background-repeat:repeat-y,repeat-y; background-position:22px 0,24px 0 } .notepad-heading > h1 { line-height:30px; font-size:26px; color:#fff; text-align:center; text-shadow:1px 1px 0 #fff; font-family:'Lobster',Arial,sans-serif; color:#9f441d } .notepad-heading:before,.notepad-heading:after { content:''; position:absolute; bottom:2px; left:1px; right:1px; height:0 } .notepad-heading:after { bottom:3px; border-color:#071c2c; border-color:rgba(0,0,0,0.5) } .latestlist { font-size:14px; padding:0; overflow:hidden; background:#fff; border-left:1px solid #F0EACA; border-right:1px solid #F0EACA; border-bottom:1px solid #F0EACA } .latestlist li { padding:0; margin:1px 0; list-style:none } .latestlist li:nth-child(even) { background:#fcf7dd } .latestlist li:nth-child(odd) { background:#fdfbed } .latestlisttitle a { color:#5f0c0c; font-weight:700 } .latestlisttitle a:hover { text-decoration:none; color:#ec651b } .latestlist > li > a { color:#9F441D!important } .archivelist { font-size:14px; overflow:hidden; box-shadow:2px 5px 10px #999; margin-bottom:30px } .archivelist li { padding:13px 10px; margin:1px 0; list-style:none!important } .archivelist li:nth-child(even) { background:#fcf7dd } .archivelist li:nth-child(odd) { background:#fdfbed } .archivelisttitle a { color:#9F441D!important } .archivelisttitle a:hover { text-decoration:none; color:#ec651b } .archivelist a { color:#9F441D; font-size:16px } .archivelist a:hover { color:#ea6c35 } .tabtype { height:18px; width:36px; color:#fff; font-weight:700; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; float:left; font-size:1em; text-align:center; vertical-align:middle; margin:2px 8px 2px 0; padding:0 2px } .tabtype2 { float:left; height:16px; width:30px; color:#fff; font-weight:700; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; float:left; font-size:.9em; margin:8px 3px 0 0; padding:0 2px; text-align:center; vertical-align:middle } .chrd { background:#e9c905 } .tab { background:#3e8e16 } .mix { background:#f5460b } ol { counter-reset:li; margin:0; padding:0 0 0 28px; font-size:14px; background:#fff; border:1px solid #F0EACA; overflow:hidden } ol > li:before { content:counter(li); counter-increment:li; position:absolute; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; border-top:1px solid #F0F0F0; text-shadow:1px 1px 0 #fff; color:#9f441d; background:#f3e9d7; font-weight:700; text-align:center; padding:7px 0 12px; top:0; height:100% } .ol > li,ol > li { position:relative; list-style:none } ol li { padding:8px 0 7px 10px; margin:0 } ol li:nth-child(even) { background:#fcf7dd } ol li:nth-child(odd) { background:#fdfbed } .viewstitle { font-weight:bolder } #page-heading h1,#page-heading h2 { font-size:24px; color:#000; margin:0!important } .heading { height:35px; line-height:35px; text-align:center; margin-top:40px; margin-bottom:25px; font-weight:700; letter-spacing:1px; text-transform:uppercase; text-shadow:0 0 1px #fff; background:url(images/heading_line.png) center center repeat-x; background-size:1px 4px } .heading h2 { font-size:13px; font-weight:700; color:#fff; text-shadow:none; margin:0 } .heading span { display:inline-block; height:35px; line-height:35px; background:#7A7970; -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); -moz-box-shadow:0 0 10px rgba(0,0,0,.3); box-shadow:0 0 10px rgba(0,0,0,.3); padding:0 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); box-shadow:inset 0 1px 0 rgba(222,224,213,0.6); border:1px solid #727765 } .heading a span { transition:background .3s ease-in-out; -webkit-transition:background .3s ease-in-out; -o-transition:background .3s ease-in-out; -moz-transition:background .3s ease-in-out } .heading a,.heading a:hover { color:#fff } .heading a:hover span { background:#fc6440 } .accordion h3 { font-size:15px; margin-bottom:0 } .accordion h3 a { display:block; background:#87712C url(images/bg_accordion.png) repeat-x top; color:#fff; padding:8px 10px; font-size:18px; font-weight:400; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-box-shadow:inset 0 1px 0 #BDA253; -moz-box-shadow:inset 0 1px 0 #bda253; box-shadow:inset 0 1px 0 #BDA253; border-width:1px 1px 0; border-color:#967D30; border-style:solid } .ui-state-focus { outline:none } .thumbnail2 { margin:0 5px 0 0; width:35px; height:35px } .accordion h3 a:hover,.accordion .ui-state-active a { text-shadow:1px 1px 1px rgba(255,255,255,1) } .accordion .ui-accordion-content { background:#fff; border:1px solid #d8c9a2; border-top:0 } .jThumbnailScroller .jTscrollerNextButton { width:40px; height:40px; background:#000 } .jThumbnailScroller .jTscrollerPrevButton { width:40px; height:40px; background:#000 } .jThumbnailScroller { position:relative; width:100%; height:150px; background:url(images/bg_bookcasefront.jpg) #fdfbea no-repeat center 0; background-size:920px; padding:15px 30px 9px; overflow:hidden; margin:-10px 0 0; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.5); -moz-box-shadow:2px 2px 8px rgba(0,0,0,0.5); box-shadow:2px 2px 8px rgba(0,0,0,0.5) } .jThumbnailScroller .jTscrollerContainer { position:absolute } .jThumbnailScroller .jTscroller { position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline } .jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton { position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20; opacity:.5 } .jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover { background-color:#d8c8a1; opacity:1 } .jThumbnailScroller .jTscroller a { display:block; float:left; margin:6px 0 12px 24px } .jThumbnailScroller .jTscroller a:first-child { margin-left:0 } .jThumbnailScroller#tS2 { margin:9px 0 2px } .jThumbnailScroller#tS2 .jTscroller a { opacity:.9 } .jThumbnailScroller#tS2 .jTscroller a:hover { opacity:1 } .jThumbnailScroller#tS2 .jTscrollerNextButton { margin:-65px 2px 0 10px; right:0; top:50%; padding:6px 0 0 10px; font-size:24px } .jThumbnailScroller#tS2 .jTscrollerPrevButton { margin:-65px 10px 0 2px; left:0; top:50%; padding:6px 0 0 10px; font-size:24px } .books_header { position:relative; display:block; width:100%; line-height:13px; margin:10px 0 -12px } .books_header h2 { text-shadow:1px 1px 0 #f4dd96; color:#9f441d; font-size:1.4em; font-weight:400; text-align:center; font-family:'Lobster'; display:block; background:url(images/bg_bookcasefront_header.jpg) no-repeat top; background-size:920px; position:relative; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); margin:0 0 -8px; padding:0 0 2px 12px } .tptn_thumb { float:left; margin:-8px 8px 0 -9px } .tptn_title { color:#9F441D } .adbox { border-radius:4px; -moz-border-radius:5px; padding:10px; background-color:#f2f2e8; text-align:center } .recentcomments { list-style-type:circle!important; padding:8px 0 0 } .tools { width:100%; border:1px solid #eae1cb; background:#2f2f2f url(images/bg_tools.jpg) repeat; text-align:center; padding:15px 0 9px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-position:0 -500px; background-size:100% } .footertable { width:100% } a { position:relative } a > i { position:absolute; left:50%; margin-left:-125px; bottom:100%; margin-bottom:10px; visibility:hidden; opacity:0; -webkit-transition:opacity .5s linear; -moz-transition:opacity .5s linear; -ms-transition:opacity .5s linear; -o-transition:opacity .5s linear; transition:opacity .5s linear; background-clip:padding-box; background-color:#1D1D1D; background:-moz-linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); background:-ms-linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); background:-o-linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1D1D1D),color-stop(15%,#303030),color-stop(100%,#1D1D1D)); background:-webkit-linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); background:linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); -moz-box-shadow:0 1px 4px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.5) inset,0 0 1px rgba(255,255,255,1) inset; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.5) inset,0 0 1px rgba(255,255,255,1) inset; box-shadow:0 1px 4px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.5) inset,0 0 1px rgba(255,255,255,1) inset; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; cursor:default; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5em; text-align:justify; font-style:normal; color:#EEE; text-shadow:1px 1px 0 rgba(0,0,0,.5); width:auto!important; z-index:999999; border-color:#121212; border-style:solid; border-width:1px 1px 2px; padding:8px 12px } a > i:before,a > i:after { content:""; position:absolute; border-left:13px solid transparent; border-right:13px solid transparent; top:100%; left:50%; margin-left:-13px } a > i:after { border-top:13px solid #1D1D1D; margin-top:-1px; z-index:1 } a:hover > i { visibility:visible; opacity:1 } .tooltipicon { width:100px!important; text-align:center; font-weight:700; font-size:15px; margin:0 0 50px -50px!important } a { position:relative } a > i { position:absolute; left:50%; margin-left:-125px; bottom:100%; margin-bottom:10px; visibility:hidden; opacity:0; -webkit-transition:opacity .5s linear; -moz-transition:opacity .5s linear; -ms-transition:opacity .5s linear; -o-transition:opacity .5s linear; transition:opacity .5s linear; background-clip:padding-box; background-color:#1D1D1D; background:-moz-linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); background:-ms-linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); background:-o-linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1D1D1D),color-stop(15%,#303030),color-stop(100%,#1D1D1D)); background:-webkit-linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); background:linear-gradient(top,#1D1D1D 0,#303030 15%,#1D1D1D 100%); -moz-box-shadow:0 1px 4px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.5) inset,0 0 1px rgba(255,255,255,1) inset; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.5) inset,0 0 1px rgba(255,255,255,1) inset; box-shadow:0 1px 4px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.5) inset,0 0 1px rgba(255,255,255,1) inset; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; cursor:default; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5em; text-align:justify; font-style:normal; color:#EEE; text-shadow:1px 1px 0 rgba(0,0,0,.5); width:auto!important; z-index:999999; border-color:#121212; border-style:solid; border-width:1px 1px 2px; padding:8px 12px } a > i:before,a > i:after { content:""; position:absolute; border-left:13px solid transparent; border-right:13px solid transparent; top:100%; left:50%; margin-left:-13px } a > i:after { border-top:13px solid #1D1D1D; margin-top:-1px; z-index:1 } a:hover > i { visibility:visible; opacity:1 } .tooltiptitle { border-bottom:solid 1px #0D0D0D; -moz-box-shadow:0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow:0 1px 0 rgba(255,255,255,.4); box-shadow:0 1px 0 rgba(255,255,255,.4); display:block; font-size:14px; font-weight:700; letter-spacing:-.1px; position:relative; width:100%; margin:0 -4px 6px; padding:0 4px 4px } #top-bar { height:5px; line-height:45px; width:100%; background:#252525; overflow:hidden; margin:0 0 -44px } #top-bar-inner { position:relative; width:970px; font-size:18px; margin:0 auto } #top-bar a { color:#777!important } #top-bar-inner ul.top-menu { margin:0 } .topbarsep { z-index:1; margin:0 7px; font-size:18px; color:#686868; font-weight:700 } .headersearch::-webkit-input-placeholder { color:#fff } .headersearch:-moz-placeholder { color:#fff; opacity:1 } .headersearch::-moz-placeholder { color:#fff; opacity:1 } .headersearch:-ms-input-placeholder { color:#fff } .headersearch::-ms-input-placeholder { color:#fff } .headersearch::placeholder { color:#fff } pre.qoate-code { -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); background:#fdfdfd url(images/bg_notelight.png) repeat top; color:#6e6e6e!important; line-height:22px!important; border:1px solid #efeee2!important; text-shadow:1px 1px 0 #fff; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; padding:0 10px 94px!important; font-family:"Roboto Mono",monospace!important; white-space:pre-wrap!important; margin:0 0 15px; word-wrap:break-word!important; color:#000!important; box-shadow:0 3px 10px #999; -moz-box-shadow:0 3px 10px #999; -webkit-box-shadow:0 3px 10px #999; overflow:visible } pre.qoate-code a { color:#9f441d; font-weight:700 } .sticky-chords { position:fixed; z-index:1; width:auto; top:35px; height:0; opacity:.95; margin-left:30px; max-width:700px!important } .sticky-chords img { background:#fff url(images/bg_maincontent.png) } .sticky-chords.hide img { display:none } .sticky-chords-close { left:-39px; top:10px; z-index:1; font-family:none; font-size:29px; color:#fff; text-shadow:-1px -1px 1px #763224; width:30px; height:39px; line-height:25px; display:block; position:absolute; background:url(images/button_stickychords_alt.png) no-repeat; opacity:0.5; } .sticky-chords .sticky-chords-close:before { content:"\00AB"; } .sticky-chords.hide .sticky-chords-close:before { content:"\00BB" } .chord { vertical-align:middle; border:1px solid #DDD; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 1px 5px #999; -moz-box-shadow:1px 1px 5px #999; -webkit-box-shadow:1px 1px 5px #999; padding:3px; margin:7px 7px 0 0 } #sidebar { width:280px; float:right } .sidebar-box { padding-bottom:20px; margin-bottom:20px } .sidebar-box h4 { margin-top:0!important; margin-bottom:10px; padding-bottom:10px; text-transform:uppercase; font-size:16px; letter-spacing:1px; border-bottom:double #ddd } .sidebar-box ul { list-style:none; list-style-position:inside; margin:0 } .sidebar-box li { margin-bottom:0 } span.album span.hoesje { display:block; position:absolute; background-repeat:no-repeat; background-position:left top } .sidebar_box_content { background:url(images/bg_albumcover.jpg) repeat; padding:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px } .sidebar_thumb img { width:100%; height:100%; box-shadow:3px 3px 1px #ccc; -webkit-box-shadow:0 0 12px #000; -moz-box-shadow:3px 3px 1px #ccc…; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:4px solid #f5f5eb } .hoesje2 { -webkit-box-shadow:inset 0 0 208px 20px rgba(255,255,255,1); -moz-box-shadow:inset 0 0 208px 20px rgba(255,255,255,1); box-shadow:inset 0 0 208px 20px rgba(255,255,255,1) } .catdes2 { margin:15px 0; font-size:1em!important; color:#6e6e6e!important; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); background:#fdfdfd url(images/bg_notedark.png) repeat top; color:#6e6e6e!important; line-height:26px!important; border:1px solid #f0ecc2!important; text-shadow:1px 1px 0 #fff; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; text-align:justify; word-wrap:break-word; padding:0 10px!important } .catdes2 img { width:153px; border:1px solid #ddd; box-shadow:1px 1px 5px #888; -moz-box-shadow:1px 1px 5px #999; -webkit-box-shadow:1px 1px 5px #888; background-color:#faf9ef; margin:-15px 15px 0 -30px; padding:1px; float:left; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg) } .catdes { font-size:1em!important; margin-bottom:12px!important; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); background:#fdfdfd url(images/bg_notedark.png) repeat top; color:#6e6e6e!important; line-height:26px!important; border:1px solid #f0ecc2!important; text-shadow:1px 1px 0 #fff; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; text-align:justify; word-wrap:break-word; padding:0 20px 0 30px!important } .caticon { float:right; border:1px solid #ddd; box-shadow:1px 1px 5px #888; -moz-box-shadow:1px 1px 5px #999; -webkit-box-shadow:1px 1px 5px #888; background-color:#faf9ef; width:146px; margin:-35px -30px 0 20px; padding:1px } .bookshelf2 { padding:17px 13px 15px; background:url(images/bookshelf_sidebar_single_bg.jpg) no-repeat center -2px; background-size:100%; overflow:hidden; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; box-shadow:1px 1px 3px #888; -moz-box-shadow:1px 1px 3px #888; -webkit-box-shadow:1px 1px 3px #888; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); line-height:13px } .bookshelf2 a { opacity:.9 } .bookshelf2 a:hover { opacity:1 } .bookshelf2 h2 { text-shadow:1px 1px 0 #f4dd96; color:#9F441D; font-size:1.6em; font-weight:400; text-align:center; font-family:'Lobster'; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); margin:0 0 -8px; padding:0 0 2px 12px } .singlebook { width:30.5%; padding:0 3px; margin-top:22px } .single_title table { width:100%; border-collapse:collapse; border:1px solid #efeac1; margin:5px 0 } .single_title td,th { border:1px solid #efeac1; padding:6px 9px } .single_title { font-size:1.1em; width:100%; line-height:13px; text-shadow:1px 1px 0 #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 15px; padding:5px 10px; border:1px solid #F0EACA; background-color:#f9f0c8; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6) } #whole_scroll { display:inline } #comments ol { border:0; background:#f2f2e9; border-radius:5px; padding:10px } .commentlist li { list-style-type:none; background:none!important } .commentlist .comment { border-bottom:1px solid #deded7!important } #comments ol > li:before { background:none!important } .tagsheader a { color:#9f441d!important } .wpz-sc-button { text-shadow:0 0 0!important; line-height:1.2em!important; font-size:16px; padding:5px 10px 4px!important; margin:2px 0!important; background:#d6cfac!important } .transhover:hover { background:#a29c7f!important } .downuptransl { height:28px; margin:0 5px 0 0; width:30px; background:#d6cfac!important; padding:0; border-radius:3px 0 0 3px; font-weight:700!important; line-height:1.9em } .downuptransr { height:28px; margin:0 0 0 5px; width:30px; background:#d6cfac!important; padding:0; border-radius:0 3px 3px 0; font-weight:700!important; line-height:1.9em } .resettrans { height:30px; margin:0 -10px; width:120px; background:#bdb79b!important; padding:0; line-height:2em; font-size:16px!important; font-weight:400!important; border-radius:0!important; } uke-chord { margin:5px 5px 0 0; vertical-align:middle; border:1px solid #DDD; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 1px 5px #999; -moz-box-shadow:1px 1px 5px #999; -webkit-box-shadow:1px 1px 5px #999; padding:3px; margin:7px 7px 0 0; background:#fbfbf1; font-family:'Roboto',sans-serif!important } .page-break { page-break-after:always } img.style-scope.uke-chord { background-image:url(/wp-content/themes/uku_v2/images/ukutabs/chords_bg.png); -moz-border-radius:6px; border-radius:6px; padding:10px 10px 0 0; box-shadow:inset 0 0 20px #b4b3a6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:'Roboto',sans-serif!important } .rotate { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3) } .sidebar-box img.tptn_thumb { width:35px!important; height:35px!important } .sidebar-box .tabtype2 { display:none!important } .sidebar-box .tptn_list_count { display:none!important } .sidebar-box .tptn_link { margin:-8px 0 0!important } .sidebar-box ol { overflow:visible!important } .sidebar-box .tptn_thumb { display:none!important } .topgenresfront{margin-bottom:0px;padding:30px 25px 12px!important} .accordion > .tptn_posts_daily{height:363px!important} .accordion > .tptn_posts_daily ol li{height:36px!important;} .pace { -webkit-pointer-events:none; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .pace-inactive { display:none; } .pace .pace-progress { background:#dbc56b; position:fixed; z-index:2000; top:0; right:100%; width:100%; height:2px; } .mobile-warning { margin:0; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1); font-size:14px; position:relative; } .mobile-warning-content { text-shadow:1px 1px 1px #fff; padding:15px 10px 0 80px; min-height:35px; } .ninja-info:before { content:''; position:absolute; top:27px; left:15px; } .ninja-info { border:1px solid #e2e2ba; } .ninja-info:before { width:48px; height:42px; background:url(https://ukutabs.com/wp-content/themes/uku_v2/images/ukutabs/changeorientation.png) no-repeat; background-size:48px 42px; } .ninja-info .mobile-warning-content { color:#ada771; background:#f9f9dc; border:1px solid #fbfbef; -moz-box-shadow:inset 0 0 45px #efefc0; -webkit-box-shadow:inset 0 0 45px #efefc0; box-shadow:inset 0 0 45px #efefc0; } #warning-message { display:none; width:100%; margin-bottom:15px; } @media only screen and (orientation:portrait) { #warning-message { display:block; } } @media only screen and (orientation:landscape) { #warning-message { display:none; } } .site-header,.home.paged .site-header,.single-product .site-header { padding:10px 2%; border-bottom:1px solid #eee; position:relative; margin:0 0 40px; text-align:center; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:space-between } .site-header,.site-header.page-with-cover { border:none; margin:0; background-color:#252525 } .single-product .site-header.page-with-cover { padding:10px 2%; border-bottom:1px solid #eee; position:relative; margin:0 0 40px; text-align:center } .main-navbar { position:relative; order:2; flex:4; text-align:center } .navbar { position:relative; z-index:200; color:#333 } .navbar-header #menu-main-slide { display:none } .navbar:before,.navbar:after { content:" "; display:table } .navbar:after { clear:both } .navbar a { color:#222 } .navbar-nav a:hover { text-decoration:none; color:#dbc56b } .sf-menu,.sf-menu * { margin:0; padding:0; list-style:none } .sf-menu li { position:relative } .sf-menu ul { position:absolute; display:none; top:100%; left:0; z-index:99 } .sf-menu > li { display:inline-block; vertical-align:middle } .sf-menu li:hover > ul,.sf-menu li.sfHover > ul { display:block } .sf-menu a { display:block; position:relative } .sf-menu ul ul { top:0; left:100% } .sf-arrows .sf-with-ul:after { content:"\203A"; display:inline-block; -webkit-font-smoothing:antialiased; font:normal 12px/16px; vertical-align:top; margin:0px 0 0 5px; color:#fff; } .sf-arrows ul .sf-with-ul:after { content:"\00bb"; display:inline-block; -webkit-font-smoothing:antialiased; font:normal 12px/22px; vertical-align:top; margin:0px 0 0 7px } .sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color:#fff } .sf-menu > li > ul > li > ul { margin-top:-10px!important } .sub-menu > li { float:left!important; padding:5px 0 0 15px } .sub-menu > li > a { margin:-8px 0 10px } .sub-menu > li > a > .fa::before { float:left; margin-top:8px; width:30px } .navbar-nav { position:relative; z-index:100; font-family:"Roboto Condensed",sans-serif } .navbar-nav > li { margin:0 12px; padding:5px 0; } .navbar-nav > li:first-child { border-left:0 } .navbar-nav > li:last-child { margin-right:0; border-right:0 } .navbar-nav > li > ul:before { content:''; position:absolute; bottom:100%; left:50%; margin-left:-8px; width:0; height:0; border-bottom:8px solid #444; border-right:8px solid transparent; border-left:8px solid transparent } .navbar-nav a { padding:0; -webkit-transition:.2s ease all; -o-transition:.2s ease all; transition:.2s ease all; font-weight:600; font-size:18px; color:#fff; float:right; font-family:"Roboto Condensed",sans-serif; margin-left:7px; } .fa { color:#fff } .navbar-nav a:hover { text-decoration:none } .navbar-nav ul { font-size:14px; left:50%; width:190px; margin-top:0px; padding:10px 0 0; background:#444; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); border-radius:3px } .navbar-nav ul a { padding:7px 15px; color:#fff; text-transform:none; font-weight:500 } .navbar-nav ul .current-menu-item a,.navbar-nav ul .current_page_item a,.navbar-nav ul .current-menu-parent a,.navbar-nav ul .current_page_parent a { color:#fff } .navbar-nav ul ul { right:100%; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); margin-top:-3px } .navbar-nav .current-menu-item a,.navbar-nav .current_page_item a,.navbar-nav .current-menu-parent a { color:#ea6c35 } .navbar-nav .current-menu-item ul a,.navbar-nav .current_page_item ul a,.navbar-nav .current-menu-parent ul a,.navbar-nav .current_page_parent ul a { color:#fff } .navbar-nav .current-menu-item ul a:hover,.navbar-nav .current_page_item ul a:hover,.navbar-nav .current-menu-parent ul a:hover,.navbar-nav .current_page_parent ul a:hover { color:#ea6c35 } a.cart-button:before { content:"\f174"; display:inline-block; -webkit-font-smoothing:antialiased; font:normal 20px/24px dashicons; vertical-align:top; margin:0 8px 0 0; } a.cart-button { display:block; float:right } .navbar-toggle { display:none; position:relative; right:0; top:30% } .navbar-toggle .icon-bar { display:block; width:30px; height:3px; background:#fff; transition:transform .28s cubic-bezier(0.230,1.000,0.320,1.000),opacity .2s ease } .navbar-toggle:hover .icon-bar { background:#555 } .navbar-toggle .icon-bar + .icon-bar { margin-top:5px } .mm-opening .navbar-toggle .icon-bar:nth-child(1) { -webkit-transform:rotateZ(-45deg) translate3d(-6px,5px,0); transform:rotateZ(-45deg) translate3d(-6px,5px,0); width:30px } .mm-opening .navbar-toggle .icon-bar:nth-child(2) { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:0 } .mm-opening .navbar-toggle .icon-bar:nth-child(3) { -webkit-transform:rotateZ(45deg) translate3d(-6px,-6px,0); transform:rotateZ(45deg) translate3d(-6px,-6px,0); width:30px } .sb-search { z-index:200; width:40px; height:40px; min-width:100px; flex:1; order:3; text-align:right; position:relative } .sb-search .sb-search-input { position:absolute; top:0; right:0; border:none; outline:none; background:#eee; width:20px; height:19px; margin:0; z-index:10; padding:10px 65px 10px 15px; font-family:inherit; font-size:16px; color:#222; visibility:hidden; opacity:0; border:1px solid #eee; border-radius:50px; -webkit-transition:width .3s; -moz-transition:width .3s; transition:width .3s; -webkit-backface-visibility:hidden; -webkit-transition:.2s ease all; -o-transition:.2s ease all; transition:.2s ease all; background:#eee; -webkit-transition:width 0.6s,border-radius 0.6s,background .6s; transition:width 0.6s,border-radius 0.6s,background .6s } .sb-search input[type="search"].sb-search-input { -webkit-appearance:none } .sb-search .sb-search-input::-webkit-input-placeholder { color:#aaa } .sb-search .sb-search-input:-moz-placeholder { color:#aaa } .sb-search .sb-search-input::-moz-placeholder { color:#aaa } .sb-search .sb-search-input:-ms-input-placeholder { color:#aaa } .sb-search .sb-icon-search,.sb-search .sb-search-submit { width:40px; height:40px; display:block; position:absolute; right:0; top:0; padding:0; margin:0; line-height:40px; text-align:center; cursor:pointer } .sb-search .sb-search-submit { background:#fff; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; color:transparent; border:none; outline:none; z-index:-1 } .sb-search .sb-icon-search { color:#fff; z-index:90; font-size:18px; font-family:'insight'; speak:none; font-style:normal; font-weight:700; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -webkit-transition:.2s ease all; -o-transition:.2s ease all; transition:.2s ease all; border-radius:50px; } .sb-search .sb-icon-search:hover { background:#000 } .sb-search .sb-icon-search:before { content:"\e903" } .sb-search.sb-search-open,.no-js .sb-search { } .sb-search.sb-search-open .sb-search-input { visibility:visible; opacity:1; width:200px; -webkit-transition:width .6s cubic-bezier(0,1.22,0.66,1.39),border-radius 0.6s,background .6s; transition:width .6s cubic-bezier(0,1.22,0.66,1.39),border-radius 0.6s,background .6s } .sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search { background:none; z-index:11 } .sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit { z-index:90 } #slider { margin:0; overflow:hidden; position:relative; background:#19191a; height:300px } .empty-slider a,#slider .more_link { color:#7bdeff } .empty-slider { max-width:1200px; margin:60px auto 40px; padding:0 15px; color:#fff } #slider .slides { white-space:nowrap; overflow:hidden } #slider .slide { position:relative; display:inline-block; white-space:normal; width:100%; height:300px; text-align:center; background-color:#000; background-repeat:no-repeat; background-position:center center; background-size:cover; -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform-style:preserve-3d } #slider .flickity-enabled .slide { display:block } #slider .flickity-viewport { cursor:move; cursor:-webkit-grab; cursor:grab } #slider .flickity-viewport.is-pointer-down { cursor:-webkit-grabbing; cursor:grabbing } .flickity-prev-next-button { display:block; position:absolute; z-index:100; top:50%; height:40px; width:40px; background:none; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); opacity:.9 } .flickity-prev-next-button:hover { opacity:1; background:none } .flickity-prev-next-button.previous { left:10px; border-radius:0 3px 3px 0 } .flickity-prev-next-button.next { right:10px; border-radius:3px 0 0 3px } .flickity-prev-next-button svg { position:absolute; left:0; top:0; width:100%; height:100% } .flickity-prev-next-button path { opacity:.8; fill:#fff } .flickity-prev-next-button:hover path { opacity:1 } #slider .slider-direction-nav a:focus { outline:0 } #slider .slider-direction-nav a:hover,#slider .slider-direction-nav a:active { opacity:1 } .slides li .slide-overlay { position:absolute; top:0; right:0; bottom:0; left:0; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.3) 100%); background-image:-o-linear-gradient(top,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.3) 100%); background-image:linear-gradient(to bottom,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.3) 100%); background-repeat:repeat-x; color:#fff } .slides li .slide-header { position:absolute; bottom:35%; margin:0 10%; width:80%; text-align:center } .slides li h3 { font-size:56px; line-height:1.2; font-weight:500; margin-bottom:0; color:#f5f1e4; text-shadow:#000 2px 2px 10px } .slides li h3 a { color:#fff } .slides li h3 a:hover { text-decoration:none; opacity:.9 } .slides li .entry-meta { color:#fff } .slides li .entry-meta a { color:#fff; padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,0.2) } .slides li .entry-meta a:hover { color:#fff; border-bottom:1px solid rgba(255,255,255,0.4) } .slides li .cat-links a { color:#fff; padding-bottom:4px; text-transform:none; font-size:16px } .slides li .cat-links a:hover { color:#fff; opacity:.7 } .slides:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden } .flickity-page-dots { position:absolute; width:100%; bottom:25px; padding:0; margin:0; list-style:none; text-align:center; line-height:1 } .flickity-rtl .flickity-page-dots { direction:rtl } .flickity-page-dots .dot { display:inline-block; width:10px; height:10px; margin:0 5px; background:#fff; border-radius:50%; filter:alpha(opacity=25); opacity:.25; cursor:pointer } .flickity-page-dots .dot.is-selected { filter:alpha(opacity=100); opacity:1 } .site-main { max-width:1200px; padding:0 30px 30px; margin:44px auto; background-image:url(images/bg_maincontent.png); position:relative; -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); -moz-box-shadow:0 0 10px rgba(0,0,0,.3); box-shadow:0 0 10px rgba(0,0,0,.3); z-index:0 } .site-main:before,.site-main:after { content:" "; display:table } .site-main:after { clear:both } .home-widgetized-sections { border-bottom:1px solid #eee; padding:0; margin:0 0 40px } .site-widgetized-section.section-top { margin-bottom:20px } .site-widgetized-section .widgets .widget { width:23%; margin:0 2.6666% 20px 0; display:inline-block; vertical-align:top; font-size:16px } .site-widgetized-section.section-footer .widget.wpzoom-featured-post { width:100%; margin:0 } .site-widgetized-section .widgets .widget:last-child,.site-widgetized-section .widgets .widget:nth-child(4n + 4) { margin-right:0 } .site-widgetized-section .widgets-3 .widget { width:32%; margin-right:2% } .site-widgetized-section .widgets-3 .widget:last-child { margin-right:0 } .site-widgetized-section .widgets-2 .widget { width:48%; margin-right:4% } .site-widgetized-section .widgets-2 .widget:last-child { margin-right:0 } .site-widgetized-section .widgets-1 .widget { width:100%; margin-right:0 } .content-area { float:left; width:67.545% } .section-title { margin-bottom:30px; color:#222; font-size:20px; font-weight:700 } .recent-posts { font-size:0 } .recent-posts .post:before,.recent-posts .post:after { content:" "; display:table } .recent-posts .post:after { clear:both } .recent-posts .post,.recent-posts .type-page { margin-bottom:30px } .recent-posts .post { width:48.053%; margin-right:3.8%; display:inline-block; vertical-align:top; font-size:16px; position:relative; overflow:hidden; max-height:600px } .recent-posts.list-view .post { width:100%; margin-right:0; display:inline-block; vertical-align:top; font-size:16px; position:relative; overflow:hidden; max-height:100%; border-bottom:1px solid #eee; padding:0 0 10px; margin-bottom:50px } .recent-posts .post:after { content:''; display:block; width:100%; height:35px; bottom:0; position:absolute; background:#fff; background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#fff)); background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$from_color',endColorstr='$to_color',GradientType=0) } .recent-posts.list-view .post:after { display:none } .recent-posts .post:nth-child(2n+2) { margin-right:0 } .recent-posts .post-thumb { margin:0 0 15px } .recent-posts .post-thumb img { max-width:100%; height:auto } .recent-posts .entry-body { overflow:hidden } .archive .recent-posts .post,.search .recent-posts .post { width:31%; margin-right:3.5%; display:inline-block; vertical-align:top; font-size:16px; position:relative; overflow:hidden; max-height:600px } .archive .recent-posts .post:nth-child(2n+2),.search .recent-posts .post:nth-child(2n+2) { margin-right:3.5% } .archive .recent-posts .post:nth-child(3n+3),.search .recent-posts .post:nth-child(3n+3) { margin-right:0 } .entry-title { margin:0; font-size:26px; font-weight:600; line-height:1.2 } .entry-content:before,.entry-content:after { content:" "; display:table } .entry-content:after { clear:both } .entry-content p { margin-bottom:28px } .entry-content img { max-width:100%; height:auto } .entry-meta { margin-bottom:12px; color:#acacac; font-size:22px } .entry-meta span + span:before { content:" × "; font-family:'Roboto',sans-serif; color:#aaa; margin:0 3px; opacity:.5 } .cat-links { font-size:14px; text-transform:uppercase; margin-bottom:10px; font-weight:600; display:block } .cat-links a { color:#999 } .cat-links a:hover { color:#333 } .more-link,.more_link { display:table; margin:20px 0 0 } .single .entry-header,.page .entry-header { margin:0; position:relative } .entry-header .entry-cover { width:100%; z-index:99; opacity:1; border:none!important; background-size:cover; background-position:center center; min-height:300px; background-color:#000 } .entry-cover:after { content:" "; position:absolute; top:0; right:0; bottom:0; left:0; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000',endColorstr='#80000000',GradientType=0) } .entry-cover .entry-info { width:100%; bottom:0; position:absolute; z-index:99 } .entry-cover .entry-info h1.entry-title { color:#fff } .entry-cover .entry-info .entry-meta { color:#e6e6e6; opacity:.9; padding:0; margin:0; font-size:24px; overflow:hidden } .entry-cover .entry-info .entry-meta a { color:#fff; font-weight:600 } .entry-cover .entry-info .entry-meta a:hover { text-decoration:none; color:#ea6c35 } .entry-category + .entry-date { display:inline-block } .entry-header .entry-meta span + span:before { display:none } .page .site-main > article,.single .site-main > article { float:left; max-width:770px; width:65.8119% } .page .site-main.full-width-page > article { float:none; max-width:100%; width:100% } .full-width .content-area { width:100%; float:none } .page h1.entry-title,.single h1.entry-title { font-size:50px } .page .entry-info,.single .entry-info { margin-bottom:30px } .page .entry-category + .entry-date,.single .entry-category + .entry-date { display:inline-block } .entry-content { line-height:1.7; padding-bottom:15px } .entry-content a { text-decoration:underline } .entry-content a:hover { text-decoration:none } .entry-content a.wpz-sc-button { text-decoration:none } .entry-content a.wpz-sc-button:hover { color:#fff } .entry-content .wpz-sc-ilink a { text-decoration:none } .entry-content .shortcode-tabs ul.tab_titles li.nav-tab a { text-decoration:none } .entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 { margin-bottom:15px; line-height:1.4; font-weight:500 } .entry-content img.alignnone,.entry-content img.aligncenter,.entry-content img.alignleft,.entry-content img.alignright,.entry-content img.attachment-fullsize { margin-bottom:20px; max-width:100%; height:auto } .entry-content ul,.entry-content ol { margin:0 0 20px 15px } .entry-content li ul,.entry-content li ol { margin-bottom:0 } .entry-content li { list-style-position:inside } .entry-content ul li { list-style-type:square } .entry-content ol li { list-style-type:decimal } .entry-content .shortcode-unorderedlist ul li,.entry-content .shortcode-unorderedlist ul li ul { list-style-type:none } .entry-content blockquote { border-left:solid 3px #ddd; font-style:italic; font-size:20px; margin:45px 40px; padding:0 0 0 40px } .tag_list h4 { text-transform:uppercase; line-height:30px; margin:0 15px 0 0; font-size:14px; float:left } .tag_list a { margin:0 15px 0 0; display:inline-block; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; text-decoration:none; font-size:14px; padding:5px 20px; border-radius:30px; background:#f9f8ee } .tag_list a:hover { } .entry-content .tiled-gallery { margin-left:auto; margin-right:auto; max-width:100% } .entry-content .gallery a:hover { opacity:.6; transition:opacity .25s ease-in-out } .gallery-item { display:inline-block; max-width:33.33%; padding:0 1.1400652% 2.2801304%; text-align:center; vertical-align:top; width:100% } .gallery-columns-1 .gallery-item { max-width:100% } .gallery-columns-2 .gallery-item { max-width:50% } .gallery-columns-4 .gallery-item { max-width:25% } .gallery-columns-5 .gallery-item { max-width:20% } .gallery-columns-6 .gallery-item { max-width:16.66% } .gallery-columns-7 .gallery-item { max-width:14.28% } .gallery-columns-8 .gallery-item { max-width:12.5% } .gallery-columns-9 .gallery-item { max-width:11.11% } .gallery-icon img { margin:0 auto } .wp-caption-text,.gallery-caption { color:#868686; margin:0; padding:15px 0; text-align:center; display:block; font-style:italic; line-height:1.4 } .gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption { display:none } .entry-content .aligncenter,div.aligncenter { display:block; clear:both; margin-left:auto; margin-right:auto } .alignleft,.entry-content .alignleft { float:left; margin-right:15px } .alignright,.entry-content .alignright { float:right; margin-left:15px } .entry-content .wp-caption { width:auto; text-align:center } .entry-content .wp-caption img { background:none; margin:0; border:0 none; max-width:100%; width:auto; height:auto } .entry-content .wp-caption.aligncenter { margin:0 auto 15px } img.wp-smiley { border:none; padding:0 } .single .entry-footer { margin:30px 0 0 } .single .share { float:right; position:absolute; margin:45px 0 0 -20px } .single .share a { display:inline-block; text-decoration:none; font-size:14px; color:#fff; font-weight:500; padding:6px 15px; border-radius:3px; margin:0 0 0 20px; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out } .slide-overlay .share a,.entry-cover .share a { border:1px solid rgba(255,255,255,.3) } .single .share a.twitter { background:#3a93d8 } .single .share a.facebook { background:#2e6cc8 } .single .share a.gplus { background:#dd5042 } .slide-overlay .share a.twitter,.slide-overlay .share a.facebook,.slide-overlay .share a.gplus,.entry-cover .share a.twitter,.entry-cover .share a.facebook,.entry-cover .share a.gplus { background:none } .single .share a:hover:before { color:#fff } .single .share a:before { content:"\e603"; display:inline-block; -webkit-font-smoothing:antialiased; font:normal 20px/100% insight; vertical-align:top; margin:0 8px 0 0 } .single .share a.facebook:before { content:"\e601" } .single .share a.gplus:before { content:"\e042" } .entry-cover .share a:hover { border:1px solid transparent } .single .share a.twitter:hover { background:#59aef5 } .single .share a.facebook:hover { background:#5084e4 } .single .share a.gplus:hover { background:#fb6c59 } .single .post_author { margin-top:15px; padding:35px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:14px; color:#666 } .single .author-description { overflow:hidden } .single .post_author .author-title { margin:0 0 14px; font-size:16px; font-weight:300; color:#999 } .single .post_author .author-title a { font-weight:500 } .single .post_author .author-bio { margin-bottom:0 } .single .post_author > img { float:left; margin-right:25px; -webkit-border-radius:50%; border-radius:50% } .col_arch { border-bottom:1px solid #eee; padding:0 0 30px; margin:0 0 30px } .col_arch ul { margin:0 } .col_arch a { font-weight:400; text-decoration:none } .col_arch ul li { width:31%; float:left; margin:0 1.5% 5px 0; list-style-type:none } .col_arch:last-child { border-bottom:none } #comments > h3 { position:relative; margin-top:80px; font-size:26px; font-weight:500; padding-bottom:32px; margin-bottom:40px; border-bottom:1px solid #EEE } #respond > h3 { position:relative; margin-top:80px; margin-bottom:30px; font-size:28px; font-weight:500; line-height:1.2em; text-shadow:1px 1px 0 #fff; font-family:'Lobster',Arial,sans-serif; color:#9f441d } .comment-notes { margin-bottom:20px; font-style:italic; color:#999 } .commentlist { list-style-type:none; padding:0 } .commentlist li { list-style-type:none } .commentlist .children { margin:30px 0 0 50px } .commentlist .comment { margin-bottom:44px; padding-bottom:32px; position:relative; border-bottom:1px solid #EEE } .commentlist .children li:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; margin-top:30px } .comment .avatar { float:left; border-radius:50%; margin-right:28px } .comment-author:before,.comment-author:after { content:" "; display:table } .comment-author:after { clear:both } .comment-author .fn,.comment-author .fn a { font-style:normal; font-weight:500; font-size:18px } .comment-author .comment-meta { font-size:14px; margin-top:5px } .comment-author .comment-meta,.comment-author .comment-meta a { color:#a2a2a2 } .comment-author .comment-meta a:hover { color:#333 } .comment-main { overflow:hidden } .comment-body { margin-top:8px } #respond { margin-bottom:85px } #respond .form_fields p { margin-bottom:24px; width:33.33%; float:left; padding-left:20px } #respond .form_fields p:first-child { padding-left:0 } #respond input { width:100% } #respond textarea { width:100%; height:150px } #respond #submit { width:auto; padding-left:25px; padding-right:25px; margin-top:12px; background-color:#7a786f; border-radius:3px } #respond code { white-space:pre-wrap } .form-allowed-tags { display:none } #sidebar { float:right; width:30%; margin-left:2% } .shop-sidebar { float:right; width:32%; margin-left:2% } .shop-wrapper { overflow:hidden } .widget { margin-bottom:50px } .widget a { color:#424035 } .widget .title { margin-bottom:20px; color:#222; font-size:20px; font-weight:600 } #sidebar .widget { background:#f2f2e8; padding:30px 25px; border-radius:4px } .widget ul { clear:both; margin:0 } .widget ul li { list-style-type:none } .widget ul ul { margin:0; padding:0; border-top:none } .widget ul ul li { border:none } .widget_search label { display:inline } .textwidget img { max-width:100%; height:auto } .zoom-twitter-widget li { margin:0 0 15px } .zoom-twitter-widget time { display:block; margin:5px 0 0; font-size:12px; font-style:normal; text-transform:uppercase } .zoom-twitter-widget .zoom-twitter-widget__follow-me { margin:10px 0 0 } .zoom-instagram-widget li img:hover { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter:alpha(opacity=60); opacity:.6; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out } .widget_rss li { margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #eee } .widget_rss .rsswidget { font-weight:700; margin:0 0 7px; font-size:18px } .widget_rss .rss-date { display:block; font-size:14px; margin:5px 0; color:#999 } .widget_rss .rssSummary { font-size:14px; margin:0 0 5px } .widget .feature-posts-list br { display:none } .widget .feature-posts-list img { margin:0 15px 0 0; float:left } .widget .feature-posts-list small { font-size:14px; color:#acacac; margin:0 0 5px; display:block } .widget .feature-posts-list .post-excerpt { display:block; overflow:hidden } .widget .feature-posts-list li { margin:0 0 25px } .widget .feature-posts-list li:last-child { margin:0; border:none; padding:0 } .widget .feature-posts-list li h3 { line-height:1.3; font-size:16px; color:#3a3a3a; margin:0 0 5px } .widget .feature-posts-list li a { font-weight:500 } #wp-calendar caption { text-align:right; font-weight:700; margin-top:10px; margin-bottom:15px } #wp-calendar thead { font-size:12px } #wp-calendar thead th { padding-bottom:10px } #wp-calendar tbody { color:#aaa } #wp-calendar tbody td { text-align:center; padding:8px } #wp-calendar tbody .pad { background:none } #wp-calendar tfoot #next { font-size:12px; text-transform:uppercase; text-align:right } #wp-calendar tfoot #prev { font-size:12px; text-transform:uppercase; padding-top:10px } div.fb-like.fb_iframe_widget { width:100%!important } .fb_iframe_widget { width:100%!important } .fb_iframe_widget span { width:100%!important } .fb_iframe_widget span iframe { width:100%!important } .wpzoom-featured-cat img { max-width:100%; height:auto } .wpzoom-featured-cat h3.title { font-size:14px; text-transform:uppercase; margin-bottom:10px } .wpzoom-featured-cat h3.title a { color:#999 } .wpzoom-featured-cat h3.title a:hover { color:#333 } .wpzoom-featured-cat h3.entry-title { margin-bottom:10px; font-size:26px; font-weight:600 } .widgets-3 .wpzoom-featured-cat h3.entry-title { font-size:22px } #sidebar .wpzoom-featured-cat h3.entry-title,.footer-widgets .wpzoom-featured-cat h3.entry-title,.widgets-4 .wpzoom-featured-cat h3.entry-title { font-size:20px } .wpzoom-featured-cat .right-col .entry-meta { margin:0 } .wpzoom-featured-cat p { font-size:16px; line-height:1.5; color:#555; margin:0 } .wpzoom-featured-cat .main-post { margin:0 0 20px } .wpzoom-featured-cat .main-post img { margin:0 0 15px } .wpzoom-featured-cat .featured-list h4 { font-size:20px; margin:0 } .wpzoom-featured-cat .featured-list li { display:block; margin:15px 0 } .wpzoom-featured-cat .featured-list li:last-child { border-bottom:none; margin:0; padding:0 } .wpzoom-featured-cat .featured-list img { float:left; margin:0 15px 0 0 } #sidebar .wpzoom-featured-post { background:none; padding:0 } .featured-post-with-bg { position:relative; white-space:normal; width:100%; height:500px; text-align:center; background-color:#eee; background-repeat:no-repeat; background-position:center center; background-size:cover; c8e9eaborder-radius:3px } .section-footer .featured-post-with-bg { border-radius:0 } .featured-post-with-bg .featured-post-overlay { position:absolute; top:0; right:0; bottom:0; left:0; border-radius:3px; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000',endColorstr='#80000000',GradientType=0); color:rgba(255,255,255,.9); color:#fff } .section-footer .featured-post-with-bg .featured-post-overlay { border-radius:0 } .featured-post-with-bg .featured-post-overlay-header { position:absolute; bottom:35%; margin:0 10%; width:80%; text-align:center } .featured-post-with-bg h3.title { color:#fff; font-size:16px; line-height:1.3; font-weight:500; margin-bottom:15px } .featured-post-with-bg h3.entry-title { font-size:50px; color:#fff; line-height:1.3; font-weight:500; margin-bottom:15px } .site-widgetized-section .widgets-2 .featured-post-with-bg h3.entry-title { font-size:28px } .site-widgetized-section .widgets-3 .featured-post-with-bg h3.entry-title { font-size:28px } .footer-widgets .wpzoom-featured-post h3.entry-title,#sidebar .wpzoom-featured-post h3.entry-title,.site-widgetized-section .widgets-4 .featured-post-with-bg h3.entry-title { font-size:24px } .site-widgetized-section .widgets-2 .widget .featured-post-with-bg .featured-post-overlay-header { bottom:0; top:30% } .featured-post-with-bg h3 a { color:#fff } .featured-post-with-bg h3 a:hover { text-decoration:none; opacity:.8; color:#fff } .featured-post-with-bg .entry-meta { color:#fff } .featured-post-with-bg .entry-meta a { color:#fff; padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,0.2) } .featured-post-with-bg .entry-meta a:hover { color:#fff; border-bottom:1px solid rgba(255,255,255,0.4) } .featured-post-with-bg:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden } .site-footer { font-size:16px; background-color:#252525 } .footer-widgets { background:#d6d5ca; padding:48px 0 20px } .footer-widgets:before,.footer-widgets:after { content:" "; display:table } .footer-widgets:after { clear:both } .footer-widgets .column { float:left } .footer-widgets.widget-columns-4 .column { width:23%; margin-right:2.6666% } .footer-widgets.widget-columns-3 .column { width:31%; margin-right:3.5% } .footer-widgets.widget-columns-2 .column { width:48%; margin-right:4% } .footer-widgets.widget-columns-1 .column { width:100% } .footer-widgets.widget-columns-2 .column:nth-child(2n+2),.footer-widgets.widget-columns-3 .column:nth-child(3n+3),.footer-widgets.widget-columns-4 .column:nth-child(4n+4) { margin-right:0 } .footer-widgets .widget { margin-bottom:40px } .site-info { max-width:1200px; margin:0 auto; padding:30px 15px; color:#ddd; font-size:14px; text-align:center } .site-info p { float:left; width:50% } .site-info p.designed-by { float:right; text-align:right } .site-info a { font-weight:700; color:#fff } .site-info:before,.site-info:after { content:" "; display:table } .site-info:after { clear:both } .mm-hidden { display:none!important } .mm-wrapper { overflow-x:hidden; position:relative } .mm-menu,.mm-menu > .mm-panel { margin:0; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0 } .mm-menu { background:inherit; display:block; overflow:hidden; padding:0 } .mm-panel { -webkit-transition:-webkit-transform .4s ease; -moz-transition:-moz-transform .4s ease; -ms-transition:-ms-transform .4s ease; -o-transition:-o-transform .4s ease; transition:transform .4s ease; -webkit-transform:translate3d(100%,0,0); -moz-transform:translate3d(100%,0,0); -ms-transform:translate3d(100%,0,0); -o-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } .mm-panel.mm-opened { -webkit-transform:translate3d(0%,0,0); -moz-transform:translate3d(0%,0,0); -ms-transform:translate3d(0%,0,0); -o-transform:translate3d(0%,0,0); transform:translate3d(0%,0,0) } .mm-panel.mm-subopened { -webkit-transform:translate3d(-30%,0,0); -moz-transform:translate3d(-30%,0,0); -ms-transform:translate3d(-30%,0,0); -o-transform:translate3d(-30%,0,0); transform:translate3d(-30%,0,0) } .mm-panel.mm-highest { z-index:1 } .mm-menu > .mm-panel { background:inherit; -webkit-overflow-scrolling:touch; overflow:scroll; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; padding:0 20px } .mm-menu > .mm-panel.mm-hasheader { padding-top:40px } .mm-menu > .mm-panel:before,.mm-menu > .mm-panel:after { content:''; display:block; height:20px } .mm-vertical .mm-panel { -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; transform:none!important } .mm-vertical .mm-listview .mm-panel,.mm-listview .mm-vertical .mm-panel { display:none } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color:transparent } .mm-vertical li.mm-opened > .mm-panel,li.mm-vertical.mm-opened > .mm-panel { display:block } .mm-vertical .mm-listview > li > .mm-next,.mm-listview > li.mm-vertical > .mm-next { height:39px; bottom:auto; margin:0!important } .mm-vertical .mm-listview > li > .mm-next:after,.mm-listview > li.mm-vertical > .mm-next:after { top:16px; bottom:auto } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after,.mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg) } .mm-header { border-bottom:1px solid transparent; text-align:center; line-height:20px; height:40px; padding:0 40px; margin:0; position:absolute; top:0; left:0; right:0 } .mm-header > a { text-decoration:none; display:block; padding:10px 0 } .mm-header .mm-title { text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .mm-header .mm-btn { box-sizing:border-box; width:40px; height:40px; position:absolute; top:0; z-index:1 } .mm-header .mm-btn:first-child { padding-left:20px; left:0 } .mm-header .mm-btn:last-child { padding-right:20px; right:0 } .mm-listview,.mm-listview > li { list-style:none; display:block; padding:0; margin:0 } .mm-listview { font:inherit; font-size:14px } .mm-listview a,.mm-listview a:hover { text-decoration:none } .mm-listview > li { position:relative; padding-top:10px } .mm-listview > li > a,.mm-listview > li > span { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:inherit; line-height:20px; display:block; padding:10px 10px 10px 0; margin:0 } .mm-listview > li > a { font-family:"Roboto Condensed",sans-serif; margin-left:27px; margin-top:-27px; margin-bottom:0 } .mm-next { margin:0!important } .mm-listview > li:not(.mm-divider):after { content:''; border-bottom-width:1px; border-bottom-style:solid; display:block; position:absolute; left:0; right:0; bottom:0 } .mm-listview > li:not(.mm-divider):after { left:20px } .mm-listview .mm-next { background:rgba(3,2,1,0); width:50px; padding:0; position:absolute; right:0; top:0; bottom:0; z-index:2 } .mm-listview .mm-next:before { content:''; border-left-width:1px; border-left-style:solid; display:block; position:absolute; top:0; bottom:0; left:0 } .mm-listview .mm-next + a,.mm-listview .mm-next + span { margin-right:50px } .mm-listview .mm-next.mm-fullsubopen { width:100% } .mm-listview .mm-next.mm-fullsubopen:before { border-left:none } .mm-listview .mm-next.mm-fullsubopen + a,.mm-listview .mm-next.mm-fullsubopen + span { padding-right:50px; margin-right:0 } .mm-menu > .mm-panel > .mm-listview { margin-left:-20px; margin-right:-20px } .mm-menu > .mm-panel > .mm-listview.mm-first { margin-top:-20px } .mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom:20px } .mm-prev:before,.mm-next:after { content:''; border:2px solid transparent; display:inline-block; width:8px; height:8px; margin:auto; position:absolute; top:0; bottom:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg) } .mm-prev:before { border-right:none; border-bottom:none; left:20px } .mm-next:after { border-top:none; border-left:none; right:20px } .mm-divider { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:10px; text-transform:uppercase; text-indent:20px; line-height:25px } .mm-listview > li.mm-spacer { padding-top:40px } .mm-listview > li.mm-spacer > .mm-next { top:40px } .mm-listview > li.mm-spacer.mm-divider { padding-top:25px } .mm-menu { background:#f3f3f3; color:rgba(0,0,0,0.7) } .mm-menu .mm-header { border-color:rgba(0,0,0,0.1) } .mm-menu .mm-header > a { color:rgba(0,0,0,0.3) } .mm-menu .mm-header .mm-btn:before,.mm-menu .mm-header .mm-btn:after { border-color:rgba(0,0,0,0.3) } .mm-menu .mm-listview > li:after { border-color:rgba(0,0,0,0.1) } .mm-menu .mm-listview > li > a.mm-prev,.mm-menu .mm-listview > li > a.mm-next { color:rgba(0,0,0,0.3) } .mm-menu .mm-listview > li > a.mm-prev:before,.mm-menu .mm-listview > li > a.mm-next:after { border-color:rgba(0,0,0,0.3) } .mm-menu .mm-listview > li > a.mm-prev:after,.mm-menu .mm-listview > li > a.mm-next:before { border-color:rgba(0,0,0,0.1) } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),.mm-menu .mm-listview > li.mm-selected > span { background:rgba(255,255,255,0.5) } .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,.mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel,.mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next,.mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background:rgba(0,0,0,0.05) } .mm-menu .mm-divider { background:rgba(0,0,0,0.05) } .mm-listview > li { float:none!important; padding-left:10px } .mm-page { box-sizing:border-box; position:relative } .mm-slideout { -webkit-transition:-webkit-transform .4s ease; -ms-transition:-ms-transform .4s ease; transition:transform .4s ease } html.mm-opened { overflow:hidden; position:relative } html.mm-opened body { overflow:hidden } html.mm-opened .mm-page { min-height:100vh } html.mm-background .mm-page { background:inherit } #mm-blocker { background:rgba(3,2,1,0); display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999 } html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker { display:block } .mm-menu.mm-offcanvas { display:none; position:fixed } .mm-menu.mm-current { display:block } .mm-menu { width:80%; min-width:140px; max-width:440px } html.mm-opening .mm-slideout { -webkit-transform:translate(80%,0); -moz-transform:translate(80%,0); -ms-transform:translate(80%,0); -o-transform:translate(80%,0); transform:translate(80%,0) } @media all and (max-width:175px) { html.mm-opening .mm-slideout { -webkit-transform:translate(140px,0); -moz-transform:translate(140px,0); -ms-transform:translate(140px,0); -o-transform:translate(140px,0); transform:translate(140px,0) } } @media all and (min-width:550px) { html.mm-opening .mm-slideout { -webkit-transform:translate(440px,0); -moz-transform:translate(440px,0); -ms-transform:translate(440px,0); -o-transform:translate(440px,0); transform:translate(440px,0) } } menu.mm-measureheight > .mm-panel { bottom:auto!important; height:auto!important } html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-page,html.mm-opened.mm-dragging .mm-fixed-top,html.mm-opened.mm-dragging .mm-fixed-bottom,html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration:0; -moz-transition-duration:0; -ms-transition-duration:0; -o-transition-duration:0; transition-duration:0 } .mm-menu.mm-border-none .mm-listview > li:after,.mm-listview.mm-border-none > li:after { content:none } .mm-menu.mm-border-full .mm-listview > li:after,.mm-listview.mm-border-full > li:after { left:0!important } .mm-menu.mm-pageshadow:after { content:""; display:block; width:20px; height:120%; position:absolute; left:100%; top:-10%; z-index:99 } .mm-menu.mm-pageshadow.mm-right:after { left:auto; right:100% } .mm-menu.mm-pageshadow.mm-next:after,.mm-menu.mm-pageshadow.mm-front:after { content:none; display:none } .mm-menu.mm-pageshadow:after { box-shadow:0 0 10px rgba(0,0,0,0.3) } .mm-menu.mm-theme-dark { background:#333; color:rgba(255,255,255,0.8) } .mm-menu.mm-theme-dark .mm-header { border-color:rgba(0,0,0,0.15) } .mm-menu.mm-theme-dark .mm-header > a { color:rgba(255,255,255,0.4) } .mm-menu.mm-theme-dark .mm-header .mm-btn:before,.mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color:rgba(255,255,255,0.4) } .mm-menu.mm-theme-dark .mm-listview > li:after { border-color:rgba(0,0,0,0.15) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev,.mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color:rgba(255,255,255,0.4) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before,.mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color:rgba(255,255,255,0.4) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after,.mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color:rgba(0,0,0,0.15) } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background:rgba(0,0,0,0.1) } .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel,.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next,.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background:rgba(255,255,255,0.05) } .mm-menu.mm-theme-dark .mm-divider { background:rgba(255,255,255,0.05) } .mm-menu.mm-theme-dark .mm-buttonbar { border-color:rgba(255,255,255,0.8); background:#333 } .mm-menu.mm-theme-dark .mm-buttonbar > * { border-color:rgba(255,255,255,0.8) } .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background:rgba(255,255,255,0.8); color:#333 } .mm-menu.mm-theme-dark label.mm-check:before { border-color:rgba(255,255,255,0.8) } .mm-menu.mm-theme-dark em.mm-counter { color:rgba(255,255,255,0.4) } .mm-menu.mm-theme-dark .mm-footer { border-color:rgba(0,0,0,0.15); color:rgba(255,255,255,0.4) } .mm-menu.mm-theme-dark .mm-fixeddivider span { background:rgba(255,255,255,0.05) } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow:0 0 20px rgba(0,0,0,0.5) } .mm-menu.mm-theme-dark .mm-search input { background:rgba(255,255,255,0.3); color:rgba(255,255,255,0.8) } .mm-menu.mm-theme-dark .mm-noresultsmsg { color:rgba(255,255,255,0.4) } .mm-menu.mm-theme-dark .mm-indexer a { color:rgba(255,255,255,0.4) } .mm-menu.mm-theme-dark label.mm-toggle { background:rgba(0,0,0,0.15) } .mm-menu.mm-theme-dark label.mm-toggle:before { background:#333 } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background:#4bd963 } .mm-menu.mm-theme-white { background:#fff; color:rgba(0,0,0,0.6) } .mm-menu.mm-theme-white .mm-header { border-color:rgba(0,0,0,0.1) } .mm-menu.mm-theme-white .mm-header > a { color:rgba(0,0,0,0.3) } .mm-menu.mm-theme-white .mm-header .mm-btn:before,.mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color:rgba(0,0,0,0.3) } .mm-menu.mm-theme-white .mm-listview > li:after { border-color:rgba(0,0,0,0.1) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev,.mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color:rgba(0,0,0,0.3) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before,.mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color:rgba(0,0,0,0.3) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after,.mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color:rgba(0,0,0,0.1) } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background:rgba(0,0,0,0.05) } .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel,.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next,.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background:rgba(0,0,0,0.03) } .mm-menu.mm-theme-white .mm-divider { background:rgba(0,0,0,0.03) } .mm-menu.mm-theme-white .mm-buttonbar { border-color:rgba(0,0,0,0.6); background:#fff } .mm-menu.mm-theme-white .mm-buttonbar > * { border-color:rgba(0,0,0,0.6) } .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background:rgba(0,0,0,0.6); color:#fff } .mm-menu.mm-theme-white label.mm-check:before { border-color:rgba(0,0,0,0.6) } .mm-menu.mm-theme-white em.mm-counter { color:rgba(0,0,0,0.3) } .mm-menu.mm-theme-white .mm-footer { border-color:rgba(0,0,0,0.1); color:rgba(0,0,0,0.3) } .mm-menu.mm-theme-white .mm-fixeddivider span { background:rgba(0,0,0,0.03) } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow:0 0 10px rgba(0,0,0,0.2) } .mm-menu.mm-theme-white .mm-search input { background:rgba(0,0,0,0.05); color:rgba(0,0,0,0.6) } .mm-menu.mm-theme-white .mm-noresultsmsg { color:rgba(0,0,0,0.3) } .mm-menu.mm-theme-white .mm-indexer a { color:rgba(0,0,0,0.3) } .mm-menu.mm-theme-white label.mm-toggle { background:rgba(0,0,0,0.1) } .mm-menu.mm-theme-white label.mm-toggle:before { background:#fff } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background:#4bd963 } .mm-menu.mm-top,.mm-menu.mm-bottom { width:100%; min-width:100%; max-width:100% } .mm-menu.mm-right { left:auto; right:0 } .mm-menu.mm-bottom { top:auto; bottom:0 } html.mm-right.mm-opening .mm-slideout { -webkit-transform:translate(-80%,0); -moz-transform:translate(-80%,0); -ms-transform:translate(-80%,0); -o-transform:translate(-80%,0); transform:translate(-80%,0) } @media all and (max-width:175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform:translate(-140px,0); -moz-transform:translate(-140px,0); -ms-transform:translate(-140px,0); -o-transform:translate(-140px,0); transform:translate(-140px,0) } } @media all and (min-width:550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform:translate(-440px,0); -moz-transform:translate(-440px,0); -ms-transform:translate(-440px,0); -o-transform:translate(-440px,0); transform:translate(-440px,0) } } html.mm-front .mm-slideout { -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; transform:none!important; z-index:0!important } .mm-menu.mm-front { z-index:1 } .mm-menu.mm-front,.mm-menu.mm-next { -webkit-transition:-webkit-transform .4s ease; -ms-transition:-ms-transform .4s ease; transition:transform .4s ease; -webkit-transform:translate3d(-100%,0,0); -moz-transform:translate3d(-100%,0,0); -ms-transform:translate3d(-100%,0,0); -o-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } .mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right { -webkit-transform:translate3d(100%,0,0); -moz-transform:translate3d(100%,0,0); -ms-transform:translate3d(100%,0,0); -o-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } .mm-menu.mm-top { -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) } .mm-menu.mm-bottom { -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) } html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .mm-menu.mm-top,.mm-menu.mm-bottom { height:80%; min-height:140px; max-height:880px } .mm-listview { font-size:16px } .mm-menu > .mm-panel { padding:20px 40px }}