/* Theme Name: Biome for WordPress (shared on wplocker.com) Theme URI: http://biome.imaginemthemes.com/wp/ Description: A Creative Multi-purpose theme. Features multipage and one page homepage along with lots of useful shortcodes to showcase your portfolio. Version: 1.3 Author: imaginem Author URI: http://www.imaginemthemes.com/ License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, black, two-columns, responsive-layout, custom-background, threaded-comments, translation-ready, custom-menu Text Domain: mthemelocal Biome for WordPress v1.3 http://biome.imaginemthemes.com/wp/ This theme was designed and developed by imaginem, http://themeforest.net/user/imaginem in Themeforest */ /* 1. Reset 2.1 Main Global Layout Settings 3.1 Mobile Device Menu 3.2 Tipsy 4.1 Logo 5.1 Page 5.2 Entry Contents 6.1 Headings 7.1 Content Headings 7.2 Content elements 8 Shortcodes 9.1 Post summary 9.2 Page Navigation Styles 9.3 Password Protected Form 9.4 Post Info 10.1 Sidebar 10.2 Form / Widget Search 10.3 Widget Calendar 10.4 Widget Recent Posts,Popular Posts 10.5 Twitter Widget 10.6 Sidebar Widget Gallery 10.7 Social Widget 10.8 Flickr Widget 10.9 Address widget 11.1 Portfolio Browser 11.2 Portfolio Widget 12.1 Comments 12.2 Template - Contact Form 13.1 Navigation 14.1 Post Format Styling 15.1 AJAX Portfolio 15.2 Portfolio Common 15.3 Portfolio Filter 15.4 Portfolio Grids 16.1 Shoutout 16.2 Clients 17.1 Goto Top 18.1 Footer */ /* ****************************** 1. Reset ******************************* */ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: white; background: black; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ****************************** 2.1 Main Global Layout Settings ******************************* */ *{ padding: 0px; } body, html{ height: 100%; margin: 0;height: auto; min-height: 100%; } body{ font: 300 15px/1.625 "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #f4f4f4; background-repeat: repeat; background-attachment:fixed; color: #626262; } input,textarea,button { color:#777; font-size:14px; font-weight: 400; letter-spacing: 1px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; } /* ********************** Font Associates *********************** */ h1,h2,h3,h4,h5,h6, .menu-title, .homemenu ul li a, .header-menu-wrap li a, .slideshow_title, .ui-tabs-anchor, .donutcounter-item, .tp-caption, .divider-title, .item-title, #gridblock-filters, .breadcrumb, .sidebar h3, .social-header-wrap ul li.contact-text, #gridblock-filter-select, .skillbar, .time-count-data, .time-count-title, .client-position, .boxtitle-hover, .portfolio-share li.sharethis, .pagination-navigation, .mbutton, .pricing-table, .woocommerce-breadcrumb, .mtheme-woo-order-selected-wrap, .woocommerce-pagination, .mtheme-woocommerce-description-wrap, .woocommerce #content button, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale, .header-shopping-cart, .woocommerce table.shop_table thead, .woocommerce .cart .button, .woocommerce .price, .woocommerce form .form-row label, .woocommerce-page form .form-row label, .tp-caption.large_bold_white, .tp-caption.medium_light_white, .wpcf7-form input[type="button"], .wpcf7-form input[type="submit"], .wpcf7-form input[type="reset"] { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; } a{ outline: none; text-decoration: none; color:#444444; } a:hover{ text-decoration: none; } a img{ border: none; } .entry-content img { max-width:100%; } .clear {clear:both;} .clearlast {clear:both;padding-bottom:35px;} .clearlastgallery {clear:both;padding-bottom:55px;} .ienoclear {clear:both;} .clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; } * html .clearfix{ height: 1%; } *+html .clearfix{ height: 1%; } .float-right { float: right; } .float-left {float: left; } .align-right { float:right; } .align-left { float:left; } .align-center { margin:0 auto; display:block;} p.edit-entry { font-size:10px; line-height: 10px; text-decoration:none; position: absolute; bottom: 0; right:0; } p.edit-entry a { font-size:13px; background: #333; padding: 18px; color: #fff; text-decoration:none; display: block; } p.edit-entry a:hover { background: #000; color:#fff; text-decoration:none; } .single-header-space { margin: 25px 0 0 0; } .blank-head-space-1 { margin: 24px 0 0 0; } .mtheme-menu-not-found { padding-left:20px; padding-top:20px; font-size:12px; color:#fff; font-weight: 400; text-transform: none; } .gradient { filter:none; } .type-post, .type-mtheme_portfolio, .type-page { margin: 0; } ::selection { color:#fff; background: #111; /* Safari */ } ::-moz-selection { color:#fff; background: #111; /* Firefox */ } /* ****************************** Background Fill ******************************* */ .background-fill, .pattern-overlay { position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; } .background-fill { z-index:-99; } .pattern-overlay { z-index: -1; } /* ****************************** Tipsy ******************************* */ .tipsy { margin-top:-15px; margin-left:0; padding: 5px; font-size: 9px; font-weight:bold; letter-spacing: 1px; text-transform:uppercase; } .tipsy-inner { padding: 4px 12px; background-color: #555; color: #fff; max-width: 200px; text-align: center; border-radius: 20px; } .tipsy-inner { } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; margin-top:0; } .tipsy-west { background-position: left center; } /* ****************************** Logo ******************************* */ .logo-menu-wrapper { float:left; display:block; } .logo { float:left; line-height: 0; position: relative; z-index: 20; } .logo a { line-height: 0; } .logo img { } /* ****************************** Menu Toggle ******************************* */ .menu-toggle-wrap-static { position: static; } .menu-toggle-wrap-fixed { position: fixed; bottom:50px; left: 0; } .menu-scroll-mode { padding-bottom: 50px; } .menu-toggle-wrap { width:320px; text-align: center; } .menu-toggle { width:40px; height:40px; font-size: 10px; line-height: 40px; cursor:pointer; opacity:1; z-index: 99; border-radius: 100px; text-align: center; color:#000; background-color: #fff; margin: 0 auto; position: relative; -webkit-transition: -webkit-transform 0.1s, all 0.1s; -moz-transition: -moz-transform 0.1s, all 0.1s; transition: transform 0.1s, all 0.1s; } .menu-toggle:after { content: " "; position: absolute; border:5px solid #fff; top:-10px; left:-10px; height:40px; padding:5px; width: 40px; border-radius: 100px; -webkit-transition: -webkit-transform 0.1s, opacity 0.1s; -moz-transition: -moz-transform 0.1s, opacity 0.1s; transition: transform 0.1s, opacity 0.1s; } .menu-toggle:hover { background:#FF2C55; color:#fff; } .menu-toggle:hover:after { opacity: 1; border-color:#FF2C55; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .menu-toggle:active:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .menu-toggle-off { background-position: 50% top; } .menu-toggle-on { background-position: 50% bottom; } /* ****************************** Page ******************************* */ .mtheme-adjust-max-height { height:100%; max-height: 100%; } .container-boxed, .container-fullwidth { } .container-boxed, .top-bar-content, .top-bar-wrap-boxed { width:1150px; } .top-bar-content { margin:0 auto; } .page-template-template-fullpage-php .container-boxed { padding-left:0; padding-right:0; } .page-template-template-fullpage-php .title-container-wrap { display: none; } .container, .title-container, .fullpage-item, .footer-container { width: 1050px; margin:0 auto; } .container { margin-top:50px; margin-bottom: 100px; } .container.header-adjuster { margin-top:130px; padding-top:50px; } .page-template-template-fullpage-php .container { width: auto; margin-top:0; margin-bottom: 0; } .fullpage-block { -webkit-background-size: cover; /*for webKit*/ -moz-background-size: cover; /*Mozilla*/ -o-background-size: cover; /*opera*/ background-size: cover; /*generic*/ } .container-fill { width: 100%; margin:0; } .global-container-wrapper { width:100%; } .container-wrapper { background:#fff; margin: 0 auto; } .container-outer { } .container-inner { } .container-outer, .single-page-container, .single-gridblock-image-container { } .container-head { height: 15px; width: 100%; background: #111; } .single-flexislideshow{ margin-left:-50px; } .top-bar-wrap { background: #fff; height: 30px; margin: 0 auto; padding: 3px 0 5px; position: relative; z-index: 601; } .header-block-wrap { position: absolute; width: 100%; z-index: 500; } .header-elements-wrap { background: rgba(255, 255, 255, 0.7); position: relative; width: 1150px; margin: 18px auto 0; z-index: 600 !important; padding: 10px 0; } .theme-boxed .header-elements-wrap { margin-top:0; } .stickymenu-listener { } .stickymenu-active { position: fixed; z-index: 100; text-align: center; margin:0 auto; width: 100%; top:0; } .stickymenu .logo { margin:0; } .stickymenu .logo img { height: 40px; width:auto; top:0; left: 40px; position: relative; } .stickymenu .mainmenu-navigation { margin-right: 40px; margin-top:0; } .sticky-menu-activate { width:100%; top:0; position: fixed; background: #fff; background: rgba(255,255,255,0.8); border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0,0,0,0.1); transition: transform 0.5s; transform: rotateX(0deg) translateY(-10px); padding-top:30px; padding-bottom:20px; } .sticky-menu-activate .header-elements-wrap { margin-top:0; background: none; padding-bottom: 5px; } .sticky-menu-activate .main-menu-wrap { padding:0; } .sticky-menu-activate .logo { margin:0 0 0 20px; } .sticky-menu-activate .logo img { max-height: 64px; width: auto; margin: -15px; padding: 0px; } .sticky-menu-activate .header-search-wrap { display: none; } .header-elements-wrap.sticky-animated { opacity: 1; transition: opacity 0.5s; } .sticky-menu-activate .homemenu li.current-menu-item a:after, .sticky-menu-activate .homemenu li.current-menu-ancestor a:after { display:none; } .header-elements-wrap.header-animated { transition: transform 0.5s; transform: rotateX(0deg) translateY(0); } .header-elements-wrap.animate-fade-action { transition: transform 0.5s; transform: rotateX(0deg) translateY(0); } .header-elements-wrap.animate-rotate-standoff { transition: opacity 0.1s,transform 0.5s; transform: rotateX(0) translateY(150px); opacity:0; } .header-elements-wrap.animate-rotate-action { transition: opacity 0.1s,transform 0.5s; transform: rotateX(90deg) translateY(50px); opacity: 1; } .main-menu-wrap { padding: 25px 0 0; } .menu-overlay { background-color:#555; position: fixed; top:-150px; left:0; width:100%; height:120px; z-index:-1; border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid rgba(0,0,0,0.05); } .top-menu-color { } .top-menu-wrap { padding: 0; line-height: 0; } .lower-padding { padding-bottom: 0 } .footer-margin { margin-top: 60px; } .lower-margin { margin-bottom: 50px; } .sidebar-margin { margin-top: 30px; } .no-border { border:none !important; margin:0 !important; padding:0 !important;} .main-contents { padding: 0; } .page-contents { padding: 0; } .home-wrap { margin: 0 50px; } .home-page-wrap { padding: 20px 0; } .contents-wrap, .page-contents-wrap { } .page-template-template-page_leftsidebar-php .page-contents-wrap { padding: 20px 50px 0 0; } .fullpage-portfolio-wrap { margin: 50px 0 0 0; } .fullpage-contents-wrap { margin: 35px 0 0 0; } .portfoliopage-contents-wrap { padding: 0; } .transparent-contents-wrap { padding: 0 0 0 0; } .entry-wrapper { padding-bottom: 20px; margin-bottom: 20px; } .entry-contents-wrapper { margin-top:30px; } .entry-post-wrapper { margin-bottom: 20px; padding: 30px 0 0 0; } .single-post .entry-post-wrapper { padding-top:10px; } .entry-portfolio-wrapper { padding: 20px 0 10px; margin:0; } .entry-spaced-wrapper { padding: 0; margin:0; } .entry-page-wrapper { padding: 0; margin:0; } .topseperator { } .buttonseperator { margin-top:20px; } .portfolio-wrap { background: url(images/patterns/blog_sep.png) repeat-x bottom right; } .entry-nospaced-wrapper { padding: 1px 20px 10px 20px; margin:0; } .two-column { width: 67%; } /* Video Containers */ #videocontainer { height: 100%; width: 100%; } .portfolio-single-image, .entry-content iframe, .entry-content object, .entry-content embed, .entry-content img, .video-container iframe, .video-container object, .video-container embed, .entry-wrapper iframe, .entry-wrapper object, .entry-wrapper embed, .entry-wrapper iframe, .entry-wrapper object, .entry-wrapper embed, .entry-wrapper img, .single-portfolio-image-wrap img { max-width:100%; } .lightbox-shortcode img { max-width: 100%; width: 100%; } .lightbox-shortcode.lightbox-shortcode-center img { width: auto; } .portfolio-single-image { vertical-align: bottom; } /* ****************************** Entry Contents ******************************* */ .entry-content { color:#333; text-align:justify; font-size: 12px; font-weight: 400; letter-spacing: 0.1px; line-height: 20px; } .entry-content-wrapper { margin: 0 0 0 0; } .main-entry-content-wrapper { margin: 20px 0 0 0; } .featured-content { margin-bottom:50px; } .entry-content #searchform { margin: 35px 0 0 0; } .entry-post-list-end { margin: 15px 0 25px 0; } .contents-column { margin: 20px 0 0 0; } .portfolio-contents{ margin-bottom: 0; } .entry-info { width: 60px; float: left; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 100%; padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } .entry-content .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } table { width: 100%; margin-bottom: 40px; border:1px solid #eee; } table thead th { background: #888; color:#fff; } table tbody { } table tbody td { border-top: 1px solid #ddd; line-height: 2.5em; } table tbody td a { display: block; text-decoration: none; } table tfoot td { padding-top: 1px; padding: 4px; } table th, table td { padding: 7px 20px; color: #a7a7a7; border: 1px solid #eee; } /* ****************************** Headings ******************************* */ .entry-post-title-only { margin-top: 0; } .entry-content .entry-post-title h2 { font-size: 22px; font-weight: 400; line-height: 30px; margin-bottom: 10px; } .entry-content .entry-post-title h2 a { font-weight: 400; color:#878787; } .entry-content .entry-post-title h2 a:hover { text-decoration:none; } .slider-title-wrap { width:960px; margin:0 auto; } h1.entry-slider-title { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.2px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#A0A0A0; color: #fff; display:inline-block; margin: 0; padding: 10px 20px; vertical-align: text-top; } .title-container { position: relative; } .title-container-wrap { background: #f7f7f7; padding: 180px 90px 30px; } .entry-title h1 { color: #000; display: inline-block; font-size: 30px; font-weight: 400; letter-spacing: -1.2px; line-height: 24px; margin: 15px 0; } .title-container-wrap .entry-title h2 { color: #DADADA; display: inline-block; font-size: 18px; line-height: 30px; margin: 10px 0 0; padding: 4px 0 0; } .entry-title h2 { line-height: 40px; margin: 10px 0 0; padding: 20px 0 30px; } .entry-mainpost-title { font-size: 22px; color: #555555; letter-spacing: 0; border-bottom: 1px solid #f0f0f0; padding: 10px 0 20px 0; margin: 0 0 40px 0; letter-spacing: 1px; vertical-align: text-top; } .entry-single-title h1 { font-size: 36px; color: #555555; letter-spacing: 0; padding: 0; margin: 20px 0 20px 0; letter-spacing: -1px; vertical-align: text-top; } h1.page-title { font-size: 18px; margin: 65px 0 55px 0; color: #B9B9B9; letter-spacing: 0; line-height: 18px; text-transform: uppercase; } h1.page-entry-title { color: #454545; font-size: 36px; font-weight: 300; letter-spacing: -1px; line-height: 32px; margin: 30px 0 30px; } h2.page-entry-title { color: #454545; font-size: 36px; font-weight: 300; letter-spacing: -1px; line-height: 32px; margin: 10px 0 10px; } h3.related_posts_title { color: #FFFFFF; font-size: 24px; font-weight: 300; line-height: 32px; margin: 10px 0 30px; } h2.entry-title { font-size: 24px; margin: 0 0 10px 0; font-weight: bold; color: #171717; letter-spacing: 0; line-height: 32px; } h2.entry-title a { color: #747474; text-decoration:none; } h2.entry-title a:hover { color: #111; text-decoration:none; } .no-results { margin: 35px 0 0 0; } /* ********************** BreadCrumbs ********************** */ .breadcrumb-wrap { height:50px; width:100%; background: #000; background: rgba(0,0,0,0.2); } .breadcrumb { color: #fff; font-size: 12px; font-weight: 400; letter-spacing: 1px; position: absolute; right: 0; top: -37px; text-transform: uppercase; } .breadcrumb a { font-weight: 400; color:#aaa; } .breadcrumb a:hover { color:#13D3B5; } .breadcrumb-sep { padding: 0 10px; color:#fff; } .breadcrumb .divider { padding: 0 5px; color: #fff; } /* ********************** Content Headings *********************** */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { font-weight: 400; letter-spacing: -0.5px; margin-bottom:15px; } .entry-content .heading-section h1, .entry-content .heading-section h2, .entry-content .heading-section h3, .entry-content .heading-section h4, .entry-content .heading-section h5, .entry-content .heading-section h6 { background:#fff; display: inline; padding: 5px 20px; font-weight: 400; } .entry-content h1 { font-size: 26px; letter-spacing: -0.5px; line-height: 26px; } .entry-content h2 { font-size:24px; letter-spacing: -1px; line-height: 24px; } .entry-content h3 { font-size:20px; line-height: 20px; } .entry-content h4 { font-size: 18px; line-height: 17px; } .entry-content h5 { font-size:16px; line-height: 18px; } .entry-content h6 { font-size:14px; line-height: 16px; } .entry-content h1 a { font-weight: 400; } .fullpage-block h3, .fullpage-block h4, .fullpage-block h5, .fullpage-block h6 { font-weight: 400; color:#888; } .fullpage-block h1 { font-size: 58px; font-weight: 400; letter-spacing: -2.5px; line-height: 48px; word-spacing: 6px; } .fullpage-block h2 { font-size: 38px; font-weight: 400; letter-spacing: -1.5px; line-height: 38px; } .fullpage-block h3 { font-size: 28px; font-weight: 400; letter-spacing: -0.5px; line-height: 38px; } .fullpage-block h4 { font-size: 20px; } .fullpage-block h5 { font-size: 16px } .fullpage-block h6 { font-size: 11px; text-transform: uppercase; letter-spacing: 10px; } .entry-content .fullpage-block h6 { color:#8E8E8E; } /* ********************** Content elements *********************** */ .entry-content address { font-style: italic; margin-bottom: 24px; } .entry-content cite, .entry-content dfn, .entry-content em { font-style: italic; } .entry-content mark, .entry-content ins { background: #fff9c0; text-decoration: none; } .entry-content sup, .entry-content sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } .entry-content sup { bottom: 1ex; } .entry-content sub { top: .5ex; } .entry-content code, .entry-content kbd, .entry-content tt, .entry-content var, .entry-content samp, .entry-content pre { font-family: monospace, serif; font-size: 12px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } .entry-content abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } .entry-content pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } hr, .entry-content hr { clear:both; height: 1px; border:none; border-bottom:1px solid #eee; border-bottom:1px solid rgba(255,255,255,0.1); margin: 40px 0; } .entry-content p { margin: 0; } .entry-content strong { font-weight: bold; } .entry-content pre { border-color:#333; } .entry-content em { font-style: italic; } .entry-content blockquote { margin: 40px 0 40px 0; padding:30px 30px 10px 30px; background:#f9f9f9; border-left: 8px solid #ABABAB; } .entry-content ol, .entry-content ul, .entry-content dl { margin-bottom:30px; } .entry-content .gallery dl { margin-bottom: 0; margin-left: 0; } .entry-content .gallery dl img { height: auto; } .entry-content p { text-align:justify; margin-bottom:20px; } .entry-content ul ul, .entry-content ol ol { margin-bottom:0; } .entry-content dt { font-weight:bold; } .entry-content dd { margin-bottom:10px; } .entry-content ul,.entry-content ol { list-style-type:disc; list-style-position:inside; } .page-template-template-sitemap-php .entry-content ul { list-style-type:none; } .list-sub-heading { margin-top:20px; } .entry-content > ul, .entry-content > ol { margin: 40px 0; } .entry-content ul li, .entry-content ol li { margin-bottom:5px; } .entry-content ul li li, .entry-content ol li li { margin-left:20px; } .entry-content ul li li li, .entry-content ol li li li { margin-left:40px; } .entry-content ul li li li li, .entry-content ol li li li li { margin-left:60px; } .entry-content ol { list-style-type:decimal; list-style-position:inside; } .entry-content .linklist ul { list-style:none; } .entry-content a { text-decoration:none; font-weight: 400; color:#0088CC; } .entry-content a:hover { text-decoration:none; color:#323232; } .entry-content .hr_padding { margin: 30px 0 0 0; } .entry-content .hrule { position:relative; clear:both; display:block; padding:20px 0; margin-top:40px; border-top:1px solid #f4f4f4; } .entry-content .hrule.top a { border-radius: 30px; color: #777777; font-size: 9px; font-weight: 400; height: 16px; line-height: 15px; position: absolute; right: 0; text-align: center; text-decoration: none; top: -9px; width: 40px; background:#f4f4f4; } .entry-content .hrule.top a:hover { color:#000; text-decoration:none; } .entry-content .highlight { background:#FFFF99; color:#808080; padding:4px; } /* Readmore link */ .readmore_link { font-size: 12px; margin: 20px 0 10px; } .readmore_link a { color:#000; font-weight:400; display: inline-block; font-style: italic; } .readmore_link a:hover { color: #000; text-decoration:none; } .readmore { margin-top:15px; } .readmore a { color: #4B4B4B; font-size: 11px; font-weight: bold; margin-left: 20px; text-transform: uppercase; width: 207px; letter-spacing: 1px; } .readmore a:hover { color:#111; border-bottom: none; text-decoration:none; } .readmore-archive { margin-top:20px; letter-spacing: 0; font-size:12px; } .readmore-archive a { background: #969696; border-bottom: none; padding: 5px 15px 6px; border-radius: 20px; color: #fff; } .readmore-archive a:hover { background: #777; border-bottom:none; text-decoration: none; } /* Mainpage */ .page-sidebar-wrap { width:160px; } .page-sidebar-block { margin-bottom:30px; border-bottom:1px solid #F4F4F4; padding-bottom:30px; } .page-sidebar-block p { color: #A4A4A4; font-size: 11px; line-height: 15.8px; } .page-sidebar-block h2 { color: #474747; font-size: 14px; font-weight: 700; letter-spacing: 3.5px; line-height: 12px; margin-bottom: 20px; text-transform: uppercase; } /* ********************** Shortcode - Slideshow Blog *********************** */ .slideshow-box-wrapper { position: relative; } .slideshow-box-image { } .slideshow-box-content { position: relative; width:100%; border-bottom:1px solid #F5F5F5; } .slideshow-box-content-inner { padding:20px 20px; } .slideshow-box-title { font-size:20px; } .slideshow-box-content .slideshow-box-title a { font-size: 16px; letter-spacing: 0; font-weight: 400; color:#000; } .slideshow-box-description { font-size:13px; color:#000; } .slideshow-box-info { font-size:12px; } .slideshow-box-comment, .slideshow-box-date { display:inline-block; } .slideshow-box-comment { margin-right:15px; } .slideshow-box-date, .slideshow-box-content .slideshow-box-comment a { color:#777; } .slideshow-box-content .slideshow-box-categories a, .slideshow-box-content .slideshow-box-categories { font-size:10px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; color:#656565; } .slideshow-box-content .slideshow-box-categories a:hover { color:#000; } .slideshow-box-categories span { display: block; margin-top:10px; margin-right:10px; } /* ********************** Shortcode - Post and Page list *********************** */ .entry-content .postlist ul { list-style:none; padding:0; margin:20px 0 15px 0; } .entry-content .postlist ul li { padding:0 0 0 25px; position: relative; } .entry-content .postlist ul li:after { content: "\f105"; font-family: 'fontawesome'; position: absolute; left:0; top:0; } .entry-content .postlist ul li a { color:#ABABAB; text-decoration:underline; font-weight: normal; } .entry-content .postlist ul li a:hover { color:#111; } /* ********************** Shortcode - Check List *********************** */ .entry-content .checklist ul { list-style: none; } .entry-content .checklist .icon-li { margin-right:10px; color:#7CB811; } /* ********************** Shortcode - Note box ********************** */ .mtextbox { border:1px solid #eee; margin-bottom: 20px; padding:20px; } .mtextbox_title{ padding:15px 20px 5px 16px; margin:0; } .mtextbox.align-left{ margin:2px 16px 16px 2px !important; } .mtextbox.align-right{ margin:2px 2px 16px 16px !important; } .mtextbox_content { padding:0 15px 20px; } /* ********************** Shortcode - Notices *********************** */ .entry-content .noticebox { padding: 30px 20px 30px 30px; margin:15px 0 40px 0; color: #5c5c5c; border-radius: 5px; } .entry-content .noticebox i { float:left; position: relative; top:-4px; } .entry-content .notice-text { padding-left:40px; } .entry-content .info_yellow { background: #FFFFED; background: rgba(255,255,237,0.9); } .entry-content .info_yellow a { color:#000; } .entry-content .info_yellow i { color:#E7AF1A; } .entry-content .info_red { background: #FFF8F8; background: rgba(255,248,248,0.9); } .entry-content .info_red a { color:#000; } .entry-content .info_red i { color:#ff0000; } .entry-content .info_green { background: #F8FFEE; background: rgba(248,255,238,0.9) } .entry-content .info_green a { color:#000; } .entry-content .info_green i { color:#67C12A; } .entry-content .info_blue { background: #F5FBFF; background:rgba(245,251,255,0.9); } .entry-content .info_blue a { color:#000; } .entry-content .info_blue i { color:#008DFF; } .close_notice { display:block; height:10px; width:10px; float:right; position: relative; top:-20px; right:-10px; color:#626262; cursor: pointer; font-size: 9px; } .close_notice:hover { color:#111; } /* **************************** Shortcode - Picture Frame ***************************** */ .pictureframe { padding:5px; display:block; margin-top:5px; margin-bottom:5px; border-color: #eee; border-style: solid; border-width: 1px; background: #f0f0f0; } .pictureframe-wrap { background: url(images/icons/view.png) no-repeat 50% 50%; display:block; } .img-align-left { float:left; margin-right:20px; } .img-align-right { float:right; margin-left:20px; } .img-align-center { margin:0 auto;} /* ********************** Shortcode - Toggle Shortcode *********************** */ .entry-content .toggle-shortcode { padding: 0 0 0 15px; margin: 15px 0 5px 0; height: 24px; float: left; cursor:pointer; position: relative; } .entry-content .toggle-shortcode:after { content: "\f105"; font-family: 'fontawesome'; position: absolute; left:0; top:0; } .entry-content .toggle-shortcode.active:after { content: "\f107"; font-family: 'fontawesome'; position: absolute; left:-3px; top:0; } .entry-content .toggle-shortcode { text-decoration: none; font-size:16px; font-weight: 400; color:#FF2C55; display: block; border:none; } .entry-content h3.toggle-shortcode:hover { color: #000; } .entry-content .toggle-container { clear: both; margin: 0; overflow: hidden; width: 100%; } .toggle-display-closed { display:none; } /* ********** Shortcode - Accordion Tabs ********** */ .wp-accordion { } .wp-accordion h3 { margin:0; border-top: 1px solid #F4F4F4; position: relative; } .wp-accordion h3:hover { background:#f0f0f0; } .wp-accordion h3:first-child { } .wp-accordion h3.ui-state-active { border-bottom:1px solid #EC3939; } .ui-accordion-header a { color: #7A7A7A; display: block; padding: 5px 20px; text-decoration: none; text-transform: none; letter-spacing:0; border:none; } .ui-accordion-header-icon { padding: 0 0 0 35px; margin: 12px 0 5px; background: url(images/icons/accordion-toggle.png) no-repeat 5px 0; height: 24px; float: right; position: absolute; top:-5px; right:0; } .ui-state-active .ui-accordion-header-icon { background: url(images/icons/accordion-toggle.png) no-repeat 5px -24px; } .wp-accordion h3 a, .ui-accordion-header.ui-state-default a { color: #7d7d7d; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .ui-accordion-header.ui-state-default a:hover { color:#000; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .ui-accordion-header.ui-state-active a, .ui-accordion-header a:hover{ border:none; } .ui-accordion-header.ui-state-active a:hover { text-indent: 0; } .ui-accordion-content{ padding: 20px; background:#fff; } /* Shortcode - Tabs -------------------------------------------------------------- */ /* Tabs -------------------------------------------------------------- */ .ui-tabs { padding:0; zoom:1; } .ui-tabs .ui-tabs-nav { list-style:none; position:relative; padding: 0; margin: 0; zoom:1; } .ui-tabs .ui-tabs-nav li { position:relative; float:left; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { color: #656565; background:#eee; float: left; font-size:14px; font-weight: 400; padding: 10px 0; text-decoration: none; text-transform: none; border:none; border-top:1px solid transparent; width:100%; text-align: center; } .ui-tabs .ui-tabs-nav li:last-child a { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active a:hover { background: #f7f7f7; border-top:1px solid #f0f0f0; color:#656565; } .ui-tabs .ui-tabs-nav li a:hover{ color:#000; background: #eee; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text; background-color: #ccc; /* Primary Emphasis */ color:#000; padding-bottom: 4px; } .ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display:block; background:none; clear:both; border:1px solid #eee; } .ui-tabs .ui-tabs-hide { display: none !important; } /* vertical tabs */ .ui-tabs-vertical { } .ui-tabs-vertical ul { width:24.5%; float: left; } .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-right-width: 0; margin:0; float:none; } .ui-tabs-vertical .ui-tabs-nav li a { display:block; float:none; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { margin:0; } .ui-tabs-vertical .ui-tabs-panel { float: right; width: 75.1%; clear:none; border:0; background: #FBFBFB; } .ui-tabs-vertical .ui-tabs-nav li a { background:none; border:0; border-bottom:1px solid #EDEDED; } .ui-tabs-vertical .ui-tabs-nav .ui-state-active a, .ui-tabs-vertical .ui-tabs-nav .ui-state-active a:hover { border-left: 1px solid #FBFBFB; border-bottom:none; border-top:none; color: #000000; margin:0; margin-bottom:1px; text-indent: -1px; } .ui-tabs .tab-contents { padding: 30px 40px; } /* ********************** Shortcode - Pullquotes *********************** */ .entry-content .pullquote-right { padding:5px 90px 5px 0; margin:10px 0 25px 40px; float:right; width:250px; background: url('images/icons/endquote.png') no-repeat right 20%; } .entry-content .pullquote-left { padding:5px 0 5px 90px; margin:10px 40px 25px 0; float:left; width:250px; text-align:right; background: url('images/icons/alt_endquote.png') no-repeat left 20%; } .entry-content .pullquote-center { padding :15px 80px; margin :30px; text-align :center; background: url('images/icons/alt_endquote.png') no-repeat left 20%; } .entry-content .pullquote-right, .entry-content .pullquote-left, .entry-content .pullquote-center { color: #7d7d7d; font-size :15px; line-height :28px; font-style :italic; font-family: georgia,serif; } /* ********************** Shortcode - Drop Caps *********************** */ .entry-content .dropcap1, .entry-content .dropcap2, .entry-content .dropcap3, .entry-content .dropcap4 { float:left; font-size: 46px; padding:10px; font-weight: 400; line-height: 50px; margin-right:20px; margin-bottom:5px; height:50px; width:50px; text-align:center; -webkit-border-radius: 50px; border-radius: 50px; margin-top:-10px; } .entry-content .dropcap1 { color:#111; background: #eeeeee; } .entry-content .dropcap2 { color:#fff; background: #000; } .entry-content .dropcap3 { color:#fff; background: #FF2C55; } .entry-content .dropcap4 { color:#FF2C55; background: #eee; } /* ********************** Shortcode - Columns Shortcodes *********************** */ .column1, .column2, .column3, .column4, .column5, .column6, .column32, .column43, .column52, .column53 { margin:0 0 10px 0; padding:0 0 10px 0; } .column1 {width:100%;} .column2 {width:48.2%; float:left; } .column3 {width:31%; float:left;} .column4 {width:22.4%; float:left;} .column5 {width:17.2%; float:left;} .column52 {width:37.6%; float:left;} .column53 {width:58.6%; float:left;} .column6 {width:13.7%; float:left;} .column32 {width:65.5%; float:left;} .column43 {width:74.1%; float:left;} .column_space { margin-right:3.225%; } /* ********************** Shortcode - Thumbnails *********************** */ .thumbnails-title { margin-bottom:30px; } .thumbnails-shortcode .work-details h4 { font-size: 14px; line-height: 16px; } .thumbnails-shortcode .gridblock-four .gridblock-element, .thumbnails-shortcode .gridblock-three .gridblock-element, .thumbnails-shortcode .gridblock-two .gridblock-element, .thumbnails-shortcode .gridblock-one .gridblock-element { margin-bottom: 5px; } .gridblock-thumbnail-image-wrap { display: block; line-height: 0; overflow: hidden; } /* ********************** Shortcode - Flexible Buttons ********************** */ .button-icon { color: #BEBEBE; position: absolute; right: 27px; top: 15px; } .mediumbutton .button-icon { top:15px; right:20px; } .smallbutton .button-icon { right: 12px; top: 9px; } .button-text-white .button-icon { color:#000; } .mbutton { display:inline-block; margin: 10px; position: relative; text-decoration: none; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; border-width: 2px; border-style: solid; } .callout .mbutton { margin:0; } .mbutton:hover { } .mbutton { margin-left:0; } .bigbutton { padding: 15px 60px 15px 30px; font-size:18px; letter-spacing: 1.5px; } .mediumbutton { padding: 10px 50px 10px 30px; font-size:16px; } .smallbutton { padding: 6px 40px 6px 30px; font-size:14px; } .button-without-icon { padding-right:30px; } .mbutton:hover { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .mbutton span { display: block; font-weight: 400; letter-spacing: -0.5px; color:#000; } .mbutton:hover span { opacity: 1; } .button_gray { border-color: #EFEFEF; } .button_gray:hover { background-color: #EFEFEF; } .button_orange { border-color: #EC3939; } .button_orange:hover { background-color: #EC3939; } .button_white { border-color: #fff; } .button_white span { } .button_black { border-color: #454545; } .button_black:hover { background-color: #454545; } .button_pink { border-color: #F194F4; } .button_pink:hover { background-color: #F194F4; } .button_purple{ border-color: #906BB0; } .button_purple:hover{ background-color: #906BB0; } .button_blue { border-color: #6FB9DC; } .button_blue:hover { background-color: #6FB9DC; } .button_red { border-color: #F15A5A; } .button_red:hover { background-color: #F15A5A; } .button_green { border-color: #3CBC6D; } .button_green:hover { background-color: #3CBC6D; } .small_goldbutton, .medium_goldbutton, .goldbutton { border-color: #FFBA55; } .button_gold { border-color: #FFBA55; } .button_gold:hover { background-color: #FFBA55; } .button-align-left { float:left; } .button-align-right { float:right; } .button-align-fullwidth { display:block; text-align:center; } .mbutton:hover span, .mbutton:hover i { color:#fff; } .button_gray:hover span, .button_gray:hover i { color: #000; } .textbright .mbutton span { color:#fff; } /* ****************************** Shortcode - People *************************** */ .person { padding-bottom: 10px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; } .person:hover { } .person h3, .entry-content .person h3 { color: #000; font-size: 16px; line-height: 20px; letter-spacing: -0.5px; font-weight: 400; margin: 15px 0 0; text-align: center; } .person h4, .entry-content .person h4 { color: #656565; font-size: 12px; font-weight: 400; margin-top: 0; text-align: center; } .person-image { line-height: 0; margin: 0 auto; text-align: center; } .person-image img { border-radius: 230px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; border:2px solid transparent; } .person ul { list-style:none; margin:0; text-align: center; } .person ul li { display:inline-block; height:30px; width: 30px; text-align: center; line-height: 30px; font-size:10px; text-align: center; border-radius: 30px; background:#aaa; } .person ul li:hover { background: #656565; } .person a,.person a:hover { border:none; display: block; } .person i { color:#fff; } .person i:hover { color:#fff; } .person .person-desc { margin:10px 0; text-align: center; } .person-socials { border-top:1px solid #eee; padding-top:20px; } .person-socials li { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; margin-left:2px; margin-right:2px; } .person-socials:hover li { margin-left:0; margin-right:0; } /* ****************************** Shortcode - Callout *************************** */ .callout { border: 1px solid #eee; padding:25px 40px; } .calltype-double .callout { border-style: double; border-width: 3px; } .calltype-line-right .callout { border-right-color: #FF2C55; border-right-width: 1px; } .calltype-line-left .callout { border-left-color: #FF2C55; border-left-width: 1px; } .calltype-line-top .callout { border-top-color: #FF2C55; border-top-width: 1px; } .calltype-line-bottom .callout { border-bottom-color: #FF2C55; border-bottom-width: 1px; } .callout-text { float:left; } .callout h2.callout-title { font-size: 20px; font-weight: 400; line-height: 24px; margin-bottom: 5px; margin-top: 8px; } .callout-desc { margin: 0; } .callout-button { float: right; } /* ****************************** Shortcode - Callout *************************** */ .pricing-table { padding:0; border-left:none; } .pricing-table ul li { margin:0; padding: 0; } .pricing-column { -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); background:#f9f9f9; } .pricing_highlight .pricing-column { background: #fff; } .pricing-table .pricing-column-target { margin:0; padding: 20px 0 0 0; position: relative; z-index: 1; } .pricing-table .pricing_highlight { position: relative; z-index: 2; } .pricing_highlight .pricing-column { position: relative; z-index: 2; } .pricing-table .column2 { width: 49.9%; } .pricing-table .column3 { width: 33.233333333%; } .pricing-table .column4 { width: 24.9%; } .pricing-table .column5 { width: 19.9%; } .pricing-table .column6 { width: 16.5666667%; } .pricing-table ul { list-style: none; } .pricing-table ul { margin:0 auto; text-align: center; } .pricing-table .pricing-column-type-2 ul { margin:0; text-align: right; } .pricing-table .pricing-column-type-2 .pricing-row { background:none; padding-right:20px; } .pricing-row i { margin-right:5px; margin-left:5px; } .pricing-table .pricing-title { font-size: 11px; letter-spacing: 5px; margin-top: 40px; font-weight: 400; margin-bottom: 35px; color: #6a6a6a; padding-top: 50px; text-transform: uppercase; } .pricing-table .pricing-price { font-size:48px; font-weight: 400; color:#000; margin-top:30px; } .pricing-table .pricing_highlight .pricing-price { } .pricing-price .pricing-currency { position: relative; top:-10px; font-size:20px; } .pricing-price .pricing-suffix { position: relative; top:-22px; font-size:16px; font-weight: 400; } .pricing-table .pricing-duration { background: #000000; color: #FFFFFF; display: inline-block; font-size: 12px; margin-bottom: 30px; margin-top: 20px; padding: 2px 10px; } .pricing-table .pricing-row { background:#f4f4f4; border-bottom: 1px solid #f0f0f0; margin:0; padding: 10px 0; } .pricing-table .pricing_highlight .pricing-row { background:#eee; color:#000; } .pricing-table .pricing-footer { padding: 10px 0; } .pricing-table .icon-ok { color:#A3CB44; } .pricing-table .icon-remove { color:#E78D7F; } /* ****************************** Post summary *************************** */ .post-navigation { margin-bottom: 30px; text-transform: uppercase; font-size:14px; font-weight: 400; padding-bottom: 14px; } .post-navigation a { color: #A2A2A2; } .post-previous { float:right; } .post-next { float:right; margin-left:20px; } .post-next, .post-previous { line-height: 0; position: relative; top:17px; } .postsummarywrap { border-top:1px solid #f4f4f4; border-bottom:3px double #f4f4f4; font-size: 11px; font-weight: 200; padding: 5px 20px; } .postsummarywrap i { color: #000; } .postsummarywrap a { color: #929292; font-weight: 400; } .datecomment { padding: 0; } .post-single-tags, .post-single-tags a { color: #9F9F9F; font-size: 11px; font-weight: 400; } .post-single-tags a { padding: 1px 10px; border-radius: 10px; background: #FBFBFB; border: 1px solid #F8F8F8; } .post-single-tags { margin: 15px 10px 0 0; padding-bottom:15px; text-align: right; } .post-single-tags i { margin-right:10px; } .page-link { font-size:14px; color:#000; word-spacing: 10px; } .postsummary-spacing,.fullcontent-spacing { margin-bottom:20px; margin-top:20px; } .postsummaryimage { } .postsummaryimage img { max-width:100%; } .summary-info { border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height: 0; padding: 15px 10px; } .summary-date, .summary-comment { font-size: 11px; font-weight: 400; padding: 0; display:inline-block; } .summary-comment { float: right; line-height: 0; margin-right: 10px; padding: 0; } .summary-comment i { position:relative; top:-1px; margin-left: 2px; } .summary-date { margin-left:10px; color:#aaa; } .listbox-content .summary-date { margin-left: 0; } /* Blog Small */ .bloglist-small .post-format-media { width:300px; float:left; margin-right:40px; margin-bottom:30px; max-width: 100%; } .bloglist-small .postformat_contents { padding-top: 0; } .bloglist-small .sc_slideshowtitle { font-size: 14px; line-height: 14px; } .bloglist-small .entry-content .entry-post-title h2 { font-size: 20px; line-height: 20px; margin: 0 0 15px; } .bloglist-small .entry-post-wrapper { padding:0; } .portfolio-contents-wrap { float:none; width:100%; margin-bottom:20px; } .portfolio-fullwidth-column-image img.portfolio-single-image, .portfolio-fullwidth-column-image .flexslider-container-page .slides img, .portfolio-fullwidth-column-image .vertical_images img { width:100%; } .post-fullwidth-edge-to-edge .postformat-image, .post-fullwidth-edge-to-edge .flexslider-container-page .slides img, .post-fullwidth-edge-to-edge .postsummaryimage img { width:100%; } .post-fullwidth-edge-to-edge .container { margin-top:20px; } .portfolio-fullwidth-navigation .portfolio-nav-wrap { top:0; } .portfolio-fullwidth-navigation .portfolio-nav-item a { padding: 7px 10px 6px; } .container .portfolio-fullwidth-column { margin-top:20px; } .portfolio-fullwidth-column .portfolio-single-fullwidth { margin-top:0; } .post-single-meta { float: right; } .post-single-meta a { } .post-single-meta a:hover { color:#000; text-decoration:none; } .post-meta-time, .post-meta-comment { margin-left:15px; } .post-meta-category { margin-left:5px; } .lightboxlink { background: url(images/icons/magnifying_glass_alt_8x8.png) no-repeat 0 5px; padding: 0 0 0 15px; margin: 8px 0 0 0;color:#bbb; } .lightboxlink a { color:#464646; text-decoration:none; } .lightboxlink a:hover { color:#444; } .lightbox-shortcode { position: relative; } .shortcode-lightbox-indicate { display: inline-block; position: absolute; top:20px; height:40px; width:40px; margin-left:20px; z-index: 10; text-align: center; border:2px solid #fff; border-radius: 30px; opacity:0.7; } span.shortcode-lightbox-indicate i { line-height: 40px; color:#fff; } .lightbox-shortcode:hover .shortcode-lightbox-indicate { opacity:1; } /* 9.2 Page Navigation Styles */ .pagination-navigation { padding-top:20px; margin-top:30px; } .pagination { color: #2E2E2E; font-size: 16px; font-weight: 400; padding-bottom: 20px; position: relative; top: -19px; width:100%; text-align: center; } .pagination:after { border-bottom: 1px solid #eaeaea; content: " "; left: 0; position: absolute; top: 16px; width: 100%; z-index: 0; } .pagination a { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; width:30px; height:30px; line-height: 30px; text-align: center; margin-right: 10px; display: inline-block; color: #676767; margin-bottom: 5px; text-decoration:none; font-weight: 400; border:1px solid #eee; border-radius: 30px; position: relative; z-index: 1; background: #fff; } .pagination a:link , .pagination .navigation-single ,.pagination span.current, ol.commentlist li .reply a,.pagination a:visited { outline: 0; color: #000; } .pagination-info { float: right; color:#000; font-weight: 400; letter-spacing: 0; margin-top:5px; padding-left:10px; z-index: 1; background: #fff; text-transform: uppercase; position: absolute; right:0; } .navigation-next,.navigation-prev { color:#fff;} .pagination a:hover, ol.commentlist li .reply a:hover { color: #000; border:1px solid #000; } .pagination a:active { } .pagination span.pages { padding: 3px 7px 3px 7px; margin: 4px 4px 4px -6px; color: #747474; margin-bottom:10px; border:none; display:none; } .pagination span.current { color:#000; border:none; padding: 6px 13px; position: relative; z-index: 1; background: #fff; } .pagination span.extend { padding: 3px 7px 3px 7px; margin: 4px; margin-bottom:10px; color: #2E2E2E; border:none; } .navigation { font-size:14px; } .navigation a { color:#111; } .navigation a:hover { color:#000; text-decoration:none; } /* 9.3 Password Protected Form */ #password-protected p, .post-password-form p { margin-bottom:20px; color:#ff0000; font-weight: 400; } #password-protected input, .post-password-form input { width:120px; cursor:pointer; color: #000; padding: 5px 15px; border:2px solid #eee; background:#fff; font-size: 14px; font-weight: 400; } #password-protected input[type="submit"]:hover, .post-password-form input[type="submit"]:hover { color: #111; border:2px solid #676767; } #password-protected input[type="submit"]:active, .post-password-form input[type="submit"]:active{ color: #000; border:2px solid #000; } #password-protected label { color: #000; font-size: 22px; } #password-protected label input { font: inherit; font-size: 13px; border: 1px solid #ddd; padding:7px; margin:0 10px 20px 10px; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; width:200px; } .fullscreen-protected #password-protected { margin-top:40px; } /* ****************************** Ken Burns ****************************** */ .kenburns-preloader { position:absolute; top:0; left:0; width:100%; height:100%; background:url(images/preloaders/circle-spinner.png) no-repeat center center; } #kenburns-container img { display:none; } /* ****************************** Post Info ****************************** */ .postinfo { color: #7D7D7D; font-size: 11px; padding: 20px 0; } .postinfo p { color: #7E7E7E; letter-spacing: 0.5px; margin: 0; padding: 0; } .postinfo a, .contents .postinfo a { color:#B1B1B1; text-decoration:none; font-weight: 400; } .postinfo a:hover {color:#111;} /* ****************************** 10.1 Sidebar ******************************* */ .sidebar-widget img, .footer-widget img { max-width:101%; height: auto; } .sidebar-widget .widget_text img, .footer-widget .widget_text img { max-width:100%; height: auto; padding: 0; margin:0; } .sidebar-widget .widget_text .wp-caption, .footer-widget .widget_text .wp-caption { padding:0 0 10px 0; margin-top:10px; } .sidebar-widget .widget_categories select, .sidebar-widget .widget_archive select, .footer-widget .widget_categories select, .footer-widget .widget_archive select { width: 100%; } .sidebar-widget .widget_archive li a, .sidebar-widget .widget_categories li a, .footer-widget .widget_archive li a, .footer-widget .widget_categories li a { display: inline-block; } .sidebar-widget .widget_rss span, .footer-widget .widget_rss span { display: block; margin-top:10px; margin-bottom: 10px; font-style: italic; } .sidebar-widget .widget_rss a, .footer-widget .widget_rss a { font-weight: bold; } .sidebar-widget .widget_rss li, .footer-widget .widget_rss li { margin-bottom: 30px; } .sidebar-widget input, .sidebar-widget select, .footer-widget input, .footer-widget select { max-width: 100%; } .regular-sidebar { margin: 0; } .portfolio-sidebar { margin: 0; } .sidebar-top { } .sidebar-bottom { } .sidebar-wrap ,.sidebar-wrap-single { width: 26%; padding-left:4%; } .sidebar-float-right { float:right; } .sidebar-float-left { float: left; } .single-mtheme_portfolio .sidebar-wrap-single { } .sidebar h3 { color: #000; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 15px; margin-bottom: 20px; } .sidebar-widget { margin-bottom: 50px; } .sidebar-left .sidebar-widget { padding: 0 0 30px 50px; } .sidebar .sidebar-widget:last-child { border-bottom:none; } .sidebartextbox { color:#7d7d7d; padding-bottom:30px;} .sidebar { color: #737373; font-size: 11px; font-weight: 400; letter-spacing: 0.5px; padding: 0; } .sidebar-float-left .sidebar{ padding:0 40px 0 0; } .sidebar-float-left { padding-left: 0; } .sidebar p { margin-top:15px; } .sidbare p:first-child { margin-top:0; } .sidebar a { color:#8F8F8F; } .sidebar a:hover { text-decoration:none; } .sidebar ul {padding:0;margin:0; } .sidebar ul li { } .sidebar ul li a { padding:5px 0 5px 0; display:block; border-bottom: 1px solid #f2f2f2; } .sidebar ul li a:hover { text-decoration:none; } .sidebar ul ul li a { padding-left:15px; } .sidebar ul ul ul li a { padding-left:30px; } .sidebar ul ul ul ul li a {padding-left:55px; } .sidebar-widget ul li.cat-item { padding-left: 20px; } .sidebar-widget ul ul li.cat-item { padding-left: 0; } .sidebar-widget ul li.cat-item { position: relative; } .sidebar-widget ul li.cat-item:before { content:"\f054"; font-family: "Fontawesome"; font-size: 6px; left: 2px; position: absolute; top: 9px; } .sidebar-widget ul li.page_item { padding-left: 20px; position: relative;} .sidebar-widget ul li.page_item:before { content:"\f040"; font-family: "Fontawesome"; font-size: 8px; left: 2px; position: absolute; top: 9px; } .sidebar-widget ul.children li.page_item { padding-left:0; background: none; } .sidebar-widget ul#recentcomments li { position: relative; padding: 5px 0 5px 20px; } .sidebar-widget ul#recentcomments li:before { content:"\f075"; font-family: "Fontawesome"; font-size: 9px; left: 2px; position: absolute; top: 6px; } .header_search_wrap { position:relative; float:right; } .header_search { background: #E6412E; padding: 15px 35px; width: 210px; position:absolute; right:50px; top:8px; } .header_search:after { content: " "; display: block; width: 0; height: 0; position: absolute; top: 24px; z-index: 2; right:-1px; border: 6px solid transparent; border-right-color: #EEEEEE; } .header_search #searchbutton { position: relative; right: -77px; background: url(images/icons/search_header.png) no-repeat 50% bottom; opacity:0.8; } .header_search #searchbutton:hover { opacity:1; } /* ****************************** 10.2 Form / Widget Search ******************************* */ #s { margin: 0; height: 16px; padding: 5px; border:none; font-size:14px; width:82%; background:none; font-weight: 300; } #searchform input { height: 30px; line-height: 30px; padding: 0 5px 0 0; width:169px; border-bottom: 1px solid #f2f2f2; font-size: 12px; font-weight: 400; } #searchform i { color:#000; } #searchbutton { border:0; background:none !important; cursor: pointer; height: 32px; padding: 10px 18px 4px; width: 32px; opacity:1; font-size:15px; } #searchbutton:hover { opacity:0.8; } .search-terms { font-weight:bold; color:#000; } .sidebar-widget #searchform input { color: #7d7d7d; } /* ********************** 10.3 Widget Calendar *********************** */ #wp-calendar { width: 100%; padding-bottom: 10px; } #wp-calendar thead th { background: #888; color:#fff; padding:10px; } #wp-calendar tbody { } #wp-calendar tbody td { text-align: center; border:0; padding:0; line-height: 2.5em; } #wp-calendar tbody td:hover { color: #333; } #wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; } #wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff; } #wp-calendar tfoot tr td { border:0; } #wp-calendar tfoot tr td{ } #wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none; color: #fff; } #wp-calendar tbody a { display: block; text-decoration: underline; color:#fff; } #wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; } #wp-calendar tfoot td#next { text-align: right; } #wp-calendar tfoot td#prev a, #wp-calendar tfoot td#next a { text-transform: uppercase; padding: 0 5px; } /* ****************************** 10.4 Widget Recent Posts,Popular Posts ******************************* */ #recentposts_list,#popularposts_list { list-style: none; margin: 0; } #recentposts_list li a { } .popularpost_info, .recentpost_info { } #popularposts_list li.even, #recentposts_list li.even{ } #recentposts_list p, #popularposts_list p{ color: #A3A3A3; font-size: 11px; letter-spacing: 0; line-height: 15px; margin: 0; padding-bottom: 0; font-weight: 400; } #recentposts_list li,#popularposts_list li{ margin-bottom: 20px; } #recentposts_list li:last-child,#popularposts_list li:last-child{ margin: 0 0 0 0; } #recentposts_list li a,#popularposts_list li a { background:none; padding:0; } #recentposts_list .recent_thumbnail,#popularposts_list .popular_thumbnail { display:block; float:left; margin:0 10px 0 0; line-height:100%; padding:1px; border:none; } #recentposts_list .recentpost_info .recentpost_title,#popularposts_list .popularpost_info .popularpost_title { border: none; color: #444; font-size: 12px; margin: 14px 0 0 0; } #recentposts_list .recentpost_info .recentpost_title:hover,#popularposts_list .popularpost_info .popularpost_title:hover { color: #000; } #popularposts_list img, #recentposts_list img { display:block; padding:0;margin:0; width:80px; height:80px; border-radius: 80px; } #recentposts_list .recentposts_list time,#popularposts_list .popularposts_list time { display:block; font-size: 11px; } #recentposts_list .recentposts_list .recentpost_info,#popularposts_list .popularposts_list .popularpost_info { overflow:hidden; } #footer .popularpost_info, #footer .recentpost_info { } /* ****************************** 10.5 Twitter Widget ******************************* */ .tweetmeme-button { float: left; margin: 5px 15px 5px 0; } .mtheme-twitter-feeds h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #737373; } .mtheme-tweets .loading { color:#888; } #footer .mtheme-tweets .loading { color:#000; } .mtheme-tweets, .query { text-decoration:none; background: none; margin-left: 0; } .mtheme-tweets .tweet_list, .query .tweet_list { font-size: 12px; line-height: 18px; list-style: none; display: block; } #mainpage-block-4 .mtheme-tweets .tweet_list, .query .tweet_list { font-size: 14px; line-height: 18px; list-style: none; display: block; text-align: left; } #mainpage-block-1 .mtheme-tweets .tweet_list .tweet_avatar img, #mainpage-block-4 .mtheme-tweets .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; margin: 0 5px 5px 0; padding:5px; } .mtheme-tweets .tweet_list .awesome, .mtheme-tweets .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; } .mtheme-tweets .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 0 10px 15px 0; margin: 0 0 12px 0; } .mtheme-tweets .tweet_list li a, .query .tweet_list li a { color: #eee; } .query .tweet_list li a { color:#666; } #footer .tweet_list li .tweet_time a, .sidebar-widget .tweet_list li .tweet_time a { background: #EDEDED; color: #595959; font-size: 10px; font-weight: 400; padding: 1px 6px 2px; text-decoration: none; } #footer .mtheme-tweets .tweet_list .tweet_even, .query .tweet_list .tweet_even { } .mtheme-tweets .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .mtheme-tweets .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; margin: 0; padding: 0 10px 0 0; float:left; } .sidebar-widget span.tweet_text { color: #9D9D9D; } .sidebar-widget .mtheme-tweets .tweet_list li a { color: #6A6A6A; font-size:11px; font-weight: 400; } .sidebar-widget .mtheme-tweets a { padding-top:0; } .sidebar-widget .tweet_list a { border:none; display:inline;} #footer .mtheme-tweets .tweet_list li a { color:#fff; font-weight:400; } #footer .tweet_list li .tweet_time a { background:#000; color:#fff; } #footer .tweet_list li .tweet_time a:hover { color:#fff; } #footer #popularposts_list li, #footer #recentposts_list li { } #footer #popularposts_list li.even, #footer #recentposts_list li.even { background: none; padding: 5px 0 2px; } /* ****************************** 10.6 Sidebar Widget Gallery ******************************* */ .sidebar-widget .infobar-portfoliogrid, .footer-widget .infobar-portfoliogrid { margin:0; padding:0; list-style-type: none; } .sidebar-widget .infobar-portfoliogrid li a, .footer-widget .infobar-portfoliogrid li a { margin:0; padding:0; border:none; } .sidebar-widget .infobar-portfoliogrid li { overflow: hidden; } .sidebar-widget .infobar-portfoliogrid li { float:left; margin:0; padding:0; border:none; width:25%; } .footer-widget .infobar-portfoliogrid li { float:left; margin:0; padding:0; border:none; width:33%; overflow: hidden; } .sidebar-widget .infobar-portfoliogrid li img { display: block; width:101%; height: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .sidebar-widget .infobar-portfoliogrid li img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sidebar-widget .infobar-portfoliogrid li a:hover { border:none; } .footer-widget .infobar-portfoliogrid li img { display: block; margin: 0; padding: 0; line-height:0; width: 101%; height:auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .footer-widget .infobar-portfoliogrid li a { line-height: 0; border:0; } .footer-widget .infobar-portfoliogrid li img:hover { } .footer-widget .infobar-portfoliogrid img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sidebar-widget .infobar-portfoliogrid .rightspace { } .footer-widget .infobar-portfoliogrid .rightspace { } /* ********************** 10.7 Social Widget *********************** */ .shopping-bag-header-link { background-image: url(images/icons/shopping_bag.png); background-repeat: no-repeat; background-position: 0 0; text-indent: -99999px; display: inline-block; width:20px; height: 20px; position: relative; top:-2px; } .header-shopping-cart { float:right; position: relative; top:8px; margin-left:20px; margin-right: 40px; color:#000; } .header-shopping-cart a { } .header-search-wrap { float: right; height: 50px; margin: 0; padding: 0; position: relative; right: 30px; top:2px; width: 45px; } .header-search-wrap #searchbutton { display:none; } .header-search-wrap #searchform { bottom: -26px; float: right; position: relative; right: -30px; } .header-search-wrap #searchform input { border:none; color: #fff; font-style: normal; font-weight: 400; text-indent: 40px; padding:0; height: 50px; font-size: 18px; letter-spacing: 0; position:relative; z-index:0; width: 1150px; display: none; } .max-search .icon-search { display:none; } .max-search .icon-remove { display:block; } .min-search .icon-remove { display:none; } .min-search .icon-search { display:block; color:#000; } .header-search-wrap #searchform input { color:#fff; font-size:13px; background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } .header-search { float: right; position: relative; top: 5px; height:22px; padding: 0 10px 10px 25px; } .header-search:hover { cursor: pointer; } .header-widgets { } .social-header-wrap { margin-top: -3px; float: right; } .social-header-wrap a { display:block; } .social-header-wrap ul { list-style-type:none; } .social-header-wrap ul li { display:inline-block; text-align: right; } .social-header-wrap ul li i { margin:0; padding:0; } .social-header-wrap ul li.social-icon { border-left:1px solid #D7D7D7; border-left:1px solid rgba(0,0,0,0.05); font-size: 12px; height: 20px; line-height: 20px; margin-left: 5px; margin-top: 5px; padding: 5px; text-align: center; width: 20px; float:right; } .social-header-wrap ul li:first-child { margin-left:0; } .social-header-wrap ul li.social-icon:hover i, .header-shopping-cart a:hover i { color:#000; } .social-header-wrap ul li.social-icon i { } .social-header-wrap ul li.social-icon:hover { cursor: pointer; } .social-header-wrap ul li.social-icon i:hover { } .social-header-wrap ul li.contact-text { font-size: 11px; margin-right: 15px; position: relative; top: 11px; margin-bottom: 10px; font-weight: 400; float: left; } .social-header-wrap ul li.contact-text i { } .social-header-wrap ul li.contact-text a { display:inline; } /* ********************** Social Shortcode *********************** */ .social-shortcode i { color:#555; } .social-margin-left { margin-right:10px; } .social-margin-right { margin-left:10px; } /* ********************** 10.8 Flickr *********************** */ .flickr_wrap { position: relative; } .flickr_wrap .flickr_badge_image { padding: 0; float:left; line-height:100%; margin:0 1px 1px 0; } .flickr_wrap .flickr_badge_image img { display: block; height: 98px; width: 98px; opacity: 1; } .flickr_wrap .flickr_badge_image img:hover { opacity: 0.9; } #footer .flickr_wrap .flickr_badge_image img:hover { opacity: 1; } #footer .flickr_wrap .flickr_badge_image img { width:63px; height:63px; display:block; padding:5px; } #footer .flickr_wrap { margin-right:-9px; } #footer .flickr_badge_image { margin:0 1px 1px 0; } /* ****************************** 10.9 Address widget ******************************* */ .contact_address_block { list-style: none; margin: 10px 0 0 0; font-size:12px; } .contact_address_block a { } .contact_address_block a:hover { color: #000; } .contact_address_block li, #footer .contact_address_block li, #sidebar .contact_address_block li { margin: 0 0 3px 0; padding:0; letter-spacing:0.5px; } .contact_address_block li { padding: 4px 0; } #footer .contact_address_block li { letter-spacing: 0.5px; margin: 0; padding: 0; padding: 6px 0; } .contact_address_block .about_info, #footer .contact_address_block .about_info{ padding: 0 0 10px 0; font-size:10px; } #footer .contact_address_block .about_info { } #footer .contact_name, .sidebar-widget .contact_name { font-weight: bold; } #footer .contact_address_block .contact_name { } .contact_address_block .contact_address { } #footer .contact_address_block li, .sidebar-widget .contact_address_block li { font-size: 10px; padding-left: 30px; border:0; } .sidebar-widget .contact_address_block li.about_info { padding-left: 0; } .contact_address_block .contact_city { } .contact_address_block .contact_phone, .contact_address_block .contact_mobile, .contact_address_block .contact_email, .contact_address_block .contact_name { position: relative; } .contact_address_block .contact_phone:before, .contact_address_block .contact_mobile:before, .contact_address_block .contact_email:before, .contact_address_block .contact_name:before { font-family: 'fontawesome'; position: absolute; left: -20px; color: #000; } .contact_address_block .contact_phone:before { content: "\f095"; } .contact_address_block .contact_mobile:before { content: "\f10b"; } .contact_address_block .contact_email:before { content: "\f003"; } .contact_address_block .contact_name:before { content: "\f015"; } .contact_address_block .contact_email { } .contact_address_block .contact_email a { display: inline; } #footer .contact_address_block .contact_name { } #footer .contact_address_block .contact_phone { } #footer .contact_address_block .contact_mobile { } #footer .contact_address_block .contact_email { } .page-contents-right { padding: 10px 40px 40px 20px; } /* Vertical Images */ ul.vertical_images { list-style: none; margin:0; } ul.vertical_images li { margin:0; margin-top:20px; line-height: 0; position: relative; } ul.vertical_images .vertical-images-title { display:block; color:#777777; padding: 10px 0 10px 0; line-height: 13px; text-align: center; width: 100%; font-weight: 400; font-size: 12px; bottom: 0; } ul.vertical_images li:first-child { margin-top:0; } /* 11.1 Portfolio Taxonomies Browser -------------------------------------------------------------- */ .portfolio-thumbnail-block,.filter-thumbnail-block { display:none; } .current-taxonomies { font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; color:#444; } .current-taxonomies a { color:#666; } .portfolio-related-break { margin-bottom:30px; } .portfolio-taxonomies-browse ul { padding-top:20px; padding-bottom:30px; } .portfolio-taxonomies-browse h3 { display:inline-block; font-size:14px; float:left; margin-right:10px; color:#333; letter-spacing:1px; } .portfolio-taxonomies-browse ul li { display:inline-block; margin-right:5px; margin-bottom:5px; } .portfolio-taxonomies-browse ul li a { outline: 0; padding: 5px 12px; display: block; color: #ccc; font-weight: 400; text-shadow: 1px 1px #1f1f1f; border: 1px solid #1c1c1c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #222222; background: -moz-linear-gradient(top, #3d3d3d 3%, #313131 4%, #222222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3d3d3d), color-stop(4%,#313131), color-stop(100%,#222222)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#222222',GradientType=0 ); box-shadow: 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); cursor:pointer; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease; } .portfolio-taxonomies-browse ul li a:hover { text-decoration:none; color: #fff; background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 3%, #404040 4%, #2e2e2e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4c4c4c), color-stop(4%,#404040), color-stop(100%,#2e2e2e)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2e2e2e',GradientType=0 ); -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease; } .portfolio-taxonomies h2.taxonomies-title { font-size:18px; color:#000; margin-left:5px; margin-top:10px; margin-bottom:20px; } /* 11.2 Portfolio Taxonomies Widget -------------------------------------------------------------- */ .portfolio-taxonomies ul { list-style-type:none; } .portfolio-taxonomies ul { margin-top:10px; } /* 13.3 Portfolio Related -------------------------------------------------------------- */ .grid-list-portfolio-related { position:relative; width:100%; } .portfoliorelated_widget_about { margin-bottom:10px; } .sidebar .grid-list-portfolio-related a { border:none; margin:0; padding:0; } .sidebar .grid-list-portfolio-related a:hover { border:none; margin:0; padding:0; } .grid-list-portfolio-related h2.related-title { font-size:18px; color:#000; margin-left:5px; margin-top:10px; } .grid-list-portfolio-related ul { list-style-type:none; padding-top:10px; } .grid-list-portfolio-related ul li { display:inline-block; float:left; vertical-align:top; width:33%; overflow: hidden; } .grid-list-portfolio-related ul li h4{ font-weight: normal; } .grid-list-portfolio-related ul li h4 a { font-size:11px; color:#ccc; text-transform:none; letter-spacing:0; line-height:12px; } .grid-list-portfolio-related ul li h4 a:hover { color:#fff; } .grid-list-portfolio-related ul li .description{ margin-top:5px; margin-bottom:5px; color:#eee; font-size:12px; margin-right:1px; } .grid-list-portfolio-related ul li img { max-width:100%; width: 100%; display:block; opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .grid-list-portfolio-related ul li img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* ****************************** Big Italic ******************************* */ .big-italic { font-size: 18px; font-style: italic; line-height: 30px; color: #7b7b7b; } /* ********************** 12.1 Comments *********************** */ .no-comments { text-align: center; font-size: 13px; margin-top:20px; } #commentform-section, .commentform-wrap { background: #FBFBFB; margin-top: 40px; padding: 10px 50px 50px; } .commentform-wrap { margin-top: 40px; } h4#comments { color: #000; display: inline-block; font-size: 20px; font-weight: 400; letter-spacing: 0; padding-top:30px; } .nocomments { margin: 35px 0 0 0; text-transform: uppercase; } .comment-body a { color:#fff; } .comment-body a:hover { color:#111; text-decoration:none; } #comment { width:100%; border:1px solid #D1D1D1; } ol.commentlist { margin:0; clear:both; overflow:hidden; list-style:none; } .entry-content .commentform-wrap ol, .entry-content .commentform-wrap ul, .commentform-wrap ol, .commentform-wrap ul { list-style-type:none; } ol.commentlist li { margin:10px 0; line-height:18px; padding:20px; } .entry-content ol.commentlist li { margin-left: 0; } ol.commentlist li .comment-author,ol.commentlist li .comment-author a,ol.commentlist li .comment-author .fn { color:#000; letter-spacing:0; font-size: 14px; font-weight: 400; } .comment-author { } ol.commentlist li .comment-author a { text-decoration:none; } ol.commentlist li .comment-author .fn { color: #676767; } ol.commentlist li .comment-author .fn a { color: #676767; } ol.commentlist li .comment-author .avatar{ float: left; margin-right: 20px; } ol.commentlist li .comment-meta{ font-size:10px; font-weight: 400; } ol.commentlist li .comment-meta a { color: #676767; text-decoration: none; font-size: 11px; } ol.commentlist .comment-content { margin-top:20px; } ol.commentlist li p { color: #787878; font-size: 12px; line-height: 20px; padding: 10px 0; font-weight: 400; line-height: 22px; } ol.commentlist li .reply{ font-size: 12px; margin-top: 10px; margin-bottom: 30px; display: inline-block; } ol.commentlist li .reply a{ border: 2px solid #aaa; color: #656565; font-size: 14px; letter-spacing: 1px; font-weight: 400; padding: 3px 20px; } ol.commentlist li .reply a{ } ol.commentlist li .reply a:hover{ color:#000; border: 2px solid #000; } ol.commentlist li { padding: 40px 40px 20px; margin-top:20px; } ol.commentlist li.odd { border:3px double #EFEFEF; } ol.commentlist li.even { border:3px double #eee; } ol.commentlist li.comment-author-admin, ol.commentlist li.bypostauthor { } .comment-reply-title { margin-top:20px; } .comment-reply-title small { margin-left:20px; } ol.commentlist li.bypostauthor .avatar { float: left; margin-top:3px; margin-right: 20px; } ol.commentlist li .comment-author .avatar, ol.commentlist li.bypostauthor .avatar { border-radius: 80px; width:30px; height:30px; } #commentform p { margin: 0; } #commentform { font-size:12px; } #commentform a { } #respond { } #respond a { } #respond a:hover{ text-decoration: none; color: #000; } #respond h3 { margin-top:40px; color: #333; font-size: 20px; font-weight: 400; letter-spacing: -1px; } .reply-title { } #respond h4 { font-size:14px; text-transform:uppercase; font-weight: bold; margin: 20px 0 15px 0; } #commentform { margin:0; } .comment-notes { font-size:15px; font-style:italic; } .comment-respond { } #commentform-section .required, #commentform .required { color:#FF2C55; font-weight: 200; } #commentform label{ color: #000; display: inline-block; font-size: 14px; margin-top: 20px; } #commentform label small { font-size:12px; color:#a0a0a0; } #respond #commentform textarea, #respond #commentform input { margin-bottom:10px; padding:5px; margin: 5px 10px 10px 0; border: 1px solid #eee; color:#000; } #respond #commentform textarea:focus, #respond #commentform input:focus { background: #ccc; -webkit-transition: border-color 0.5s ease-in; -moz-transition: border-color 0.5s ease-in; transition: border-color 0.5s ease; } #commentform input{ width:97.5%; } #commentform textarea{ width:99%; } .form-allowed-tags { color: #9F9F9F; font-size: 10px; font-weight: 400; padding-bottom: 10px; } .logged-in-as { font-size: 11px; color: #ccc; float:right; } .logged-in-as a { font-weight: 400; color:#bbb; } #contact .button,#commentform input#submit { width: 140px; outline: 0; padding: 10px 12px; margin-right: 5px; display: inline-block; color: #656565; font-weight: 400; border:2px solid #aaa; background: none; cursor:pointer; text-decoration:none; letter-spacing: 0; } #commentform input#submit { color: #000; } #respond #commentform input#submit:hover { color: #000; cursor:pointer; border:2px solid #000; } /* 12.2 Template - Contact Form -------------------------------------------------------------- */ #contactform { margin: 20px 0 40px 0; } #successmessage { display:none; width:80%; color:#9F9F9F; padding: 30px 25px 45px 25px; margin: 40px 0 40px 0; background: #FFFFED; } #successmessage h2 { margin: 10px 0 20px 0; text-transform: none; } #contactform #contact label { cursor: pointer; font-size: 12px; font-weight: 400; color:#a0a0a0; } #contact .text-input { display:block; padding:7px; margin:0 0 20px 0; border: 1px solid #eee; background: #f3f3f3; color:#000; } #contact textarea { height: 80px; } #contact input, #contact textarea {} #contact input:focus, #contact textarea:focus { border: 1px solid #888; } #contactform #contact .error { font-size: 12px; font-weight:bold; color: #ff0000; float:right; margin-right:40px; display:none; padding: 0 8px; } #contact .button { width:120px; font-weight:400; font-size:14px; } #contact .button:hover { color: #000; border-color:#000; cursor:pointer; } #contact .button:active { color: #000; } #contact input { width: 96%; } #contact textarea { width: 96%; } #contact label { display: inline; float: none; font-weight:bold; font-size:14px; } /* -------- Address -------- */ .addressbox { float:right; font-size:18px; line-height:22px; position:relative; right:148px; top:40px; margin-bottom:100px; } .addresstitle { font-size:18px; font-weight:bold; margin-bottom:10px;margin-left:-5px; } .fulladdress { color:#464646; font-size:14px; margin-bottom:10px; } .fulladdress ul { list-style:none !important; } .fulladdress ul li { } /* ********************** 13.1 Navigation *********************** */ .navigation { color: #D1D1D1; font-size: 11px; line-height: 18px; letter-spacing:-1px; overflow: hidden; text-transform:uppercase; margin: 10px 0 10px 0; background:#eee; background:rgba(255,255,255,0.1); width: 100%; } .navigation a:link, .navigation a:visited { color: #aaa; text-decoration: none; display:block; padding:10px 20px; } .navigation a:active, .navigation a:hover { display:block; color: #fff; } .nav-previous { float: left; width: 30%; } .nav-previous a{ float:left; } .nav-next { float: right; text-align: right; width: 30%; } .nav-lightbox { float: left; text-align: center; width: 30%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: -18px 0 0 0; } .attachment-main-image { display: block; } /* ****************************** icons Shortcode ******************************* */ .iconalign-left { float:left; padding-right:5px;} .iconalign-right { float:right; padding-left:5px;} .iconalign-center { display:block; margin: 0 auto; text-align:center; } /* ****************************** Author Info ****************************** */ #entry-author-info { background: #F9F9F9; border:1px solid #E8E8E8; padding: 18px 20px; margin: 24px 0; overflow: hidden; clear: both; font-size: 12px; line-height: 20px; background: #FEFEFE; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); } #entry-author-info #author-avatar .avatar { background: #fff; border: 1px solid #e7e7e7; float: left; padding: 5px; display:block; margin: 0 20px 10px 0; } #entry-author-info #author-description { float: left; display:block; width:100%; } #entry-author-info h2 { color: #111; font-weight: bold; font-size: 16px; margin-top:0; margin-bottom: 10px; } #author-link { color: #747474; font-size:10px; margin-top:20px; text-transform:uppercase; text-align:right; } #author-link a { color: #747474; text-decoration:none; border: solid 1px #f5f5f5; background: #fafafa; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(255,255,255,1); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9)); background: -moz-linear-gradient(top, #fafafa, #e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9'); } #author-link a:hover { color: #464646; } .entry-utility { color: #888; font-size: 12px; line-height: 18px; clear: both; } .entry-meta a, .entry-utility a { color: #888; } .entry-meta a:hover, .entry-utility a:hover { color: #FF4B33; } /* ****************************** 14.1 Post Format Styling ******************************* */ .entry-content-wrapper .sticky { border-color: #eee; border-style: double; border-width: 3px 1px 0; padding: 30px !important; } .postformat-image { padding:0; margin:0; max-width: 100%; } .entry-content-wrapper .postformat-image, .type-post .postformat-image, .entry-content-wrapper .postsummaryimage, .type-post .postsummaryimage, .entry-content-wrapper .flexslider-container-page, .type-post .flexslider-container-page, .entry-content-wrapper .ajax-video-wrapper, .type-post .ajax-video-wrapper { display:block; line-height: 0; vertical-align: bottom; } a.postformat-image-lightbox { display: block; position: relative; } .lightbox-indicate { display:block; position: absolute; right:30px; top:50%; margin-top:-20px; height:40px; width:40px; border-radius: 30px; border:2px solid #fff; z-index: 10; text-align: center; opacity:0.7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } span.lightbox-indicate i { line-height: 40px; color:#fff; } .postformat-image-lightbox:hover .lightbox-indicate { opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .post-link-wrapper { padding: 0; } .postformat_icon { background: #EAEAEA; border-radius: 50px 50px 50px 50px; color: #707070; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; position: relative; text-align: center; top: -2px; width: 40px; } .postformat_contents { padding: 0 0 20px 0; } .fullpage-contents-wrap .postformat_contents { } .quote_say { display: block; font-size: 20px; font-weight: 400; line-height: 24px; text-align: center; margin: 0 30px 20px 30px; } .quote_say i { margin: 0 10px; color:#E4E4E4; } .quote_author { color: #000; display: block; font-size: 18px; font-weight: 400; margin-bottom: 80px; text-align: center; } .post-aside-wrapper { margin-top:60px; } .postformat_aside_contents { margin-bottom:30px; } #password-protected p { font-size:14px; } #password-protected { padding: 10px; } /* 15.1 AJAX Portfolio -------------------------------------------------------------- */ .gridblock-filterable-wrap { overflow:hidden; } .gridblockfilter_widget_about { margin-bottom:15px; } .ajax-gridblock-image-wrap,.gridblock-contents-wrap { } #ajax-gridblock-wrap .gridblock-contents-wrap { margin-top:40px; } #ajax-gridblock-wrap { position:relative; } .gridblock-contents-wrap { } .gridblock-image-link { display:block; } .ajax-gridblock-block-wrap { } .single-gridblockgallery .ajax-gridblock-block-wrap { border-bottom: none; } .ajax-home-wrap { } h2.ajax-projects-title { font-size:20px; font-weight:300; color:#818181; margin: 30px 0 40px; text-transform:uppercase; } .ajax-gallery-navigation { position:relative; display:none; top:-8px; float:right; } a.ajax-navigation-arrow { width:27px; height:30px; text-align: center; line-height: 30px; display:inline-block; z-index:9; float:right; position:relative; margin-left: 1px; font-size: 16px; } a.ajax-navigation-arrow i { color:#777; } a.ajax-hide { right:0; width:30px; height:30px; top:-1px; } a.ajax-next { right:0; } a.ajax-prev { right:0; } a.ajax-prev, a.ajax-next, a.ajax-hide { opacity:1; } a.ajax-prev:hover, a.ajax-next:hover, a.ajax-hide:hover { opacity:0.8; } a.ajax-nav-disabled,a.ajax-nav-disabled:hover { display:none; } a.ajax-nav-disabled,a.ajax-nav-disabled:hover,a.ajax-prev:hover, a.ajax-next:hover,a.ajax-prev,a.ajax-next { -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; transition: background 0.3s ease; } .ajax-loading { background-image:url(images/preloaders/circle-spinner.png); background-position:50% 50%; background-repeat:no-repeat; float:right; height:30px; margin-right:10px; width:50px; text-indent: -999999px; display:none; } #ajax-gridblock-content { } .ajax-top-margin { } .ajax-gridblock-window { width:100%; display:none; position: relative; overflow: hidden; margin-bottom: 40px; } #ajax-gridblock-loading { background: transparent url(images/preloaders/horizontal2.png) no-repeat 50% 50%; width:100%; height:112px; z-index:20; } .ajax-gridblock-image-wrap { padding:0; margin:1px 0 0 0; line-height:0; background-image:url(images/preloaders/circle-spinner.png); background-position:50% 50%; background-repeat:no-repeat; width: 100%; text-align: center; } .ajax-gridblock-image-wrap,.ajax-gridblock-image-wrap img { } .ajax-gridblock-image-wrap img { opacity:0; } .ajax-gridblock-data { background:none; position:relative; padding: 0; } .ajax-psection-left { } .ajax-psection-right { } .portfolio-title h1 { color: #000000; font-size: 42px; font-weight: 400; letter-spacing: -2.0px; line-height: 36px; padding: 50px 0 20px; } .ajax-gridblock-data h2 { color: #000; font-size: 18px; font-weight: 400; letter-spacing: -1px; line-height: 23px; margin-bottom: 15px; margin-top: 0; } .ajax-gridblock-data h2 a { text-decoration:none; color:#777777; font-weight: 400; } .ajax-gridblock-data h2 a:hover { color:#000000; } .ajax-protected { text-align: center; padding: 90px 30px 20px; } .ajax-protected h2 a { color: #656565; font-size: 25px; font-weight: 400; line-height: 34px; } .ajax-protected h2 a:hover { text-decoration:none; color: #000; } .ajax-gridblock-description { margin: 15px 20px 30px 0; } ul.portfolio-metainfo { list-style-type: none; margin-bottom:10px; } ul.portfolio-metainfo li { border-bottom: 1px solid #EBEBEB; color: #404040; font-size: 13px; font-weight: bold; padding: 10px 5px 10px 45px; } .single-mtheme_portfolio ul.portfolio-metainfo li, .single-mtheme_portfolio ul.portfolio-metainfo li.ajax-client { display:inline-block; border:none; } .single-mtheme_portfolio .datecomment { border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; border-left: none; margin-top: 45px; padding: 5px 0; text-align: left; } .single-mtheme_portfolio .comments { margin-top:10px; } ul.portfolio-metainfo li a { text-decoration:none; } ul.portfolio-metainfo li a:hover { color:#111; } ul.portfolio-metainfo li.ajax-client { font-weight: bold; background-image: url(images/icons/members.png); background-repeat: no-repeat; background-position: 20px 50%; } ul.portfolio-metainfo li.ajax-link { background-image: url(images/icons/link_16.png); background-repeat: no-repeat; background-position: 20px 50%; } ul.portfolio-metainfo li.ajax-type { font-size:14px; margin-top:20px; } .single-mtheme_portfolio ul.portfolio-metainfo { padding: 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 20px 0 30px; } .single-mtheme_portfolio ul.portfolio-metainfo li.ajax-client { background-position: 0 45%; } .single-mtheme_portfolio ul.portfolio-metainfo li.ajax-link { background-position: 0 45%; } .single-mtheme_portfolio ul.portfolio-metainfo li { padding-left:22px; padding-right:25px; } .ajax-video-wrapper { width:100%; } .ajax-video-wrapper { width: 100%; max-width: 100%; margin: 0; background:#111; } .ajax-video-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; } .ajax-video-wrapper iframe, .ajax-video-wrapper object, .ajax-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ****************************** 15.2 Portfolio Common ******************************* */ .preload-image { } .single-gridblock-image-wrap { text-align:center; display:block; } .gridblock-selected-icon { text-indent: -99999px; } .gridblock-displayed .gridblock-selected-icon { position: relative; z-index: 10; width:80px; height:80px; margin-left:-40px; margin-top:-40px; top:50%; left:50%; border-radius: 40px; display: block; } .gridblock-displayed .gridblock-selected-icon:after { color: #FFFFFF; content: "\f106"; font-family: 'fontawesome'; font-size: 24px; left: 50%; margin-left: -7px; margin-top: -11px; position: absolute; text-indent: 0; top: 50%; } /* ****************************** 15.3 Portfolio Filter ******************************* */ .gridblock-filter-wrap { margin: 0; } .gridblock-works-wrap { margin-bottom: 5px; margin-top:30px; } #filter-heading { color: #4A4A4A; display: inline-block; font-size: 36px; font-weight: 900; letter-spacing: 0; margin-bottom: 30px; padding: 0 12px 20px 0; text-transform:uppercase; position:relative; } .filter-heading-description { color: #A4A4A4; font-size: 14px; font-weight: 400; letter-spacing: 2.2px; margin-bottom: 5px; text-transform:uppercase; margin-bottom: 5px; margin-top:25px; border-bottom: 1px dotted #EAEAEA; margin-bottom: 10px; display:inline-block; } ul.gridblock-filter { margin: 0 0 10px 0; background: url(images/patterns/stripes_fine_tall.png) repeat-x scroll 0 0 transparent; } ul.gridblock-filter li { float:left; font-size: 11px; font-weight: 400; text-transform:uppercase; background: #BABABA; border-right: 1px solid #C5C5C5; } ul.gridblock-filter li.filter-tag-icon { background-image: url(images/icons/grid_dark.png); background-repeat: no-repeat; background-position: 0 9px; background-color: #fff; padding: 0 0 12px 30px; text-indent: -99999px; } ul.gridblock-filter a { color: #989898; display: block; font-size: 11px; font-weight: 400; letter-spacing: 1px; padding: 6px 15px; position: relative; text-align: center; color: #FFFFFF; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; transition:background-color .1s ease-in; } ul.gridblock-filter a:hover { color:#fff; background:#EB5E5F; text-decoration:none; -webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.42); -moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.42); box-shadow: 0 0 1px rgba(50, 50, 50, 0.42); } ul.gridblock-filter li.current a { color: #fff; background:#EB5E5F; -webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.42); -moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.42); box-shadow: 0 0 1px rgba(50, 50, 50, 0.42); } ul.gridblock-list { width: 100%; float:right; } ul.gridblock-destination { display:none; } ul.gridblock-list { margin: 0; padding: 0; list-style: none; } ul.gridblock-list li{ background: url(images/preloaders/dark_pulse.png) no-repeat 50% 50% #f8f8f8; display: block; margin: 0; float:left; width:215px; height:215px; margin: 22px 20px 20px 0; position:relative; } a.gridblock-filter-column img { width:205px; height:205px; } .filterable-title { margin-top:-4px; } p.ajax-image-desc { color: #ccc; font-size: 12px; font-weight:400; line-height:15px; padding:5px; } .ajax-gridblock-icon { position:absolute; width:32px; height:50px; display:block; background-color:none; background-repeat:no-repeat; background-position:50% 50%; top:256px; left:0; width:100%; opacity:1; } .column-gridblock-icon { background-position: 50% 50%; background-repeat: no-repeat; bottom: 50%; display: block; height: 50px; right: 1px; opacity: 1; position: absolute; width: 50px; margin-bottom: -25px; color:#fff; font-weight: 400; line-height: 50px; text-align: center; font-size: 12px; } .column-gridblock-link { background-position: 50% 50%; background-repeat: no-repeat; bottom: 50%; display: block; height: 50px; left: 1px; opacity: 1; position: absolute; width: 50px; margin-right: -55px; margin-bottom: -25px; z-index: 10; color:#fff; font-weight: 400; line-height: 50px; text-align: center; font-size: 12px } .hover-icon-effect { color:#fff; background:none; font-size: 20px; border: 1px solid rgba(255,255,255,0); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } /* Effect 1a */ .hover-icon-effect:hover { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; border: 1px solid rgba(255,255,255,0.3); border-radius: 30px; } .grid-blank-status { position:absolute; height:100%; width:100%; background: #F7F7F7; } .grid-blank-element { position: relative; } .grid-blank-element .grid-blank-status i { position: absolute; left: 50%; position: absolute; top: 50%; margin-left:-12px; margin-top:-12px; color:#656565; -webkit-transition: background 0.5s, color 0.2s; -moz-transition: background 0.5s, color 0.2s; transition: background 0.5s, color 0.2s; } .grid-blank-element .grid-blank-status:hover i, .grid-blank-element .grid-blank-status i:hover { color:#fff; } .grid-blank-element .grid-blank-status:hover { background:#ddd; -webkit-transition: background 0.5s, color 0.2s; -moz-transition: background 0.5s, color 0.2s; transition: background 0.5s, color 0.2s; } .gridblock-image-link { overflow: hidden; } .gridblock-element:hover img, .gridblock-grid-element:hover img { -webkit-transition: all 2.5s; -moz-transition: all 2.5s; transition: all 2.5s; } .gridblock-element img, .gridblock-grid-element img { -webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s; } .gridblock-link-center { left:0; margin-left:-25px; } .gridblock-background-hover { position: absolute; z-index: 10; opacity:0; width:261px; height:261px; top:0; display:none; } .gridblock-image-hover { position: absolute; z-index: 11; opacity:0; width:261px; height:261px; top:10px; display:none; } .gridblock-link-hover { position: absolute; z-index: 12; opacity:0; width:261px; height:261px; top:10px; display:none; } .gridblock-link-hover a { border: none !important; text-decoration: none !important; } .gridblock-columns-wrap .gridblock-row-new:first-child { margin-top:0;} .gridblock-row-new {} ul.gridblock-list a.filter-thumbnail-loader { background: url(images/horizontal_preloader.gif) no-repeat 50% 50%; padding: 1px; border: 1px solid #f3f3f3; } ul.gridblock-list li .gridblock-image-link{ display: block; height:215px; text-decoration:none; } ul.gridblock-list .work-details { margin: 15px 20px 0 20px; } ul.gridblock-list h4 a { font-size: 14px; font-weight: bold; margin: 10px 0 5px 0; text-decoration:none; } ul.gridblock-list h4 a:hover { color: #111; } .gridblock-listbox ul.gridblock-four .gridblock-element { width:100%; } .gridblock-listbox .listbox-image { } .gridblock-listbox .listbox-content { } ul.gridblock-listbox { list-style: none; } ul.gridblock-listbox li { margin-bottom: 10px; } ul.gridblock-listbox li:last-child { margin-bottom: 0; border-bottom: none; } ul.gridblock-listbox .summary-info { border:none; padding:0; margin:10px 10px; background: none; } ul.gridblock-listbox .summary-comment a { color:#aaa; } ul.gridblock-listbox .work-details { margin: 0 20px; } ul.gridblock-listbox .work-details h4{ margin-bottom: 10px; font-size:14px; } ul.gridblock-listbox .work-details h4 a{ font-weight: 400; } ul.gridblock-listbox .work-details h4 a:hover { color:#000; } ul.gridblock-listbox .work-description { font-size: 13px; line-height: 18px; } ul.gridblock-listbox .gridblock-image-link { width:180px; float:left; margin-right:20px; } ul.gridblock-listbox .gridblock-listbox-row { margin-bottom: 20px; } ul.gridblock-listbox .gridblock-listbox-row .grid-blank-status i { color:#B1B1B1; } /* *************************** PORTFOLIO SHARE ***************************** */ .share-spacing { margin-top:40px; } ul.portfolio-share { color: #000; list-style: none; margin: 0; margin-top:20px; margin-bottom: 10px; padding: 10px 0 5px; width: 100%; text-align: center; letter-spacing: 1px; text-transform: uppercase; display: none !important; } .portfolio-single-wrap .portfolio-share { margin-top:40px; } .portfolio-share li { display:inline-block; } .portfolio-share li.sharethis { font-size:11px; font-weight: 400; background:none; margin-right:10px; width:auto; } .portfolio-share li a { display: block; font-size:13px; color:#323232; margin:0; width:30px; height: 30px; line-height: 30px; text-align: center; margin: 0 5px 0 0; } .portfolio-share li i { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .portfolio-share li:hover i { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; color:#000; } .share-this-icon-facebook i { color:#3B5998; } .share-this-icon-twitter i { color:#55ACEE; } .share-this-icon-google-plus i { color:#E14107; } .share-this-icon-pinterest i { color:#D73532; } .share-this-icon-external-link i { color:#D6AC22; } .share-this-icon-envelope i { color:#3EADAF; } /* ****************************** 15.4 Portfolio Grids ******************************* */ .blogpost_readmore { font-size:12px; } .entry-content .blogpost_readmore a { color:#A9A9A9; } .entry-content .blogpost_readmore a:hover { color:#111; } .gridblock-related-columns { margin: 0 60px; border-top: 1px solid #eee; padding-top: 20px; } .gridblock-columns-wrap { margin: 0; width: 101.5% } .gridblock-columns-wrap ul li { } .gridblock-related-wrap { border-top: 1px solid #eee; margin: 30px 0 60px; padding: 60px 0 0 0; } .gridblockfilter-columns-wrap { margin: 30px 0 0; } a.gridblock-image-link { line-height: 0; } .gridblock-one .gridblock-protected, .gridblock-two .gridblock-protected, .gridblock-three .gridblock-protected, .gridblock-four .gridblock-protected, .post-nothumbnail { background-position: 50% 50%; background-repeat: no-repeat; } ul.gridblock-four, ul.gridblock-three, ul.gridblock-two, ul.gridblock-one { width: 100%; margin: 0; padding: 0; list-style: none; } a.gridblock-columns { background-position: 50% 50%; background-repeat: no-repeat; } .gridblock-protected a.gridblock-columns { } .gridblock-protected { position: relative; } .gridblock-protected img { width: 100%; max-width: 100%; } a.gridblock-columns img { max-width: 100%; } .gridblock-protected i { color: #000; font-size: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; } .gridblock-four .work-details, .gridblock-three .work-details, .gridblock-two .work-details, .gridblock-one .work-details { margin: 0 0 10px; border-top:0; padding: 15px 10px 10px; } .gridblock-element:hover .work-details { } .gridblock-four h4, .gridblock-three h4, .gridblock-two h4, .gridblock-one h4, .gridblock-list h4 { margin:0; } .gridblock-four h4 a, .gridblock-three h4 a, .gridblock-two h4 a, .gridblock-one h4 a, .gridblock-list h4 a { border: none; font-size: 14px; font-weight: 400; letter-spacing: -0.3px; margin-bottom: 5px; margin-top: 10px; text-decoration: none; } .gridblock-four h4 a:hover, .gridblock-three h4 a:hover, .gridblock-two h4 a:hover, .gridblock-one h4 a:hover, .gridblock-list h4 a:hover { text-decoration: none; border: none; } .gridblock-four .work-description, .gridblock-three .work-description, .gridblock-two .work-description, .gridblock-one .work-description { display: block; font-size: 11px; line-height: 16px; padding-top: 5px; } /* ****************************** gridblock Borders ( if needed ) ******************************* */ ul.gridblock-four li .displayed-image, ul.gridblock-three li .displayed-image, ul.gridblock-two li .displayed-image, ul.gridblock-one li .displayed-image, a.gridblock-ajax img, a.gridblock-filter-column img, .pictureframe-image { } ul.gridblock-four li .displayed-image:hover, ul.gridblock-three li .displayed-image:hover, ul.gridblock-two li .displayed-image:hover, ul.gridblock-one li .displayed-image:hover, a.gridblock-ajax img:hover, a.gridblock-filter-column img:hover, .pictureframe-image:hover { } .displayed-image { position: relative; } /* ****************************** gridblock Single ******************************* */ .project-link { margin-top:30px; } .entry-content .project-link a { background:#000; color: #FFFFFF; display: inline-block; font-size: 12px; font-weight: 400; padding: 5px 15px 4px; text-transform: uppercase; } .project-details-link { font-size:14px; margin-bottom: 20px; } .project-details-link h4 a{ font-size:15px; } .project-details-link h4 { display: inline-block; margin-left:10px; } .project-details-link i { color:#000; font-size: 12px; } .project-details h4 { margin-bottom:10px; } .project-skills ul li { display: inline-block; font-size: 12px; font-weight: 400; line-height: 14px; margin-bottom: 0; margin-right: 10px; font-style: italic; } .project-client-info { font-style: italic; } .project-client-info h4 { font-style: normal; } /* ****************************** 17.1 Goto Top ******************************* */ .gototop-wrap { border-top: 1px solid #F9F9F9; margin: 30px auto 0; padding: 10px 0; width: 1020px; } .gototop { width:30px; height:30px; display:block; margin: 20px auto 20px; text-indent:-99999px; background-color: #b7b7b7; background-image:url(images/icons/top_arrow.png); background-repeat:no-repeat; -webkit-border-radius: 20px; border-radius: 20px; cursor:pointer; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; } .gototop:hover { transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; background-color:#111; } /* Start Style the Sidebar Menu */ .sidebar-widget .widget_nav_menu ul li { float:none; } .sidebar-widget .widget_nav_menu .sub-menu { padding-left: 2px; } .sidebar-widget .widget_nav_menu ul { list-style-type:none; margin: 0; padding: 0; } .sidebar-widget .widget_nav_menu ul a { display: block; text-decoration: none; } .sidebar-widget .widget_nav_menu ul li a { font-weight: bold; margin-top:10px; } .sidebar-widget .widget_nav_menu ul li li a { font-weight: 400; margin-top:0; } /* End Style the Sidebar Menu */ .tagcloud a, #footer .tagcloud a { background:#f5f5f5; padding:1px 6px; display: inline-block; color: #000; margin:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; letter-spacing:0.5px; } #footer .tagcloud a:hover , #footer .tagcloud a:hover { color: #000; background:#fff; } .portfolio-tags,.wp-tag-cloud { list-style: none; } .portfolio-tags li, .wp-tag-cloud li { margin-bottom:5px; } .portfolio-tags li, .portfolio-tags a, .wp-tag-cloud li,.wp-tag-cloud a { float:left; height:24px; line-height:24px; position:relative; font-size:9px; font-weight:bold; text-transform:uppercase; } .portfolio-tags a, .wp-tag-cloud a { margin-left: 10px; margin-right: 7px; padding:0 10px 0 12px; background:#898989; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; letter-spacing:1px; } .portfolio-tags a:before, .wp-tag-cloud a:before { content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #898989 transparent transparent; border-style:solid; border-width:12px 12px 12px 0; } .portfolio-tags a:after, .wp-tag-cloud a:after { content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; } .portfolio-tags a:hover, .wp-tag-cloud a:hover {background:#EB5E5F;} .portfolio-tags a:hover:before, .wp-tag-cloud a:hover:before {border-color:transparent #EB5E5F transparent transparent;} .ajax-portfolio-tags { border-top: 1px dotted #E1E1E1; margin-top: 25px; padding-top: 20px; padding-bottom:0; } ul.portfolio-metainfo li a { color: #ABABAB; } .portfolio-related-wrap ul.portfolio-four h4 a:hover, .portfolio-related-wrap ul.portfolio-three h4 a:hover, .portfolio-related-wrap ul.portfolio-two h4 a:hover, .portfolio-related-wrap ul.portfolio-one h4 a:hover { color: #fff; } .last-bigsaywrap a:hover, .entry-post-title h2 a:hover, .sidebar a:hover, ul.portfolio-metainfo li a:hover, .ajax-gridblock-data h1 a:hover { color: #000; } .tagcloud a:hover { color: #fff; background:#666; } .portfolio-taxonomies-browse { margin-top: 20px; padding-bottom: 20px; } /* Isotope *********************************/ /**** Isotope filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ } .isotope { } .isotope .isotope-item { } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .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: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /**** Portfolio Filters ****/ .gridblock-filter-wrap h2 { color: #000000; font-size: 27px; font-weight: 400; margin-bottom: 15px; } .page-sidebar-block h3 { color:#474747; font-size: 18px; font-weight: 400; letter-spacing: 0; margin-bottom: 18px; text-transform: uppercase; } .gridblock-filter-select-wrap { position: relative; } #gridblock-filter-select { border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; color: #777777; cursor: pointer; display: inline-block; font-size: 14px; margin-bottom: 40px; padding: 10px 0; text-align: center; } #gridblock-filter-select i { float:right; position: relative; right:20px; top:2px; } .gridblock-filter-select-text { color:#000; } #gridblock-filter-select:hover { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; border-color: #000; color:#000; } #gridblock-filters, #gridblock-filter-select { width: 320px; } #gridblock-filters { position: absolute; text-align: center; z-index: 9; margin:0; top:42px; padding:0; background:#000; color:#fff; display: none; } #gridblock-filters li { border-bottom: 1px solid #1E1E1E; color: #000; display: block; font-size: 15px; font-weight: 400; margin:0; } #gridblock-filters li a { display: block; font-size: 12px; font-weight: 400; padding: 8px 0; color:#fff; } #gridblock-filters li a { } /* Effect 13: three circles */ #gridblock-filters a { } #gridblock-filters li .is-active, #gridblock-filters li a:focus, #gridblock-filters a:focus, #gridblock-filters li .is-active, #gridblock-filters li .is-active:hover { font-weight: 400; } #gridblock-filters a:hover, #gridblock-filters li a:hover, #gridblock-filters li a:hover span { color: #fff; background:#FF2C55; } .filter-icon { background-image: url(images/icons/grid_dark.png); background-repeat: no-repeat; background-position: 0 6px; padding-left:20px; font-size:18px; font-weight:700; margin-bottom:10px; margin-top:20px; } #gridblock-filters li span { color: #D3D3D3; float: right; font-weight: 400; font-size: 11px; } .gridblock-protected { background: rgba(255,255,255,0.1) } .textbright .gridblock-protected { opacity:0.4; } .textbright .gridblock-grid-element .grid-blank-status i { } .gridblock-element .ajax-image-block { width:306px; height:306px; display:block; background-image: url(images/preloaders/circle-spinner.png); background-position: 50% 50%; background-repeat: no-repeat; } .ajax-image-selector { display:none; } .gridblock-displayed .ajax-image-selector { position:absolute; top:0;left:0; width:100%; height:100%; display:block; z-index:100; background-color:#000; background-color: rgba(0,0,0,0.5); } .gridblock-image-link { cursor:pointer; } .ajax-image-hover { position: absolute; z-index: 99; opacity:0; width:261px; height:261px; top:10px; display:none; } .gridblock-filterable .ajax-image-hover { z-index:0; } .slideshow-image-hover { opacity:0; } .gridblock-grid-element .gridblock-slideshow-icon { margin-top:5px; } .ajax-image-wrap { position:absolute; top:40px; left:30px; } .ajax-image-title { color: #fff; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing:0.5px; line-height:26px; display:block; padding-right:50px; } .ajax-small-desc { color: #C6C6C6; display: inline-block; font-size: 10px; letter-spacing:0.5px; line-height:15px; padding-right:60px; display:block; margin-top:10px; } #gridblock-container { width: 101.5%; } #gridblock-container ol, #gridblock-container ul, #gridblock-container dl { margin: 0; padding:0; } #gridblock-container .gridblock-image-link { line-height: 0; border:0; } #gridblock-container .gridblock-image-link:hover { border:0; } .gridblock-cell-bottom-space { padding-bottom: 1.0%; } .gridblock-element { position: relative; z-index: 1; } .gridblock-four .gridblock-element { float:left; width: 23.9%; margin: 0 1% 0 0; } .gridblock-three .gridblock-element { float:left; width: 32.2%; margin: 0 1% 0 0; } .gridblock-two .gridblock-element { float:left; width: 48.7%; margin: 0 1% 0 0; } .gridblock-one .gridblock-element { float:left; width: 98.6%; margin: 0; } .gridblock-ajax { cursor:pointer; } .gridblock-info { padding: 10px 25px; display: block; position: relative; } .gridblock-element .ajax-desc { color: #919191; display: block; font-size: 12px; letter-spacing: 0.5px; line-height: 17px; margin-top: 5px; } .gridblock-element:hover,.gridblock-grid-element:hover { } .gridblock-grid-element:hover h4 a, .gridblock-element:hover h3, .gridblock-element:hover h3 a { } .gridblock-element:hover .ajax-desc { color:#aaa; } .gridblock-element h3 { color: #5C5C5C; } .gridblock-displayed:hover h3 { color: #fff; } .gridblock-displayed .ajax-image-hover { border:none; } .gridblock-element, .gridblock-grid-element { } .gridblock-element:hover, .gridblock-grid-element:hover, .gridblock-displayed:hover { } .gridblock-displayed .gridblock-info { cursor: default; } /* Portfolio navigation */ /************************/ .portfolio-nav-wrap { width:100%; text-align: right; position: relative; z-index: 9; top:-45px; } .portfolio-nav { position: absolute; width: 100%; } .portfolio-nav span { } .portfolio-nav-item a { display: inline-block; text-align: center; background:#000; background:rgba(0,0,0,0.3); padding: 7px 10px 5px; border-radius: 3px; line-height: 0; } .portfolio-nav-item i { color:#fff; font-size: 16px; } .portfolio-nav-item a:hover{ background:#000; background:rgba(0,0,0,0.6); } .recent-portfolio-single { padding: 30px 0; } .recent-portfolio-single .item-title { font-weight: 400; margin-bottom: 20px; } .portfolio-single-fullwidth { margin-top:40px; } .portfolio-single-wrap { margin-top: 40px; } .recent-single-carousel-wrap { margin-top:15px; } /* Testimonial Slides *********************************/ .testimonials-roll { width:100%; text-align: center; } #flex-testimonails .slides { display: block; clear: both; } #flex-testimonails .flex-control-nav { position: static; } #flex-testimonails .flex-control-nav { float:none; display:inline-block; } .testimonials-wrap .flexslider-container-page { background:none; } .testimonials-wrap .flexslider-container-page .flex-direction-nav li a { width: 20px; height: 20px; display: block; border:none; background-image: url(images/flexislider/bg_direction_nav_testimonial_black.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; position: absolute; z-index:5; cursor: pointer; text-indent: -9999px; opacity:1; border-radius: 30px; } #flex-testimonails .flex-direction-nav { width: 200px; margin: 0 auto; position: relative; top: auto; bottom:100px; } #flex-testimonails .flex-direction-nav li a:hover { background-color: #f7f7f7; } #flex-testimonails .flex-direction-nav li a.flex-next { background-position: -20px 0; right: 0; top: 0; margin-right:0; } #flex-testimonails .flex-direction-nav li a.flex-prev { top: 0; left: 0; } #flex-testimonails .flex-direction-nav li a.flex-prev, #flex-testimonails .flex-direction-nav li a.flex-next { top:0; bottom: auto; } .client-details { letter-spacing: 0; } .client-name { display: block; font-size: 11px; font-weight: 400; letter-spacing: 0; line-height: 18px; margin-top:10px; text-transform: uppercase; } .client-position { color: #000000; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: -0.5px; line-height: 14px; margin-bottom: 4px; margin-top: 5px; position: relative; } .client-position:after { background: #000000; content: " "; display: block; height: 1px; position: absolute; right: -20px; top: 50%; width: 10px; } .client-position:before { background: #000000; content: " "; display: block; height: 1px; position: absolute; left: -20px; top: 50%; width: 10px; } .client-company { color: #656565; display: inline-block; font-size: 10px; letter-spacing: 1px; line-height: 18px; margin-top: 5px; position: relative; } .client-company a { font-weight: 400; } .client-image { width:110px; border-radius: 100px; position: relative; top:0; background: #F8F8F8; border: 1px solid #EFEFEF; border-radius: 100px; padding: 7px; } .client-info { display: block; padding-top: 8px; text-align: center; font-size:14px; font-weight:400; } .client-say { display:none; font-size: 18px; font-weight: 400; line-height: 22px; margin: 0; padding: 30px; position: relative; } .client-say:before, .client-say:after { font-family: "FontAwesome"; color:#000; position: absolute; top:30px; } .client-say:before { content: "\f10d"; left:0; } .client-say:after { content: "\f10e"; right:0; } .testimonials-wrap .flexslider-container-page .slides li { } .testimonial-say { width:100%; float:none; text-align:center; position: relative; } .testimonial-inner { padding:0 } .testimonials-wrap .flexslider-container-page .flex-direction-nav li a.prev, .testimonials-wrap .flexslider-container-page .flex-direction-nav li a.next { top:10px; } .testimonials-wrap .flexslider-container-page .flex-direction-nav li a.flex-prev { right:28px; } .testimonials-wrap { position: relative; } .testimonials-wrap .slides { margin-bottom:0; } .testimonials-wrap .flex-direction-nav { right: 0; margin: 0; padding: 0; position: absolute; bottom: 140px; } .testimonials-wrap ul, .testimonials-wrap ul li { margin:0; padding: 0; } .testimonials-wrap #flex-testimonails .flex-control-nav { display: none; } /* ****************************** Client Shortcode ******************************* */ .client-column-0 { margin:0 auto; text-align: center; } .client-column-0 .client-item { display:inline-block; } .client-column-1 .client-item { float:left; width:100%; } .client-column-2 .client-item { float:left; width:50%; } .client-column-3 .client-item { float:left; width:33.33333333333333%; } .client-column-4 .client-item { float:left; width:25%; } .client-column-5 .client-item { float:left; width:20%; } .client-column-6 .client-item { float:left; width:16.66666666666667%; } .client-column-7 .client-item { float:left; width:14.28571428571429%; } .client-column-8 .client-item { float:left; width:12.5%; } .client-column-9 .client-item { float:left; width:11.1111111111%; } .client-column-10 .client-item { float:left; width:10%; } .client-item img { opacity:0.8; } .client-item img:hover { opacity:1; } .page-border-top { display:block; position:fixed; left:0; top:0; height:80px; width:100%; z-index: 9; } .page-border-left { display:block; position:fixed; left:0; top:0; height:100%; width:60px; z-index: 9; } .page-border-right { display:block; position:fixed; right:0; top:0; height:100%; width:60px; z-index: 9; } .page-border-bottom { display:block; position:fixed; left:0; bottom:0; height:60px; width:100%; z-index: 9; } .page-border-top, .page-border-bottom, .page-border-left, .page-border-right { background:#000; } .entry-media { max-width: 650px; width: 100%; } #copyright { color: #999; background:#eaeaea; padding: 10px; display: block; font-size: 9px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; line-height: 26px; margin: 0; text-align: center; } #copyright li { display: inline-block; padding: 0 10px; } #copyright a { color: #666; border-bottom:1px solid #999; } #copyright a:hover { text-decoration:none; color: #111; } #copyright span { background: #111; border-radius: 8px 8px 8px 8px; padding: 8px 20px; color: #fff; text-align: center; } /* SHORTCODE Skill Bar */ .skillbar { position:relative; display:block; margin-bottom:15px; width:100%; background:#F1F1F1; background: rgba(191, 191, 191, 0.1); height:35px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; overflow: hidden; } .skillbar-title { position:absolute; z-index: 1; top:0; left:0; font-weight:bold; font-size:13px; color:#fff; } .skillbar-title span { display:block; padding:0 20px; height:35px; line-height:35px; font-size: 12px; font-weight: 400; color:#000; } .skillbar-bar { position: relative; height:35px; width:0px; border-radius: 35px; } .skill-bar-percent { color: #000; font-size: 11px; height: 35px; line-height: 35px; position: absolute; right: 10px; text-align: center; top: 0; width: 30%; } /* SHORTCODE Donut Counter */ .donutcounter-wrap { text-align: center; margin: 0 auto; } .donutcounter-item { color:#000; } .textbright .donutcounter-item { color:#fff; } .textbright .donutcounter-wrap { color:#eee; } .donutcounter-wrap .donutcounter-title { margin-top:20px; } .donutcounter-item { text-align: center; margin: 0 auto; } .textbright .donut-desc { color:#CFCFCF; } /* SHORTCODE Dividers */ .item-common h1 { font-size: 34px; letter-spacing: -0.5px; line-height: 40px; } .item-common h2 { font-size:26px; letter-spacing: -0.5px; line-height: 34px; } .item-common h3 { font-size:20px; line-height: 26px; } .item-common h4 { font-size: 18px; line-height: 22px; } .item-common h5 { font-size:16px; line-height: 18px; } .item-common h6 { font-size:14px; line-height: 16px; } .item-common h1 a { font-weight: 400; } h1.item-title, h2.item-title, h3.item-title, h4.item-title, h5.item-title, h6.item-title { display: inline-block; position: relative; } h1.title-simple-case, h2.title-simple-case, h3.title-simple-case, h4.title-simple-case, h5.title-simple-case, h6.title-simple-case { text-transform: none; font-weight: 300; } .item-line { width:100%; } .divider-common, .item-common { position: relative; } .divider-title { font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color:#000; background-color:#fcfcfc; display: inline-block; position: relative; top:-15px; padding: 0 20px; } .divider-title:before, .divider-title:after { content: " "; position: absolute; display: block; width:5px; height:5px; top:50%; margin-top:-2px; border:1px solid #939393; border-radius: 10px; } .divider-title:before { left: 0; } .divider-title:after { right: 0; } .divider-common .divider-title { } .divider-line { border-top:1px solid #eee; width:100%; padding-top:2px; } .divider-double { background-repeat: repeat-x; background-image: url(images/dividers/double.png); width:100%; padding-top:3px; } .divider-stripes { background-repeat: repeat-x; background-image: url(images/dividers/stripes.png); width:100%; padding-top:4px; } .divider-thinfade { background-repeat: no-repeat; background-image: url(images/dividers/thin_fade.png); background-position: 50% 50%; width:100%; padding-top:3px; } .divider-threelines { background-repeat: repeat-x; background-image: url(images/dividers/threelines.png); width:100%; padding-top:5px; } .divider-circleline { background-repeat: no-repeat; background-image: url(images/dividers/circleline.png); background-position: 50% 50%; width:100%; padding-top:10px; } .divider-stripedcenter { background-repeat: no-repeat; background-image: url(images/dividers/stripedcenter.png); background-position: 50% 50%; width:100%; padding-top:10px; } .divider-linedcenter { background-repeat: no-repeat; background-image: url(images/dividers/linedcenter.png); background-position: 50% 50%; width:100%; padding-top:10px; } /* SHORTCODE ServiceBoxes */ .service-column .last { clear:both;} .service-column { margin:0 0 30px 0; padding:0 0 10px 0; display:block; } .service-column-1 .service-item {width:100%;} .service-column-2 .service-item {width:48.2%;} .service-column-3 .service-item {width:31%;} .service-column-4 .service-item {width:22.4%;} .service-column-5 .service-item {width:17.2%;} .service-column-6 .service-item {width:13.7%;} .service-item-space { margin-right:3.225%; } .service-column .service-item:last-child { margin-right:0; } .serviceboxes-horizontal .service-item { float:left; } .serviceboxes-vertical .service-item { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee; border-bottom:1px solid rgba(255,255,255,0.1); } .serviceboxes-vertical .service-item:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .serviceboxes-vertical .service-item .fontawesome { margin-top:0; } .alignicon-left-horizontal .service-details { margin-left: 45px; } .alignicon-right-horizontal .service-details { margin-right: 45px; } .alignicon-top-horizontal .service-details { margin-left:0; } .service-column h1, .service-column h2, .service-column h3, .service-column h4, .service-column h5, .service-column h6, .donutcounter-wrap .donutcounter-title { font-size:18px; font-weight: 400; margin-bottom:10px; } .serviceboxes-vertical h4 { font-size:16px; font-weight: 400; margin-bottom: 5px; } .alignicon-top .service-item i { border-radius: 60px; } .alignicon-top .service-item:hover i { border-radius: 60px; } .alignicon-left .fontawesome { float: left; margin-top: -7px; margin-right: 10px; } .alignicon-right { text-align: right; } .alignicon-right .fontawesome { float: right; margin-top: -7px; margin-left: 10px; } .alignicon-top .fontawesome { float: none; margin: 0 auto 20px; } .alignicon-top .service-details { padding-top:0; } .alignicon-top { text-align: center; } .alignicon-right-vertical .service-content { margin-right:100px; } .alignicon-right-vertical i.fontawesome { width:auto; height: auto; margin: 0; } .alignicon-right-vertical .service-icon { float:right; width:90px; text-align: center; margin-top:20px; } .alignicon-right-vertical .fontawesome { float:none; margin:0; } .alignicon-left-vertical .service-content { margin-left:100px; } .alignicon-left-vertical i.fontawesome { width:auto; height: auto; margin: 0; } .alignicon-left-vertical .service-icon { float:left; width:90px; text-align: center; margin-top:20px; } .alignicon-left-vertical .fontawesome { float:none; margin:0; } /* Service Information Box */ .service-info-box .service-details { margin-left:0; } .service-info-box .service-image { margin-bottom: 10px; } .service-info-box h4 { font-size:16px; } /*** SHORTCODE Tweets ***/ .mtheme-tweets-shortcode ul{ font-size: 24px; font-weight: 300; line-height: 30px; list-style: none outside none; margin: 0; padding: 0; text-align: center; color:#777; } .mtheme-tweets-shortcode ul li { margin:0; padding:0; } .mtheme-tweets-shortcode a { font-weight: 300; } .mtheme-tweets-shortcode .tweet_avatar { position:relative; top:5px; margin-right:10px; color:#00BEF6; } .mtheme-tweets-shortcode .tweet_time { margin-right:10px; } .mtheme-tweets-shortcode .tweet_time a { font-weight: 300; color:#000; } /* SHORTCODE FontAwesome */ i.fontawesome { color:#fff; width:35px; height: 35px; line-height: 35px; text-align: center; display: block; position: relative; } .alignicon-top i.fontawesome { color:#fff; width:90px; height: 90px; line-height: 90px; text-align: center; display: block; } .fontawesome.in-circle { } .alignicon-top .fontawesome.in-circle { border: 1px solid #E6E6E6; } .alignicon-top .service-item:hover .fontawesome.in-circle { } /* Shortcode Carousel */ .boxtitle-hover { opacity:0; position: absolute; bottom:0; width:100%; text-align: center; z-index: 99; left:0; background: #000; background: rgba(0, 0, 0, 0.1); padding:12px 10px; } .boxtitle-hover { margin-bottom:0; } .boxtitle-hover a { color:#fff !important; } .boxtitle-hover a:hover { color:#fff; } .boxtitle-hover a { color:#fff; font-size: 13px; font-weight:400; } /** * SHORTCODE Carousel */ .gridblock-carousel-wrap { position: relative; margin:0; visibility: hidden; height:200px; overflow: hidden; } .gridblock-carousel-wrap ul { list-style: none; } .gridblock-carousel-wrap ul li { float: left; position: relative; margin:0; } .gridblock-carousel-wrap ul li img { height: auto; } .gridblock-carousel-wrap .next, .gridblock-carousel-wrap .prev { position: absolute; top:-25px; z-index:99; color:#000; } .gridblock-carousel-wrap .next { right:10px; } .gridblock-carousel-wrap .prev { right:25px; } .gridblock-carousel-wrap .portfolio-protected i { color:#000; } .caroufredsel_wrapper { margin-bottom: 0 !important; } .recent-portfolio-single .gridblock-carousel-wrap .next, .recent-portfolio-single .gridblock-carousel-wrap .prev { top:50%; margin-top:-13px; } .recent-portfolio-single .gridblock-carousel-wrap .next { right:-18px; } .recent-portfolio-single .gridblock-carousel-wrap .prev { right:auto; left:-18px; } /* Text-Bright */ .entry-content .textbright h1, .entry-content .textbright h2, .entry-content .textbright h3, .entry-content .textbright h4, .entry-content .textbright h5, .entry-content .textbright h6, .entry-content .textbright, .entry-content .textbright strong { color:#fff; } .entry-content .textbright a:hover { color:#fff; } .is-animated { transition: opacity 2s; -moz-transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s; opacity: 0; } .element-animate { transition: opacity 2s; -moz-transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s; opacity: 1; } /* Effect 13: three circles */ #portfolio-filters a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } #portfolio-filters a::before { position: absolute; top: 100%; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 1.2em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } #portfolio-filters a:hover::before, #portfolio-filters a:focus::before { color: #000; text-shadow: 10px 0 #000, -10px 0 #000; } /* Photo Wall */ .photowall-wrap { margin-left:321px; } .photowall-fullwidth { margin-left:10px !important; height: auto !important; } #photowall-container { width:100%; height:100%; margin-top: 2px; float:left; } .photowall-item { width: 24.9%; float:left; display:block; position: relative; z-index: 2; padding:0; opacity: 0; overflow: hidden; margin-bottom: 1px; } .photowall-item a { line-height: 0; } .photowall-item img { max-width: 100%; display:block; float:left; } .photowall-item:hover { } .photowall-item:hover img { } .photowall-content-wrap { display:block; position: absolute; width:100%; height: 100%; background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ opacity: 0.9; top: 0; transition: opacity 0.8s; -moz-transition: opacity 0.8s; -webkit-transition: opacity 0.8s; -o-transition: opacity 0.8s; } .photowall-box { display:inline-block; color:#fff; color: rgba(255,255,255,0.9); font-weight: 200; padding: 0 0 10px 0; width: 100%; font-size:14px; letter-spacing: 0.5px; line-height: 20px; position: absolute; bottom:0; left: 0; z-index: 99; } .photowall-title { font-size:16px; color:#fff; color: rgba(255,255,255,0.9); font-weight: 400; margin:20px 25px 5px; display: block; } .photowall-desc { font-size: 12px; color:#eee; color: rgba(255,255,255,0.5); font-weight: 400; margin: 0 25px; line-height: 14px; } .photowall-item:hover .photowall-box { } .photowall-item:hover .photowall-content-wrap { transition: opacity 0.5s,; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 0.5; } .photowall-lightbox { display: block; position: absolute; z-index: 100; top:0; height: 100%; width: 100%; } .photowall-desc a { position: relative; z-index: 10; color:#fff; border:3px solid #fff; padding: 5px 10px; } .photowall-desc a:hover { color:#fff; border:3px solid #fff; } /* Tubular Youtube */ .tubular-controls { position: fixed; z-index: 9999; top:50%; right:0; } .tubular-controls .tubular-play, .tubular-controls .tubular-pause { height:60px; width:60px; display:block; text-indent: -999999px; background-repeat: no-repeat; background-position: center center; } .tubular-controls .tubular-play { background-image: url(images/icons/play-button.png); } .tubular-controls .tubular-pause { background-image: url(images/icons/pause-button.png); border-top: 1px solid rgba(255, 255, 255, 0.5); } #tubular-container, #tubular-shield { z-index: 0 !important; top:0; } .youtube-play { position: absolute; bottom:10px; left:10px; height:60px; width:60px; display:block; text-indent: -999999px; background-repeat: no-repeat; background-position: center center; background-color:#fff; } .youtube-play { background-image: url(images/icons/play-button.png); } /* Vimeo */ div#fullscreenvimeo { position: fixed; top:0; left:0; width: 100%; height: 100%; z-index:-999; } div#fullscreenvimeo > iframe { display: block; width: 100%; height: 100%; border: none; } /* Contact 7 */ .wpcf7-form { font-weight: 400; font-size: 14px; } .wpcf7-form p { margin-bottom: 15px; font-weight: 400; font-size: 12px; line-height: 14px; } .wpcf7-form input, .wpcf7-form textarea{ border: 1px solid #eee; background: #f3f3f3; width:100%; padding-top:5px; padding-bottom: 5px; text-indent: 5px; color:#000; } .wpcf7-form p.required { bottom: 50px; color: #bbb; position: relative; } span.wpcf7-not-valid-tip { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FF0000; font-size: 10pt; font-weight: 400; right: -2px; padding: 11px 10px; position: absolute; top: -22px; width: 100%; z-index: 100; } .wpcf7-form #cf7-left{width: 15%; margin-right: 20px; float: left;} .wpcf7-form input[type="button"], .wpcf7-form input[type="submit"], .wpcf7-form input[type="reset"] { width:100px; outline:0; padding:5px 0px; margin-right:-60px; display: inline-block; color: #aaa; font-size: 14px; letter-spacing:0px; font-weight: 400; background: none; border:2px solid #aaa; cursor:pointer; text-decoration:none; } .wpcf7-form input[type="button"]:hover, .wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="reset"]:hover { color: #fff; border:2px solid #fff; } .textbright .wpcf7-form input[type="button"], .textbright .wpcf7-form input[type="submit"], .textbright .wpcf7-form input[type="reset"] { color: #fff; border:2px solid #fff; } .textbright .wpcf7-form input[type="button"]:hover, .textbright .wpcf7-form input[type="submit"]:hover, .textbright .wpcf7-form input[type="reset"]:hover { color: #000; background: #fff; border:2px solid #fff; } .wpcf7-form .wpcf7-not-valid-tip { padding:5px 10px; width:auto; font-size: 13px; font-weight: 400; background-color:transparent; border: none; color: #f00; } .wpcf7-form .wpcf7-validation-errors { display:inline-block; padding:5px 10px; font-weight: 400; font-size: 14px; } .wpcf7-form .wpcf7-form-control-wrap { margin-top:5px; display: block; } /* WPML Plugin */ .header-widgets .wpml-lang-selector-wrap { } .header-widgets #lang_sel { float:right; position: relative; top: 11px; margin-left: 10px; } /* Back to Top */ #goto-top { position: fixed; bottom:68px; right:20px; height:40px; width: 40px; border-radius: 40px; border: 2px solid #323232; line-height: 40px; color:#323232; text-align: center; cursor: pointer; display: none; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; z-index:99; } #goto-top:hover { opacity: 1; background:#323232; color:#fff; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; } /* ****************************** Footer ******************************* */ .footer-tweets { background: #F9F9F9; margin-top: 100px; padding: 10px 0 25px; } .footer-block { margin: 0; padding: 0; } .footer-block h3 { color: #fff; } .footer-container-wrap { } .footer-container-wrap, .footer-container { background: #f9f9f9; } .footer-container { padding: 30px 0 30px 0; } #footer { margin: 0 auto; } #footer .footer-column { margin: 0 0 0 3%; width: 30%; float: left; } #footer .footer-column:first-child { margin-left:0; padding-left:0; } #footer .footer-double-column { margin: 0 10px 0 10px; width: 440px; float: left; } #footer h3 { font-weight: bolder; font-family: Calibri; color: #000; font-size:16px; margin: 0 0 15px; padding: 20px 0 10px; } #footer h3 a { color: #666; } #footer h3 a:hover { color: #000; } #footer h4 { color: #fff; font-family:"Calibri"; font-size: 14px; font-weight: 300; } #footer p { color: #fff; font-family:"Calibri"; font-size: 14px; font-weight: 200; text-align: justify; } #footer .description, #footer .textwidget { padding: 0; margin-right: 10px; } #footer a { color: #777; text-decoration: none; } #footer #popularposts_list .popularpost_info .popularpost_title, #footer #recentposts_list .recentpost_info .recentpost_title,.relatedtitle a { color: #000; font-size:13px; font-weight:bold; } #footer #recentposts_list p, #footer #popularposts_list p { color:#aaa; } #footer #popularposts_list .popularpost_info .popularpost_title:hover, #footer #recentposts_list .recentpost_info .recentpost_title:hover,.relatedtitle a:hover { color: #000; } #footer a:hover { color: #000; } #footer .socialmedia-buttons { margin-top:15px; text-align: left; } #footer .social-size-32 img, #footer .social-size-16 img { position: static; } #footer .social_contact_text { display: block; float: none; margin-left: 0; margin-top:10px; } #footer .social_contact_text a { color:#fff; } .footer-widget a { color: #777; font-size: 11px; font-weight: 400; line-height: 18px; } .footer-widget { color: #A5A7AE; font-size: 11px; font-weight: 400; line-height: 18px; } .footer-widget a { color:#E4E4E4; } .footer-widget .tagcloud a { color:#E4E4E4; } .footer-widget ul { list-style:none; font-size:12px; line-height:18px; color:#D2D2D2; padding:0; margin:0; } .portfolio_widget_about { margin-bottom: 15px; } .footer-widget ul li { color: #A5A7AE; font-size: 11px; line-height: 18px; padding: 0 0 4px; margin-bottom: 6px; } .footer-widget ul li, .footer-widget #recentposts_list li, .footer-widget #popularposts_list li { border-bottom: 1px dotted #dadada; } .footer-widget ul li img { margin:0px; padding:0 8px 0 0; margin-bottom:-2px; } .footer-widget a:hover { text-decoration:none;} .footer-widget .Social_Widget { margin-top: 20px; } .entry-post-wrapper .edit-entry { display:none; } .single .edit-entry { display:block; } .mtheme-error-notice { text-align: center; color:#fff; display:block; } /* ****************************** Fontawesome Shortcode Since version 1.7 ******************************* */ .shortcode-fontawesome-icon { display:inline-block; margin: 5px 20px 0 0; float:left; } .shortcode-fontawesome-icon.small { font-size:20px; } .shortcode-fontawesome-icon.small.circle-yes { width:40px; height:40px; line-height:40px; } .shortcode-fontawesome-icon.medium { font-size:35px; } .shortcode-fontawesome-icon.medium.circle-yes { width:65px; height:65px; line-height:65px; } .shortcode-fontawesome-icon.large { font-size:60px; } .shortcode-fontawesome-icon.large.circle-yes { width:100px; height:100px; line-height:100px; } .shortcode-fontawesome-icon.circle-yes { color:#000; background-color:#fff; text-align:center; border-radius:90px; -moz-border-radius:90px; -webkit-border-radius:90px; } .shortcode-fontawesome-icon.circle-no, .shortcode-fontawesome-icon.circle-yes { margin-top:5px; } /*WooCommerce codes */ /** * Styles */ .cart-contents { background: #83D5C0; border-radius: 10px; color: #FFFFFF !important; font-size: 11px; padding: 3px 7px; } .cart-contents:hover { background: #777; } .woocommerce .entry-summary .amount { font-size:26px; } .woocommerce-product-rating .woocommerce-review-link { font-size:12px; font-weight: 400; position: relative; top:-7px; } .mtheme-hover-thumbnail { position: relative; } .mtheme-hover-thumbnail .onsale { z-index: 1; } .woocommerce .flexslider-container-page { background:none !important; } .woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { box-shadow: none !important; } .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { box-shadow: none !important; background: none !important; color:#676767 !important; text-shadow: none !important; font-size:12px !important; border-radius: 30px !important; } .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover { color:#000 !important; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { width:230px !important; } .woocommerce .mtheme-woocommerce-description-wrap .add_to_cart_button, .woocommerce .mtheme-woocommerce-description-wrap .product_type_variable { border:0 !important; border-radius: 0 !important; position: relative; padding:0 0 0 18px; font-size:11px !important; } .woocommerce .mtheme-woocommerce-description-wrap .add_to_cart_button:after { position: absolute; font-family: 'fontawesome'; content: "\f07a"; left:0; top:-1px; color:#000; } .woocommerce .mtheme-woocommerce-description-wrap .product_type_variable:after { position: absolute; font-family: 'fontawesome'; content: "\f00b"; left:0; top:0; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { font-size: 14px !important; color:#777; font-weight: 400; padding:0 !important; margin-bottom: 5px !important; } .woocommerce ul.products li.product h3:hover, .woocommerce-page ul.products li.product h3:hover { color:#FF2C55; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: #111 !important; font-size: 16px !important; font-weight: 400 !important; margin:0 !important; margin-bottom: 5px !important; } .woocommerce .product_category_title { color: #B1B1B1; font-size: 11px; font-weight: 400; letter-spacing: 1px; margin-bottom: 0 !important; } .woocommerce ul.products li .product_category_title { text-indent: 15px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { position: relative; border:1px solid #eee; border-bottom:3px double #eee; } /*.woocommerce ul.products li.product:after, .woocommerce-page ul.products li.product:after { position: absolute; content: " "; width: 100%; padding-bottom: 5px; border-bottom:1px solid #000; border-bottom:1px solid rgba(0,0,0,0.1); }*/ .woocommerce span.onsale, .woocommerce-page span.onsale { background:#83D5C0 !important; box-shadow: none !important; padding:10px !important; border-radius: 30px !important; font-weight: 400 !important; font-size: 14px !important; text-shadow:none !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0.5% !important; width: 23.70% !important; overflow: hidden; } .woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a { } .woocommerce ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .from, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { color:#fff !important; font-size: 12px !important; text-transform: none !important; padding: 0 5px; position: relative; top:-2px; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { margin:0 !important; padding-bottom: 8px !important; width:100.4% !important; max-width: 100.4% !important; } .mtheme-woocommerce-description-wrap { padding: 10px 15px 0; } .mtheme-woocommerce-description-wrap-last { padding-bottom: 15px; padding-top: 0; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { margin: 8px 8px 0 0 !important; } /** * Animation */ .mtheme-hover-thumbnail .mtheme-secondary-thumbnail-image { position: absolute; top:0; left:0; opacity:0; } .woo-thumbnail-fadeInDown { -webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important; transition: transform 0.5s, opacity 0.5s !important; opacity: 1 !important; } .woo-thumbnail-fadeOutUp { -webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important; transition: transform 0.5s, opacity 0.5s !important; opacity: 0 !important; } /* Woocommerce Ordering*/ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin: -30px -4px 0 0 !important; } .mtheme-woo-order-selection-wrap { position: relative; } .mtheme-woo-order-selected { border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; color: #000; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; margin-bottom: 30px; padding: 10px 0; text-align: center; width: 233px; display: inline-block; } .mtheme-woo-order-selected-wrap i { float:right; position: relative; right:20px; top:15px; cursor: pointer; } .mtheme-woo-order-selected:hover { border-color: #000; color: #000; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .mtheme-woo-order-list ul { position: absolute; text-align: center; width: 232px; z-index: 9; margin:0; top:45px; padding:0; background:#000; color:#000; display:none; } .mtheme-woo-order-list ul li { border-bottom: 1px solid #333333; color: #fff; display: block; font-size: 12px; font-weight: 400; margin:0; cursor: pointer; } .mtheme-woo-order-list ul li { display:block; font-size: 12px; font-weight: 400; padding: 7px 0; color:#fff; } .mtheme-woo-order-list ul li:hover { background-color:#FF2C55; color:#fff; } .woocommerce .woocommerce-ordering select { display:none; } /*Woocommerce Bread Crumb */ .woocommerce-breadcrumb { font-size: 11px !important; font-weight: 400; color:#000 !important; letter-spacing: 0.5px; margin-bottom: 30px !important; } .woocommerce-breadcrumb a { color:#FF2C55 !important; } .woocommerce-result-count { font-size: 11px !important; font-weight: 400; color:#777 !important; letter-spacing: 1px; } /*Cart */ .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { color:#000; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border:1px solid #f0f0f0 !important; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { margin-bottom: 50px !important; } .woocommerce .cart-collaterals .shipping_calculator h2, .woocommerce-page .cart-collaterals .shipping_calculator h2 { font-size: 16px !important; text-align: left !important; } .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th { padding: 20px !important; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td { padding-left: 20px !important; } .woocommerce .shipping_calculator a { } .woocommerce .shipping-calculator-button { padding:10px 20px; border:1px solid #444; border-radius: 30px; } .woocommerce .cart-collaterals .shipping_calculator .button, .woocommerce-page .cart-collaterals .shipping_calculator .button, .woocommerce form .form-row select, .woocommerce-page form .form-row select { width: auto !important; } .woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { width:160px; padding-top:20px !important; } .woocommerce .product-subtotal { font-size: 18px; color:#000; } .woocommerce .product-quantity { text-align: center; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 1px solid #F4F4F4 !important; padding: 6px 12px; } .woocommerce table.shop_table tr.cart_item { margin-bottom: 10px; } .woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { padding:30px !important; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { padding:0 !important; font-weight: 400; font-size:12px; margin-left: 26px; } .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before { top:-3px !important; } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { width: 150px !important; margin-bottom: 15px; } /* Woocommerce Comments*/ .woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 { font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0.5px !important; } /*WooCommerce Product Details page*/ .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { font-weight: 400 !important } .woocommerce div.product .product_title, .woocommerce #content div.product .product_title, .woocommerce-page div.product .product_title, .woocommerce-page #content div.product .product_title { font-size: 28px; font-weight: 400; color:#000; margin-bottom: 20px; } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price { font-size: 18px !important; color:#000 !important; } .woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del { font-size: 12px !important; } .woocommerce .summary p.price del span{ font-size: 18px !important; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { overflow: visible !important; } .woocommerce .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .minus { right:59px !important; top:0 !important; } .woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus { height: 30px !important; background: #eee !important; color:#000 !important; text-shadow:none !important; border:0 !important; box-shadow: none !important; border-radius: 0 !important; } .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce #content .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-page #content .quantity .plus:hover, .woocommerce-page #content .quantity .minus:hover { background-color: #ccc !important; } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { border-radius: 0 !important; border-color: #eee !important; } .woocommerce div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity { margin-left: 20px !important; margin-right:10px !important; } .woocommerce .entry-summary div[itemprop="description"] { margin-top: 20px; margin-bottom: 30px; font-weight: 400; font-size: 12px; } .woocommerce .entry-summary .sku_wrapper, .woocommerce .entry-summary .posted_in { display: block; } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt { border-color:#bebebe !important; } .woocommerce .product_meta { font-size: 12px !important; font-weight: 400; color:#777 !important; letter-spacing: 1px; font-style: italic; } .woocommerce .product_meta a { color:#FF2C55; } /* Star Ratings*/ .woocommerce .star-rating, .woocommerce-page .star-rating { height:1.2em !important; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { float:right !important; position: relative; top:10px; } .woocommerce .star-rating,.woocommerce-page .star-rating { float: right; font-family: 'fontawesome'; font-size: 10px !important; height: 1em; line-height: 1em; overflow: hidden; position: relative; width: 5.4em; } .woocommerce .star-rating:before,.woocommerce-page .star-rating:before { color: #e3e3e3; content: "\f005\f005\f005\f005\f005"; float: left; left: 0; position: absolute; top: 0; } .woocommerce .star-rating span,.woocommerce-page .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before { color: #ffcc00; content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; } .woocommerce .products .star-rating,.woocommerce-page .products .star-rating { display: block; margin: 0 0 .5em; } .woocommerce .hreview-aggregate .star-rating,.woocommerce-page .hreview-aggregate .star-rating { margin: 10px 0 0 0; } #comments [itemprop="aggregateRating"] .star-rating { font-size: 18px !important; margin-top:10px; } .woocommerce-tabs .tabs li { box-shadow:none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background:#eee !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { background:#fff !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before { box-shadow: none !important } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { box-shadow: none !important } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { margin:0 0 0 1px!important; padding:-1px !important; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel { border:1px solid #eee !important; padding:30px !important; border-top:none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { font-weight: 400 !important; } /*Related Products*/ .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { float: none !important; width: 100% !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none !important; text-align: left !important; width: 100%; margin-top:50px; margin-bottom: 30px; padding-top:30px; border-top:5px solid #000; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { float: none !important; width: 100% !important; } .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { width: 100%; } .woocommerce .shop_table .product-name, .woocommerce .shop_table .product-price, .woocommerce .shop_table .product-subtotal { font-size: 14px; } .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { box-shadow: none !important; font-size: 14px; } .woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce table.shop_table thead { background: #F9F9F9; } .woocommerce .related h2, .woocommerce .upsells h2, .woocommerce .cross-sells h2 { font-size:18px; font-weight: 400; color:#000; margin-bottom: 10px; text-indent: 5px; } .woocommerce .cart_totals h2 { font-size:26px; font-weight: 400; color:#444; text-align: left; } .woocommerce .cart_totals { font-size: 16px; } .woocommerce .cart_totals strong { font-weight: 400; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { padding: 0 !important; border:0; } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove { border-radius: 0 !important; width: auto !important; } .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover { background:none !important; color:#000 !important; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { background:none; border:0; } /*Flexislide */ .woocommerce .flex-viewport { margin-bottom:1px; } .woocommerce #mtheme-flex-carousel .slides li { margin-right:1px; opacity: 0.6; } .woocommerce #mtheme-flex-carousel .slides li:hover { opacity: 1; } /*Rating Comments*/ .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { margin: 0 !important; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong { font-weight: 400; } .woocommerce #reviews #comments ol.commentlist li .comment-text p, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p { font-weight: 400; } .woocommerce-message { font-weight: 400; } .woocommerce .out-of-stock { font-size:22px !important; margin-bottom: 10px !important; } .woocommerce .add_review { margin-top:20px; } .woocommerce div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs { width:100%; } .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before { border-bottom-color: #EBEBEB !important; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: none !important; border:0 !important; } /* Woo Checkout Form*/ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea{ padding:10px; font-size: 13px; color:#000; font-weight: 400; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { } .woocommerce .checkout_table_item { background: #f8f8f8; } .woocommerce #order_review_heading { margin-top:50px; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { color: #000000; } .woocommerce .checkout { margin-top:40px !important; } /*Slideshow*/ .woocommerce-slideshow .slideshow-box-content-inner { padding: 20px; position: absolute; bottom: 0; } .woocommerce-slideshow .price { font-size:24px; color:#fff; background:#000; margin-top:1px; padding:10px 10px; display: block; } .woocommerce-slideshow .slideshow-box-title a { background:#888; color:#fff; padding: 5px 10px; } /********* PAGINATION **********/ .woocommerce nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul { border:0 !important; margin-top:30px !important; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li { margin-right:5px !important; border-radius: 30px; border:1px solid #eee !important; } /* Upsells, Cross sells and Related*/ .woocommerce.single-product .related { margin-top:30px; } .woocommerce.single-product .upsells { margin-top:10px; } .woocommerce form .form-row select, .woocommerce-page form .form-row select { padding:5px; } .woocommerce .shop_table.order_details { padding: 6px 12px !important; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { background: none; border-radius:0 !important; } .woocommerce table.shop_table tbody { margin-top:20px; } .woocommerce .shop_table .even { background:#f2f2f2; } .woocommerce .shop_table .odd { background:#f0f0f0; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size: 16px !important; font-weight: 400 !important; } .woocommerce #order_review table.shop_table th, .woocommerce-page #order_review table.shop_table th, .woocommerce #order_review table.shop_table td, .woocommerce-page #order_review table.shop_table td { padding: 15px 20px !important; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th { background:#f8f8f8; border-color:#eee; font-size: 14px !important; color:#000 !important; font-weight: 400 !important; } #order_review .shop_table .order-total th, #order_review .shop_table .order-total td strong { font-weight: 600 !important; } .woocommerce #order_review table.shop_table, #order_review .woocommerce-page table.shop_table { border:0 !important; border-top:5px solid #000 !important; } #order_review .shop_table .order-total th, #order_review .shop_table .order-total td { background:#fff; border-top:1px solid #D5D5D5 !important; border-bottom:3px double #D5D5D5 !important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-2 { padding:4%; width: 41%; background:#f8f8f8; } .woocommerce div.product form.cart .variations select, .woocommerce #content div.product form.cart .variations select, .woocommerce-page div.product form.cart .variations select, .woocommerce-page #content div.product form.cart .variations select { padding: 5px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { font-weight: 400; } .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { margin-top:10px; box-shadow: none !important; } .woocommerce ul.product_list_widget li a { border:none; } .woocommerce ul.product_list_widget li { border-bottom:1px solid #f8f8f8; } .sidebar-widget .woocommerce #searchform #searchsubmit { border:1px solid #aaa !important; margin-top:5px; cursor:pointer; } .sidebar-widget .woocommerce .widget_shopping_cart_content { padding:20px; border:1px solid #eee; } .sidebar-widget .woocommerce p { margin-top: 0; } .sidebar-widget .woocommerce .checkout { margin-top: 0 !important; } .sidebar-widget .woocommerce .widget_shopping_cart_content .buttons { margin-top:10px; } .header-shopping-cart { font-size:12px; font-weight: 400; color:#000; margin-top:3px; } .header-shopping-cart a { color:#000; } /* @ WPML Language selector. */ .wpml-lang-selector-wrap #lang_sel { margin-left:20px; margin-top: -3px; } .wpml-lang-selector-wrap #lang_sel li, .wpml-lang-selector-wrap #lang_sel ul ul { width: 220px; } /* Remove following class if language selector needs default colors */ .mobile-wpml-lang-selector-wrap #lang_sel a.lang_sel_sel { background-color:transparent; color:#fff; } .wpml-lang-selector-wrap #lang_sel a.lang_sel_sel { background-color:transparent; color:#000; } /* Transparent border for language selector. */ .mobile-wpml-lang-selector-wrap #lang_sel a, .mobile-wpml-lang-selector-wrap #lang_sel a:visited { border-color: rgba(255,255,255,0.3); } .wpml-lang-selector-wrap #lang_sel a, .wpml-lang-selector-wrap #lang_sel a:visited { border-color:#eee; } /* Responsive language selector position */ .mobile-wpml-lang-selector-wrap #lang_sel { margin-left:40px; margin-top:15px; position: relative; z-index: 999; } /* @ WPML Language selector. */ .wpml-lang-selector-wrap #lang_sel ul ul, .mobile-wpml-lang-selector-wrap ul ul { z-index: 99; } /* RevSLider*/ .tp-bannertimer { height:2px !important; } /* Owl Carousel*/ .gridblock-owlcarousel-wrap .displayed-image { width:100%; max-width: 100%; } /* Accents and Highlights and Links */ .entry-content a, .header-search, .toggle-shortcode-wrap .active, .toggle-shortcode-wrap .toggle-shortcode:hover, .project-details a, .post-single-tags a:hover, .post-meta-category a:hover, .post-single-meta a:hover, .post-navigation a:hover, .sidebar ul li a:hover, .entry-post-title h2 a:hover, .comment-reply-title small a, .entry-content .toggle-shortcode, .woocommerce .product_meta a, .header-shopping-cart a:hover, #gridblock-filter-select i, .mtheme-woo-order-selected-wrap i, .entry-content .blogpost_readmore a, .pricing-table .pricing_highlight .pricing-price, #wp-calendar tfoot td#prev a, #wp-calendar tfoot td#next a, .sidebar-widget .widget_nav_menu a:hover, .footer-widget .widget_nav_menu a:hover { color: #40B89A; } .woocommerce-breadcrumb a, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: #40B89A !important; } .gridblock-four h4 a, .gridblock-three h4 a, .gridblock-two h4 a, .gridblock-one h4 a, .gridblock-list h4 a, .header-search:hover, .social-header-wrap ul li i, .social-header-wrap ul li.social-icon, .social-header-wrap ul li.contact-text, .social-header-wrap ul li.contact-text i, .social-header-wrap ul li.contact-text a, .postsummarywrap a, .sidebar a, .portfolio-share li a, .header-shopping-cart a i, .header-shopping-cart a, ul.gridblock-listbox .work-details h4 a, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { color:#333; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .person h3, .entry-content .person h3, .client-position, .pagination-info { color: #434E58; } .entry-content h1, .entry-content h2, .entry-content h3 { } .gridblock-four h4 a:hover, .gridblock-three h4 a:hover, .gridblock-two h4 a:hover, .gridblock-one h4 a:hover, .gridblock-list h4 a:hover, .social-header-wrap ul li.contact-text a:hover, .postsummarywrap a:hover, .client-company a:hover, .portfolio-share li a:hover, .woocommerce ul.products li.product h3:hover, .woocommerce-page ul.products li.product h3:hover, .woocommerce .product_meta a:hover, .min-search .icon-search:hover, .entry-content .entry-post-title h2 a, ul.gridblock-listbox .work-details h4 a:hover { color:#434E58; } .woocommerce-breadcrumb a:hover { color:#434E58 !important; } .woocommerce span.onsale, .woocommerce-page span.onsale { background-color: #40B89A !important; } .client-say:before, .client-say:after{ color: #83D5C0; } .gridblock-displayed .gridblock-selected-icon, .skillbar-title, .skillbar-bar, .cart-contents, .person ul li, .mtheme-woo-order-list ul li:hover, #gridblock-filters a:hover, #gridblock-filters li a:hover, #gridblock-filters li a:hover span, .gridblock-background-hover, .woocommerce ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .from, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del, div.jp-volume-bar-value, div.jp-play-bar, .portfolio-nav-item a:hover, #wp-calendar caption, #wp-calendar tbody td a { background-color: #40B89A; } ul#thumb-list li.current-thumb, ul#thumb-list li.current-thumb:hover, .home-step:hover .step-element img, .home-step-wrap li, .gridblock-element:hover, .gridblock-grid-element:hover, .gridblock-displayed:hover, .ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active a:hover, .entry-content blockquote, #gridblock-filters li .is-active, #gridblock-filters li a:focus, #gridblock-filters a:focus, #gridblock-filters li .is-active, #gridblock-filters li .is-active:hover, .person:hover .person-image img, .main-menu-wrap .homemenu .sf-menu .mega-item .children-depth-0, .main-menu-wrap .homemenu ul ul { border-color: #40B89A; } .wp-accordion h3.ui-state-active { border-bottom: 1px solid #40B89A; } .entry-content .entry-post-title h2 a:hover { color:#000; } .header-shopping-cart:hover a.cart-contents { background-color: #000; } .header-shopping-cart:hover i { color:#000; } /* Shortcode since version 2.4 of shortcode plugin */ .shortcode-time-counter-block { text-align: center; } .time-count-icon { font-size:80px; } .time-count-data { font-size:36px; letter-spacing: -2.5px; color:#000; margin-top:20px; } .time-count-title h4 { font-size:16px; margin-bottom: 10px; margin-top: 10px; } /* jQuery Tips */ .ui-tooltip { position: absolute; padding: 5px 10px; background:#000; color:#fff; font-size:11px; font-weight: 400; z-index: 9999; } .woo-carousel-products-list li { float:left; width:150px; } .shortcode-woo-carousel-group.woocommerce ul.products li.product { margin: 0.5% !important; overflow: hidden; width: 98.5% !important; } .side-dashboard-toggle { background-color: #40B89A; color: #fff; cursor: pointer; float: right; height: 48px; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 48px; z-index: 900; display:none !important; } .side-dashboard-toggle:hover { background-color: #000; } .side-dashboard-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float:right; width: 290px; height:100%; background-color: #252525; border-left:5px solid #40B89A; padding: 30px; position: fixed; z-index: 999; top:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; overflow-y:scroll; } .darshboard-inner-wrap { } .dashboard-push-offscreen { right: -290px; } .dashboard-push-onscreen { right: 0 !important; } .menu-push-onscreen { left: 0 !important; } .body-dashboard-push { position: relative; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .body-dashboard-push-right { left:-290px; } .body-dashboard-push-left { left:270px; } /*Dashboard Sidebar styles. */ .side-dashboard .sidebar { color:#aaa; padding:0; } .side-dashboard .sidebar-widget { margin: 0 0 50px 0; padding:0; } .side-dashboard .sidebar h3, .side-dashboard #searchform i { color:#fff; } .side-dashboard .sidebar ul li a, .side-dashboard #searchform input, .side-dashboard .postsummarywrap { border-color: #2B2B2B; } .side-dashboard .sidebar-widget .mtheme-tweets .tweet_list li a { color:#6a6a6a; } .side-dashboard #recentposts_list .recentpost_info .recentpost_title:hover, .side-dashboard #popularposts_list .popularpost_info .popularpost_title:hover { color: #fff; } /*Login Widget*/ .mtheme_login_widget #mtheme-loginform input { border:1px solid #eee; font-size: 11px; padding:5px 10px; } .mtheme_login_widget #mtheme-loginform input#user_login, .mtheme_login_widget #mtheme-loginform input#user_pass { width:200px; } .mtheme_login_widget #mtheme-loginform input#wp-submit { padding: 5px 10px; background:#fff; color:#000; font-size:11px; letter-spacing: 0; width:100px; text-transform: uppercase; font-weight: bold; cursor:pointer; } .mtheme_login_widget #mtheme-loginform label { color: #FFFFFF; display: block; padding-bottom: 5px; } .mtheme_login_widget .mtheme_login_widget-logout-text { border: 1px solid #515151; color: #AAAAAA; display: inline-block; font-size: 12px; padding: 10px 20px; text-align: center; } .mtheme_login_widget .mtheme_login_widget-logout-text:hover { color:#fff; border: 1px solid #fff; } .gridblock-filter-select-wrap { display: none; } div.service-content div.service-details{ text-align:justify !important; color:#434e58;} @media (min-width: 960px){ .footer-first-column { float: left; width: 49%; } .footer-second-column { float: left; padding-left: 3%; width: 23%; } .footer-third-column {width:25%; float:left;} } @media (max-width: 959px){ .footer-first-column {width:100%; float:left;} .footer-second-column {width:100%; float:left;} .footer-third-column {width:100%; float:left;} } html body.home.page.page-id-5747.page-template.page-template-template-fullpage.page-template-template-fullpage-php.single-author.light.theme-fullwidth.body-dashboard-push div.container-wrapper.container-fullwidth div.container.clearfix div#homepage.is-front-page div#post-5747.post-5747.page.type-page.status-publish.hentry div.entry-page-wrapper.entry-content.clearfix b div#wonderplugingridgallery-1.wonderplugingridgallery div.wonderplugin-gridgallery-list div.wonderplugin-gridgallery-item a div{display:none !important;}