/* Theme Name: Business Guru Theme URI: http://templategraphy.com Author: Template Graphy Description: Businss Guru is a modern and elegant WordPress theme for your business website. Every single detail is carefully designed in order to create a wonderful user experience. Business Guru is very easy to set up and customize. Version: 1.0 Tags: blue, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, featured-images, full-width-template, sticky-post, theme-options License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* ---------------------------------------------------------------------- */ /* Reset /* ---------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display: block; } nav ul, nav ol { list-style: none; list-style-image: none; } ul { list-style: none outside; } a { margin:0; padding:0; font-size:100%; outline: none; text-decoration:none; background:transparent; vertical-align:baseline; } a, a > * { text-decoration: none; color: #373737; } b { color: #383838; } .not-ie a { -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .box { margin-bottom: 90px; } /* ---------------------------------------------------------------------- */ /* Basic Elements /* ---------------------------------------------------------------------- */ body { background-color: #fff; color: #828282; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; font: 12px/1.5 'Open Sans', Arial; } body.boxed { background-attachment: fixed; } /* -------------------------------------------------- */ /* Clearfix /* -------------------------------------------------- */ .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .clearfix:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; } /* -------------------------------------------------- */ /* General Classes /* -------------------------------------------------- */ .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .img-wraper.alignleft, img.alignleft { margin-right: 20px; } .img-wraper.alignright, img.alignright { margin-left: 20px; } .padd-left { padding-left: 10px; } .padd-right { padding-right: 10px; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } /* -------------------------------------------------- */ /* Typography /* -------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; color: #373737; font-family: 'Sanchez', serif; font-weight: 400; line-height: 1.15; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .title { line-height: 1.25; margin-bottom: 20px; } ::-moz-selection { color: #fff; text-shadow: none; } ::selection { color: #fff; text-shadow: none; } .highlight { padding: 0 3px; color: #fff; text-shadow: none; } a.highlight:hover { color: #fff !important; } p { margin: 0 0 1.2em; padding: 0; line-height: 1.7em; } blockquote { padding: 0 0 0 45px; background-image: url(images/quotes.png); background-position: 0 8px; background-size : 3%; background-repeat: no-repeat; color: #b2b2b2; font-weight: 600; font-style: italic; font-size: 14px; font-family: 'Open Sans', Arial; } blockquote p { margin: .7em 0; } /* -------------------------------------------------- */ /* Dropcap /* -------------------------------------------------- */ .dropcap { display: block; float: left; margin: 5px 9px 0 0; width: 50px; height: 50px; color: #373737; text-align: center; text-shadow: none; font-size: 60px; line-height: 50px; } .dropcap.rounded { border-radius: 20%; } .dropcap.dark { background-color: #373737; color: #fff; font-size: 30px; } .dropcap.color { color: #fff; font-size: 30px; } .dropcap.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .dropcaprounded { display: inline-block; float: left; margin: 0 15px 0 0; width: 39px; height: 39px; border-radius: 20%; background-color: #373737; color: #ffffff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 18px; font-family: 'Open Sans', Arial; line-height: 39px; } .dropcaprounded + h6, .iconcircle + h6, .icondisk + h6 { font-size: 16px; margin-top: 11px; margin-bottom: 20px; } .iconcircle + h3, .icondisk + h3 { margin-top: 11px; margin-bottom: 12px; } /* -------------------------------------------------- */ /* Font Awesome /* -------------------------------------------------- */ .the-icons li i { color: #000; } .iconcircle, .icondisk { display: inline-block; float: left; margin: 0 15px 0 0; width: 38px; height: 38px; border-radius: 20%; background-color:#169fe6; color: #ffffff; text-align: center; font-size: 20px; font-family: 'FontAwesome'; line-height: 36px; -webkit-transition: all .50s ease-in; -moz-transition: all .50s ease-in; -ms-transition: all .50s ease-in; -o-transition: all .50s ease-in; transition: all .50s ease-in; } .icondisk { background-color: transparent; color: #373737; border: solid 2px #373737; } .iconcircle:hover, .icondisk:hover { -webkit-transition: all .20s ease-in; -moz-transition: all .20s ease-in; -ms-transition: all .20s ease-in; -o-transition: all .20s ease-in; transition: all .20s ease-in; } .icondisk:hover { border-color: transparent; color: #fff; } /* -------------------------------------------------- */ /* Images /* -------------------------------------------------- */ .single-image { position: relative; display: block; margin-bottom: 15px; cursor: pointer; font-size: 0; } .curtain { position: absolute; z-index: 5; top: -80%; left: 50%; margin: 0 0 0 -45%; display: block; overflow: hidden; width: 90%; height: 80%; text-align: center; opacity: 0; filter: alpha(opacity = 0); -webkit-transform: scale(0) rotateX(0deg); -moz-transform: scale(0) rotateX(0deg); -ms-transform: scale(0) rotateX(0deg); -o-transform: scale(0) rotateX(0deg); transform: scale(0) rotateX(0deg); -webkit-transition: all .50s ease-in; -moz-transition: all .50s ease-in; -ms-transition: all .50s ease-in; -o-transition: all .50s ease-in; transition: all .50s ease-in; } .single-image .curtain:after { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; color: #fff; content: ""; text-align: center; zoom: 1; } .single-image.link-icon .curtain:after { background-image: url(images/link-icon.png); } .single-image.zoom-icon .curtain:after { background-image: url(images/zoom-icon.png); } .single-image.video-icon .curtain:after { background-image: url(images/video-icon.png); } .single-image:hover .curtain { top: 10%; opacity: 0.60; filter: alpha(opacity = 60); -webkit-transform: scale(1) rotateX(360deg); -moz-transform: scale(1) rotateX(360deg); -ms-transform: scale(1) rotateX(360deg); -o-transform: scale(1) rotateX(360deg); transform: scale(1) rotateX(360deg); } /* -------------------------------------------------- */ /* Fluid Width Video /* -------------------------------------------------- */ .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } video { max-width: 100%; height: auto; } /* -------------------------------------------------- */ /* Dividers /* -------------------------------------------------- */ .divider-solid, .divider-half-solid { margin-bottom: 90px; margin-left: 10px; margin-right: 10px; clear: both; } .divider-half-solid { margin-bottom: 45px; } #main .divider-solid { margin-left: 0; margin-right: 0; } .white-space { clear: both; padding: 20px 0; } /* -------------------------------------------------- */ /* Forms /* -------------------------------------------------- */ button, #submit, .comment-reply-link, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } #submit, .comment-reply-link, button, input, select, textarea { margin: 0; border: none; vertical-align: baseline; font-size: 100%; } #submit, .comment-reply-link, button { display: inline-block; margin-bottom: 15px; padding: 6px 13px; outline: none; background-color: #000; color: #fff; vertical-align: baseline; text-align: center; text-decoration: none; font: 11px/1.5 'Open Sans', Arial; cursor: pointer; } label { display: inline-block; cursor: pointer; } .not-ie input, .not-ie textarea, .not-ie select, .not-ie button { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select { display: inline-block; color: #9e9e9e; font-size: 12px; font-family: 'Open Sans', Arial, sans-serif; padding: 6px 8px 7px; width: 100%; border-width: 1px; border-style: solid; border-color: transparent; background-color: #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; outline: none; } input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border-color: #b4b4b4; background-color: #fdfdfd; -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1); -moz-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1); box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1); -webkit-appearance: none; } .ie7 input[type="text"], .ie7 input[type="password"], .ie7 textarea, .ie7 select, .ie8 input[type="text"], .ie8 input[type="password"], .ie8 textarea, .ie8 select { line-height: 1.3em; } textarea { padding: 10px 0px 0px 20px; resize: both; min-height: 100px; } select { background-image: url(images/select-arrows.png); background-position: 95% bottom; background-repeat: no-repeat; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; line-height: normal; } input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } .wrong-data { border-color: #fe5214; } /* Fix for Mobile Safari */ input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } /* Chrome, Safari */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #9e9e9e; } /* Firefox */ input:-moz-placeholder, textarea:-moz-placeholder { color: #9e9e9e; } /* ---------------------------------------- */ /* Contact and Comments Forms /* ---------------------------------------- */ .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment, .message-form-name, .message-form-email, .message-form-url, .message-form-message, .form-submit { position: relative; margin-bottom: 10px; } .message-form-name:before, .message-form-email:before, .message-form-url:before, .message-form-message:before, .comment-form-author:before, .comment-form-email:before, .comment-form-url:before, .comment-form-comment:before { top: 28px; display: inline-block; color: #b4b4b4; font-weight: normal; font-style: normal; font-family: 'FontAwesome'; font-size: 14px; } .message-form-name:before, .message-form-email:before, .message-form-url:before, .message-form-message:before, .comment-form-author:before, .comment-form-email:before, .comment-form-url:before, .comment-form-comment:before { position: absolute; left: 8px; } .message-form-name:before, .comment-form-author:before { content: "\f007"; } .message-form-email:before, .comment-form-email:before { content: "\f0e0"; } .message-form-url:before, .comment-form-url:before { content: "\f0ac"; } .message-form-message:before, .comment-form-comment:before { content: "\f040"; } .contact-form { margin-top: 20px; } .comments-form input, .contact-form input { width: 35%; padding-left: 30px; } .comments-form textarea, .contact-form textarea, .widget_contact_form textarea { width: 80%; } .contact-form textarea { width: 90%; } .comments-form textarea, .contact-form textarea { padding-left: 30px; min-height: 150px; } .comments-form label, .contact-form label { display: block; } .comments-form .required, .contact-form .required { color: #b2b2b2; font-style: italic; font-size: 11px; } .comments-form input, .contact-form input, .widget_contact_form input { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Widget Contact Form */ .widget_contact_form input, .widget_contact_form textarea { padding-left: 32px; } /* HTML5 Validation Styles */ .comments-form input:required:valid, .contact-form input:required:valid, .comments-form textarea:required:valid, .contact-form textarea:required:valid, .widget_contact_form input:required:valid, .widget_contact_form textarea:required:valid { border-color: #000; } .comments-form input:focus:invalid, .contact-form input:focus:invalid, .comments-form textarea:focus:invalid, .contact-form textarea:focus:invalid, .widget_contact_form input:focus:invalid, .widget_contact_form textarea:focus:invalid { border-color: #e27152; } /* -------------------------------------------------- */ /* Buttons /* -------------------------------------------------- */ .button { display: inline-block; margin-bottom: 15px; padding: 6px 13px; outline: medium none; color: #fff; vertical-align: baseline; text-align: center; text-decoration: none; font-family: 'Open Sans', Arial, sans-serif; cursor: pointer; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .button.small { padding: 6px 13px; } .button.medium { padding: 8px 20px; font-size: 13px; } .button.big { padding: 10px 23px; font-size: 14px; } .button.frame { border: solid 1px #828282; } .button.default { background-color: #828282; } .button.orange { background-color: #f99200; } .button.olive { background-color: #abbd38; } .button.green { background-color: #9bce29; } .button.blue { background-color: #169fe6; } .button.yellow { background-color: #e8bf00; } .button.red { background-color: #ff1414; } .button.cherry { background-color: #9f1854; } .button.gray { background-color: #828282; } .button.orange:hover, .button.olive:hover, .button.green:hover, .button.blue:hover, .button.yellow:hover, .button.red:hover, .button.cherry:hover, .button.gray:hover { background-color: #373737; } .button.color:hover { background-color: #373737 !important; } /* ---------------------------------------------------------------------- */ /* Wrapper /* ---------------------------------------------------------------------- */ .boxed #wrapper { margin: 0 auto; width: 1000px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } .wide #wrapper { background-color: #fff; } /* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */ #header { z-index: 99; padding-top: 20px; background-color: #fff; } /* -------------------------------------------------- */ /* Logo /* -------------------------------------------------- */ #logo { margin-left: auto; margin-right: auto; display: block; float: left; line-height: 0; margin-top: 0; } /* -------------------------------------------------- */ /* Social Icons /* -------------------------------------------------- */ #header ul.social-icons { float: right; } ul.social-icons { margin-top: 3px; font-size: 0; } ul.social-icons li { display: inline-block; margin-right: 2px; margin-bottom: 2px; vertical-align: top; background-color: #d4d4d4; border-radius: 15% 0 15% 15%; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #footer ul.social-icons li { background-color: #555; } #header ul.social-icons li:last-child { margin-right: 0; } ul.social-icons li a { position: relative; display: block; width: 31px; height: 31px; background-image: url(images/social-icons.png); background-repeat: no-repeat; font: 0/0 a; cursor: pointer; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -ms-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } ul.social-icons li.twitter a { background-position: 0 0; } ul.social-icons li.facebook a { background-position: -31px 0; } ul.social-icons li.dribble a { background-position: -62px 1px; } ul.social-icons li.vimeo a { background-position: -94px 1px; } ul.social-icons li.youtube a { background-position: -126px 1px; } ul.social-icons li.rss a { background-position: -155px 1px; } ul.social-icons li.picasa a { background-position: -186px 2px; } ul.social-icons li.stubleupon a { background-position: -217px 2px; } ul.social-icons li.skype a { background-position: -248px 2px; } ul.social-icons li.dropbox a { background-position: -279px 2px; } ul.social-icons li.cat a { background-position: -310px 1px; } ul.social-icons li.linkedin a { background-position: -341px 1px; } ul.social-icons li.plus a { background-position: -372px 1px; } ul.social-icons li.pinterest a { background-position: -403px 2px; } ul.social-icons li.blogger a { background-position: -434px 1px; } ul.social-icons li.flickr a { background-position: -464px -1px; } ul.social-icons li.delicious a { background-position: -495px 1px; } ul.social-icons li.yahoo a { background-position: -526px 1px; } ul.social-icons li.evernote a { background-position: -557px 2px; } ul.social-icons li.apple a { background-position: -588px 1px; } ul.social-icons li.behance a { background-position: -620px 1px; } ul.social-icons li.gplus a { background-position: -651px 2px; } ul.social-icons li.digg a { background-position: -682px 1px; } ul.social-icons li.lastfm a { background-position: -713px 0px; } ul.social-icons li.myspace a { background-position: -745px 1px; } ul.social-icons li.deviantart a { background-position: -776px -1px; } ul.social-icons li.wordpress a { background-position: -806px 2px; } ul.social-icons li.mail a { background-position: -838px 0px; } #wrapper ul.social-icons .twitter:hover { background-color: #47c0d8; } #wrapper ul.social-icons .facebook:hover { background-color: #49699f; } #wrapper ul.social-icons .dribble:hover { background-color: #e65992; } #wrapper ul.social-icons .vimeo:hover { background-color: #568799; } #wrapper ul.social-icons .youtube:hover { background-color: #b72d24; } #wrapper ul.social-icons .rss:hover { background-color: #fe9900; } #wrapper ul.social-icons .picasa:hover { background-color: #535353; } #wrapper ul.social-icons .stubleupon:hover { background-color: #eb4924; } #wrapper ul.social-icons .skype:hover { background-color: #24b0e4; } #wrapper ul.social-icons .dropbox:hover { background-color: #5da3e8; } #wrapper ul.social-icons .cat:hover { background-color: #7292a2; } #wrapper ul.social-icons .linkedin:hover { background-color: #2c7cb7; } #wrapper ul.social-icons .plus:hover { background-color: #629e61; } #wrapper ul.social-icons .pinterest:hover { background-color: #c21c21; } #wrapper ul.social-icons .blogger:hover { background-color: #f38f33; } #wrapper ul.social-icons .flickr:hover { background-color: #b5c2d2; } #wrapper ul.social-icons .delicious:hover { background-color: #3975be; } #wrapper ul.social-icons .yahoo:hover { background-color: #a55bbe; } #wrapper ul.social-icons .evernote:hover { background-color: #606060; } #wrapper ul.social-icons .apple:hover { background-color: #fe9900; } #wrapper ul.social-icons .behance:hover { background-color: #18a3fe; } #wrapper ul.social-icons .gplus:hover { background-color: #2882c6; } #wrapper ul.social-icons .digg:hover { background-color: #2882c6; } #wrapper ul.social-icons .lastfm:hover { background-color: #be0607; } #wrapper ul.social-icons .myspace:hover { background-color: #1b61b0; } #wrapper ul.social-icons .deviantart:hover { background-color: #5f7162; } #wrapper ul.social-icons .wordpress:hover { background-color: #33759d; } #wrapper ul.social-icons .mail:hover { background-color: #65a413; } /* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */ .menu-container { margin-top: 10px; margin-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; } .menu-container .navigation { float: left; } .navigation > div > ul > li { position: relative; display: block; float: left; } .navigation > div > ul > li > a { display: block; margin: 0; padding: 17px 17px; color: #919191; font-size: 14px; } .navigation a { font-family: 'Sanchez', serif; } .ie7 .navigation > div > ul > li > a, .ie8 .navigation > div > ul > li > a { font-weight: 400; } .navigation > div > ul > li:first-child > a { border-left-width: 0; } .navigation > div > ul > li:hover > a, .navigation > div > ul > li.current-menu-item > a, .navigation > div > ul > li.current-menu-parent > a, .navigation > div > ul > li.current-menu-ancestor > a, .navigation > div > ul > li.current_page_item > a, .navigation > div > ul > li.current_page_parent > a, .navigation > div > ul > li.current_page_ancestor > a { color: #fff; } /* Dropdown */ .navigation ul ul { position: absolute; z-index: 9999; display: none; margin-top: 1px; width: 180px; background-color: #fff; -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025); -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025); opacity: 1; } .navigation ul ul li { position: relative; margin-top: -1px; border: 1px solid #eaeaea; background-color: #f1f1f1; } .navigation > div > ul ul li:hover, .navigation > div > ul ul li.current-menu-item, .navigation > div > ul ul li.current-menu-parent, .navigation > div > ul ul li.current-menu-ancestor, .navigation > div > ul ul li.current_page_item, .navigation > div > ul ul li.current_page_parent, .navigation > div > ul ul li.current_page_ancestor { border-left-color: transparent; border-right-color: transparent; background-color: #f9f9f9; } .navigation ul ul li a { display: block; padding: 10px 20px; color: #818181; font-size: 13px; } .navigation ul ul li a:active { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.05); box-shadow: inset 0 0 2px rgba(0,0,0,.05); } .navigation > div > ul ul li:hover > a, .navigation > div > ul ul li.current-menu-item > a, .navigation > div > ul ul li.current-menu-parent > a, .navigation > div > ul ul li.current-menu-ancestor > a, .navigation > div > ul ul li.current_page_item > a, .navigation > div > ul ul li.current_page_parent > a, .navigation > div > ul ul li.current_page_ancestor > a { background-color: #f9f9f9; } .navigation ul ul li .rightarrowclass:before { position: absolute; top: 9px; right: 10px; color: #ccc; content: "\f054"; font-weight: 100; font-style: normal; font-size: 9px; font-family: 'FontAwesome', Arial; } .navigation ul ul li:hover > a .rightarrowclass:before { color: #ccc; } /* Sub Dropdown */ .navigation ul ul ul { left: 178px; top: -1px; } /* Responsive Select */ .responsive-nav { display: none; margin-bottom: 25px; background-color: transparent; background-image: url(images/menu-select.gif); background-position: 98% 10px; border-width: 1px 0 1px 0; border-style: solid; border-color: #ebebeb transparent #ebebeb transparent; right: 0; border: 1px solid #e0e0e0; } .responsive-nav:focus { background-color: transparent; border-top: #ebebeb; border-bottom: #ebebeb; border-left: transparent; border-right: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* -------------------------------------------------- */ /* Search /* -------------------------------------------------- */ .search-wrapper { position: relative; overflow: hidden; float: right; padding-left: 0; padding-right: 35px; padding-top: 7px; padding-bottom: 7px; margin-top: 9px; width: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-wrapper p { margin: 0; } .search-wrapper input[type="text"] { margin: 0 0 0 7px; padding: 2px 5px; font-size: 11px; } .search-wrapper .submit-search { position: absolute; z-index: 3; top: 0; right: 0; margin: 0; padding: 0; width: 34px; height: 34px; font: 0/0 a; border: none; background-color: #fff; } .search-wrapper .submit-search:after { position: absolute; top: 0; right: 0; z-index: 4; width: 34px; height: 34px; color: #b2b2b2; content: "\f002"; font-size: 14px; font-family: 'FontAwesome'; line-height: 34px; text-align: center; } .ie7 .search-wrapper .submit-search:after, .ie8 .search-wrapper .submit-search:after { line-height: 0; } .search-wrapper .submit-search:hover:after, .search-wrapper .submit-search.active:after { color: #373737; } /* ---------------------------------------------------------------------- */ /* Slider /* ---------------------------------------------------------------------- */ .slider { position: relative; margin-top: 0; margin-bottom: 70px; height: auto; zoom: 1; } .flexslider .caption { background-color: rgba(0,0,0, .7); } /* ---------------------------------------------------------------------- */ /* Page Header /* ---------------------------------------------------------------------- */ .page-header { height: 30px; margin: 0 10px 30px; padding: 5px 0 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; background-color: #fafafa; } .page-header .title { float: left; font-size: 14px; max-width: 500px; margin: 8px 0 0 5px; text-transform: uppercase; color: #6F6B6B; } .page-header .title:after { content: ">>>"; display: block; margin: 0 2px; float: right; position: relative; top: -18px; left: 20px; } .page-header .breadcrumbs { float: right; max-width: 500px; margin: 8px 5px 0 0; overflow: hidden; } .page-header .breadcrumbs li { list-style:none; float:left; font-size:13px; } .page-header .breadcrumbs li.current {color:#6F6B6B} .page-header .breadcrumbs li+li:before { content: "/"; display:block; margin:0 2px; float:left; } .page-header .breadcrumbs,.page-header .breadcrumbs li,.page-header .breadcrumbs li a { color: #ababab; } .page-header .breadcrumbs li a:hover { color: #6F6B6B; } /* ---------------------------------------------------------------------- */ /* Content /* ---------------------------------------------------------------------- */ #content { margin-bottom: 0; } .slogan { display: block; margin: -25px 10px 70px 10px; padding: 0; text-align: center; line-height: 1.25; border-bottom: 3px double #D3D1D1; zoom: 1; } .slogan h6 { color: #828282; } .text-bar { margin: 0 10px 80px 10px; padding: 25px 80px 25px 30px; background-image: url(images/bg-text-bar.png); background-repeat: no-repeat; height: 75px; } .text-bar h2 { color: #555; margin-bottom: 10px; } .text-bar button { margin: -57px 13px 0 13px; } .ie7 .slogan, .ie8 .slogan { font-weight: 400; } .content-title { margin: 0 10px 20px 10px; font-family: 'Sanchez', serif; color: #505050; } .columns .content-title, .column .content-title { margin: 0 0 20px 0; } .section-title { margin-bottom: 22px; padding-bottom: 10px; border-bottom: 3px double #B7BABB; font-size: 18px; } /* ---------------------------------------------------------------------- */ /* Main /* ---------------------------------------------------------------------- */ .sbr #main { float: left; } .sbl #main { float: right; } /* -------------------------------------------------- */ /* Detail Columns /* -------------------------------------------------- */ .detail-box { position: relative; margin-bottom: 90px; padding: 20px 25px 10px; border-width: 1px; border-style: solid; border-color: #ebebeb; text-align: center; border-radius: 35px 0 0 0; } .detail-entry { position: relative; z-index: 2; } .detail-box.stateColor .detail-entry, .detail-box.defaultState .detail-entry { color: #fff; } .detail-box h5 { margin-bottom: 20px; } .detail-box h5 a { margin-bottom: 20px; color: #373737; } .detail-box.stateColor h5, .detail-box.defaultState h5 { color: #fff; } .detail-box.stateColor h5 a, .detail-box.defaultState h5 a { color: #fff; } .detail-box .transform { position: absolute; bottom: 50%; left: 50%; right: 0; width: 0; height: 0; opacity: 0; background-repeat: repeat; background-attachment: fixed; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } /* .detail-box.stateColor .transform { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }*/ .detail-box.stateColor .transform, .detail-box.defaultState .transform, .touched .transform { width: 100%; bottom: 0; left: 0; opacity: 1; border-radius: 35px 0 0 0; } /* -------------------------------------------------- */ /* 404 Page /* -------------------------------------------------- */ .e404 {padding: 50px 0 160px 0;} .e404 h1 { display: inline-block; float: left; margin-right: 50px; padding-right: 70px; font-weight: 600; font-size: 200px; font-family: 'Open Sans', Arial, sans-serif; line-height: .8; } .e404 h2 { margin-top: 10px; margin-bottom: 30px; font-weight: 400; font-size: 25px; line-height: 1.2; } /* -------------------------------------------------- */ /* Clients /* -------------------------------------------------- */ ul.clients-items { padding: 10px 0 0; } ul.clients-items li { float: left; width: 20%; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* -------------------------------------------------- */ /* Pricing Tables /* -------------------------------------------------- */ .simple-pricing-table { margin: 0 10px; } #main .simple-pricing-table { margin: 0; } .container .simple-pricing-table .column { position: relative; margin-left: 0; margin-right: 0; text-align: center; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-transition: margin .25s linear; -moz-transition: margin .25s linear; -ms-transition: margin .25s linear; -o-transition: margin .25s linear; transition: margin .25s linear; } .container .simple-pricing-table .column.featured, .container .simple-pricing-table .column:hover { z-index: 3; margin-top: -10px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3); box-shadow: 0 2px 2px rgba(0,0,0,.3); } .simple-pricing-table .title { margin: 0; } .simple-pricing-table.type-1 .title { padding: 15px 15px 13px; color: #fff; } .simple-pricing-table.type-2 .title { padding: 11px 0; background-color: #f6f6f6; text-transform: uppercase; font-size: 15px; } .simple-pricing-table.type-1 .featured .title { padding-top: 15px; padding-bottom: 13px; background-color: #373737 !important; } .simple-pricing-table.type-2 .featured .title { padding-top: 16px; padding-bottom: 16px; background-color: #f4f4f4; color: #373737; } .simple-pricing-table.type-1 .column:hover .title { padding-top: 15px; padding-bottom: 13px; } .simple-pricing-table.type-2 .column:hover .title{ padding-top: 16px; padding-bottom: 16px; } .simple-pricing-table .price { padding: 18px 0 15px; } .simple-pricing-table.type-1 .price { background-color: #e6e6e6; } .simple-pricing-table.type-2 .price { background-color: #828282; } .simple-pricing-table.type-1 .featured .price { background-color: #f4f4f4; } .simple-pricing-table .cost { margin: 0; font-weight: 400; font-size: 36px; } .simple-pricing-table.type-2 .cost { color: #373737; text-shadow: 1px 1px rgba(255,255,255,.5); } .simple-pricing-table.type-2 .cost { color: #fff; text-shadow: -1px -1px rgba(0,0,0,.2); } .simple-pricing-table .description { font-size: 15px; font-family: 'Open Sans', Arial, sans-serif; font-style: italic; } .simple-pricing-table.type-1 .description { color: #505050; text-shadow: 1px 1px rgba(255,255,255,.5); } .simple-pricing-table.type-2 .description { color: #f6f6f6; text-shadow: 1px 1px rgba(0,0,0,.2); } .simple-pricing-table .features { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; } .simple-pricing-table .features li { position: relative; padding: 10px 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #e6e6e6; background-color: #f6f6f6; text-align: center; } .simple-pricing-table .features li:first-child { border-top: none; } .simple-pricing-table .featured .features li { background-color: #fefefe; } .simple-pricing-table .footer { padding: 25px 20px 25px; background-color: #e6e6e6; } .simple-pricing-table .featured .footer { padding: 25px 20px 25px; background-color: #f4f4f4; } .simple-pricing-table .column:hover .footer { padding: 25px 20px 25px; } .simple-pricing-table .footer .button { margin: 0; } .simple-pricing-table .title, .simple-pricing-table .footer { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } /* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */ .entry { margin-bottom: 40px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ebebeb; } .item { float: left; margin-left: 10px; margin-right: 10px; width: 213px; min-height: 315px; } .entry-title .title { margin-bottom: 14px; line-height: 1; } .entry-title h2 a { color: #373737; } .item .title { margin-bottom: 7px; font-size: 16px; font-family: 'Open Sans', Arial, sans-serif; } .item .title a { color: #383838; } .entry-meta { display: inline-block; margin-bottom: 15px; padding: 2px 0 4px; width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; } .item .entry-meta { margin: 0; padding: 0; border-top-width: 0; border-bottom-width: 0; } .entry-meta span { display: block; float: left; margin-right: 20px; word-wrap: break-word; } .item .entry-meta span { margin-right: 15px; } .entry-meta span:before { margin-right: 5px; font-size: 14px; font-family: 'FontAwesome'; } .entry-meta span.tag { width:100%;} .entry-meta .date:before { content: "\f073"; } .entry-meta .author:before { content: "\f007"; } .entry-meta .tag:before { content: "\f02b"; } .entry-meta .comments:before { content: "\f086"; } .entry-meta a { color: #b2b2b2; font-size: 11px; } .entry-body { margin-bottom: 24px; } .rel-posts .item { margin-bottom: 0; } /* -------------------------------------------------- */ /* Pagenavi /* -------------------------------------------------- */ .pagenavi .page-numbers { display: block; float: left; margin-right: 2px; width: 31px; height: 31px; background-color: #e9e9e9; color: #373737; text-align: center; line-height: 31px; } .pagenavi .current { color: #fff; } .pagenavi a:hover { background-color: #373737; color: #fff !important; } .pagenavi .prev, .pagenavi .next { font-size: 15px; vertical-align: middle; } .pagenavi .prev:after { content: "←"; } .pagenavi .next:after { content: "→"; } /* -------------------------------------------------- */ /* About Author /* -------------------------------------------------- */ .author-about { margin-bottom: 40px; padding: 20px; background-color: #f5f5f5; overflow: hidden; } .author-thumb { float: left; margin-right: 20px; } .author-entry { display: table; } .author-entry h5 { font-weight: 400; font-size: 18px; } /* -------------------------------------------------- */ /* Comments /* -------------------------------------------------- */ #comments h6 { } .comments-list { margin-top: 10px; margin-bottom: 40px; overflow: hidden; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ebebeb; } .comment { list-style: none; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; padding-top: 40px; } .comments-list .comment:first-child { border-top-width: 0; } .comment > article { margin-bottom: 20px;background: #f6f6f6;padding: 20px; } .comment .gravatar { float: left; margin-right: 10px; } .comment-body { display: table; } .comment .comment-meta { zoom: 1; border: 0;border-bottom: 1px solid #ffffff;} .comment .comment-author a { color: #383838; font-weight: 700; } .comment .comment-date { float: left; } .comment .comment-date a { margin-right: 10px; color: #b2b2b2; font-size: 11px; } /* Children */ .comment .children { margin: 0; padding-left: 70px; } .children .comment { padding-top: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; } .normal .children .comment { border-top: 1px solid #ebebeb; } /* Respond */ #respond { width: 100%; } #respond h6 { margin-bottom: 20px; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ #sidebar .widget { margin-bottom: 40px; } #sidebar .widget-title { margin-bottom: 20px; font-size: 15px; margin-bottom: 20px; } .widget .post-date { display: block; font-size: 11px; font-style: italic; color: #b2b2b2; } .ie8 #sidebar .widget-title { font-weight: 400; } /* ---------------------------------------- */ /* Default Widgets /* ---------------------------------------- */ /* read-more links */ .more-link {} /* blogroll links */ .linkcat {} .blogroll {} /* text widget */ .textwidget {} .widget_text {} .textwidget p {} .widget .sub-menu { padding-top: 5px; } .widget_categories ul li, .widget_archive ul li, .widget_links ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_entries ul li { position: relative; padding: 6px 0 6px 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #e8e8e8; list-style: none; } #footer .widget_categories ul li, #footer .widget_archive ul li, #footer .widget_links ul li, #footer .widget_meta ul li, #footer .widget_pages ul li, #footer .widget_recent_entries ul li { border-top-color: #464545; } .widget_categories ul li:first-child, .widget_archive ul li:first-child, .widget_links ul li:first-child, .widget_meta ul li:first-child, .widget_pages ul li:first-child, .widget_recent_entries ul li:first-child { border-top-width: 0; } .widget_categories li a, .widget_archive li a, .widget_links li a, .widget_meta li a, .widget_pages li a, .widget_recent_entries li a { position: relative; display: inline-block; color: #969696; } .widget_categories li a:before, .widget_archive li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_pages li a:before, .widget_recent_entries li a:before { position: absolute; left: -15px; top: 0; width: 4px; height: 100%; display: block; background-image: url(images/arrow-black.png); background-position: 0 center; background-repeat: no-repeat; content: ""; -webkit-transition: left .2s linear; -moz-transition: left .2s linear; -ms-transition: left .2s linear; -o-transition: left .2s linear; transition: left .2s linear; } #footer .widget_categories li a:before, #footer .widget_archive li a:before, #footer .widget_nav_menu li a:before, #footer .widget_links li a:before, #footer .widget_meta li a:before, #footer .widget_pages li a:before, #footer .widget_recent_entries li a:before { background-image: url(images/arrow-light.png); } .widget_categories li a:hover:before, .widget_archive li a:hover:before, .widget_links li a:hover:before, .widget_meta li a:hover:before, .widget_pages li a:hover:before, .widget_recent_entries li a:hover:before { left: -10px; } /* Widget Nav Menu for Footer */ #footer .widget_nav_menu ul li { position: relative; padding: 6px 0 6px 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #e8e8e8; list-style: none; } #footer .widget_nav_menu ul li:first-child { border-top-width: 0; } #footer .widget_nav_menu li a { position: relative; display: inline-block; color: #969696; } #footer .widget_nav_menu li a:hover:before{ left: -10px; } #footer .widget_nav_menu li a:before { position: absolute; left: -15px; top: 0; width: 4px; height: 100%; display: block; background-image: url(images/arrow-black.png); background-position: 0 center; background-repeat: no-repeat; content: ""; -webkit-transition: left .2s linear; -moz-transition: left .2s linear; -ms-transition: left .2s linear; -o-transition: left .2s linear; transition: left .2s linear; } /* Widget Nav Menu */ .widget_nav_menu .menu { margin-bottom: 40px; border-bottom: 1px solid #ebebeb; } .widget_nav_menu li { position: relative; } .widget_nav_menu li:after { position: absolute; top: 13px; right: 11px; display: block; width: 14px; height: 14px; background-image: url(images/ajax-nav-row.png); background-repeat: no-repeat; content: ""; -webkit-transition: right .25s linear; transition: right .25s linear; } .widget_nav_menu li:hover:after, .widget_nav_menu .current-menu-item:after, .widget_nav_menu .current_page_item:after { right: 4px; background-position: bottom; } .widget_nav_menu li:hover:before, .widget_nav_menu .current-menu-item:before, .widget_nav_menu .current_page_item:before { position: absolute; top: 1px; right: -14px; display: block; width: 0; height: 0; border-top: 21px solid transparent !important; border-bottom: 21px solid transparent !important; border-left-width: 15px; border-left-style: solid; content: ""; } .widget_nav_menu li a { display: block; padding: 11px 30px 11px 10px; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; color: #383838; -webkit-transition: none; transition: none; } .widget_nav_menu li:hover > a, .widget_nav_menu .current-menu-item > a, .widget_nav_menu .current_page_item > a { color: #fff !important; } /* ---------------------------------------- */ /* Popular Posts /* ---------------------------------------- */ .widget_popular_posts li { margin-bottom: 20px; } .widget_popular_posts li:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; } .widget_popular_posts .preloader { float: left; margin-right: 10px; } .widget_popular_posts .post-holder { display: table; } .widget_popular_posts h6 { margin-bottom: 5px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; line-height: 1.3; } .widget_popular_posts p { margin-bottom: 5px; font-size: 11px; } .widget_popular_posts span { display: block; color: #b2b2b2; font-style: italic; font-size: 11px; } /* ---------------------------------------- */ /* Tags Cloud /* ---------------------------------------- */ .tagcloud a { display: inline-block; margin-right: 0px; margin-bottom: 3px; padding: 5px; color: #fff !important; font-size: 12px !important; } #sidebar .tagcloud a { background-color: #c0c0c0; } #footer .tagcloud a { background-color: #676767; color: #d4d4d4 !important; } #sidebar .tagcloud a:hover { background-color: #444 !important; } #footer .tagcloud a:hover { background-color: #c2c2c2 !important; color: #383838 !important; } /* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */ #footer { background-color: #373737; padding: 35px 0 40px; color: #969696; } #footer a { color: #969696; } #footer div.footer-ribon { background: #999; position: absolute; margin: -51px 0 0 10px; padding: 10px 20px 6px 20px; } #footer div.footer-ribon:before { border-right: 10px solid #005580; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -17px; position: absolute; top: 0; width: 7px; } #footer div.footer-ribon span { color: #FFF; font-family: "Shadows Into Light", cursive; font-size: 1.6em; } #footer div.footer-ribon { background: #0088cc; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ #footer .widget { margin-bottom: 45px; } #footer .widget-title { color: #ebebeb; font-size: 15px; margin-bottom: 20px; } .ie7 #footer .widget-title, .ie8 #footer .widget-title { font-weight: 400; } /* ---------------------------------------- */ /* Address Info /* ---------------------------------------- */ .address-info { margin-top: 17px; } .contact-info { font-style: italic; } /* -------------------------------------------------- */ /* Copyright /* -------------------------------------------------- */ .adjective { padding-top: 25px; border-top-width: 3px; border-top-style: double; border-top-color: #4a4a4a; font-size: 11px; } .copyright { float: left; } .footer-bottom-right { float: right; } .copyright a, .developed a { color: #969696; } /* ---------------------------------------------------------------------- */ /* Widgets + Shortcodes /* ---------------------------------------------------------------------- */ /* -------------------------------------------------- */ /* Testimonials /* -------------------------------------------------- */ .quote-box { position: relative; margin-bottom: 90px; } .testimonials > li { margin-right: 15px; } .quote-text { position: relative; margin-bottom: 5px; padding: 20px 15px; padding-bottom: 20px; border-width: 1px; border-style: solid; background: #f5f5f5; border-color: #ebebeb; font-style: italic; color: #828282; border-radius: 10% 0 10% 10%; } .quote-text:before { position: absolute; z-index: 99; bottom: -31px; left: 45px; display: block; width: 31px; height: 31px; background-image: url(images/quote-arrow.png); content: ""; } .quote-author { display: block; margin-left: 85px; padding-bottom: 10px; } .quote-author span { color: #828282; } /* Quote Navigation */ .quotes-nav { position: absolute; right: 0; top: -40px; z-index: 100; width: 44px; } .quotes-nav a { position: relative; display: block; width: 21px; height: 21px; opacity: 1; cursor: pointer; background-color: #000; background-color: rgba(0,0,0,.8); font: 0/0 a; } .quotes-nav a:after { position: absolute; width: 21px; height: 21px; background-image: url(images/small-arrows.png); background-repeat: no-repeat; content: ""; } .quotes-nav .prevBtn { float: left; } .quotes-nav .nextBtn { float: right; } .quotes-nav .nextBtn:after { background-position: right; } /* -------------------------------------------------- */ /* Info Box /* -------------------------------------------------- */ .info-box { margin-bottom: 90px; padding: 25px 20px 10px; border-width: 1px; border-style: solid; border-color: #ebebeb; border-radius: 20%; } /* -------------------------------------------------- */ /* Notifications /* -------------------------------------------------- */ .error, .success, .info, .notice { border-style: solid; border-width: 1px; display: block; font-size: 14px; padding: 8px 15px 8px 20px; position: relative; } .error { background-color: #f9bcc3; border-color: #f09da7; color: #b76973; } .success { background-color: #d8efc1; border-color: #b4d892; color: #79985b; } .info { background-color: #b8e1f1; border-color: #a1c7d5; color: #52889b; } .notice { background-color: #feebb7; border-color: #e7d195; color:#b49133; } .alert-close { position: absolute; top: 50%; right: 10px; margin-top: -7px; line-height: 1; } .alert-close:before { font-size: 13px; font-family: 'FontAwesome'; content: "\f00d"; } .error .alert-close { color: #b76973; } .success .alert-close { color: #79985b; } .info .alert-close { color: #52889b; } .notice .alert-close { color: #b49133; } /* -------------------------------------------------- */ /* List /* -------------------------------------------------- */ ul.list { margin-bottom: 20px; } .list li { margin-bottom: 6px; } ul.list [class^="icon-"]:before, ul.list [class*=" icon-"]:before { color: #373737; font-size: 15px; } i.small-arrows { position: relative; display: inline-block; margin-right: 10px; width: 21px; height: 21px; vertical-align: middle; } i.small-arrows:before { position: absolute; left: 0; top: 3px; margin-top: -3px; width: 21px; height: 21px; background-image: url(images/small-arrows.png); background-position: right; background-repeat: no-repeat; content: ""; } /* -------------------------------------------------- */ /* Map /* -------------------------------------------------- */ .google_map { display: block; margin-bottom: 30px; } #content .google_map { width: 100%; height: 400px; } /* ---------------------------------------------------------------------- */ /* Other /* ---------------------------------------------------------------------- */ /* -------------------------------------------------- */ /* Ajax Navigation /* -------------------------------------------------- */ .ajax-nav { margin-bottom: 40px; border-bottom: 1px solid #ebebeb; } .ajax-nav li { position: relative; } .ajax-nav li a { display: block; padding: 11px 30px 11px 10px; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; color: #919191; font-family: 'Sanchez', serif; font-size: 14px; font-weight: 400; -webkit-transition: none; transition: none; } .ajax-nav li:hover > a { background-image: url(images/bg-side-nav.png); color: #919191; } .ajax-nav .current a { color: #fff !important; } .ajax-nav .current a:hover { background: none; } .ajax-navigation-item { display: none; } .ajax-navigation-item:first-child { display: block; } /* -------------------------------------------------- */ /* Back Top /* -------------------------------------------------- */ #back-top { position: fixed; right: 20px; bottom: 20px; z-index: 999; display: none; width: 40px; height: 40px; background-color: #918F89; text-align: center; font: 0/0 a; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; } #back-top:after { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background-image: url(images/back-to-top.png); background-position: center center; background-repeat: no-repeat; content: ""; } /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none !important; } #wp-calendar tfoot .pad { background: none !important; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; background: none !important; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; background: none !important; } #footer td { background: #676767 !important; border: 0px !important; } #footer td:hover { background:#c2c2c2 !important; } .sticky { width: 100%; min-height: 100px; text-align: center; } .sticky img{ width: 50% !important; height: 50% !important; } ol.commentlist {} ol.commentlist li {} ol.commentlist li.alt {} ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment {} ol.commentlist li.comment div.comment-author {} ol.commentlist li.comment div.vcard {} ol.commentlist li.comment div.vcard cite.fn {} ol.commentlist li.comment div.vcard cite.fn a.url {} ol.commentlist li.comment div.vcard img.avatar {} ol.commentlist li.comment div.vcard img.avatar-32 {} ol.commentlist li.comment div.vcard img.photo {} ol.commentlist li.comment div.vcard span.says {} ol.commentlist li.comment div.commentmetadata {} ol.commentlist li.comment div.comment-meta {} ol.commentlist li.comment div.comment-meta a {} ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.) ol.commentlist li.comment div.reply {} ol.commentlist li.comment div.reply a {} ol.commentlist li.comment ul.children {} ol.commentlist li.comment ul.children li {} ol.commentlist li.comment ul.children li.alt {} ol.commentlist li.comment ul.children li.bypostauthor {} ol.commentlist li.comment ul.children li.byuser {} ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.comment-author-admin {} ol.commentlist li.comment ul.children li.depth-2 {} ol.commentlist li.comment ul.children li.depth-3 {} ol.commentlist li.comment ul.children li.depth-4 {} ol.commentlist li.comment ul.children li.depth-5 {} ol.commentlist li.comment ul.children li.odd {} ol.commentlist li.even {} ol.commentlist li.odd {} ol.commentlist li.parent {} ol.commentlist li.pingback {} ol.commentlist li.pingback div.comment-author {} ol.commentlist li.pingback div.vcard {} ol.commentlist li.pingback div.vcard cite.fn {} ol.commentlist li.pingback div.vcard cite.fn a.url {} ol.commentlist li.pingback div.vcard span.says {} ol.commentlist li.pingback div.commentmetadata {} ol.commentlist li.pingback div.comment-meta {} ol.commentlist li.pingback div.comment-meta a {} ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.) ol.commentlist li.pingback div.reply {} ol.commentlist li.pingback div.reply a {} ol.commentlist li.pingback ul.children {} ol.commentlist li.pingback ul.children li {} ol.commentlist li.pingback ul.children li.alt {} ol.commentlist li.pingback ul.children li.bypostauthor {} ol.commentlist li.pingback ul.children li.byuser {} ol.commentlist li.pingback ul.children li.comment {} ol.commentlist li.pingback ul.children li.comment-author-admin {} ol.commentlist li.pingback ul.children li.depth-2 {} ol.commentlist li.pingback ul.children li.depth-3 {} ol.commentlist li.pingback ul.children li.depth-4 {} ol.commentlist li.pingback ul.children li.depth-5 {} ol.commentlist li.pingback ul.children li.odd {} ol.commentlist li.thread-alt {} ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } img.attachment-large { width:700px; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .gallery-caption { padding: 5px 3px 10px; text-align: center; } .entry-body table { border-collapse: collapse; border-spacing: 0; border: 1px solid #fff; margin: 10px 0; } .entry-body table td, .entry-body table th { text-align: left; border: 1px solid #fff; padding: .4em .8em; } .entry-body table th { background: #ddd; color: #999; text-transform: uppercase; font-weight: 400; border: 1px solid #fff; } .entry-body table td { border: 1px solid #fff; background: #eee; color: #555; } .entry-body table tr.even td { background: #eee; border: none; } .entry-body table tr:hover td { background: #FFF9DF; } #author, #email, #url { padding-left: 25px; }