/* Theme Name: Kerryman Theme URI: http://thekerrymanchicago.com/ Version: 1.2 Description: Developed by FLi Author: Frontallobe Innovations Author URI: http://fli.agency */ /* ------------------------------------------------------------------------- * * Reset - v2.0 | 20110126 * ------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ body { background-color: #262626; background-image: url(img/bg.jpg); background-repeat: repeat; background-position: top center; height: 100%; min-height: 100%; font-size: 14px; color: #e9e9e9; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-weight: 400; } a { color: #00c8d6; text-decoration:none; outline: 0; -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } a:hover { color: #444; } a img { opacity: 0.99; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; } address,cite,em { font-style: italic; } strong { font-weight: 600; } li { list-style: none; } .left,.alignleft { float: left; } .right,.alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } ::selection { background: #00c8d6; color: #fff; } ::-moz-selection { background: #00c8d6; color: #fff; } @font-face { font-family: 'LeagueGothicRegular'; src: url('font/League_Gothic-webfont.eot'); src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('font/League_Gothic-webfont.woff') format('woff'), url('font/League_Gothic-webfont.ttf') format('truetype'), url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } /* base : clear /* ------------------------------------ */ .clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .fix:before,.fix:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .fix:after {clear:both;} .fix {zoom:1;} /* base : text /* ------------------------------------ */ .text { font-size: 100%; line-height: 1.57em; text-rendering: optimizeLegibility; } .text img { max-width: 100%; height: auto; } .text a:active, .text a:focus { outline: invert none medium; } .text p,.text dd { margin-bottom: 14px; } .text dt { color: #444; } .text ol,.text ul { margin: 14px 0 14px 28px; } .text ul li { list-style: square; } .text ol li { list-style: decimal; } .text dt { font-weight: 600;} .text address { margin-bottom: 1.5em; } .text blockquote { background: url(img/shortcodes/blockquote.png) no-repeat 0 0; font-size: 15px; color: #999; font-family: Georgia, serif; font-style: italic; margin: 0 0 20px 10px; padding-left: 40px; } .text blockquote p { margin-bottom: 0.75em; } .text code, .text pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; } .text pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 14px 0 28px 0; border: 1px solid #ccc; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; } .text code { background: #ddd; padding: 0 3px; } .text ins { background: #fff486; } .text sub,.text sup { font-size: 62.5%; } .text sub { vertical-align: sub; } .text sup { vertical-align: super; } .text hr, .hr { background: transparent url(img/hr.png) repeat-x top left; border: 0; height: 1px; margin: 30px 0; } .text img.size-auto, .text img.size-large,.text img.size-medium, .text attachment img { max-width: 100%; height: auto; } .text img { max-width: 100%; height: auto; margin-bottom: 14px; } .text img.alignleft { margin-right: 20px; } .text img.alignright { margin-left: 20px; } .text img.aligncenter { clear: both; display: block; } .text img .size-full { width: 100%!important; } .text .gallery img, .text img.wp-smiley { margin: 0; } .text .wp-caption { background: #f1f1f1; max-width: 98%; border: 1px solid #e2e2e2; margin-bottom: 14px; padding: 1% 1% 0 1%; text-align: center; } .text .wp-caption a { border-bottom: none; } .text .wp-caption img { margin: 0; max-width: 100%; height: auto; } .text .wp-caption.alignleft { margin-right: 20px; } .text .wp-caption.alignright { margin-left: 20px; } .text .wp-caption.alignnone { width: 100%!important; overflow: hidden; } .text .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; } .text .wp-caption-text { color: #999; font-size: 12px; margin: 0 0 8px 0; } .text .gallery { width: 100%; margin-bottom: 14px!important; } .text .gallery .gallery-item { border-color: #fff; margin-top: 0!important; } .text .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: #fff!important; } .text .gallery-caption { text-align: center; font-size: 11px; } .text table { margin-bottom: 1.5em; width: 100%; text-align: center; } .text table tr.alt { background: #f1f1f1; } .text table td { font-size: 13px; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 5px; vertical-align: middle; } .text table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; } /* base : headings /* ------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #E2BA8C; font-weight: 600; text-transform: uppercase;} .text h1 span, .text h2 span, .text h3 span, .text h4 span, .text h5 span, .text h6 span { color: #bbb; } .color { color: #00c8d6!important; } .text h1,.text h2,.text h3,.text h4,.text h5,.text h6 { margin: 0 0 14px; } .text h1 { font-size: 24px; line-height: 28px; } .text h2 { font-size: 20px; line-height: 24px; } .text h3 { font-size: 18px; line-height: 22px; } .text h4 { font-size: 16px; line-height: 18px; } .text h5 { font-size: 14px; line-height: 18px; } .text h6 { font-size: 12px; line-height: 18px; text-transform: uppercase; } .text h1.alt,.text h2.alt,.text h3.alt,.text h4.alt,.text h5.alt,.text h6.alt { font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase; font-weight: normal; margin: 0 0 14px; } .text h1.alt { font-size: 54px; line-height: 1em; } .text h2.alt { font-size: 42px; line-height: 1em; } .text h3.alt { font-size: 36px; line-height: 1em; } .text h4.alt { font-size: 28px; line-height: 1em; } .text h5.alt { font-size: 22px; line-height: 1em; } .text h6.alt { font-size: 18px; line-height: 1em; } .heading { font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal; font-size: 26px; text-transform: uppercase; margin: 0 0 14px; } /* ------------------------------------------------------------------------- * * Common /* ------------------------------------------------------------------------- */ #wrap { min-width: 1000px; height: 100%; } .container { position: relative; margin: 0 auto; width: 1020px; } .container.no-sidebar { width: 708px; } /* common : content /* ------------------------------------ */ #content-part { width: 708px; float: left; } #content, #content-part { padding: 30px 0; } #content-part.right { float: right; } .page .front #content { padding: 40px 0; } .pad { padding: 30px 30px 20px; } /* common : sidebar /* ------------------------------------ */ #sidebar { width: 220px; padding: 30px 0; z-index: 3; position: relative; } #sidebar.sidebar-right { float: right; margin-left: 30px; } #sidebar.sidebar-left { float: left; margin-right: 30px; } #sidebar.sidebar-full { float: none; width: 100%; padding-top: 0; } #sidebar.sidebar-full .text { font-size: 14px; } #sidebar img { max-width: 100%; height: auto; } /* common : background image /* ------------------------------------ */ #background { position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; z-index: -99; } #background.bgwidth { width: 100%; } /* common : glass /* ------------------------------------ */ .glass { background: url(img/glass.png) no-repeat 50% 50%; display: block; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; top: 0; -webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); } /* common : play icon /* ------------------------------------ */ .play { opacity: 1; z-index: 12; background: url(img/icon-play.png) no-repeat 0 0; display: block; width: 60px; height: 50px; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -25px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; } /* common : responsive videos /* ------------------------------------ */ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container.fancybox-video { display: none; width: 840px; } .video-container.fancybox-video.fancybox1 { display: block; } /* ------------------------------------------------------------------------- * * Section: Header /* ------------------------------------------------------------------------- */ #header { background: #251912; position: relative; z-index: 99; margin-bottom: 40px; font-family: 'LeagueGothicRegular', Arial, sans-serif; } #header-inner { } #header-top { } /* header : top /* ------------------------------------ */ #logo { background: #000; font-size: 34px; font-weight: 400; text-transform: uppercase; float: left; width: 0; height:60px; line-height: 60px; } #logo a { background: transparent; padding: 0 10px; display: block; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); float: left; max-width: 100%; } #logo { background-color: #000;} #logo a:hover, #logo a:hover img { opacity: 0.9; } #logo a:active, #logo a:active img { opacity: 1; } #logo a img { float: left; width: 150px; height: 158px; padding: opx 0; } #tagline { font-family: Georgia, serif; font-size: 12px; font-style: italic; color: #999; float: left; margin-left: 20px; line-height: 60px; } /* header : nav /* ------------------------------------ */ /* level 1 */ #nav { float: right; font-size: 20px; font-weight: normal; } #nav li { border-right: 1px solid #262626; list-style: none; display: inline; float: left; position: relative; } #nav li a { color: #E2BA8C; display: block; text-transform: uppercase; line-height: 20px; padding: 20px 16px; } #nav li a:hover, #nav li:hover a { background: #222; color: #fff!important; } #nav li a:hover, #nav li:hover a, #nav li.current_page_item a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { color:white !important; } #nav li.current_page_item a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { color:white !important; } /* level 2 */ #nav li:hover > ul { display: block; } #nav ul { display: none; background: #222; padding: 10px 20px; width: 140px; font-weight: normal; position: absolute; top: 60px; left: 0; z-index: 999; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); } #nav ul li { background: none; border: none; position: relative; padding-bottom: 0; float: left; margin: 0; } #nav ul li a, #nav li:hover ul li a { background: transparent!important; border-bottom: 1px solid #303030; color: #999!important; text-shadow: none!important; font-size: 17px; line-height: 16px; font-weight: normal; float: none; padding: 10px 0; width: 140px; display: block; } #nav ul li a:hover, #nav li:hover ul li a:hover { color: #fff!important; } #nav ul.sub-menu li:last-child a { border-bottom: 0; } #nav li.current-menu-parent ul li.current_page_item a, #nav li.current-menu-parent ul li.current-menu-item a { color: #fff!important; } /* level 3 */ #nav ul ul { display: none; width: 140px; position: absolute; top: -10px; left: 140px; } #nav ul li:last-child ul a { border-bottom: 1px solid #303030!important; } #nav ul li ul li:last-child a { border-bottom: 0!important; } /* nav select dropdown */ .select-nav { background: #f6f6f6; display: none; position: relative; z-index: 99; } .select-nav select.nav { background: #f6f6f6; border: 1px solid #ccc; color: #666; display: inline-block; font-size: 12px; line-height: 21px; padding: 5px; width: 100%; } /* ------------------------------------------------------------------------- * * Section: Subheader /* ------------------------------------------------------------------------- */ #subheader { background: rgba(0,0,0,0.35); padding: 10px 0; margin-top: -40px; margin-bottom: 40px; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.02); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.02); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.02); } #subheader-search { float: right; margin: 0 0 0 0; } #subheader-search input#s { background: #111 url(img/widgets/search.png) no-repeat 164px 8px; float: left; font-size: 12px; line-height: 18px; height: 18px; border: 1px solid #111; width: 150px; padding: 5px 24px 5px 10px; margin: 0; color: #999; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #subheader-search input#s:focus { color: #ccc; } #subheader-rss { background: #111 url(img/subheader-rss.png) no-repeat right 10px; font-size: 12px; color: #999; display: block; float: right; margin-right: 6px; text-transform: uppercase; line-height: 20px; padding: 5px 28px 5px 12px; } #subheader-rss:hover { background-color: #222; color: #fff; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1);} /* dropdown button /* ------------------------------------ */ /* level 1 */ .dropdown-btn { font-size: 12px; float: left; margin-right: 6px; } .dropdown-btn li { list-style: none; display: inline; float: left; position: relative; } .dropdown-btn li a { background-color: #111; color: #999; display: block; text-transform: uppercase; line-height: 20px; padding: 5px 12px; } .dropdown-btn li a.drop { background: #111 url(img/subheader-dropdown.png) no-repeat right; padding-right: 26px; } .dropdown-btn li a.drop:hover { -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); } .dropdown-btn li a:hover, .dropdown-btn li:hover a { background-color: #222; color: #fff!important; } /* level 2 */ .dropdown-btn li:hover > ul { display: block; } .dropdown-btn ul { display: none; background: #222; padding: 15px 20px; width: 130px; font-weight: normal; position: absolute; top: 30px; left: 0; z-index: 999; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); } .dropdown-btn ul li { background: none; border: none; position: relative; padding-bottom: 0; float: left; margin: 0; } .dropdown-btn ul li a, .dropdown-btn li:hover ul li a { background: transparent!important; color: #999!important; font-size: 11px; line-height: 16px; float: none; padding: 8px 0; width: 130px; display: block; border-bottom: 1px solid #303030; } .dropdown-btn ul li a:hover, .dropdown-btn li:hover ul li a:hover { color: #fff!important; } .dropdown-btn ul li:last-child a { border-bottom: 0!important; } /* ------------------------------------------------------------------------- * * Section: Page Title /* ------------------------------------------------------------------------- */ #page-title { position: relative; z-index: 2; margin-top: 80px; margin-bottom: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.4); text-align: center;} #page-title h1, #page-title h2 { color: #fff; font-size: 24px; font-weight: 600; line-height: 1.3em; } #page-title h1 span, #page-title h2 span { opacity: 0.5; font-weight: 300; } .front #page-title h1 { font-size: 26px; line-height: 1.2em; font-weight: 600; letter-spacing: -0.5px; } .front #page-title h2 { color: #999; font-size: 20px; font-weight: 300; } .front-4 #page-title { border: none; } /* ------------------------------------------------------------------------- * * Section: Page Image /* ------------------------------------------------------------------------- */ #page-image { overflow: hidden; position: relative; z-index: 1; } #page-image img { display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; } #page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; } #page-image-text span.caption { font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #fff; font-size: 70px; line-height: 70px; text-transform: uppercase; font-weight: normal; text-shadow: 0 0 20px rgba(0,0,0,0.4), 0 1px 0 rgba(0,0,0,0.4); } #page-image-text span.description { display: block; color: #fff; font-size: 15px; line-height: 36px; letter-spacing: -0.3px; font-weight: 300; text-shadow: 0 0 20px rgba(0,0,0,0.7), 0 1px 0 rgba(0,0,0,0.4); } #page-image-text span.description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 4px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* ------------------------------------------------------------------------- * * Blog Entry /* ------------------------------------------------------------------------- */ .entry { background: #242424 url(img/paper.png) repeat-x bottom; position: relative; overflow: hidden; padding-bottom: 6px; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); } .page .entry { padding-bottom: 20px; } .entry-part { width: 448px; float: left; margin-left: 30px; } .blog .entry, .single .entry, .archive .entry, .search .entry { margin: 0 0 40px 0; } /* entry : thumbnail /* ------------------------------------ */ .entry-thumbnail { float: left; overflow: hidden; margin-bottom: 8px; } .entry-thumbnail a { width: 170px; float: left; position: relative; } .entry-thumbnail img { float: left; display: block; max-width: 100%; height: auto; } .entry-thumbnail a:hover img { opacity: 0.9; } .entry-thumbnail a:hover span.glass { background-position: 40% 50%; } .entry-thumbnail a:active .play { opacity: 0.8; } /* entry : heading /* ------------------------------------ */ .entry-heading { font-size: 22px; height: 30px; line-height: 30px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 50px; } /* entry : title /* ------------------------------------ */ .entry-title { color: #222; } .entry-title a { color: #222; } .entry-title a:hover { color: #00c8d6; } .blog .entry-title, .single .entry-title, .archive .entry-title, .search .entry-title { margin-bottom: 4px; font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase; font-size: 40px; line-height: 1.1em; font-weight: normal; } /* entry : meta /* ------------------------------------ */ .entry-meta li { margin-bottom: 4px; float: left; display: inline; margin-right: 14px; margin-bottom: 10px; } .entry-meta li.entry-date { background: url(img/icons-16.png) no-repeat 0 2px; padding-left: 22px; } .entry-meta li.entry-author a { background: url(img/icons-16.png) no-repeat 0 -30px; padding-left: 22px; } .entry-meta li.entry-comments a { background: url(img/icons-16.png) no-repeat 0 -62px; padding-left: 22px; } .entry-meta li, .entry-meta a { color: #999; } .entry-meta a:hover { color: #222; } .entry-meta span { color: #444; font-weight: bold; display: block; } .sticky {} /* entry : tags single /* ------------------------------------ */ .entry-tags { padding: 14px 0; } .entry-tags span { font-size: 13px; color: #999; display: block; float: left; margin: 0 10px 8px 0; } .entry-tags a { background: #ebebeb url(img/tag.png) no-repeat 0 0; display: inline; white-space: nowrap; font-size: 11px; color: #999; padding: 1px 7px 1px 18px; margin: 0 5px 5px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .entry-tags a:hover { background-color: #00c8d6; color: #fff; } /* entry : links /* ------------------------------------ */ .entry-page-links { font-weight: 600; font-size: 16px; margin-bottom: 20px; } a.more-link { font-weight: 600; font-size: 14px; } /* entry : category /* ------------------------------------ */ .entry-category { background: url(img/hr.png) repeat-x top; color: #999; font-size: 13px; padding: 14px 0; } .entry-category a { } /* entry : author block /* ------------------------------------ */ .entry-author-block { background: url(img/hr.png) repeat-x top; padding: 30px 0 14px; } .entry-author-block .entry-author-avatar { float: left; overflow: hidden; } .entry-author-block .entry-author-avatar img { display: block; float: left; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .entry-author-block p { font-size: 13px; margin-left: 100px; margin-bottom: 8px; } .entry-author-block p.entry-author-name { color: #444; font-size: 14px; font-weight: 600; } .entry-author-block p.entry-author-description { color: #999; } /* entry : nav /* ------------------------------------ */ .entry-nav { margin: 30px 0 0; } .entry-nav a { font-size: 18px; font-weight: 600; } .entry-nav a:hover { color: #fff; } /* ------------------------------------------------------------------------- * * Tumblog Formats /* ------------------------------------------------------------------------- */ .icon-32 { background: url(img/icons-32.png) no-repeat 0 0; width: 32px; height: 32px; float: right; } .format-quote .icon-32 { background-position: 0 0; margin: 12px 0 14px 14px; } .format-link .icon-32 { background-position: 0 -32px; margin: 0 0 14px 14px; } .format-chat .icon-32 { background-position: 0 -64px; margin: 12px 0 14px 14px; } /* entry format : common /* ------------------------------------ */ .entry-format { } .entry-format p { margin: 14px 0; } /* entry format : image /* ------------------------------------ */ .entry-format.image img { display: block; height: auto; width: 100%; } .entry-format.image .image-container { position: relative; overflow: hidden; } /* entry format : video /* ------------------------------------ */ .entry-format.video { } /* entry format : quote /* ------------------------------------ */ .format-quote .entry-title { display: none; } .entry-format.quote { background: #fcee21; color: #444; padding: 10px 30px; font-weight: 300; } .entry-format.quote blockquote { font-size: 22px; font-weight: 300; line-height: 1.5em; font-style: italic; } /* entry format : link /* ------------------------------------ */ .format-link .entry-title { display: none; } .entry-format.link { padding: 0; } .entry-format.link p { font-size: 22px; font-style: italic; margin: 0; } .entry-format.link p a { background: #00c8d6; color: #fff; font-weight: 300; display: block; padding: 24px 30px; } .entry-format.link p a:hover { opacity: 0.8; } /* entry format : chat /* ------------------------------------ */ .entry-format.chat { background: #ddd; padding: 10px 30px; } .entry-format.chat p { font-weight: 300; font-style: italic; font-size: 16px; } /* entry format : status /* ------------------------------------ */ .format-status .entry-title { display: none; } .format-status .text { font-size: 22px; line-height: 1.3em; font-weight: 300; } /* entry format : aside /* ------------------------------------ */ .format-aside .entry-title { display: none; } /* entry format : gallery /* ------------------------------------ */ .entry-format.gallery { } .flex-post .flex-control-paging li a { background-position: -56px 0; } .flex-post .flex-control-paging li a:hover { background-position: -56px -13px; } .flex-post .flex-control-paging li a.flex-active { background-position: -56px -26px; } .caption-bar { background: rgba(0,0,0,0.70); color: #ccc; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); font-size: 13px; line-height: 18px; display: block; width: auto; margin: 10px; position: absolute; bottom: 0; left: 0; } .caption-bar i { font-style: normal; font-size: 11px; padding: 7px 12px; display: block; } /* entry format : audio /* ------------------------------------ */ .entry-format.audio { } /* jplayer */ div.jp-play-bar, div.jp-volume-bar-value { background-color: #fcee21; } div.jp-audio, div.jp-interface, div.jp-progress, div.jp-seek-bar { width: 100%; min-width: 100%; } div.jp-progress-container, div.jp-volume-bar-container { border-left: 1px solid #333; } div.jp-interface { background: #111; height: 60px; position: relative; overflow: hidden; } div.jp-interface a { -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } div.jp-interface ul.jp-controls { list-style-type: none; padding: 0; margin: 0; } div.jp-interface ul.jp-controls li { display: inline; } div.jp-interface ul.jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 33px; height: 30px; z-index: 1; outline: none; margin-top: 15px; } a.jp-play, a.jp-pause { top: 0; left: 0; } a.jp-play { background: url(img/jplayer.png) 0 0 no-repeat; } a.jp-play:hover { background: url(img/jplayer.png) -33px 0 no-repeat; } a.jp-pause { background: url(img/jplayer.png) 0 -30px no-repeat; display: none; } a.jp-pause:hover { background: url(img/jplayer.png) -33px -30px no-repeat; } div.jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 27px 10px; } div.jp-progress { overflow: hidden; } div.jp-progress { height: 5px; padding: 1px; } div.jp-seek-bar { background-image: url(img/jplayer.png); background-position: 0 -163px; background-repeat: repeat-x; width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-play-bar { background-image: url(img/jplayer.png); background-position: 0 -133px; background-repeat: repeat-x; width: 0px; height: 5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-volume-bar-container { width: 40px; height: 6px; padding: 27px 10px 27px 33px; position: absolute; top: 0; right: 0; } div.jp-volume-bar { background: #3a3b3c; position: relative; overflow: hidden; width: 40px; height: 5px; margin-top: 1px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-volume-bar { top: 0; left: 0; } div.jp-volume-bar-value { background-image: url(img/jplayer.png); background-position: 0 -133px; background-repeat: repeat-x; width: 0px; height: 5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } a.jp-mute, a.jp-unmute { width: 17px; height: 13px; z-index: 1; outline: none; margin-top: 15px; } a.jp-mute, a.jp-unmute { top: 9px; right: 58px; } a.jp-mute { background: url(img/jplayer.png) -10px -68px no-repeat; } a.jp-mute:hover { background: url(img/jplayer.png) -43px -68px no-repeat; } a.jp-unmute { background: url(img/jplayer.png) -10px -98px no-repeat; display: none; } a.jp-unmute:hover { background: url(img/jplayer.png) -43px -98px no-repeat; } div.jp-jplayer { width:0px; height:0px; } /* ------------------------------------------------------------------------- * * Widgets /* ------------------------------------------------------------------------- */ .widget { color: #777; font-size: 12px; margin-bottom: 30px; } #sidebar .widget { background: #1d1d1d url(img/paper.png) repeat-x bottom; padding: 20px 20px 26px; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4), inset 1px 1px 0 rgba(255,255,255,.02); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4), inset 1px 1px 0 rgba(255,255,255,.02); box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4), inset 1px 1px 0 rgba(255,255,255,.02); } .widget a { color: #999; } .widget a:hover { color: #00c8d6; } .widget-title { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-bottom: 8px; } .widget-title a, .widget-title a:hover { color: #fff; } .widget-title a img { display: block; float: left; margin: 3px 7px 0 0; } /* widget : common /* ------------------------------------ */ .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li { padding: 6px 0 6px 20px; border-bottom: 1px dotted #262626; } .widget_rss ul li, .widget_pages ul li a, .widget_nav_menu ul li a { border-bottom: 1px dotted #262626; } /* widget : archives /* ------------------------------------ */ .widget_archive ul li { color: #00c8d6; background: url(img/widgets/arrow.png) no-repeat 4px 10px; } /* widget : categories /* ------------------------------------ */ .widget_categories ul li { color: #00c8d6; background: url(img/widgets/category.png) no-repeat 4px 10px; } /* widget : links /* ------------------------------------ */ .widget_links ul li { color: #00c8d6; background: url(img/widgets/link.png) no-repeat 4px 10px; } /* widget : meta /* ------------------------------------ */ .widget_meta ul li { background: url(img/widgets/arrow.png) no-repeat 4px 10px; } /* widget : recent comments /* ------------------------------------ */ .widget_recent_comments ul li { background: url(img/widgets/comment.png) no-repeat 4px 11px; } .widget_recent_comments ul li a { color: #999; } /* widget : recent entries /* ------------------------------------ */ .widget_recent_entries ul li { background: url(img/widgets/paper.png) no-repeat 4px 10px; } /* widget : pages /* ------------------------------------ */ .widget_pages ul li a { display: block; padding: 6px 0; } .widget_pages li li a { background: url(img/widgets/level-2.png) no-repeat 4px 10px; padding-left: 20px; } .widget_pages li li li a { background: url(img/widgets/level-3.png) no-repeat 4px 10px; padding-left: 40px; } .widget_pages ul ul, .widget_pages ul ul ul { border: 0; } /* widget : nav menu /* ------------------------------------ */ .widget_nav_menu ul li a { display: block; padding: 6px 0; } .widget_nav_menu li li a { background: url(img/widgets/level-2.png) no-repeat 4px 10px; padding-left: 20px; } .widget_nav_menu li li li a { background: url(img/widgets/level-3.png) no-repeat 4px 10px; padding-left: 40px; } .widget_nav_menu ul ul, .widget_nav_menu ul ul ul { border: 0; } /* widget : rss /* ------------------------------------ */ .widget_rss ul li { padding: 4px 0; } .widget_rss ul li a { color: #00c8d6; font-size: 13px; } .widget_rss ul li span.rss-date { color: #444; font-size: 11px; font-weight: 600; display: block; } .widget_rss ul li .rssSummary { font-size: 11px; margin-top: 2px; } /* widget : search /* ------------------------------------ */ .widget_search { } .widget_search input#s { font-size: 12px; background: url(img/widgets/search.png) no-repeat 8px 9px; width: 148px; padding: 6px 4px 6px 26px; color: #777; border-color: #222; } .widget_search input#s:focus { color: #999; border-color: #292929; } .widget_search label.screen-reader-text { display: none; } .widget_search input#searchsubmit { display: none; } .widget_search input#searchsubmit:hover { } /* widget : tag cloud /* ------------------------------------ */ .widget_tag_cloud { } .widget_tag_cloud .tagcloud { padding-top: 8px; } .widget_tag_cloud .tagcloud a { color: #999; } .widget_tag_cloud .tagcloud a:hover { color: #00c8d6; } /* widget : text /* ------------------------------------ */ #sidebar .widget.widget_text { background: none; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget_text .textwidget p { margin-bottom: 10px; line-height: 1.5em; } /* widget : calendar /* ------------------------------------ */ .widget_calendar a { color: #00c8d6; font-weight: 600; } .widget_calendar a:hover { color: #444; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { background: #00c8d6; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); font-weight: 600; margin: 0 0 6px 0; padding: 5px 10px; } .widget_calendar th { color: #bbb; font-weight: 600; } .widget_calendar th, .widget_calendar td { padding: 3px 0 3px 0; text-align: center; border: 1px solid #222; } /* ------------------------------------------------------------------------- * * Section: Footer /* ------------------------------------------------------------------------- */ #footer { color: #777; font-size: 12px; width: 100%; margin-top: 20px; } /* footer : contact /* ------------------------------------ */ #footer-contact { color: #777; background: #111; border-top: 1px solid #0a0a0a; padding-top: 20px; padding-bottom: 10px; -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.08); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.08); box-shadow: 0 -1px 0 rgba(255,255,255,0.08); } #footer-contact a { color: #777; } #footer-contact a:hover { color: #fff; } p#contact-address, p#contact-phone, p#contact-email { background: url(img/footer-contact.png) no-repeat 0 0; line-height: 18px; display: block; padding: 0 30px 10px 26px; float: left; } p#contact-address { background-position: 0 0; } p#contact-phone { background-position: 0 -54px; } p#contact-email{ background-position: 0 -108px; } /* footer : bottom /* ------------------------------------ */ #footer-bottom { background: #000; display:none; } #footer-bottom .one-half { margin-bottom: 0!important; } #footer-bottom a { color: #EEE; } #footer-bottom a:hover { color: #FFF; } #footer #copy { padding: 22px 0; font-size: 12px; line-height: 18px; text-transform: uppercase; } #footer a#to-top { background: rgba(0,0,0,0.1); display: block; padding: 3px 11px; float: right; margin-left: 20px; margin-top: 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #footer a#to-top:hover { background-color: #fff; } #footer a#to-top i.icon-top { background: url(img/footer-to-top.png) no-repeat 0 0; display: block; width: 20px; height: 20px; } #footer-social { float: right; padding: 18px 0; } #footer-social li { float: left; display: inline; margin-left: 10px; line-height: 16px; } #footer-social li a { display: block; float: left; } #footer-social li a:hover { opacity: 0.6; } #footer-social li a span.icon { background: rgba(0,0,0,0.1); display: block; float: left; height: 16px; width: 16px; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #footer-social li a span.icon img { float: left; } #footer-social li a span.icon-title { display: none; } /* ------------------------------------------------------------------------- * * Section: Footer (Widgets) /* ------------------------------------------------------------------------- */ #footer-widgets { background: #fff; padding-top: 40px; padding-bottom: 20px; } #footer-widgets a { color: #777; } #footer-widgets a:hover { color: #222; } #footer-widgets .widget-title { color: #444; border-bottom: 1px solid #ddd; padding-bottom: 15px; } #footer-widgets .widget-title a, #footer-widgets .widget-title a:hover { color: #444; } /* footer widget : common /* ------------------------------------ */ #footer-widgets .widget_archive ul li, #footer-widgets .widget_categories ul li, #footer-widgets .widget_links ul li, #footer-widgets .widget_meta ul li, #footer-widgets .widget_recent_comments ul li, #footer-widgets .widget_recent_entries ul li { border-bottom: 1px dotted #e5e5e5; } #footer-widgets .widget_rss ul li, #footer-widgets .widget_pages ul li a, #footer-widgets .widget_nav_menu ul li a { border-bottom: 1px dotted #e5e5e5; } /* footer widget : rss /* ------------------------------------ */ #footer-widgets .widget_rss ul li span.rss-date { color: #444; } /* footer widget : search /* ------------------------------------ */ #footer-widgets .widget_search { } #footer-widgets .widget_search input#s { background-color: #fff; width: 193px; color: #999; border-color: #ddd; } #footer-widgets .widget_search input#s:focus { color: #444; border-color: #ddd; } /* footer widget : tag cloud /* ------------------------------------ */ #footer-widgets .widget_tag_cloud .tagcloud a { color: #999; } /* widget : text /* ------------------------------------ */ #footer-widgets .widget_text .textwidget { padding-top: 0; } /* footer widget : calendar /* ------------------------------------ */ #footer-widgets .widget_calendar a:hover { color: #444; } #footer-widgets .widget_calendar caption { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #footer-widgets .widget_calendar th { color: #444; } #footer-widgets .widget_calendar th, #footer-widgets .widget_calendar td { border: 1px solid #eee; } /* ------------------------------------------------------------------------- * * Comments /* ------------------------------------------------------------------------- */ #entry-comments { width: 100%; position: relative; background: #fff url(img/paper.png) repeat-x bottom; padding-bottom: 6px; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); } /* comments : parent /* ------------------------------------ */ ol.commentlist li { list-style: none; font-size: 12px; padding-left: 60px; } ol.commentlist li.comment .comment-body, ol.commentlist li.trackback .comment-body { background: #f1f1f1; clear: both; border-bottom: 1px solid #e5e5e5; padding: 14px 20px 38px; margin: 0 0 10px 0; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } ol.commentlist li.comment .comment-body .comment-author { display: block; margin-bottom: 4px; } ol.commentlist li.comment .comment-body cite.fn, ol.commentlist li.trackback .comment-body cite.fn { color: #444; font-size: 13px; font-style: normal; font-weight: 600; } ol.commentlist li.comment .comment-body cite.fn a, ol.commentlist li.trackback .comment-body cite.fn a { color: #444; } ol.commentlist li.comment .comment-body cite.fn a:hover, ol.commentlist li.trackback .comment-body cite.fn a:hover { color: #444; } ol.commentlist li.comment .comment-body span.says, ol.commentlist li.trackback .comment-body span.says { display: none; } ol.commentlist li.comment .comment-body em.comment-awaiting-moderation, ol.commentlist li.trackback .comment-body em.comment-awaiting-moderation { margin-left: 10px; color: #21759b; font-style: normal; } ol.commentlist li.comment .comment-body img.avatar { position: absolute; left: -60px; top: 0; width: 50px; height: 50px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } ol.commentlist li.comment .comment-body p, ol.commentlist li.trackback .comment-body p { margin-bottom: 8px; color: #777; clear: both; line-height: 1.5em; } /* comments : trackback /* ------------------------------------ */ ol.commentlist li.trackback .comment-body { padding: 20px; } ol.commentlist li.trackback .comment-body .comment-meta { margin-left: 0; } ol.commentlist li.trackback .comment-body p { margin: 0; } /* comments : meta /* ------------------------------------ */ ol.commentlist li.comment .comment-body .comment-meta, ol.commentlist li.trackback .comment-body .comment-meta { display: block; position: absolute; bottom: 18px; left: 20px; font-size: 10px; text-transform: uppercase; line-height: 12px; } ol.commentlist li.comment .comment-body .comment-meta a, ol.commentlist li.trackback .comment-body .comment-meta a { color: #999; } ol.commentlist li.comment .comment-body .comment-meta a.comment-edit-link:hover, ol.commentlist li.trackback .comment-body .comment-meta a.comment-edit-link:hover { color: #444; } /* comments : reply button /* ------------------------------------ */ ol.commentlist li.comment .comment-body .reply { position: absolute; bottom: 0; right: 1px; } ol.commentlist li.trackback .comment-body .reply { display: none; } ol.commentlist li.comment .comment-body .reply a { background: #fff; padding: 0 8px; display: block; font-size: 11px; color: #999; line-height: 24px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } ol.commentlist li.comment .comment-body .reply a:hover { background: #00c8d6; color: #fff; } /* comments : author comment /* ------------------------------------ */ ol.commentlist li.comment.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-repeat: no-repeat; background-position: right 10px; } ol.commentlist li.comment.bypostauthor li .comment-body { background-image: none; } ol.commentlist li.comment.bypostauthor ul.children li.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-position: right 10px; } /* comments : child /* ------------------------------------ */ ol.commentlist li.comment ul.children { margin: 0 0 10px 0; } ol.commentlist li.comment ul.children li.comment { border-left: 1px solid #f1f1f1; padding: 0 0 10px 30px; margin: 0; } ol.commentlist li.comment ul.children li .comment-body { margin: 0; padding: 12px 20px 38px 70px; } ol.commentlist li.comment ul.children li .comment-body cite.fn { font-size: 13px; } ol.commentlist li.comment ul.children li .comment-body img.avatar { width: 40px; height: 40px; left: 15px; top: 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } ol.commentlist li.comment ul.children li .comment-body .comment-meta { left: 70px; } ol.commentlist li.comment ul.children ul.children { margin: 10px 0 0 0; } ol.commentlist li:last-child, ol.commentlist li li:last-child, ol.commentlist li li li:last-child, ol.commentlist li li li li:last-child { padding-bottom: 0!important; } /* comments : form /* ------------------------------------ */ #respond { margin: 10px 0 10px 0; position: relative; } #respond ul { background: #f1f1f1; padding: 10px 10px 15px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #respond ul li { width: 98%; padding-left: 1%; } #respond #cancel-comment-reply-link { display: none; } #comment-tags span { color: #444; font-style: italic; } #respond li.buttons { padding-top: 0; padding-bottom: 0; float: left; } /* comments : reply /* ------------------------------------ */ li.comment #respond { padding-left: 30px; border-left: 1px solid #f1f1f1; } li.comment li #respond { padding: 0 0 0 30px; margin: 10px 0 0 0; } li.comment #respond header { position: absolute; display: block; bottom: 20px; right: 14px; z-index: 2; } li.comment #respond header h4, li.comment #respond header div { display: none; } li.comment #respond header #cancel-comment-reply-link { display: block; z-index: 2; float: right; text-align: right; font-size: 11px; font-weight: normal; } /* comments : nav /* ------------------------------------ */ #comment-nav { margin: 10px 0; padding: 10px; border: 1px dotted #e5e5e5; } #comment-nav a { font-weight: 600; } #comment-nav .nav-previous { float: left; } #comment-nav .nav-next { float: right; } /* ------------------------------------------------------------------------- * * Template: Portfolio /* ------------------------------------------------------------------------- */ #portfolio { width: 980px; margin-right: -20px; display: none; } .no-js #portfolio { display: block; } .page-loading { background: url(img/loading.gif) no-repeat center center; height: 320px; width: 100%; margin-bottom: 30px; } .no-js .page-loading { display: none; } .portfolio .nobox { margin-top: -10px; margin-bottom: 20px; } /* portfolio : size / pagination /* ------------------------------------ */ ul#portfolio-size, ul#portfolio-pagination { float: right; margin-top: -30px; } ul#portfolio-size li, ul#portfolio-pagination li { display: inline; float: left; margin-left: 4px; } ul#portfolio-size li a, ul#portfolio-pagination li a { background: rgba(0,0,0,0.35); padding: 6px 7px 5px 8px; width: 24px; height: 20px; float: left; display: block; text-indent: -999px; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 5px 5px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.04); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 5px 5px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.04); box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 5px 5px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.04); } ul#portfolio-size li a i.icon-size, ul#portfolio-pagination li a i.icon { opacity: 0.4; background: url(img/icon-switch.png) no-repeat 0 0; width: 24px; height: 20px; display: block; float: left; -webkit-transition-property: background color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.3s; transition-timing-function: ease-out; } /* portfolio : size /* ------------------------------------ */ ul#portfolio-size li a i.icon-size.small { background-position: 0 0; } ul#portfolio-size li a i.icon-size.medium { background-position: 0 -20px; } ul#portfolio-size li a i.icon-size.large { background-position: 0 -40px; } ul#portfolio-size li a:hover i.icon-size, ul#portfolio-size li.current a i.icon-size { opacity: 1; } ul#portfolio-size li.current a { cursor: default; } /* portfolio : pagination /* ------------------------------------ */ ul#portfolio-pagination li.previous a i.icon { background-position: 0 -60px; } ul#portfolio-pagination li.next a i.icon { background-position: 0 -80px; } ul#portfolio-pagination li a:hover i.icon { opacity: 1; } ul#portfolio-pagination li.disabled { display: none; } /* portfolio : category /* ------------------------------------ */ ul#portfolio-filter { font-size: 12px; text-transform: uppercase; } ul#portfolio-filter li { display: inline; float: left; margin: 0 6px 0 0; } ul#portfolio-filter li a { background: #111; color: #999; line-height: 20px; padding: 5px 12px; display: block; } ul#portfolio-filter li a:hover, ul#portfolio-filter li.current a { background: #222; color: #fff; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); } /* portfolio : item /* ------------------------------------ */ .portfolio-item { display: block; text-align: center; margin-bottom: 20px; position: relative; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); } .portfolio-item .portfolio-thumbnail { display: block; position: relative; } .portfolio-item .portfolio-thumbnail img { display: block; width: 100%; height: auto; } .portfolio-item .portfolio-thumbnail:hover span.glass { background-position: 30% 50%; } .portfolio-item:hover .portfolio-thumbnail img { opacity: 0.9; } .portfolio-item .portfolio-thumbnail:active .play { opacity: 0.8; } .portfolio-item a.portfolio-meta { background: rgba(0,0,0,0.7); width: 100%; display: block; padding: 10px 0; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(0,0,0,.4); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(0,0,0,.4); box-shadow: 0 -1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(0,0,0,.4); -webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); } .portfolio-item a.portfolio-meta:hover { background: rgba(0,0,0,0.8); } .portfolio-item a.portfolio-meta .portfolio-title { font-weight: 400; color: #fff; -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } .portfolio-item a.portfolio-meta .portfolio-category { color: #999; font-weight: 300; font-size: 13px; font-style: italic; } .portfolio-item:hover a.portfolio-meta, .portfolio-item a.portfolio-meta:hover { opacity: 1; } .fancybox-video.one-half, .fancybox-video.one-third, .fancybox-video.one-fourth { margin: 0; /*isotope video lightbox issue on size-switch fix*/ } .fancybox-nav, #fancybox-left, #fancybox-right { top: 20%!important; bottom: 20%!important; height: 60%!important; /*makes play button on videos clickable*/ } /* portfolio : isotope /* ------------------------------------ */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .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; } .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; } /* portfolio : single /* ------------------------------------ */ .single-portfolio #sidebar { padding-bottom: 10px; } .single-portfolio #content, .single-portfolio #content-part { margin-bottom: 10px; } .single-portfolio #content.comments, .single-portfolio #content-part.comments { padding-top: 0; } .single-portfolio .entry { margin-bottom: 0; } .portfolio-item-single { position: relative; overflow: hidden; } .portfolio-category { color: #fff; font-weight: 300; font-size: 14px; font-style: italic; } .portfolio-item-single.pad { padding: 15px 15px 40px 15px; } #flex-portfolio .flex-control-paging li a { background-position: -56px 0; } #flex-portfolio .flex-control-paging li a:hover { background-position: -56px -13px; } #flex-portfolio .flex-control-paging li a.flex-active { background-position: -56px -26px; } /* ------------------------------------------------------------------------- * * Template: Front /* ------------------------------------------------------------------------- */ .container.front { position: static; } .front #slidecaption { padding: 60px 120px 15px; max-height: 700px; overflow: hidden; float: none; display: block; position: relative; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .front #slidecaption .text-left { text-align: left; } .front #slidecaption .text-right { text-align: right; } .front #slidecaption p { color: #fff; } .front #slidecaption h1, .front #slidecaption h2, .front #slidecaption h3, .front #slidecaption a.more { font-family: 'LeagueGothicRegular', Arial, sans-serif; } .front #slidecaption h1 { font-size: 130px; line-height: 1em; text-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.3); font-weight: normal; text-transform: uppercase; color: #fff; } .front #slidecaption h2 { font-size: 70px; line-height: 1.1em; margin-top: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.6); font-weight: normal; text-transform: uppercase; color: #fff; } .front #slidecaption h3 { font-size: 30px; line-height: 1.2em; margin-top: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.6); font-weight: normal; text-transform: uppercase; color: #fff; } .front #slidecaption a.more { background: #00c8d6; color: #fff; font-size: 38px; text-shadow: 0 1px 0 rgba(0,0,0,0.2); text-transform: uppercase; padding: 16px 26px; display: inline-block; margin: 40px 0; } .front #slidecaption a.more:hover { -moz-box-shadow: 0 0 40px #00c8d6; -webkit-box-shadow: 0 0 40px #00c8d6; box-shadow: 0 0 40px #00c8d6; } .front #slidecaption a.more:active { -moz-box-shadow: 0 0 20px #00c8d6; -webkit-box-shadow: 0 0 20px #00c8d6; box-shadow: 0 0 20px #00c8d6; } .front #progress-back{ bottom: 20px; height: 1px; } /* ------------------------------------------------------------------------- * * Template: Front Boxed /* ------------------------------------------------------------------------- */ .front-boxed #content { padding-top: 0; } .front-boxed .flexslider { margin-bottom: 10px; } .front-boxed .flexslider img { } .front-boxed .flexslider .caption-bar { margin: 0; font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase; } .front-boxed .flexslider .caption-bar i { color: #fff; font-size: 28px; line-height: 1.3em; padding: 10px 30px; } .front-boxed .flexslider .caption-bar i a:hover { color: #ccc; } .front-boxed .flexslider .flex-control-paging li a { background-position: -56px 0; } .front-boxed .flexslider .flex-control-paging li a:hover { background-position: -56px -13px; } .front-boxed .flexslider .flex-control-paging li a.flex-active { background-position: -56px -26px; } .front-boxed #page-title { text-align: center; padding: 30px 15px 20px; } .front-boxed #page-title h1 { color: #000; text-shadow: none; } .front-boxed #page-title h1 span { display: block; } /* portfolio & blog section */ #front-blog .top, #front-portfolio .top { text-align: center; margin-bottom: 30px; } #front-blog .top h3, #front-portfolio .top h3 { } #front-blog .top p, #front-portfolio .top p { color: #999; font-weight: 300; } .front-boxed #front-portfolio { background: #f4f4f4; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #front-portfolio .portfolio-item { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); box-shadow: 0 2px 2px rgba(0,0,0,0.2); } #front-blog .entry { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-bottom: 0; } #front-blog .entry-thumbnail { width: 60px; margin-right: 20px; } #front-blog .entry-thumbnail a { width: 100%; } #front-blog .entry-thumbnail a img { width: 100%; height: auto; } #front-blog .entry-wrap-thumbnail { float: left; width: 206px; } #front-blog .entry-date { color: #999; font-weight: 300; margin-bottom: 6px; } #front-blog .entry-title { font-size: 16px; margin-bottom: 10px; } #front-blog .format-status .text { font-size: 14px; font-weight: 400; line-height: 1.5em; } #front-blog .entry-format { margin-bottom: 14px; } #front-blog .play { display: none; } /* ------------------------------------------------------------------------- * * Template: Front Wide /* ------------------------------------------------------------------------- */ #front-wide { margin-top: -40px; overflow: hidden; } #front-wide .flexslider { margin-bottom: 30px; } #front-wide .flexslider #caption-wrap { position: absolute; margin-top: -75px; top: 50%; width: 100%; } #front-wide .flexslider #slidecaption { max-width: 880px; margin: 0 auto; overflow: visible; max-height: auto; padding: 0; } #front-wide .flexslider #slidecaption a.more { font-size: 28px; padding: 6px 16px; margin-top: 20px; margin-bottom: 0; } #front-wide .flexslider li { overflow: hidden; } #front-wide .flexslider .slides img { width: 100%; max-width: auto; } .front-wide #content { padding-top: 0; padding-bottom: 20px; } .front-wide #page-title { text-align: center; } .front-wide #page-title h1 span { display: block; } .front-wide #page-title.pad { padding-bottom: 0; margin-bottom: 0; } .front-wide #page-title .hr { } .front-wide #front-blog .entry-title a { color: #fff; } .front-wide #front-blog .entry-title a:hover { opacity: 0.8; } /* ------------------------------------------------------------------------- * * Template: Sitemap /* ------------------------------------------------------------------------- */ .sitemap { padding-top: 30px; font-size: 13px; color: #999; } .sitemap a { color: #777; } .sitemap a:hover { color: #00c8d6; } .sitemap .heading { background: url(img/hr.png) repeat-x bottom; padding-bottom: 10px; margin-bottom: 10px; } .sitemap ul { margin-bottom: 14px; } .sitemap li { border-left: 4px solid #eee; padding-left: 20px; display: block; padding-top: 4px; padding-bottom: 4px; } .sitemap li li li { padding-top: 3px; padding-bottom: 3px; } .sitemap ul ul { margin-top: 10px; } .sitemap ul ul ul { font-size: 12px; } /* ------------------------------------------------------------------------- * * Template: Nobox /* ------------------------------------------------------------------------- */ .nobox .text { color: #999; } .nobox .text a:hover { color: #fff; } .nobox .text h1, .nobox .text h2, .nobox .text h3, .nobox .text h4, .nobox .text h5, .nobox .text h6 { color: #eee; } .nobox .hr { background-image: url(img/hr-light.png); } .nobox #page-image { margin-bottom: 30px; } /* ------------------------------------------------------------------------- * * Template: Child Menu Left / Right /* ------------------------------------------------------------------------- */ #child-menu { zoom: 1; background: #1d1d1d; position: relative; border: 1px solid #111; margin-bottom: 30px; -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.04), 0 1px 1px rgba(0,0,0,0.06); -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.04), 0 1px 1px rgba(0,0,0,0.06); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.04), 0 1px 1px rgba(0,0,0,0.06); } #child-menu li a { background: url(img/child-menu-top.png) repeat-x 0 bottom; font-size: 16px; color: #fff; font-weight: 600; text-shadow: 0 1px 0 #111; border-bottom: 1px solid #111; display: block; padding: 12px 20px; } /* show only current page items */ #child-menu li { display: none; } #child-menu li.current_page_item, #child-menu li.current_page_parent, #child-menu li.current_page_ancestor, #child-menu li.current-menu-item, #child-menu li.current-menu-parent, #child-menu li.current-menu-ancestor { display: block; } #child-menu li.current_page_item ul li, #child-menu li.current_page_parent ul li, #child-menu li.current_page_ancestor ul li, #child-menu li.current-menu-item ul li, #child-menu li.current-menu-parent ul li, #child-menu li.current-menu-ancestor ul li { display: block; } #child-menu li.current_page_item ul li li, #child-menu li.current_page_parent ul li li, #child-menu li.current_page_ancestor ul li li, #child-menu li.current-menu-item ul li li, #child-menu li.current-menu-parent ul li li, #child-menu li.current-menu-ancestor ul li li { display: none; } #child-menu li ul li.current_page_item li, #child-menu li ul li.current_page_parent li, #child-menu li ul li.current_page_ancestor li, #child-menu li ul li.current-menu-item li, #child-menu li ul li.current-menu-parent li, #child-menu li ul li.current-menu-ancestor li { display: block; } /* on 2-depth */ #child-menu li ul li { border-bottom: 1px solid #111; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); } #child-menu li ul li a { background-image: none; font-size: 14px; font-weight: 600; text-transform: none; border-bottom: 0; color: #aaa; display: block; padding: 12px 30px; } #child-menu li ul li:last-child { border-bottom: 0; } #child-menu li ul li a:hover { background: #1b1b1b; color: #ddd; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.02); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.02); box-shadow: inset 0 1px 0 rgba(255,255,255,0.02); } #child-menu li li.current_page_item a, #child-menu li li.current-menu-item a, #child-menu li li.current_page_parent a, #child-menu li li.current_page_item a:hover, #child-menu li li.current-menu-item a:hover, #child-menu li li.current_page_parent a:hover { background: #00c8d6; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); } /* on 3-depth */ #child-menu li ul li ul { background: #111; } #child-menu li ul li ul li { padding: 0; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #child-menu li ul li ul li:first-child { padding-top: 5px; } #child-menu li ul li ul li:last-child { padding-bottom: 5px; } #child-menu li ul li ul li a { font-weight: normal; font-size: 13px; padding: 6px 30px; } #child-menu li li.current_page_item li a, #child-menu li li.current-menu-item li a, #child-menu li li.current_page_parent li a { text-shadow: 0 1px 0 #000; background: none; color: #777; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #child-menu li li.current_page_item li a:hover, #child-menu li li.current-menu-item li a:hover, #child-menu li li.current_page_parent li a:hover { text-shadow: 0 1px 0 #111; background: #0e0e0e; color: #ddd; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); } #child-menu li li li.current_page_item a, #child-menu li li li.current-menu-item a { font-weight: 600; background: #0e0e0e; color: #00c8d6; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); } #child-menu li li li.current_page_item a:hover, #child-menu li li li.current-menu-item a:hover { background: #0e0e0e; color: #00c8d6; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); } /* ------------------------------------------------------------------------- * * Plugins /* ------------------------------------------------------------------------- */ /* plugin : wp-pagenavi /* ------------------------------------ */ .wp-pagenavi { text-align: right; font-weight: 600; float: right; } .wp-pagenavi a, .wp-pagenavi span { font-size: 13px; padding: 4px 8px!important; display: block; float: left; margin: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .wp-pagenavi span.pages, .wp-pagenavi span.extend { color: #999; border: 1px solid #333!important; border: 1px solid rgba(255,255,255,0.1); font-weight: normal; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { color: #fff!important; text-shadow: 0 -1px 0 rgba(0,0,0,0.15); } .wp-pagenavi a { color: #00c8d6; border: 1px solid #333!important; border: 1px solid rgba(0,200,214,0.3)!important; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { background: #00c8d6; border: 1px solid #00c8d6!important; } /* plugin : contact form 7 /* ------------------------------------ */ .wpcf7 { } .wpcf7 p { margin: 0 0 12px; width: 500px; float: left; margin-left: 50px; } .wpcf7 label { display: block; float: left; color: #999; font-size: 12px; text-transform: uppercase; width: 20%; margin: 11px 0 0 12px; text-align: left; } .wpcf7 input[type="text"] { display: block; float: left; padding: 10px; width: 338px; } .wpcf7 textarea { display: block; float: left; padding: 10px; width: 96%; } .wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; } .wpcf7 div.wpcf7-mail-sent-ok, .wpcf7 div.wpcf7-mail-sent-ng { border: none; } .wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; } .wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; color: #b94a48; padding: 3px 6px; width: 246px; font-size: 12px; position: absolute; left: 7px; top: 7px; display: block; } /* ------------------------------------------------------------------------- * * fancyBox /* ------------------------------------------------------------------------- */ /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { padding: 0; margin: 0; position: relative; outline: none; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(img/fancybox/fancybox-sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020; } #fancybox-loading div { width: 44px; height: 44px; background: url(img/fancybox/fancybox-loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(img/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 20px; background-position: 0 -36px; } .fancybox-next span { right: 20px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } /* overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; } #fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; } /* title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8);} /* ------------------------------------------------------------------------- * * Supersized /* ------------------------------------------------------------------------- */ #supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-98; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#000; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } #supersized-loader { background: url(img/loading.gif) no-repeat center center; position: absolute; top: 50%; left: 50%; z-index: -1000; width: 66px; height: 66px; margin: -33px 0 0 -33px; text-indent: -999em; } /* supersized : controls /* ------------------------------------ */ #controls-wrapper { background: url(img/controls.png) repeat-x 0 -86px; margin: 0 auto; height: 42px; width: 100%; bottom: 0px; left: 0; z-index: 4; position: fixed; } #controls { overflow: hidden; height: 100%; position: relative; text-align: left; z-index: 5; } #slidecounter { float: left; color: #999; text-shadow: #000 0 -1px 0; margin: 0px 10px 0 15px; line-height: 42px; } #slidecaption { float: left; color: #fff; text-shadow: #000 1px 1px 2px; margin: 0; line-height: 42px; } #slidecaption .text-left { text-align: left; } #slidecaption .text-right { text-align: right; } #navigation { float: right; margin: 0px 20px 0 0; } #progress-back { background: url(img/controls.png) repeat-x 0 -140px; z-index: 5; position: fixed; bottom: 42px; left: 0; height: 2px; width: 100%; } #progress-bar { background: url(img/controls.png) repeat-x 0 -150px; position: relative; height: 2px; width: 100%; } #prevslide, #nextslide{ position: absolute; height: 43px; width: 43px; top: 50%; margin-top: 0; opacity: 0.6; } #nextslide{ display: none; background: url(img/controls.png) no-repeat 0 0; right: 10px; } #prevslide{ display: none; background: url(img/controls.png) no-repeat 0 -43px; left: 10px; } #prevslide:hover, #nextslide:hover{ cursor: pointer; opacity: 1; } ul#slide-list { padding: 15px 0 14px; float: left; position: absolute; left: 50%; } ul#slide-list li { list-style: none; width: 13px; height: 13px; float: left; margin: 0 5px 0 0; } ul#slide-list li a { background: url(img/controls.png) no-repeat -43px 0; display: block; width: 13px; height: 13px; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } ul#slide-list li a:hover { background-position: -43px -13px; cursor: pointer; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background-position: -43px -26px; } /* ------------------------------------------------------------------------- * * Flexslider /* ------------------------------------------------------------------------- */ .flexslider { margin: 0 0 60px; position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.2); -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); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* flexslider : resets /* ------------------------------------ */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* flexslider : necessary styles /* ------------------------------------ */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { margin: 0 auto; max-width: 100%; height: auto; display: block; opacity: 0.99; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%;} .no-js .slides > li:first-child { display: block; } /* flexslider : direction nav /* ------------------------------------ */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { width: 43px; height: 43px; margin: -21px 0 0; display: block; background: url(img/controls.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 0 0; right: -60px; } .flex-direction-nav .flex-prev { background-position: 0 -43px; left: -60px; } .flexslider:hover .flex-next { opacity: 0.8; right: 10px; } .flexslider:hover .flex-prev { opacity: 0.8; left: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* flexslider : control nav /* ------------------------------------ */ .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(img/controls.png) no-repeat -43px 0; width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } .flex-control-paging li a:hover { background-position: -43px -13px; } .flex-control-paging li a.flex-active { background-position: -43px -26px; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: .7; left: 10px; } .flex-direction-nav .flex-next { opacity: .7; right: 10px; } } /* ------------------------------------------------------------------------- * * Forms /* ------------------------------------------------------------------------- */ input, button, textarea, select, option { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-size: 13px; } input[type="text"], button, textarea { background: #fff; color: #777; border: 1px solid #ddd; padding: 5px 0; -webkit-transition-property: background color; -webkit-transition-duration: 0.12s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.12s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.12s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.12s; transition-timing-function: ease-out; } input[type="text"]:focus, textarea:focus { background-color: #fff; color: #444; border-color: #bbb; } input[type="submit"], button[type="submit"] { background-color: #00c8d6; color: #fff; cursor: pointer; font-weight: 600; padding: 6px 8px; border: 0; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); } input[type="submit"]:hover, button[type="submit"]:hover { background-color: #444; color: #ccc; } input[type="submit"]:active, button[type="submit"]:active { background-color: #333; } label { font-weight: 600; color: #444; font-size: 12px; text-transform: uppercase; } /* forms : framework /* ------------------------------------ */ form ul{list-style-type:none;} form li{margin:0;padding:6px 1% 9px 1%;clear:both;background-color:transparent;position:relative; -webkit-transition: background-color 350ms ease-out; -moz-transition: background-color 350ms ease-out; -o-transition: background-color 350ms ease-out; transition: background-color 350ms ease-out;} form li div label, form li span label{margin:0;padding-top:3px;clear:right;font-size:85%;line-height:160%;display:block;} fieldset{display:block;border:none;margin:0;padding:0;} * html fieldset{margin:-12px 0 5px 0;} *+html fieldset{margin:-14px 0 7px 0;} label.desc,legend.desc{line-height:150%;margin:0;padding:0 0 3px 0;border:none;display:block;white-space: normal;width:100%;} form span.req{display:inline;float:none;color:#d33e34!important;font-weight:bold;margin:0;padding:0;} input.text,input.search, input.file, textarea.textarea, select.select{font-size:100%;margin:0;padding:4px 0;} input.small,select.small{width:25%;} input.medium,select.medium{width:50%;} input.large,select.large{width:100%;} textarea.textarea{width:293px;min-width:100%;max-width:100%;} textarea.small{height:5.5em;} textarea.medium{height:10em;} textarea.large{height:20em;} form li.leftHalf,form li.rightHalf{width:47% !important;} form li.leftThird,form li.middleThird,form li.rightThird{width:30% !important;} form li.leftHalf,form li.leftThird{clear:left !important; float:left;} form li.middleThird{clear:none !important; float:left;width:30% !important; margin-left:2% !important;} form li.rightHalf, form li.rightThird{ clear:none !important; float:right;} li.leftHalf .small,li.rightHalf .small, li.leftHalf .medium,li.rightHalf .medium, li.leftThird .small,li.middleThird .small,li.rightThird .small, li.leftThird .medium,li.middleThird .medium,li.rightThird .medium{width:100% !important;} /* ------------------------------------------------------------------------- * * Shortcodes /* ------------------------------------------------------------------------- */ /* shortcode : columns /* ------------------------------------ */ .one-half{ width: 470px; } .one-third{ width: 306px; } .two-third{ width: 634px; } .one-fourth{ width: 225px; } .three-fourth{ width: 715px; } .one-fifth{ width: 176px; } .two-fifth{ width: 372px; } .three-fifth{ width: 568px; } .four-fifth{ width: 764px; } .pad .one-half{ width: 440px; } .pad .one-third{ width: 286px; } .pad .two-third{ width: 594px; } .pad .one-fourth{ width: 210px; } .pad .three-fourth{ width: 670px; } .pad .one-fifth{ width: 164px; } .pad .two-fifth{ width: 348px; } .pad .three-fifth{ width: 532px; } .pad .four-fifth{ width: 716px; } #content-part .one-half { width: 314px; } #content-part .one-third { width: 202px; } #content-part .two-third { width: 426px; } #content-part .one-fourth { width: 147px; } #content-part .three-fourth { width: 481px; } #content-part .one-fifth { width: 113px; } #content-part .two-fifth { width: 249px; } #content-part .three-fifth { width: 382px; } #content-part .four-fifth { width: 515px; } .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth { float: left; display: inline; margin-right: 20px; position: relative; } .last { clear: right; margin-right: 0!important; } /* shortcode : buttons /* ------------------------------------ */ .button-wrap { display: block; margin: 14px 0; } a.button { background: #00c8d6; color: #fff; font-size: 13px; padding: 6px 12px; display: inline-block; text-shadow: 0 1px 0 rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.button:hover { background-color: #666; } a.button:active { background-color: #555; } a.button.small { font-size: 11px; padding: 6px 10px; } a.button.medium { font-size: 14px; padding: 6px 12px; } a.button.large { font-size: 16px; padding: 9px 16px; } a.button.light { background: #eee url(img/shortcodes/button-light.png) repeat-x top; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.9); border: 1px solid #ccc; border-bottom-color: #bbb; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); } a.button.light:hover { color: #444; border-color: #aaa; } a.button.light:active { background-image: none; } a.button.dark { background: #444 url(img/shortcodes/button-dark.png) repeat-x top; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); } a.button.dark:hover { background-color: #555; } a.button.dark:active { background-image: none; } /* shortcode : lists /* ------------------------------------ */ ul.list { margin: 0 0 20px 0; font-size: 13px; } ul.list li { padding: 7px 0 7px 24px; list-style: none; border-bottom: 1px dotted #e5e5e5; text-align: left; } ul.list.arrow li { background: url(img/shortcodes/list-arrow.png) no-repeat 0 11px; } ul.list.check li { background: url(img/shortcodes/list-check.png) no-repeat 0 11px; } ul.list.plus li { background: url(img/shortcodes/list-plus.png) no-repeat 0 11px; } ul.list.minus li { background: url(img/shortcodes/list-minus.png) no-repeat 0 11px; } ul.list.cross li { background: url(img/shortcodes/list-cross.png) no-repeat 0 11px; } /* shortcode : pricing table /* ------------------------------------ */ .pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4 { width: 100%; margin: 20px 0 30px; } .pricing-table .plan { background: #fff; float: left; display: block; } .pricing-table.col-2 .plan { width: 49.75%; } .pricing-table.col-3 .plan { width: 33.1%; } .pricing-table.col-4 .plan { width: 24.8%; } .plan { border: 1px solid #d5d5d5; text-align: center; margin-left: -1px; } .plan:first-child { margin-left: 0; } .pricing-table .plan:last-child { border-right: 1px solid #d5d5d5; } .plan.featured { border: 1px solid #00c8d6; position: relative; z-index: 9; margin: -20px 0 0 -1px; padding: 20px 0px 0 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0,0,0.3); } .plan .plan-head { background-color: #666; } .plan.featured .plan-head { background-color: #00c8d6; color: #fff; } .plan h3 { font-weight: 300; font-size: 16px; margin: -1px -1px 0px -1px; padding: 10px 0; color: #fff; } .plan.featured h3 { font-size: 18px; margin: -21px -1px 0px -1px; padding: 20px 0; color: #fff; } .plan .price { background-image: url(img/ie/opacity-20.png); font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #fff; font-size: 38px; line-height: 1.5em; font-weight: normal; margin: 0 -1px 0 -1px; padding: 4px 0px 4px 0px; } .plan.featured .price span { color: rgba(255,255,255,0.5); } .plan .price span { font-weight: normal; font-size: 14px; line-height: 1em; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(255,255,255,0.5); } .plan .signup { background-color: #f4f4f4; border-top: 1px dotted #d5d5d5; padding: 10px 0px; text-align: center; } .plan.featured .signup { padding: 16px 0; } .plan ul { margin:0 !important; list-style: none !important; padding:0 !important; } .plan li { list-style: none!important; font-size: 13px; margin: 0 20px; padding: 7px 0px; text-align: center; border-bottom: 1px solid #eee!important; } .plan li:last-child { border-bottom: 0px!important; } /* shortcode : alerts /* ------------------------------------ */ .alert { position: relative; padding: 12px 30px 12px 20px; text-align: center; font-size: 12px; line-height: 1.5em; margin: 0 0 20px 0; border: 1px solid; } .alert a { color: #444; } .alert .alert-close { opacity: 0.4; background: url(img/shortcodes/alert-close.png) no-repeat 0 0; width: 12px; height: 12px; display: block; position: absolute; top: 15px; right: 10px; overflow: hidden; text-indent: -999px; } .alert .alert-close:hover { opacity: 1; } .alert.notice { background: #fff; border-color: #e8e8e8; } .alert.warning { background: #fbeed5; border-color: #e4ddb7; color: #ad8643; } .alert.success { background: #dff0d8; border-color: #c1e1b4; color: #468847; } .alert.error { background: #f2dede; border-color: #e3bfbf; color: #b94a48; } .alert.info { background: #d9edf7; border-color: #b7dbed; color: #3a87ad; } /* shortcode : dropcap /* ------------------------------------ */ .dropcap { color: #444; display: block; float: left; font-size: 62px; font-weight: bold; line-height: 62px; margin: 0 10px 0 0; } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left { color: #444; border-left: 6px solid #eee; float: left; margin: 18px 20px 18px 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } .pullquote-right { color: #444; border-right: 6px solid #eee; float: right; margin: 18px 0 18px 20px; padding: 0 20px 0 0; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #444; border-bottom: 1px dotted #444; } /* shortcode : tabs /* ------------------------------------ */ .tabs { width: 100%; margin-bottom: 20px; font-size: 13px; } ul.tabs-nav { margin: 0 0 0 1px; padding: 0; width: 100%; z-index: 2; position: relative; } ul.tabs-nav li { list-style: none; } ul.tabs-nav li a { background: #f6f6f6; color: #777; border: 1px solid #e5e5e5; border-bottom: 0; display: inline-block; float: left; padding: 9px 14px 9px 14px; margin-left: -1px; } ul.tabs-nav li a:hover { color: #444; cursor: pointer; } ul.tabs-nav li a.active { border-top-color: #00c8d6; color: #00c8d6; background: #fff; margin-bottom: -1px; padding-bottom: 10px; } .tab { background: #fff; display: none; border: 1px solid #e5e5e5; float: left; width: 100%; } .tab .tab-content { padding: 20px; } /* shortcode : accordion /* ------------------------------------ */ .accordion { border-bottom: 1px solid #e8e8e8; padding-top: 7px; margin-bottom: 7px; } .accordion .title a { border-top: 1px solid #E2BA8C; font-size: 15px; color: #E2BA8C; display: block; padding: 25px 20px 25px 50px; position: relative; text-transform:uppercase; } .accordion .title a:hover { background: #eae8e8; color: #f3f2f2; } .accordion .title .icon { background: #e50b0b url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 28px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .accordion .title.active a { color: #00c8d6; } .accordion .title.active a:hover { background: none; } .accordion .title.active .icon { background: #00c8d6 url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .accordion .inner { margin-top: -5px; padding: 0 20px 20px 50px; font-size: 13px; } /* shortcode : toggle /* ------------------------------------ */ .toggle { margin-bottom: 20px; border: 1px solid #e8e8e8; font-size: 13px; } .toggle .title { background: url(img/shortcodes/toggle-plus.png) no-repeat; font-size: 15px; color: #777; padding: 20px 20px 20px 50px; position: relative; cursor: pointer; } .toggle .title:hover { background: #f8f8f8; color: #00c8d6; } .toggle .title.active { background: url(img/shortcodes/toggle-minus.png) no-repeat; color: #00c8d6; } .toggle .title .icon { background: #ddd url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 23px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .toggle .title.active .icon { background: #00c8d6 url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .toggle .inner { display: none; border-top: 1px dotted #e8e8e8; } .toggle .inner .content { padding: 20px; } /* shortcode : google maps /* ------------------------------------ */ .google-map { margin-bottom: 30px; } .google-map img { max-width: none; } .google-map-full { width: 100%!important; } /* ------------------------------------------------------------------------- * * IE Fixes /* ------------------------------------------------------------------------- */ .ie .caption-bar, .ie .portfolio-item a.portfolio-meta:hover { background: url(img/ie/opacity-80.png) repeat; } .ie #page-image-text span.description i, .ie .portfolio-item a.portfolio-meta { background: url(img/ie/opacity-70.png) repeat; } .ie .flex-caption { background: url(img/ie/opacity-65.png) repeat; } .ie #subheader, .ie ul#portfolio-size li a, .ie ul#portfolio-pagination li a { background: url(img/ie/opacity-35.png) repeat; } .ie #footer-social li a span.icon, .ie #footer a#to-top { background: url(img/ie/opacity-10.png) repeat; } .ie #footer a#to-top:hover, .ie #footer-social li a:hover span.icon, /* ie : misc /* ------------------------------------ */ .ie .isotope-hidden { display: none; } .ie .portfolio-item a.portfolio-meta { display: none; } .ie .portfolio-item:hover a.portfolio-meta, .ie .portfolio-item a.portfolio-meta:hover { display: block; } .ie #page-title h1 span, .ie #page-title h2 span { color: #999; } /* ie : responsive /* ------------------------------------ */ @media \0screen {.ie .text img { width: auto; }} /* ------------------------------------------------------------------------- * * Tablet (Portrait) : 768px Width /* ------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1000px) { /* base */ #wrap { min-width: 768px; } .container, .container.no-sidebar #content-part { width: 708px; } #content-part { width: 478px; } #sidebar { width: 200px; } #tagline { display: none; } #nav li a { padding-left: 15px; padding-right: 15px; } /* blog */ .no-sidebar .entry-thumbnail a { width: 170px; } .no-sidebar .entry-part { width: 448px; } .entry-thumbnail a { width: 80px; } .entry-part { width: 300px; } /* footer */ #footer .widget_search input#s { width: 129px; } /* template: page */ #page-image-text { margin-top: -24px; } #page-image-text span.caption { line-height: 48px; font-size: 48px; } #page-image-text span.description { font-size: 13px; } /* template: portfolio */ #portfolio { width: 728px; } .video-container.fancybox-video { width: 640px; } /* widgets */ #sidebar .widget_search input#s { width: 128px; } /* template: front */ .front #slidecaption { padding-left: 40px; padding-right: 40px; max-height: none; overflow: visible; } .front #slidecaption h1 { font-size: 120px; } .front #slidecaption h2 { font-size: 60px; } .front #slidecaption h3 { font-size: 24px; } .front #slidecaption a.more { font-size: 30px; padding: 9px 22px; } /* template: front boxed */ .front-boxed .flexslider .caption-bar i { font-size: 20px; } #front-portfolio .portfolio-item a.portfolio-meta .portfolio-title { font-size: 12px; } #front-portfolio .portfolio-item a.portfolio-meta .portfolio-category { font-size: 11px; } #front-blog .entry-thumbnail { display: none; } /* template: front wide */ #front-wide .flexslider #slidecaption h1 { font-size: 100px; margin-top: 24px; } #front-wide .flexslider #slidecaption h2 { font-size: 50px; } /* shortcode: columns */ .one-half { width: 344px; } .one-third { width: 222px; } .two-third { width: 464px; } .one-fourth { width: 162px; } .three-fourth { width: 526px; } .one-fifth { width: 125px; } .two-fifth { width: 270px; } .three-fifth { width: 395px; } .four-fifth { width: 540px; } .pad .one-half { width: 314px; } .pad .one-third { width: 202px; } .pad .two-third { width: 426px; } .pad .one-fourth { width: 147px; } .pad .three-fourth { width: 481px; } .pad .one-fifth { width: 113px; } .pad .two-fifth { width: 249px; } .pad .three-fifth { width: 382px; } .pad .four-fifth { width: 515px; } #content-part .one-half{ width: 48%; } #content-part .one-third { width: 30.66%; } #content-part .two-third { width: 65.33%; } #content-part .one-fourth { width: 22%; } #content-part .three-fourth { width: 74%; } #content-part .one-fifth { width: 16.8%; } #content-part .two-fifth { width: 37.6%; } #content-part .three-fifth { width: 58.4%; } #content-part .four-fifth { width: 79.2%; } #content-part .one-half, #content-part .one-third, #content-part .two-third, #content-part .three-fourth, #content-part .one-fourth, #content-part .one-fifth, #content-part .two-fifth, #content-part .three-fifth, #content-part .four-fifth { position: relative; margin-right: 4%; float: left; } /* shortcode: pricing tables */ #content-part .pricing-table.col-2 .plan, #content-part .pricing-table.col-3 .plan, #content-part .pricing-table.col-4 .plan { width: 49.6%; } #content-part .plan { margin-bottom: 20px; } #content-part .plan.featured { margin: 0 0 20px -1px; } #content-part .plan.featured h3 { padding: 10px 0; } #content-part .plan.featured .signup { padding: 7px 0 8px; } .no-sidebar .plan { margin-bottom: 0; } .no-sidebar .plan.featured { margin: -21px -1px 0px -1px; } .no-sidebar .plan.featured h3 { padding: 20px 0; } .no-sidebar .plan.featured .signup { padding: 16px 0; } /* shortcode: google maps */ .google-map { width: 100%!important; } #footer-contact, #footer-bottom, { display: ; } #prevslide, #nextslide { display: none; } ul.sub-menu { background: #E2BA8C; } #nav ul li a { color: #251912; } .OT_header { display: none !important; } .accordion .title a { border-top: 1px solid #E2BA8C !important; color: #E2BA8C !important; } .label.wpforms-field-label { color: #ffffff !important; } .label.wpforms-field-sublabel { color: #ffffff !important; } #wpforms-3437 .wpforms-field-sublabel { color: #ffffff !important; } #wpforms-3437-field_0 .wpforms-field-label { color:#ffffff !important; } .menubtn { background: #dad5d2; color: #777; cursor:pointer !important; } button.menubtn { cursor: pointer !important; }