/*----------------------------------------------------------- Theme Name: Ultra Version: 1.05 Description: Premium WordPress theme by WPExplorer Author: WPExplorer Author URI: http://themeforest.net/user/WPExplorer/?ref=wpexplorer Designed & Developed by WPExplorer Theme URI: http://themeforest.net/user/WPExplorer/portfolio License: Custom + GPL version 3.0 License URI: http://themeforest.net/licenses/regular_extended Tags: light, flexible-width, custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready /* 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; height: auto; } /* Body ================================================== */ body { background-repeat: repeat; nowhitespace: afterproperty; font: 16px/1.6 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; color: #222; } body.boxed-layout { background-color: #1773b1; /** Easter EGG: Remove comenting for a noisy background background-image: url("images/bg.png"); **/ } body.full-layout { background: #fff; } /* Main Wraps ================================================== */ /*main*/ .boxed-layout #main-content { background: #fff; padding: 0 40px; box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .boxed-layout #main-content.landing-page { overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .boxed { width: 940px; margin: 0 auto; } body.boxed-layout .boxed.boxed-extended { width: 1020px; } .container { background: #fff; padding: 40px 0; } body.full-layout .container { background: none; } #post { float: left; width: 600px; } #sidebar { float: right; width: 240px; } /* Full-width post style */ .full-width-post #post { width: 100%; } /* Left sidebar style */ .left-sidebar-post #post { float: right; } .left-sidebar-post #sidebar { float: left; } /* Grid System ================================================== */ .grid-2, .grid-3, .grid-4 { float: left; } .grid-1 { width: 940px; float: none; margin-bottom: 30px; } .grid-2 { width: 460px; margin-right: 20px; margin-bottom: 20px; } .grid-3 { float: left; width: 280px; margin-right: 50px; margin-bottom: 50px; } .grid-4 { float: left; width: 220px; margin-right: 20px; margin-bottom: 50px; } .grid-5 { float: left; width: 172px; margin-right: 20px; margin-bottom: 20px; } .post-with-sidebar #post .grid-1 { width: 660px; } .post-with-sidebar #post .grid-2 { width: 320px; margin-right: 20px; margin-bottom: 30px; } .post-with-sidebar #post .grid-3 { width: 206px; margin-right: 21px; margin-bottom: 21px; } .post-with-sidebar #post .grid-4 { width: 156px; margin-right: 12px; margin-bottom: 12px; } .post-with-sidebar #post .grid-5 { width: 116px; margin-right: 20px; margin-bottom: 20px; } /*remove right column margin*/ .remove-margin { margin-right: 0 !important; } /* Grids In Column Shortcodes */ #site-wrap .symple-column .grid-1 { width: 100%; } #site-wrap .symple-column .grid-2, #site-wrap .symple-column .grid-3, #site-wrap .symple-column .grid-4 { float: left; margin-right: 4%; } #site-wrap .wpex-gallery.gallery-1-column .gallery-item { max-width: 100%; margin-left: auto; margin-right: 20px; float: none; } #site-wrap .symple-column .grid-2 { width: 48%; } #site-wrap .symple-column .grid-3 { width: 30.66%; } #site-wrap .symple-column .grid-4 { width: 22%; } /* Grid 1 Tweaks for Cooler layout */ .portfolio-entry.grid-1 .portfolio-entry-media { float: left; width: 460px; margin-right: 30px; } .portfolio-entry.grid-1 .portfolio-entry-details { float: left; width: 450px; } .post-with-sidebar .portfolio-entry.grid-1 .portfolio-entry-media { width: 250px; margin-right: 30px; } .post-with-sidebar .portfolio-entry.grid-1 .portfolio-entry-details { width: 380px; } .grid-1 .portfolio-entry-title h3 { font-size: 1.250em; margin-bottom: 10px; } .grid-1 .portfolio-entry-details { margin-top: 0; } .staff-entry.grid-1 .staff-entry-media { float: left; width: 460px; margin-right: 30px; } .staff-entry.grid-1 .staff-entry-details { float: left; width: 450px; } .post-with-sidebar .staff-entry.grid-1 .staff-entry-media { width: 250px; margin-right: 30px; } .post-with-sidebar .staff-entry.grid-1 .staff-entry-details { width: 380px; } .grid-1 .staff-entry-title h3 { font-size: 1.250em; margin-bottom: 10px; } .grid-1 .staff-entry-details { margin-top: 0; } .recent-posts-entry.grid-1 .recent-posts-entry-media { float: left; width: 460px; margin-right: 30px; } .recent-posts-entry.grid-1 .recent-posts-entry-details { float: left; width: 450px; } .post-with-sidebar .recent-posts-entry.grid-1 .recent-posts-entry-media { width: 250px; margin-right: 30px; } .post-with-sidebar .recent-posts-entry.grid-1 .recent-posts-entry-details { width: 380px; } .grid-1 .recent-posts-entry-title h3 { font-size: 18px; margin: 0; } .grid-1 .recent-posts-entry-details { margin-top: 0; } /* Commons ================================================== */ /*clear floats*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clear { clear: both; content: "."; display: block; visibility: hidden; line-height: 0; height: 0; } /*blockquote*/ blockquote { font-family: Georgia, "Times New Roman", Times, serif; position: relative; margin: 30px 0; padding: 20px; background: #f9f9f9; padding-left: 30px; font-weight: normal; font-size: 14px; border-left: 10px solid #eee; } blockquote p:last-child { margin: 0; } /*preformatted text*/ pre, code { font-family: Tahoma, Geneva, sans-serif; font-size: 0.929em; background: #eee; color: #000; text-shadow: 1px 1px 1px #fff; margin-bottom: 20px; padding: 25px 20px; line-height: 25px; border: 1px solid #ddd; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } /*address*/ address { font-style: italic; margin: 20px 0; } /*wp*/ .sticky {} .gallery-caption {} /*custom img classes*/ .image-shadow { box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .image-border { padding: 4px; border: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .image-rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .image-circle { border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; } .image-hover:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .image-fancy { padding: 4px; border: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; } .image-fancy:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } /* Lists ================================================== */ .entry ul { margin: 30px 0 30px 20px; } .entry ol { margin: 30px 0 30px 25px; } .entry ul { list-style: disc; } .entry ol { list-style: decimal; } .entry ul li, .entry ol li { margin: 0 0 5px; } /* Typography ================================================== */ /*headings*/ h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.6em; } h1, h2, h3, h4, h5, h6 { color: #222; margin: 40px 0 20px; } h1 { font-size: 28px; margin: 0 0 20px; } h2 { font-size: 28px; } h3 { font-size: 18px; font-weight: 400; } h4 { font-size: 18px; font-weight: 400; } h5 { font-size: 0.857em; } h6 { font-size: 0.714em; } /*paragraphs*/ p { margin: 0 0 20px; } .entry p:last-child { margin: 0; } p img { margin: 0; } p.lead { font-size: 1.500em; line-height: 27px; color: #777; } p a, p a:visited { line-height: inherit; } /*other*/ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } em { font-style: italic; } strong { font-weight: bold; color: #222; } small { font-size: 80%; } hr { border: solid #eeeeee; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* Link Styling ================================================== */ body a { color: #0088cc; } body a:hover { color: #005580; text-decoration: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #222; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #0088cc; text-decoration: none; } a:link { text-decoration: none; } a:focus { outline: 0; } a { outline: 0; } p a, p a:visited { line-height: inherit; } a:link { text-decoration: none; } a:focus { outline: 0; } /* Top Bar ================================================== */ /*top bar*/ #top-bar { margin-bottom: 10px; } .boxed-layout #top-bar { background: rgba(0,0,0,0.4); } body.full-layout #top-bar{ background: #444; margin-bottom: 40px; } #top-bar-inner.boxed { height: 55px; position: relative; } #top-bar-left { float: right; height: 25px; line-height: 25px; font-style:normal !important; font-size: 20px; color:#000; } #top-bar-left span[class^="icon-"] { display: block; height: 55px; line-height: 25px; float: left; margin-right: 10px; font-weight: normal; font-size: 30px; } #top-bar-right { float: right; height: 55px; line-height: 55px; } #header-social { float: left; padding-top: 3px; } #header-social a { display: block; float: left; margin-left: 7px; color: rgba(255,255,255,0.6); } #header-social a img { width: 14px; height: 14px; opacity: 0.7; } #top-bar-right #header-social a img:hover { opacity: 1; } #top-bar-nav { float: left; display: block; margin-left: 20px; } #top-bar-nav li { display: block; float: left; margin-left: 5px; font-size: 12px; } #top-bar-nav a { font-weight: bold; padding: 0 7px; height: 25px; line-height: 25px; display: inline-block; color: #662200; text-shadow: 1px 1px 1px #ffdc7f; padding: 0 10px; background: #ffb600; box-shadow: 0 2px 2px rgba(0,0,0,0.4); background: -moz-linear-gradient(top, #ffd300 0%, #ffa100 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd300), color-stop(100%,#ffa100)); background: -webkit-linear-gradient(top, #ffd300 0%,#ffa100 100%); background: -o-linear-gradient(top, #ffd300 0%,#ffa100 100%); background: -ms-linear-gradient(top, #ffd300 0%,#ffa100 100%); background: linear-gradient(to bottom, #ffd300 0%,#ffa100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd300', endColorstr='#ffa100',GradientType=0 ); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #top-bar-nav a:hover { text-decoration: none; box-shadow: 0 3px 3px rgba(0,0,0,0.4); } #top-bar-nav a:active { background: -moz-linear-gradient(top, #ffa100 0%, #ffd300 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(100%,#ffd300)); background: -webkit-linear-gradient(top, #ffa100 0%,#ffd300 100%); background: -o-linear-gradient(top, #ffa100 0%,#ffd300 100%); background: -ms-linear-gradient(top, #ffa100 0%,#ffd300 100%); background: linear-gradient(to bottom, #ffa100 0%,#ffd300 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ffd300',GradientType=0 ); } #top-bar-nav span[class^="icon-"] { margin-right: 5px; font-size: 12px; } /* Header ================================================== */ #header { position: relative; margin: 45px auto; padding:25px 0; background-color:#eee; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*logo*/ #logo h1 a, #logo h2 a { float: left; display: block; padding: 0px; margin: 0px; letter-spacing: -1px; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #logo img { display: block; max-width: 100%; margin-top:60px; height: auto; float: left; } #logo h1, #logo h2 { color: #444; font-weight: bold; font-size: 2.286em; line-height: 1em; margin: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } #logo h1 a, #logo h2 a{ color: #fff; } body.full-layout #logo a, body.light-skin #logo a { color: #222; text-shadow: none; } /*search toggle*/ #header-search-toggle { position: absolute; top: 50%; margin-top: -5px; right: 0; display: block; height: 10px; line-height: 10px; width: 10px; font-size: 10px; text-align: center; color: #fff; color: rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } body.full-layout #header-search-toggle { color: #bbb; } #header-search-toggle:before { display: block; height: 12px; width: 1px; position: absolute; left: -15px; top: 0px; content: ""; background: rgba(255,255,255,0.4); } body.full-layout #header-search-toggle:before { background: #bbb; } #header-search-toggle.active:before { display: none; } #header-search-toggle:hover, #header-search-toggle.active { color: #fff; color: rgba(255,255,255,1); } body.full-layout #header-search-toggle:hover, body.full-layout #header-search-toggle.active { color: #000; } #header-search { display: none; width: 180px; position: absolute; top: 50%; margin-top: -17px; right: 25px; } #header-search input[type="search"] { background-color: #fff; background-image: none; border: none; outline: none; height: 34px; line-height: 34px; font-size: 11px; color: #333; padding: 0 15px; width: 100%; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); } body.full-layout #header-search input[type="search"] { border: 1px solid #ccc; color: #444; padding: 0 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 1px rgba(0,0,0,0.05); } body.full-layout #header-search input[type="search"]:focus { box-shadow: inset 0 2px 2px rgba(153,153,153,0.1), 0 0 5px #98e1ff; border-color: #00a8ed; color: #444; } /* Page Headings ================================================== */ /* page heading*/ #page-heading { position: relative; border-bottom: 1px solid #e6e6e6; } body.full-layout #page-heading { background: #f9f9f9 url("images/diagonal-light.png") repeat; border-top: 1px solid #cecece; border-bottom: 1px solid #ddd; box-shadow: inset 0 1px 3px rgba(102,102,102,0.15); } body.full-layout #page-heading:before { position: absolute; left: 0; top: 0; content: ""; display: block; height: 100%; width: 100%; box-shadow: inset 0 -1px 3px rgba(102,102,102,0.1); } body.full-layout #site-wrap.header-two #page-heading { background: #f9f9f9; } body.full-layout #site-wrap.header-two #page-heading:before { display: none; } body.full-layout #site-wrap.header-three #page-heading { background: none; border: none; box-shadow: none; } body.full-layout #site-wrap.header-three #page-heading .boxed { padding-top: 0; border-bottom: double #e6e6e6; } body.full-layout #site-wrap.header-three #page-heading { background: none; } body.full-layout #site-wrap.header-three #page-heading:before { display: none; } #page-heading .boxed { position: relative; padding: 40px 0 20px; } body.full-layout #page-heading .boxed { padding: 30px 0; } #page-heading h1, #page-heading h2, #page-heading #main-title { color: #222; font-weight: bold; font-size: 26px; margin: 0; line-height: 1.3em; } .full-layout #page-heading h1, .full-layout #page-heading h2, .full-layout #page-heading #main-title { font-size: 24px; color: #333; } /*breadcrumbs*/ #breadcrumbs { color: #999; font-size: 12px; } #breadcrumbs a { color: #444; } body.full-layout #breadcrumbs a { color: #666; } #breadcrumbs a:hover { color: #000; text-decoration: underline; } body.full-layout #breadcrumbs a:hover { color: #000; } #breadcrumbs span { margin: 0 2px; } #breadcrumbs .icon-home { color: #222; } body.full-layout #breadcrumbs .icon-home { color: #666; } /*headeing search*/ #page-heading .searchbar { width: 200px; position: absolute; bottom: 0; right: 0; font-size: 0.857em; } #page-heading input[type="search"] { border: 0; border: 1px solid #888; padding-left: 15px; } /*page featured images*/ #page-featured-img { position: relative; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } body.boxed-layout #page-featured-img { margin: 0 -40px; width: auto !important; } body.full-layout .header-one #page-featured-img, body.full-layout #site-wrap.header-two #page-featured-img { overflow: hidden !important; width: 100%; max-height: 400px; margin: 0 auto; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } body.full-layout #site-wrap.header-three #page-featured-img { margin: 0 auto; } #page-featured-img.with-overlay { overflow: hidden; } #page-featured-img img { width: 100%; display: block; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #site-wrap.header-two #page-featured-img, #site-wrap.header-two #page-featured-img img { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } body.full-layout #page-featured-img img { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #page-featured-img-overlay { display: none; position: absolute; padding: 40px; top: 0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 18px; font-weight: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #page-featured-img-overlay strong { color: #fff; } #page-featured-img-overlay a { color: #fff; text-decoration: underline; } #page-featured-img-overlay h1, #page-featured-img-overlay h2, #page-featured-img-overlay h3, #page-featured-img-overlay h4 { line-height: 1.6em; margin-bottom: 10px; } #page-featured-img-overlay h1, #page-featured-img-overlay h2, #page-featured-img-overlay h3, #page-featured-img-overlay h4 #page-featured-img-overlay p { color: #fff; text-shadow: 0 0 6px rgba(0,0,0,0.6); } #page-featured-img-overlay h1, #page-featured-img-overlay h2 { font-size: 42px; } #page-featured-img-overlay h3 { font-size: 28px; font-style: italic; font-weight: normal; } #page-featured-img-overlay .symple-button { opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; } #page-featured-img-overlay .symple-button:hover { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } #page-featured-img-overlay .symple-box { background: #000; background: rgba(0,0,0,0.9); padding: 10px; border: none; text-align: center !important; color: #fff; } #page-featured-img-overlay img { height: auto !important; width: auto !important; max-height: 100%; max-width: 100%; } #page-featured-img-overlay ul, #page-featured-img-overlay ol { margin-left: 25px; margin-bottom: 25px; } #page-featured-img-overlay ul { list-style: disc; } #page-featured-img-overlay ol { list-style: decimal; } #page-featured-img-overlay blockquote { color: #fff; border: none; background: #000; background: rgba(0,0,0.75); display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Main Navigation ================================================== */ /*hide responsive nav*/ #navigation .selector { display: none; } /*core*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; width: 180px; top: -999em; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; background-color:#none; } .sf-menu a { display: block; position: relative; } ul.sf-menu .current ul, ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul { top: 40px; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul ul.sf-menu li li.sfHover ul { left: 180px; top: 0; } /*styling*/ #navigation { height: 40px; position: absolute; top: 50%; margin-top: -15px; right: 0; } #navigation.with-search { right: 35px; } #navigation .sf-menu > li:hover > ul, .sf-menu li.sfHover > ul { left: 12px; } #navigation ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 205px; top: 0; } #navigation .sf-menu > li > a { height: 30px; line-height: 30px; font-weight: normal; color: #fff; color: rgba(255,255,255,1); text-decoration: none; padding: 0 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-size:19px; } #navigation .sf-menu > li { margin-right: 5px; } body.full-layout .header-one #navigation .sf-menu > li { margin-left: 20px; } body.full-layout #navigation .sf-menu > li > a { color: #888; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: 2px solid trasparent; -webkit-transition: none; -moz-transition: none; transition: none; } #navigation .sf-menu > li { float: left; position: relative; font-size: 16px; } #navigation .sf-menu > li > a:hover, #navigation .sf-menu > li.sfHover > a, #navigation .sf-menu > .current-menu-item > a, #navigation .sf-menu > .current-menu-parent > a, #navigation .sf-menu > .current-menu-parent > a:hover, #navigation .sf-menu > .sf-menu > .current-menu-item > a:hover { color: #fff; color: rgba(255,255,255, 1); background: rgba(0,0,0,0.15); } body.full-layout #navigation .sf-menu > li > a:hover, body.full-layout #navigation .sf-menu > li.sfHover > a, body.full-layout #navigation .sf-menu > .current-menu-item > a, body.full-layout #navigation .sf-menu > .current-menu-parent > a, body.full-layout #navigation .sf-menu > .current-menu-parent > a:hover, body.full-layout #navigation .sf-menu > .sf-menu > .current-menu-item > a:hover { color: #000; background: none; border-bottom: 2px solid #41a7fc; } #navigation .sf-menu span[class^="icon-"] { margin-right: 5px; } /*drop-down styles*/ #navigation .sf-menu ul { position: absolute; nowhitespace: afterproperty; z-index: 9999; background: #fff; margin-left: -10px; padding: 15px 20px; box-shadow: 0 0 5px rgba(0,0,0,0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } body.full-layout #navigation .sf-menu ul { box-shadow: 0 0 3px rgba(0,0,0,0.4); } /* Easter Egg: Remove commenting to show little tip above drop-down menu #navigation .sf-menu ul:before { content: ""; display: block; position: absolute; top: -5px; left: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } */ #navigation .sf-menu ul ul:before{ display: none; } #navigation .sf-menu ul li { float: left; display: block; position: relative; font-size: 12px; font-weight: normal; } #navigation .sf-menu ul a { line-height: 1.7em; display: block; padding: 12px 0; color: #666; height: auto; margin: 0px; border: 0px; text-shadow: none; text-transform: none; border-bottom: 1px solid #eee; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #navigation .sf-menu ul li:last-child a { border-bottom: 0; } #navigation .sf-menu ul li > a:hover { color: #000; font-weight: bold; } /* Header Style 2 ================================================== */ #site-wrap.header-two #navigation { position: relative; left: auto; top: auto; right: auto; margin-top: 0; height: 60px; background-color:#f3ec19; } #site-wrap.header-two #navigation ul.sf-menu .current ul, #site-wrap.header-two #navigation ul.sf-menu li:hover ul, #site-wrap.header-two #navigation ul.sf-menu li.sfHover ul { top: 60px; } #site-wrap.header-two #navigation ul.sf-menu li .current ul, #site-wrap.header-two #navigation ul.sf-menu li li:hover ul, #site-wrap.header-two #navigation ul.sf-menu li li.sfHover ul { top: 0 !important; } #site-wrap.header-two #navigation .sf-menu { float: left; border-right: 1px solid rgba(0,0,0,0.2); } body.full-layout #site-wrap.header-two #navigation .sf-menu { float: left; border-right: 1px solid #ddd; } #site-wrap.header-two #navigation .sf-menu > li { margin: 0; } #site-wrap.header-two #navigation .sf-menu > li > a:hover { background-color:#000; color:#fff; } #site-wrap.header-two #navigation .sf-menu > li.current-menu-item > a{ background-color:#000; color:#fff; } /* March 2, 2014 - Change padding from padding:0 29px to padding:0 20px */ #site-wrap.header-two #navigation .sf-menu > li > a { font-weight: bold; height: 60px; line-height: 60px; padding: 0 22px; color:#000; border-radius: 0; -moz-border-radius: 0 -webkit-border-radius: 0; border-right: 1px solid rgba(255,255,255,0.1); border-left: 1px solid rgba(0,0,0,0.2); } #site-wrap.header-two #navigation .sf-menu > li:fist-child > a { border-left: 0; } #site-wrap.header-two #navigation .sf-menu li ul, #site-wrap.header-two #main-content, #site-wrap.header-two #page-slider img, #site-wrap.header-two #page-slider img { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } #site-wrap.header-two #navigation .sf-menu li ul ul { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #site-wrap.header-two #header-search-toggle { color: #bbb; right: 15px; font-size: 10px; cursor: inherit; } #site-wrap.header-two #header-search-toggle:before { display: none; } #site-wrap.header-two #header-search { display: block !important; right: 0; width: 190px; } #site-wrap.header-two #header-search input:focus { box-shadow: 2px 2px 2px rgba(0,0,0,0.4); } /* Full Width Style */ body.full-layout #site-wrap.header-two #navigation-wrap { border-top: 1px solid #ddd; background: #eee; background: -moz-linear-gradient(top, #fbfbfb 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: linear-gradient(to bottom, #fbfbfb 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#efefef',GradientType=0 ); } body.full-layout.home #site-wrap.header-two #navigation-wrap { border-bottom: 1px solid #ddd; } body.full-layout #site-wrap.header-two #navigation { margin: 0; background: none; } body.full-layout #site-wrap.header-two #navigation .sf-menu > li > a { border-right: 1px solid #fff; border-left: 1px solid #ddd; border-bottom: none; } body.full-layout #site-wrap.header-two #navigation .sf-menu ul { box-shadow: 0 3px 5px rgba(0,0,0,0.15); } body.full-layout #site-wrap.header-two #navigation .sf-menu > li > ul { border-top: 1px solid #ddd; } body.full-layout #site-wrap.header-two #header-search-toggle:before { display: block; } body.full-layout #site-wrap.header-two #header-search { width: 210px; } body.full-layout #site-wrap.header-two #header-search input:focus { box-shadow: 2px 2px 2px rgba(0,0,0,0.1); } body.full-layout #site-wrap.header-two #navigation .sf-menu > li > a:hover, body.full-layout #site-wrap.header-two #navigation .sf-menu > li.sfHover > a, body.full-layout #site-wrap.header-two #navigation .sf-menu > .current-menu-item > a, body.full-layout #site-wrap.header-two #navigation .sf-menu > .current-menu-parent > a, body.full-layout #site-wrap.header-two #navigation .sf-menu > .current-menu-parent > a:hover, body.full-layout #site-wrap.header-two #navigation .sf-menu > .sf-menu > .current-menu-item > a:hover { color: #000; background: none; border-bottom: none; background: -moz-linear-gradient(top, #efefef 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: -o-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: -ms-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: linear-gradient(to bottom, #efefef 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fbfbfb',GradientType=0 ) } /* Header Style 3 ================================================== */ #site-wrap.header-three #header{ text-align: center; } #site-wrap.header-three #header #logo h1, #site-wrap.header-three #header #logo h2, #site-wrap.header-three #header #logo h1 a, #site-wrap.header-three #header #logo h2 a, #site-wrap.header-three #header #logo img { float: none; text-align: center; display: inline; } #site-wrap.header-three #navigation { position: relative; left: auto; top: auto; right: auto; margin: 30px 0; height: 45px; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); } #site-wrap.header-three #navigation:before { display: block; content: ""; height: 1px; width: 100%; background: rgba(255,255,255,0.1); } #site-wrap.header-three #navigation:after { display: block; content: ""; height: 1px; width: 100%; background: rgba(255,255,255,0.1); } #site-wrap.header-three #navigation ul.sf-menu .current ul, #site-wrap.header-three #navigation ul.sf-menu li:hover ul, #site-wrap.header-three #navigation ul.sf-menu li.sfHover ul { top: 45px; } #site-wrap.header-three #navigation .sf-menu { text-align: center; height: 45px; } #site-wrap.header-three #navigation .sf-menu > li { float: none; margin-right: 5px; padding-right: 5px; display: inline-block; } #site-wrap.header-three #navigation .sf-menu > li > a { color: #fff; color: rgba(255,255,255,0.7); text-shadow: -1px -1px 1px rgba(0,0,0,0.3); height: 45px; line-height: 45px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #site-wrap.header-three #navigation .sf-menu > li > a:before { position: absolute; top: 50%; margin-top: -3px; right: -5px; display: block; content: ""; height: 6px; width: 1px; background: rgba(0,0,0,0.25); } #site-wrap.header-three #navigation .sf-menu > li:last-child > a:before { display: none; margin-right: 0; padding-right: 0; } #site-wrap.header-three #navigation .sf-menu > li > a:hover, #site-wrap.header-three #navigation .sf-menu > li.sfHover > a, #site-wrap.header-three #navigation .sf-menu > .current-menu-item > a, #site-wrap.header-three #navigation .current-menu-parent > a, #site-wrap.header-three #navigation .current-menu-parent > a:hover, #site-wrap.header-three #navigation .sf-menu > .current-menu-item > a:hover { color: #fff; color: rgba(255,255,255, 1); background: none; } #site-wrap.header-three #navigation .sf-menu ul { margin-left: 0; text-align: left; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-top-left-radius: 0; } #site-wrap.header-three #navigation .sf-menu ul ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Full Width Style */ body.full-layout #site-wrap.header-three #navigation { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } body.full-layout #site-wrap.header-three #navigation:before, body.full-layout #site-wrap.header-three #navigation:after { display: none; } body.full-layout #site-wrap.header-three #navigation .sf-menu > li > a { padding: 0 12px; color: #888; text-shadow: none; height: 45px; line-height: 45px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; } body.full-layout #site-wrap.header-three #navigation .sf-menu > li > a:hover, body.full-layout #site-wrap.header-three #navigation .sf-menu > li.sfHover > a, body.full-layout #site-wrap.header-three #navigation .sf-menu > .current-menu-item > a, body.full-layout #site-wrap.header-three #navigation .current-menu-parent > a, body.full-layout #site-wrap.header-three #navigation .current-menu-parent > a:hover, body.full-layout #site-wrap.header-three #navigation .sf-menu > .current-menu-item > a:hover { color: #41a7fc; background: none; } body.full-layout #site-wrap.header-three #navigation .sf-menu > li > ul { border-top: 1px solid #e6e6e6; } body.full-layout #site-wrap.header-three #navigation .sf-menu ul { box-shadow: 0 3px 3px rgba(0,0,0,0.2); } /* Homepage ================================================== */ #home-page-content { padding: 0; } body.full-layout #home-page-content { margin-top: 30px; } /* Pre-built homepage Styles */ #home-pb-tagline { text-align: justify; font-size: 18px; font-weight: normal; color: #222; padding: 60px 0 0px; } .home-pb-spacer { display: block; height: 30px; margin: 0; padding: 0; border: 0; background: none; } .symple-heading.home-pb-heading { margin: 0 0 25px; } /* SliderRevolution ================================================== */ body.boxed-layout #page-slider { margin: 0 -40px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } body.full-layout #site-wrap.header-two #page-slider { border-bottom: 1px solid #ccc; box-shadow: 0 3px 3px rgba(0,0,0,0.15); } #page-slider img { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .tp-bannershadow { opacity: 0.5 !important; } .rev_slider_wrapper img, .tp-caption img { max-width:none !important; } /* FlexSlider ================================================== */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ .no-js .slides > li:first-child { display: block; } /*main*/ .flexslider-container { position: relative; } .flexslider { zoom: 1; position: relative; } .flexslider ul { margin: 0; } .flex-viewport { max-height: 2000px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev { position: absolute; display: block; width: 30px; height: 30px; line-height: 30px; position: absolute; bottom: 5px; margin-top: -16px; cursor: pointer; font-size: 14px; text-align: center; color: #fff; background: #000; background: rgba(0,0,0,0.7); } .flex-direction-nav li a.flex-next { left: 35px; } .flex-direction-nav li a.flex-prev { left: 5px; } .flex-direction-nav li a:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; color: #fff; text-decoration: none; background-color: #41a7fc; } /* Portfolio Entries ================================================== */ .portfolio-entry { background: #fff; } .portfolio-entry-media { position: relative; } .portfolio-entry-media a { display: block; } .portfolio-entry-media img { display: block; box-shadow: #000 0em 0em 0em; } .portfolio-entry-img img { overflow: hidden; display: block; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .portfolio-entry-img.opacity-hover img:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .portfolio-entry-details { margin-top: 15px; } .portfolio-entry-title h3 { font-size: 17px; font-weight: bold; text-transform: none; margin: 0; } .portfolio-entry-title h3 a { color: #000; } .portfolio-entry-title h3 a:hover { text-decoration: none; color: #666; } .portfolio-entry-excerpt { color: #0000; font-size: 16px; font-weight: bold; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e6e6e6; } .portfolio-entry-readmore { display: block; margin-top: 5px; white-space: nowrap; } /*Overlays*/ .portfolio-entry-overlay { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .portfolio-entry-overlay-inner { position: relative; width: 100%; height: 100%; overflow: hidden; background: #000; background: rgba(0,0,0,0.5); } .portfolio-entry-overlay-inner .overlay-icon { font-size: 16px; color: #fff; background: #000; background: rgba(0,0,0,0.6); text-shadow: 0 0 5px rgba(0,0,0,1); height: 40px; line-height: 40px; text-align: center; width: 40px; position: absolute; top: -40px; left: 50%; margin-top: -20px; margin-left: -20px; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; transition: background 0.2s ease; } .portfolio-entry-overlay-inner .overlay-icon:hover { background: #1571f0; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 0 3px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } /* Portfolio Filter ================================================== */ .portfolio-isotope { margin-right: -50px; overflow: hidden; } ul.portfolio-filter { list-style: none; text-align: center; margin: 0 0 20px; } ul.portfolio-filter li { display: block; float: left; margin-right: 6px; margin-bottom: 6px; font-size: 12px; } ul.portfolio-filter a { position: relative; display: block; font-size: 12px; padding: 5px 12px; color: #666; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; background-image: -moz-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -o-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); } ul.portfolio-filter a:hover { text-decoration: none; background: #eee; color: #000; } ul.portfolio-filter a.active, ul.portfolio-filter a.active:hover { color: #fff; background: #41a7fc; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.2); border-top-color: rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 2px 3px rgba(0,0,0,0.2); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } /* Portfolio Posts ================================================== */ #portfolio-post-media { /* margin-bottom: 30px;*/ } #portfolio-post-slider, #portfolio-post-thumbnail, #portfolio-post-video { display: block; } #portfolio-post-thumbnail img, #portfolio-post-video, #portfolio-post-slider { display: block; margin:0 20px 20px 0; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float:left; } /* Details */ #portfolio-post-details { float: left; max-width: 36%; border-right: 1px solid #e6e6e6; padding-right: 30px; margin-bottom: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .portfolio-entry-content-float { float: right; max-width: 60%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #portfolio-post-details strong { color: #333; } #portfolio-post-details ul { list-style: none; margin-bottom: 20px; } #portfolio-post-details ul li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #eee; } /*related*/ #related-portfolio { margin-bottom: 40px; } .related-portfolio-item img { padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Slider tweaks */ #portfolio-post-slider .flex-direction-nav li a.flex-prev { left: 0; bottom: 0; } #portfolio-post-slider .flex-direction-nav li a.flex-next { left: 30px; bottom: 0; } /* Services Entries ================================================== */ .services-entry { position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .service-entry-with-icon { padding-left: 70px; } .services-entry-link:hover { text-decoration: none; } .services-entry-icon { position: absolute; height: 40px; width: 40px; top: 0px; left: 0px; } .services-entry-font-icon { position: absolute; height: 40px; line-height: 40px; width: 40px; top: 0px; left: 0px; color: #fff; font-weight: normal; font-size: 16px; text-align: center; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; border: 1px solid rgba(0,0,0,0.3); background: #1571f0; text-shadow: -1px -1px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } .services-entry-title { line-height: 1.6em; font-size: 14px; font-weight: bold; margin: 0 0 5px; } .services-entry-link:hover h3 { color: #1571f0; } .services-entry-details { font-size: 12px; color: #999; } .services-entry-readmore { display: block; margin-top: 5px; white-space: nowrap; } /* Services Filter ================================================== */ .services-isotope { margin-right: -50px; overflow: hidden; } ul.services-filter { list-style: none; text-align: center; margin: 0 0 30px; border-bottom: 1px solid #ddd; } ul.services-filter li { display: block; float: left; margin-right: 6px; margin-bottom: 0; font-size: 12px; } ul.services-filter a { position: relative; display: block; padding: 6px 14px; color: #888; border: 1px solid #ddd; border-bottom: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } ul.services-filter a:hover { text-decoration: none; background: #f9f9f9; color: #000; } ul.services-filter a.active, ul.services-filter a.active:hover { color: #fff; background: #41a7fc; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.2); border-top-color: rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 0 3px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } /* Services Posts ================================================== */ #services-post-thumbnail, #services-post-video { display: block; margin-bottom: 30px; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #services-post-video, #services-post-thumbnail img, #services-post-slider img { display: block; width: 100%; } #services-post-slider { display: block; margin-bottom: 30px; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Slider tweaks */ #services-post-slider .flex-direction-nav li a.flex-prev { left: 0; bottom: 0; } #services-post-slider .flex-direction-nav li a.flex-next { left: 30px; bottom: 0; } /* FAQ Filter ================================================== */ ul.faq-filter { list-style: none; text-align: center; margin: 0 0 30px; border-bottom: 1px solid #ddd; } ul.faq-filter li { display: block; float: left; margin-right: 6px; margin-bottom: 0; font-size: 12px; } ul.faq-filter a { position: relative; display: block; padding: 6px 14px; font-weight: bold; color: #888; border: 1px solid #ddd; border-bottom: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } ul.faq-filter a:hover { text-decoration: none; background: #f9f9f9; color: #000; } ul.faq-filter a.active, ul.faq-filter a.active:hover { color: #fff; background: #1571f0; border-color: rgba(0,0,0,0.2); border-top-color: rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 0 3px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } /* FAQ Entries ================================================= */ .faq-wrap { margin-bottom: 30px; } .faq-entry { width: 100%; margin-bottom: 15px; } .faq-trigger h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; } .faq-trigger h2 { display: block; color: #222; padding-bottom: 15px; border-bottom: 1px solid #eee; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .faq-trigger h2 span { margin-right: 10px; color: #bbb; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .faq-trigger h2:hover, .faq-trigger.active h2 { color: #222; } .faq-trigger h2:hover, .faq-trigger.active h2, .faq-trigger h2:hover span, .faq-trigger.active h2 span{ /* color: #1571f0; color:#e07e00; */ color: #000000 !important; } .faq-entry-content { font-style:italic ; padding: 20px 0; display: none; } .faq-entry-content p:last-child { margin: 0; } .faq-entry-readmore{ display: block; float: left; white-space: nowrap; font-size: 11px; text-transform: uppercase; } /* FAQ Posts ================================================== */ #single-faq-post header h1 { margin: 0 0 5px; font-size: 24px; line-height: 1.3em; } .faq-post-footer { margin-top: 30px; font-size: 0.929em; } .faq-post-footer strong { color: #000; font-weight: 600; } .faq-post-footer .categories { margin-bottom: 10px; padding-left: 25px; background: url("images/icons/dark/folder.png") left center no-repeat; } .faq-post-footer .tags { margin-bottom: 0; padding-left: 25px; background: url("images/icons/dark/tags.png") left center no-repeat; } /* KB Style FAQ ================================================== */ #kb-page-content { font-size: 18px; float:left; color: #222; width:60%; } #kb-page-content p:last-child { margin: 0; } #kb-search { background: #f9f9f9; position: relative; padding: 30px 40px; margin: 30px -40px 40px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } body.full-layout #kb-search { margin-left: 0; margin-right: 0; border: 1px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #kb-search input { height: 45px; line-height: 45px; font-size: 14px; } #kb-search .icon-search { position: absolute; top: 50%; right: 60px; height: 30px; line-height: 30px; margin-top: -15px; color: #bbb; } .kb-entry h2 { font-size: 13px; margin: 0 0 20px; color: #222; background: url('images/diagonal.png') center repeat-x; } .kb-entry h2 span { background: #fff; display: inline-block; padding-right: 20px; } .kb-entry ul { margin: 0; list-style: none; } .kb-entry ul li { position: relative; padding-left: 20px; margin-bottom: 10px; } .kb-entry ul a { color: #666; } .kb-entry ul span { position: absolute; top: 4px; left: 0; color: #bbb; margin-right: 15px; font-size: 10px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .kb-entry ul a:hover { text-decoration: none; color: #000; } .kb-entry ul a:hover span { color: #41a7fc; } /* Staff Entries ================================================== */ .staff-entry { float: left; background: #fff; /* filter "fix" */ } .staff-entry-img img { display: block; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .staff-entry-img img:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .staff-entry-details { margin-top: 15px; } .staff-entry-title h3, .staff-entry-title h2 { font-size: 13px; font-weight: bold; text-transform: none; margin: 0; } .staff-entry-title h2 a, .staff-entry-title h3 a { color: #000; } .staff-entry-position { margin-left: 5px; display: inline; font-size: 11px; color: #888; font-weight: normal; } .staff-entry-position span { margin-right: 5px; } .staff-entry-meta { text-transform: uppercase; margin-bottom: 5px; font-size: 0.813em; color: #b7b9bd; } .staff-entry-excerpt { font-size: 12px; color: #999; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e6e6e6; } .staff-entry-readmore { display: block; margin-top: 5px; white-space: nowrap; } /* Staff Filter ================================================== */ .staff-isotope { margin-right: -50px; } ul.staff-filter { list-style: none; text-align: center; margin: 0 0 20px; } ul.staff-filter li { display: block; float: left; margin-right: 6px; margin-bottom: 6px; font-size: 12px; } ul.staff-filter a { position: relative; display: block; font-size: 13px; padding: 3px 12px; color: #666; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; background-image: -moz-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -o-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); } ul.staff-filter a:hover { text-decoration: none; background: #eee; color: #000; } ul.staff-filter a.active, ul.staff-filter a.active:hover { color: #fff; background: #41a7fc; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.2); border-top-color: rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 0 3px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } /* Staff Posts ================================================== */ #staff-post-position { display: inline; margin-left: 10px; font-size: 14px; color: #888; font-weight: normal; } #staff-post-position span { margin-right: 10px; } #staff-post-thumbnail { display: block; margin-bottom: 30px; } #staff-post-thumbnail img { display: block; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #staff-post h1 { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #313131; } #staff-post h1 span { margin-left: 7px; font-weight: 300; margin-bottom: 5px; font-size: 0.563em; color: #999; } /* Testimonials / Posts & Entries styled the same way ====================================================== */ #testimonials-archive-wrap ul.page-numbers { margin-top: 30px; } /*posts*/ .testimonial { padding: 25px; background: #f9f9f9; font-size: 16px; line-height: 1.6em; position: relative; } .testimonial p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } .testimonial h1 { font-size: 18px; margin: 0 0 10px; } .testimonial .icon-quote-right { position: absolute; font-size: 100px; top: 20px; right: 20px; color: rgba(204,204,204,0.23); display: block; text-align: center; } .testimonial-post-thumbnail { width: 140px; display: block; float: left; margin-right: 30px; margin-bottom: 30px; } .testimonial-post-thumbnail img { display: block; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #post .testimonial-content { width: 440px; } .testimonial.no-thumbnail .testimonial-content { width: 100%; } .testimonial-author { text-align: right; font-size: 13px; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif; } /*entries*/ .testimonial-entry { margin-bottom: 30px; } .testimonial-entry:last-child { margin-bottom: 0; } /* Testimonials Slider Shortcode ====================================================== */ .symple-testimonials ul { list-style: none; } .symple-testimonials li { list-style: none; } .symple-testimonials-slide { background: #f9f9f9; border: 1px solid #ddd; padding: 20px; margin: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1); box-shadow: 0 1px 4px rgba(0,0,0,.1); } .symple-testimonials-content { font-style: italic; } .symple-testimonials-title { font-weight: bold; font-size: 16px; color: #222; font-style: normal; } .symple-testimonials-url { margin-bottom: 10px; font-size: 12px; } .symple-testimonials-thumb { display: block; float: left; margin-right: 25px; margin-bottom: 10px; max-width: 20%; width: auto !important; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .symple-testimonials-url { margin-bottom: 10px; font-size: 12px; } .symple-testimonials-by { text-align: right; color: #666; font-weight: bold; margin-top: 10px; } .symple-testimonials-by span { margin-right: 5px; } .symple-testimonials .flex-control-paging { position: absolute; top: -14px; right: 15px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .symple-testimonials .flex-control-paging li { display: block; float: left; } .symple-testimonials .flex-control-paging a { cursor: pointer; text-indent: -9999px; background: #eee; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); text-indent: -9999px; display: block; width: 6px; height: 6px; margin: 0 2px; outline: 0; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px; } .symple-testimonials .flex-control-paging a { background: #bbb; } .symple-testimonials .flex-control-paging a:hover, .symple-testimonials .flex-control-paging a.flex-active { box-shadow: inset 0 0 3px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4); background: #1571f0; background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } .symple-testimonials .flex-direction-nav li a.flex-next, .symple-testimonials .flex-direction-nav li a.flex-prev { position: absolute; display: block; bottom: auto; top: 50%; margin-top: -20px; width: 20px; height: 20px; line-height: 20px; position: absolute; cursor: pointer; font-size: 12px; text-align: center; color: #bbb; background: none; } .symple-testimonials .flex-direction-nav li a.flex-next { left: auto; right: -16px; } .symple-testimonials .flex-direction-nav li a.flex-prev { left: auto; left: -20px; } .symple-testimonials .flex-direction-nav li a:hover { color: #000; text-decoration: none; background: none; } /* Tax Filter ================================================== */ ul.tax-archives-filter { position: absolute; height: 40px; top: 50%; margin-top: -20px; right: 0; list-style: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eeeeee; border: 1px solid #ccc; border-left: none; text-decoration: none !important; background: -moz-linear-gradient(top, #fbfbfb 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: linear-gradient(to bottom, #fbfbfb 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#efefef',GradientType=0 ); } ul.tax-archives-filter li { display: block; float: left; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 1px #fff; } ul.tax-archives-filter a { position: relative; display: block; padding: 10px 15px; color: #666; border-right: 1px solid #fff; border-left: 1px solid #ccc; } ul.tax-archives-filter a:hover { text-decoration: none; background: #f9f9f9; color: #000; } ul.tax-archives-filter a.active, ul.tax-archives-filter a.active:hover { color: #000; background: -moz-linear-gradient(top, #efefef 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: -o-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: -ms-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: linear-gradient(to bottom, #efefef 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fbfbfb',GradientType=0 ); } /* Blog Shortcode ================================================== */ .recent-posts-isotope { margin-right: -50px; overflow: hidden; } .recent-posts-entry { float: left; } .recent-posts-entry-img img { width: 100%; display: block; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -webkit-transition: border 0.1s ease; -moz-transition: border 0.1s ease; transition: border 0.1s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .recent-posts-entry-img img:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .recent-posts-entry-img:hover { border-color: #313131; } .recent-posts-entry-details { margin-top: 15px; } .recent-posts-entry-title h3, .recent-posts-entry-title h2 { font-size: 1em; font-weight: bold; text-transform: none; margin: 0; } .recent-posts-entry-meta { margin-bottom: 5px; font-size: 12px; color: #999; } .recent-posts-entry-excerpt { font-size: 0.929em; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; } /* News Style */ .recent-posts.style-news .recent-posts-entry-details { position: relative; margin: 0; padding-left: 75px; width: auto !important; } .recent-posts.style-news .recent-posts-entry-date { position: absolute; left: 0; top: 0; width: 55px; padding: 7px 0; text-align: center; font-weight: bold; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd; border: 1px solid rgba(153,153,153,0.4); background-color: #fbfbfb; background-image: -moz-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); box-shadow: 0 0 1px rgba(153,153,153,0.3); } .recent-posts.style-news .recent-posts-entry-date span { display: block; } .recent-posts.style-news .recent-posts-entry-date span.day { font-size: 14px; color: #444; } .recent-posts.style-news .recent-posts-entry-date span.month { font-size: 13px; color: #777; } .recent-posts.style-news .recent-posts-entry-title h3, .recent-posts.style-news .recent-posts-entry-title h2 { margin: 0 0 5px; font-size: 16px; } .recent-posts.style-news .recent-posts-entry-excerpt { margin: 0; border: 0; padding: 0 0 10px; } .recent-posts.style-news .comments-count span { margin-right: 4px; } /* Blog Entries ================================================== */ .blog-entry { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e6e6e6; } .blog-entry-title h2 { margin: 0 0 5px; font-size: 24px; font-size: 24px; line-height: 1.3em; } .blog-entry-title h2 a:hover { text-decoration: none; } .blog-entry-media { display: block; margin-bottom: 20px; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .blog-entry-media img { display: block; } .blog-entry-video { display: none; } .blog-entry-img img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .format-image .blog-entry-img img:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .blog-entry-readmore { display: inline-block; margin-top: 15px; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; } /* Formats */ .blog-entry-with-icon .blog-entry-title { position: relative; padding-left: 50px; } .blog-entry-icon { position: absolute; left: 0; top: 0; height: 35px; line-height: 35px; width: 35px; text-align: center; font-size: 14px; color: #888; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd; border: 1px solid rgba(153,153,153,0.4); background-color: #fbfbfb; background-image: -moz-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); box-shadow: 0 0 1px rgba(153,153,153,0.3); } .format-image .blog-entry-img { position: relative; display: block; margin: 0 auto; } .image-format-link .image-format-overlay { display: none; position: absolute; top: 0; left: 0; background: #fff; background: rgba(255,255,255,0.6); height: 100%; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .image-format-link .image-format-overlay span { position: absolute; display: block; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-top: -20px; color: #fff; background: #444; background: rgba(0,0,0,0.3); border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; } .gallery-format-slider { position: relative; } .gallery-format-slider .flex-direction-nav li a.flex-prev { left: 0; bottom: 0; } .gallery-format-slider .flex-direction-nav li a.flex-next { left: 30px; bottom: 0; } /* Medium Image style entries */ .blog-entry.medium_image .blog-entry-media { float: left; width: 260px; } .blog-entry.medium_image .blog-entry-details { float: right; width: 360px; } .full-width-post .blog-entry.medium_image .blog-entry-media { float: left; width: 260px; } .full-width-post .blog-entry.medium_image .blog-entry-details { float: right; width: 640px; } /* Blog Posts ================================================== */ /*header*/ h1#single-post-title { margin: 0 0 5px; font-size: 24px; line-height: 1.3em; } /*post slider*/ #single-post-slider { margin: 0 0 30px; } /*post-thumbnail*/ #blog-post-slider, #blog-post-thumbnail, #blog-post-video { position: relative; margin-bottom: 30px; } .single #blog-post-thumbnail img, #blog-post-video embed, #blog-post-video iframe, #blog-post-slider img { display: block; max-width: 100%; margin: 0 auto; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #blog-post-slider.gallery-format-slider .flex-direction-nav li a.flex-prev { left: 5px; bottom: 5px; } #blog-post-slider.gallery-format-slider .flex-direction-nav li a.flex-next { left: 35px; bottom: 5px; } /*edit post*/ #post-edit-link { margin-top: 30px; font-size: 12px; } /* Social Jetpack */ div.sharedaddy div.sd-block { border-top: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,.13); padding: 15px 0 !important; } /*tags*/ #post-tags { margin-top: 50px; } #post-tags h4 { margin: 0 0 20px; } #post-tags a { position: relative; display: block; float: left; margin-right: 5px; margin-bottom: 5px; font-size: 11px; padding: 3px 12px; color: #666; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; background-image: -moz-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -o-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } #post-tags a:hover { text-decoration: none; background: #f9f9f9; color: #000; } /* author bio*/ #post-author { margin-top: 30px; font-size: 13px; } #post-author-inner { padding: 20px; background: #f9f9f9; } #post-author h4 { font-size: 14px; font-weight: bold; margin: 0 0 10px; } #post-author-image { float: left; } #post-author-image img { display: block; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #post-author-bio { float: right; width: 520px; } #site-wrap.full-width-post #post-author-bio { width: 790px; } #post-author-links a { display: block; float: left; height: 25px; width: 25px; line-height: 25px; text-align: center; border-radius: 99px; background: #eee; color: #666; font-size: 14px; margin-right: 5px; } #post-author-links a:hover { color: #000; background: #ddd; text-decoration: none; } /*related posts*/ #related-posts { margin-top: 30px; position: relative; } #related-posts h4 { margin: 0 0 20px; } #related-posts ul { margin-right: -20px; list-style: none; } #related-posts .related-post { float: left; width: 200px; margin-right: 20px; } .related-post img { padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .related-post img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } .related-post-title { font-size: 13px; font-weight: bold; margin: 10px 0; } .related-post-excerpt { margin: 0; color: #999; font-size: 12px; margin-top: 5px; } #related-posts .bx-wrapper .bx-controls-direction { position: absolute; bottom: -50px; right: auto; left: 0; } /* Post Meta - date, author, comments ================================================== */ .entry-meta { color: #777; font-size: 13px; margin: 0 0 15px; font-weight: normal; list-style: none; } .entry-meta li { float: left; margin-right: 20px; list-style: none; } .entry-meta li span { margin-right: 3px; } .entry-meta li a { color: #666; } .post-meta { color: #777; font-size: 11px; font-weight: normal; padding: 10px 0; margin-top: 30px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; list-style: none; } .post-meta li { float: left; margin-right: 20px; list-style: none; } .post-meta li span { margin-right: 3px; } .post-meta li a { color: #666; } .post-meta li a:hover { color: #222; } /* Pagination ================================================== */ ul.page-numbers { list-style: none; margin: 0; } .page-numbers:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } ul.page-numbers li { display: block; float: left; margin: 0 5px 5px 0; text-align: center; } .page-numbers a, .page-numbers span { font-size: 12px; display: block; padding: 3px 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; border: 1px solid #ccc; font-size: 11px; cursor: pointer; color: #666; text-shadow: 1px 1px 1px #fff; font-weight: 400; background: #e5e5e5; box-shadow: inset 0 1px 1px #fff; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); background: -moz-linear-gradient(top, #eeeeee, #dddddd); } .page-numbers a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#eeeeee)); background: -moz-linear-gradient(top, #dddddd, #eeeeee); text-decoration: none; } .page-numbers.current, .page-numbers.current:hover { color: #fff; background: #41a7fc; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.2); border-top-color: rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 2px 3px rgba(0,0,0,0.2); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } /* Post Pagination ================================================== */ #post-pagination { position: absolute; right: 0; top: 50%; margin: 0; margin-top: -20px; height: 40px; font-size: 12px; font-weight: normal; } #post-pagination li { list-style: none; float: left; margin-left: 10px; } #post-pagination a { color: #bbb; height: 40px; line-height: 40px; } #post-pagination a:hover { text-decoration: none; } #post-pagination a:hover{ color: #000; text-decoration: underline; } #post-pagination a:hover span { text-decoration: none; } #post-pagination .post-prev { float: left; text-align: left; } #post-pagination .post-next { float: right; text-align: right; } /* Sidebar ================================================== */ .sidebar-widget-title { margin: 0 0 20px; font-size: 14px; background: url("images/diagonal.png") center repeat-x; } .sidebar-widget-title span { background: #fff; padding-right: 15px; } .sidebar-box { margin-bottom: 40px; } #sidebar a { color: #666; } #sidebar a:hover { color: #da3610; text-decoration: none; } #sidebar select, #sidebar option { max-width: 100%; } /* Widgets ================================================== */ /*menu*/ #sidebar .widget_nav_menu ul { margin: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); } #sidebar .widget_nav_menu ul ul { margin: 0; border: none; border-radius: 0; } #sidebar .widget_nav_menu li:first-child a { border-top: 1px solid #e5e5e5; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #sidebar .widget_nav_menu li:last-child a { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #sidebar .widget_nav_menu a { position: relative; font-weight: normal; display: block; padding: 10px 15px; font-size: 14px; color: #0088cc; background: #fff; border: 1px solid #e5e5e5; border-top: none; padding-left: 35px; } #sidebar .widget_nav_menu a:before { font-family:'FontAwesome'; display: block; content:"\f053"; position: absolute; left: 15px; top: 50%; font-size: 12px; height: 20px; line-height: 20px; margin-top: -10px; color: #ccc; } .left-sidebar-post #sidebar .widget_nav_menu a { padding-left: 15px; padding-right: 35px; } .left-sidebar-post #sidebar .widget_nav_menu a:before { left: auto; right: 15px; content:"\f054"; } #sidebar .widget_nav_menu a:hover { color: #005580; background: #f9f9f9; } #sidebar .widget_nav_menu a:hover:before { color: #888; } #sidebar .widget_nav_menu .current-menu-item a { color: #fff; background: #1571f0; border-color: rgba(0,0,0,0.15); border-top: 1px solid rgba(0,0,0,0.09) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,0.6); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } #sidebar .widget_nav_menu .current-menu-item a:before { color: #fff; } #sidebar .widget_nav_menu a:hover .icon-chevron-left { color: #222; } #sidebar .widget_nav_menu .current-menu-item a .icon-chevron-left { color: #fff; } /*tagcloud*/ .tagcloud a { float: left; display: block; font-weight: 400; font-size: 11px !important; line-height: 14px !important; padding: 4px 12px; display: block; float: left; margin-right: 7px; margin-bottom: 7px; position: relative; white-space: nowrap; font-size: 13px; color: #666; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; background-image: -moz-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -o-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; } #sidebar .tagcloud a:hover { background: #f9f9f9; color: #000; } #sidebar .tagcloud a:active { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; } #footer .tagcloud a { background: #000; background: rgba(0,0,0,0.25); color: #fff; color: rgba(255,255,255,0.7); border: none; box-shadow: none; } #footer .tagcloud a:hover { color: #fff; background: rgba(0,0,0,0.7); } /*calendar*/ #wp-calendar { width: 100%; font-size: 11px; } #wp-calendar tfoot td.pad { background-color: transparent; } #wp-calendar tbody td { line-height: 3em; text-align: center; border: 1px solid #eee; } #footer #wp-calendar tbody td { border-color: #222; border-color: rgba(204,204,204,0.2); } #wp-calendar tbody td:hover { box-shadow: inset 0 0 7px rgba(0,0,0,0.1); color: #000; } #footer #wp-calendar tbody td:hover { color: #fff; box-shadow: none; } #wp-calendar caption { cursor: pointer; font-size: 11px; font-weight: 400; margin-bottom: 0; margin-top: 0; outline: 0 none !important; text-align: right; margin-bottom: 15px; color: #444; text-transform: uppercase; } #footer #wp-calendar caption { color: #fff; color: rgba(255,255,255,0.7); } #wp-calendar tbody a { display: block; background: #f9f9f9; border-color: #ddd; } #footer #wp-calendar tbody a { background: rgba(255,255,255,0.3); } #wp-calendar th { text-align: center; border: 1px solid #eee; line-height: 3.2em; color: #000; font-weight: 700; } #footer #wp-calendar th { color: #fff; color: rgba(255,255,255,0.6); border-color: #222; border-color: rgba(204,204,204,0.2); } /*lists*/ #footer .widget_recent_entries li, #footer .widget_categories li, #footer .widget_archive li, #footer widget_meta li, #footer .wpex-taxonomies-widget li, #footer #footer .wpex-recent-post-types-widget li, #footer .widget_pages li, #footer .widget_links li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #333; border-bottom: 1px solid rgba(153,153,153,0.15); } #footer .widget_recent_entries ul, #footer .widget_categories ul, #footer .widget_archive ul, #footer widget_meta ul, #footer .wpex-taxonomies-widget ul, #footer #footer .wpex-recent-post-types-widget ul, #footer .widget_pages ul, #footer .widget_links ul { padding-top: 8px; border-top: 1px solid #333; border-top: 1px solid rgba(153,153,153,0.15); } /*** CUSTOM WIDGETS ***/ /*video*/ .wpex-video-widget-description { margin-top: 15px; text-align: center; } /* Slider Widget */ .wpex-widget-slider-link { display: block; position: relative; } .wpex-widget-slider-link img { display: block; } .flex-loading{ height: 100px; background: url("images/loader.gif") center center no-repeat; } .wpex-widget-slider .wpex-widget-slider-title { display: block; position: absolute; bottom: 0; left:0; width: 100%; text-align: center; background: #000; background: rgba(0,0,0,0.8); font-size: 12px; font-weight: normal; padding: 7px 10px; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wpex-widget-slider .flex-direction-nav li a.flex-next, .wpex-widget-slider .flex-direction-nav li a.flex-prev { position: absolute; display: block; width: 20px; height: 20px; line-height: 20px; position: absolute; bottom: auto; top: 0px; left: auto; margin: 0; cursor: pointer; font-size: 13px; text-align: center; color: #fff !important; background: #000; background: rgba(0,0,0,0.7); } .wpex-widget-slider .flex-direction-nav li a.flex-next { right: 0px; } .wpex-widget-slider .flex-direction-nav li a.flex-prev { right: 20px; } .wpex-widget-slider .flex-direction-nav li a:hover { color: #fff; text-decoration: none; background-color: #41a7fc; }z .wpex-video-widget-description { font-size: 12px; margin-top: 10px; color: #999; } /* Recent Posts */ .wpex-widget-recent-posts li { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #eee; } .wpex-widget-recent-posts li:last-child { margin-bottom: 0; } .wpex-widget-recent-posts-thumb { max-width: 40%; display: block; float: left; padding: 3px; margin-right: 15px; border: 1px solid #e6e6e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .wpex-widget-recent-posts-thumb:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); box-shadow: 0px 1px 5px rgba(0,0,0,0.1); } #sidebar a.wpex-widget-recent-posts-title { color: #222; font-size: 13px; } #sidebar a.wpex-widget-recent-posts-title:hover { color: #666; } .wpex-widget-recent-posts-thumb img { display: block; } /* Recent Posts Thumbnail Grid */ .wpex-recent-posts-thumb-grid a { display: block; float: left; width: 22%; max-width: 86px; margin-right: 4%; margin-bottom: 6px; padding: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e6e6e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wpex-recent-posts-thumb-grid a:nth-child(4n+4) { margin-right: 0; } .wpex-recent-posts-thumb-grid a:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); border-color: #ccc; box-shadow: 0px 1px 5px rgba(0,0,0,0.1); } .wpex-recent-posts-thumb-grid img { display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } #footer .wpex-recent-posts-thumb-grid a { background: rgba(0,0,0,0.4); border-color: #333; border-color: rgba(204,204,204,0.2); } /* Flickr*/ .wpex-flickr-widget .flickr_badge_image { display: block; float: left; width: 33.33%; padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wpex-flickr-widget .flickr_badge_image img { display: block; padding: 2px; border: 1px solid #e6e6e6; } .wpex-flickr-widget .flickr_badge_image img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); border-color: #ccc; box-shadow: 0px 1px 5px rgba(0,0,0,0.1); } #footer .wpex-flickr-widget .flickr_badge_image img { border-color: rgba(204,204,204,0.2); box-shadow: none; } /* Testimonials */ .wpex-widget-testimonials ul.slides { list-style: none; margin: 0; } .wpex-widget-testimonials-slide { background: #fafafa; padding: 15px; border: 1px solid #eee; border-radius: 3px; } #footer .wpex-widget-testimonials-slide { background: #222; background: rgba(0,0,0,0.2); border: none; } .wpex-widget-testimonials.flexslider .slides img { display: block; float: left; margin-right: 15px; margin-bottom: 15px; width: 80px; max-width: 30%; padding: 2px; border: 1px solid #e6e6e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #footer .wpex-widget-testimonials img { background: rgba(0,0,0,0.4); border-color: #333; border-color: rgba(255,255,255,0.18); } .widget-testimonials-content-title { font-weight: bold; color: #222; margin: 0 0 5px; } #footer .widget-testimonials-content-title { color: #fff; } .wpex-widget-testimonials-slide p { font-style: italic; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; } #sidebar .wpex-widget-testimonials-slide p a { color: #29ade0; font-size: 12px; white-space: nowrap; } #sidebar .wpex-widget-testimonials-slide p a:hover { text-decoration: underline; } #footer .wpex-widget-testimonials-slide p a { color: #fff; } .widget-testimonials-content-author { text-align: right; font-size: 12px; } .widget-testimonials-content-author span { margin-right: 3px; } .wpex-widget-testimonials .flex-control-paging { text-align: center; padding-top: 7px; } .wpex-widget-testimonials .flex-control-paging li { display: inline-block; *zoom: 1; *display: inline; } .wpex-widget-testimonials .flex-control-paging a { cursor: pointer; text-indent: -9999px; background: #eee; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); text-indent: -9999px; display: block; width: 9px; height: 9px; margin: 0 2px; outline: 0; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px; } #footer .wpex-widget-testimonials .flex-control-paging a { background: #666; background: rgba(0,0,0,0.6); } .wpex-widget-testimonials .flex-control-paging a:hover, .wpex-widget-testimonials .flex-control-paging a.flex-active, #footer .wpex-widget-testimonials .flex-control-paging a:hover, #footer .wpex-widget-testimonials .flex-control-paging a.flex-active { box-shadow: inset 0 0 3px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4); background: #1571f0; background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } /* Footer ================================================== */ #footer { box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 30px 40px 0; margin-top: 30px; color: #fff; color: rgba(153,153,153,0.8); background: rgba(0,0,0,0.65); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } body.full-layout #footer-wrap, body.full-layout #footer { box-shadow: none; background: #222; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } body.full-layout #footer { padding-top: 50px; } .footer-widget { margin-bottom: 30px; } .footer-widget h6 { color: #fff; font-size: 16px; margin: 0 0 20px; } .footer-widget a { color: #666; color: rgba(255,255,255,0.55); } .footer-widget a:hover { color: #fff; text-decoration: none; } /* Subfooter ================================================== */ #subfooter { position: relative; color: #fff; color: rgba(255,255,255,0.8); text-align: center; margin-top: 40px; padding-bottom: 120px; } body.full-layout #subfooter { background: #000; padding-top: 40px; margin-top: 0; } #subfooter a { color: #fff; color: rgba(255,255,255,1); text-decoration: underline; } /*copyright*/ #copyright { font-size: 11px; color:#222; } #copyright a {color:#222} /*footer menu*/ #footer-menu { margin-bottom: 10px; } #footer-menu ul { font-size: 14px; margin: 0; padding: 0; list-style: none; } #footer-menu ul li { display: inline; margin-bottom: 10px; margin-right: 10px; } #footer-menu ul li:last-child { margin-right: 0; } #footer-menu a { font-weight: 400; color: #222; text-decoration: none; } #footer-menu a:hover { text-decoration: underline; } /*scroll up link*/ a#toplink { display: block; position: absolute; bottom: 60px; left: 50%; margin-left: -15px; color: #fff; height: 30px; width: 30px; text-decoration: none; opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } #toplink:hover { text-decoration: none; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* Search ================================================== */ /*main*/ input[type="search"] { background: #fff; border: 1px solid #ddd; color: #666; font-size: 11px; font-family: inherit; color: #9da1a9; padding: 10px 16px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; outline: none; box-shadow: inset 0 2px 2px rgba(153,153,153,0.1); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; } input[type="search"]:focus { box-shadow: inset 0 2px 2px rgba(153,153,153,0.1), 0 0 5px #98e1ff; border-color: #00a8ed; color: #444; } #footer input[type="search"], #footer input[type="search"]:focus { box-shadow: none; border-color: transparent; } input[type="search"]::-webkit-search-decoration { display: none; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /*entries*/ .search-entry { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eee; } .search-entry h2 { margin: -5px 0 5px; font-size: 1.143em; } .search-entry-image { float: left; margin-right: 25px; margin-bottom: 25px; } .search-entry-image a { display: block; padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .search-entry-image img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .search-entry-image img { display: block; } /* Forms / Inputs / Buttons ================================================== */ /*inputs*/ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea { font-family: inherit; border: 1px solid #ddd; color: #444; display: block; font-size: 14px; margin-left: 0; width:100%; padding: 7px 15px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; -webkit-appearance: none; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; } textarea { width: 100%; padding: 15px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus { outline: none; border-color: #00a8ed; box-shadow: 0 0 5px #98e1ff; } /*buttons*/ div.wpcf7 .wpcf7-submit, .entry button, .entry input[type="button"], .entry input[type="submit"], #commentsbox input[type="submit"] { font-family: inherit; position: relative; font-size: 12px; cursor: pointer; margin-top: 5px; display: inline-block; white-space: nowrap; nowhitespace: afterproperty; text-align: center; outline: none; text-decoration: none; display: block; color: #666; font-weight: bold; padding: 8px 15px; text-decoration: none; text-align: center; white-space: nowrap; background: #efefef; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #bcbcbc; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); } div.wpcf7 .wpcf7-submit:hover, .entry button:hover, .entry input[type="button"]:hover, .entry input[type="submit"]:hover, #commentsbox input[type="submit"]:hover { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; text-decoration: none; color: #000; } div.wpcf7 .wpcf7-submit:active, .entry button:active, .entry input[type="button"]:active, .entry input[type="submit"]:active, #commentsbox input[type="submit"]:active { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) inset; } /* Contact Form 7 ================================================== */ div.wpcf7 { background: #f9f9f9; border: 1px solid #eee; padding: 30px 30px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #footer div.wpcf7 { background: #000; background: rgba(0,0,0,0.3); border: none; } div.wpcf7 p { color: #000; font-size: 13px; } div.wpcf7 p:last-of-type { margin: 0; } div.wpcf7 input { margin-top: 10px; } div.wpcf7 .wpcf7-submit { margin: 0; } div.wpcf7 .wpcf7-not-valid { border-color: #F00; box-shadow: 0 0 6px rgba(255,0,0,0.4); } span.wpcf7-not-valid-tip { display: none !important; } div.wpcf7-validation-errors { margin: 0; padding: 10px; color: #c4690e; background: #fffdf3; text-align: center; border: 1px solid #e6bf4a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.wpcf7-mail-sent-ng { margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Comments ================================================== */ #commentsbox { margin-top: 30px; } .comments-title { font-size: 18px; font-weight: normal; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-bottom: 10px; } .comments-title span { margin-right: 10px; } .comment-details ul { margin: 0; } .commentlist { margin: 0; } .commentlist li { list-style: none; margin: 0; } .children li.depth-2 { margin: 0 0 0px 65px; } .children li.depth-3 { margin: 0 0 0px 65px; } .children li.depth-4 { margin: 0 0 0px 65px; } .children li.depth-5 { margin: 0 0 0px 65px; } .children li.depth-6 { margin: 0 0 0px 65px; } .children li.depth-7 { margin: 0 0 0px 65px; } .children li.depth-8 { margin: 0 0 0px 65px; } .children li.depth-9 { margin: 0 0 0px 65px; } .children li.depth-10 { margin: 0 0 0px 65px; } .comment-body { margin-bottom: 25px; } .comment-details { position: relative; margin-left: 80px; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px solid #eee; } .comment-avatar { position: absolute; left: -80px; top: 0; } .comment-avatar img { display: block; width: 50px; height: 50px; padding: 3px; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .comment-author { color: #111; } .comment-author, .comment-author .author a:link { font-weight: 400; } .comment-content { margin-top: 5px; } .comment-content p:last-child { margin: 0; } .comment-date { font-size: 0.786em; font-weight: normal; } .comment-date a { color: #888; } .comment-reply-link { font-size: 10px; margin-top: 20px; display: block; float: left; text-transform: uppercase; } .comment-reply-link:hover { text-decoration: underline; } .commentlist .children { margin: 0; } #comments_wrap { margin-top: 15px; } #comments-logged-in { margin-bottom: 30px; margin-top: 10px; font-size: 0.929em; } #log-out { float: right; margin-top: -56px; } .form-submit { margin-bottom: 0; height: 55px; } #reply-title { margin: 0 0 20px; position: relative; overflow: visible; } #reply-title .symple-heading{ margin: 0; } #cancel-comment-reply-link { background: #fff; position: absolute; font-size: 16px; color: #ff0000; top: 50%; margin-top: -10px; right: 0; height: 20px; line-height: 20px; font-weight: normal; padding-left: 10px; } #cancel-comment-reply-link:hover { color: #000; } .children #commentform textarea { width: 95.6%; } #commentform input { float: left; margin-right: 10px; } #commentform label { font-size: 12px; font-weight: normal; } #commentsbox span.required { color: #C30; font-size: 0.643em; } #commentform input { margin-top: 0 !important; } #commentform input#author, #commentform input#email, #commentform input#url { font-size: 0.929em; width: 40%; margin-top: 10px; } #commentform textarea { font-size: 0.929em; width: 100%; margin-top: 10px; } /* 404 Page ================================================== */ #error-page-title { font-size: 5.714em; font-weight: bold; background: none; line-height: 1em; border: none; margin: 0 0 10px; color: #000; } #error-page-title span { font-size: 0.7em; color: #FC0; padding-right: 20px; } #error-page-title span { margin-right: 7px; } #error-page-text { font-size: 1.143em; } #error-page-img { display: block; margin: 0 auto; } /* Isotope CSS Animations ================================================== */ .isotope-hidden { display: none !important; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** 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; } /* Custom WordPress Gallery ================================================== */ .wpex-gallery .gallery-item { position: relative; float: left; width: auto; display: block; margin-right: 4%; margin-bottom: 1.5em; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; } .wpex-gallery.float-right .gallery-item { float: right; } .wpex-gallery .gallery-item img { max-width: 100%; display: block; border: 1px solid #ddd; padding: 4px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .wpex-gallery .gallery-item img:hover { border-color: #ddd; opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .wpex-gallery .gallery-caption { position: absolute; bottom: 5px; left: 0; font-weight: normal; color: #fff; margin-top: 7px; padding: 7px; text-align: center; font-size: 11px; background: #000; background: rgba(0,0,0,0.8); max-width: 100%; margin: 0 5px; } .wpex-gallery.gallery-1-column .gallery-item { max-width: 100%; margin-left: auto; margin-right: 20px; float: none; } .wpex-gallery.gallery-2-column .gallery-item { width: 48%; } .wpex-gallery.gallery-3-column .gallery-item { width: 30.66%; } .wpex-gallery.gallery-4-column .gallery-item { width: 22%; } .wpex-gallery.gallery-5-column .gallery-item { width: 16.8%; } .wpex-gallery.gallery-6-column .gallery-item { width: 13.33%; } .wpex-gallery.gallery-7-column .gallery-item { width: 10.85%; } .wpex-gallery.gallery-8-column .gallery-item { width: 9%; } .wpex-gallery.gallery-9-column .gallery-item { width: 7.55%; } .wpex-gallery.gallery-6-column .gallery-caption, .wpex-gallery.gallery-7-column .gallery-caption, .wpex-gallery.gallery-8-column .gallery-caption, .wpex-gallery.gallery-9-column .gallery-caption { display: none; } /* WordPress Styles ================================================== */ /*aligns*/ .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 10px 20px; } .alignleft { float: left; margin: 0 20px 10px 0; } /*floats*/ .floatleft { float: left; } .floatright { float: right; } /*text style*/ .textcenter { text-align: center; } .textright { text-align: right; } .textleft { text-align: left; } /*captions*/ .wp-caption { max-width: 100% !important; } .wp-caption.aligncenter { margin: 0 auto 20px auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f9f9f9; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100$; } .wp-caption p.wp-caption-text { font-size: 0.929em; line-height: 17px; padding: 0 4px 10px; margin: 0; } /*smiley reset*/ .wp-smiley { margin: 0 !important; max-height: 1em; } /*blockquote*/ blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /*img attachment*/ #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: block; margin: 0 auto; max-width: 100%; } /*other*/ .bypostauthor { } /* BX Slider Carousel Essentials ================================================== */ .bx-wrapper { position: relative; margin: 20px auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { } /* loader */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* pager */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #eee; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); text-indent: -9999px; display: block; width: 11px; height: 11px; margin: 0 2px; outline: 0; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { box-shadow: inset 0 0 3px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.4); background: #1571f0; background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } /* next/prev */ .bx-wrapper .bx-controls-direction { position: absolute; bottom: -50px; right: 0; } .bx-wrapper .bx-controls-direction a { display: block; float: left; outline: 0; width: auto; padding: 3px 8px; text-align: center; font-weight: normal; font-size: 11px; z-index: 99; color: #666; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; background-image: -moz-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -o-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); background-image: linear-gradient(bottom, #efefef 0%, #fbfbfb 100%); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .bx-wrapper .bx-controls-direction a:hover { text-decoration: none; background: #f9f9f9; border-color: #ddd; color: #000; } .bx-wrapper .bx-controls-direction a:active { box-shadow: inset 0 1px 1px rgba(0,0,0,0.15); } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-next { margin-left: 5px; } /* Symple Carousel Shortcode Styling ================================================== */ .symple-carousel ul{ margin: 0 !important; list-style: none !important; } .symple-carousel img { padding: 4px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .symple-carousel img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } .symple-carousel h3 { font-size: 13px; font-weight: bold; margin: 10px 0; } .symple-carousel h3 a:hover { text-decoration: none; } .symple-carousel-entry-excerpt { color: #999; font-size: 12px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e6e6e6; } /* Tooltipster Tooltip ================================================== */ html { -webkit-font-smoothing: antialiased; } .tooltipster-default { border-radius: 5px; background: #000; color: #fff; } .tooltipster-default .tooltipster-content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { border-color: #000 !important; } .tooltipster-icon { cursor: help; margin-left: 4px; } .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -8px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -8px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -8px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -8px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -8px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -8px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /*=================================================> == === SHORTCODES STYLING STARTS HERE! == ===================================================> /* Clear Floats ================================================== */ .symple-clear-floats { clear: both; } .symple-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* Spacing ================================================== */ .symple-spacing { display: block; height: auto; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; outline: none !important; } /* Divider ================================================== */ .symple-divider { display: block; width: 100%; height: 0; margin: 0; background: none; } .symple-divider.solid{ border-top: 1px solid #eee; } .symple-divider.dashed{ border-top: 2px dashed #eee; } .symple-divider.dotted{ border-top: 3px dotted #eee; } .symple-divider.double{ height: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .symple-divider.fadeout{ width: 100%; height: 45px; border: none; margin-bottom: 12px; margin-top: 12px; margin-left: auto; margin-right: auto; background: url("images/fadeout.png") center center no-repeat; max-width: 100%; max-height: 100%; } .symple-divider.fadein{ width: 100%; height: 1px; border: none; margin-bottom: 42px; margin-top: 12px; margin-left: auto; margin-right: auto; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(#dddddd), to(#f9f9f9)); background-image: -webkit-radial-gradient(50% 50%, #dddddd, #f9f9f9); background-image: -moz-radial-gradient(50% 50%, #dddddd, #f9f9f9); background-image: -o-radial-gradient(50% 50%, #dddddd, #f9f9f9); background-image: -ms-radial-gradient(50% 50%, #dddddd, #f9f9f9); background-image: radial-gradient(50% 50%, #dddddd, #f9f9f9); } /* Skillbar ================================================== */ .symple-skillbar { position: relative; display: block; margin-bottom: 15px; width:100%; background: #eee; height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -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; } .symple-skillbar-title { position: absolute; top: 0; left: 0; font-weight: bold; font-size: 13px; color: #fff; background: #6adcfa; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .symple-skillbar-title span { display: block; background: rgba(0,0,0,0.1); padding: 0 20px; height: 35px; line-height: 35px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .symple-skillbar-bar { height: 35px; width: 0px; background: #6adcfa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .symple-skill-bar-percent { position: absolute; right: 10px; top: 0; font-size: 11px; height: 35px; line-height: 35px; color: #444; color: rgba(0,0,0,0.4); } /* Social ================================================== */ .symple-social-icon{ display: inline-block; margin-right: 5px; } .symple-social-icon img{ display: inline; border: none; outline: none; padding: 0; margin: 0; box-shadow: none !important; } .symple-social-icon img:hover{ opacity: 0.8; } /* Columns ================================================== */ .symple-one-half { width: 48%; } .symple-one-third { width: 30.66%; } .symple-two-third { width: 65.33%; } .symple-one-fourth { width: 22%; } .symple-three-fourth { width: 74%; } .symple-one-fifth { width: 16.8%; } .symple-two-fifth { width: 37.6%; } .symple-three-fifth { width: 58.4%; } .symple-four-fifth { width: 67.2%; } .symple-one-sixth { width: 13.33%; } .symple-five-sixth { width: 82.67%; } .symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth,.symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { position: relative; margin-right: 4%; margin-bottom: 2em; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .symple-column-last { margin-right: 0!important; clear: right; } .symple-column-last:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth,.symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { } /* Buttons ================================================== */ .symple-button { margin: 5px 5px 5px 0; cursor: pointer; display: inline-block; white-space: nowrap; nowhitespace: afterproperty; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); outline: none; background: #eeeeee; text-decoration: none !important; background: -moz-linear-gradient(top, #fbfbfb 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#efefef 100%); background: linear-gradient(to bottom, #fbfbfb 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#efefef',GradientType=0 ); border: 1px solid #ccc; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .symple-button span.symple-button-inner { display: block; color: #666; font-size: 13px; font-weight: bold; padding: 0.6em 1.8em; line-height: 1.4em; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: none; border-top: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .symple-button:active { text-decoration: none; background: #7e7e7e; background: -moz-linear-gradient(top, #efefef 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: -o-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: -ms-linear-gradient(top, #efefef 0%,#fbfbfb 100%); background: linear-gradient(to bottom, #efefef 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fbfbfb',GradientType=0 ); } .symple-button:hover { text-decoration: none; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; } .symple-button:hover .symple-button-inner { color: #000; } .symple-button.black { background: #505050; background: -moz-linear-gradient(top, #505050 0%, #101010 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#101010)); background: -webkit-linear-gradient(top, #505050 0%,#101010 100%); background: -o-linear-gradient(top, #505050 0%,#101010 100%); background: -ms-linear-gradient(top, #505050 0%,#101010 100%); background: linear-gradient(to bottom, #505050 0%,#101010 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#101010',GradientType=0 ); border: 1px solid #101010; } .symple-button.black:active { background: #101010; background: -moz-linear-gradient(top, #101010 0%, #505050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#101010), color-stop(100%,#505050)); background: -webkit-linear-gradient(top, #101010 0%,#505050 100%); background: -o-linear-gradient(top, #101010 0%,#505050 100%); background: -ms-linear-gradient(top, #101010 0%,#505050 100%); background: linear-gradient(to bottom, #101010 0%,#505050 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#505050',GradientType=0 ); } .symple-button.black span.symple-button-inner { color: #fff; border-top: 1px solid #6e6e6e; } .symple-button.red { background: #d01d10; background: -moz-linear-gradient(top, #f36d64 0%, #d01d10 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f36d64), color-stop(100%,#d01d10)); background: -webkit-linear-gradient(top, #f36d64 0%,#d01d10 100%); background: -o-linear-gradient(top, #f36d64 0%,#d01d10 100%); background: -ms-linear-gradient(top, #f36d64 0%,#d01d10 100%); background: linear-gradient(to bottom, #f36d64 0%,#d01d10 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36d64', endColorstr='#d01d10',GradientType=0 ); border: 1px solid #d01d10; } .symple-button.red span.symple-button-inner { color: #fff; border-top: 1px solid #f69a93; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.red:active { background: #d01d10; background: -moz-linear-gradient(top, #d01d10 0%, #f36d64 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d01d10), color-stop(100%,#f36d64)); background: -webkit-linear-gradient(top, #d01d10 0%,#f36d64 100%); background: -o-linear-gradient(top, #d01d10 0%,#f36d64 100%); background: -ms-linear-gradient(top, #d01d10 0%,#f36d64 100%); background: linear-gradient(to bottom, #d01d10 0%,#f36d64 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01d10', endColorstr='#f36d64',GradientType=0 ); } .symple-button.orange { background: #fa9e19; background: -moz-linear-gradient(top, #fa9e19 0%, #fb6909 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9e19), color-stop(100%,#fb6909)); background: -webkit-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: -o-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: -ms-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: linear-gradient(to bottom, #fa9e19 0%,#fb6909 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9e19', endColorstr='#fb6909',GradientType=0 ); border: 1px solid #FB6909; } .symple-button.orange span.symple-button-inner { color: #fff; border-top: 1px solid #fcc87d; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.orange:active { background: #fb6909; background: -moz-linear-gradient(top, #fb6909 0%, #fa9e19 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6909), color-stop(100%,#fa9e19)); background: -webkit-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: -o-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: -ms-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: linear-gradient(to bottom, #fb6909 0%,#fa9e19 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6909', endColorstr='#fa9e19',GradientType=0 ); } .symple-button.blue { background: #1571f0; background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); border: 1px solid #1a6dd7; } .symple-button.blue span.symple-button-inner { color: #fff; border-top: 1px solid #84c6fd; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.blue:active { background: #1571f0; background: -moz-linear-gradient(top, #1571f0 0%, #41a7fc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1571f0), color-stop(100%,#41a7fc)); background: -webkit-linear-gradient(top, #1571f0 0%,#41a7fc 100%); background: -o-linear-gradient(top, #1571f0 0%,#41a7fc 100%); background: -ms-linear-gradient(top, #1571f0 0%,#41a7fc 100%); background: linear-gradient(to bottom, #1571f0 0%,#41a7fc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1571f0', endColorstr='#41a7fc',GradientType=0 ); } .symple-button.rosy { background: #f295a2; background: -moz-linear-gradient(top, #ee7787 0%, #e84a5f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7787), color-stop(100%,#e84a5f)); background: -webkit-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: -o-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: -ms-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: linear-gradient(to bottom, #ee7787 0%,#e84a5f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7787', endColorstr='#e84a5f',GradientType=0 ); border: 1px solid #e84a5f; } .symple-button.rosy:active { background: #e84a5f; background: -moz-linear-gradient(top, #e84a5f 0%, #ee7787 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e84a5f), color-stop(100%,#ee7787)); background: -webkit-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: -o-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: -ms-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: linear-gradient(to bottom, #e84a5f 0%,#ee7787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84a5f', endColorstr='#ee7787',GradientType=0 ); } .symple-button.rosy span.symple-button-inner { color: #fff; border-top: 1px solid #f3a4af; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.pink { background: #e3618d; background: -moz-linear-gradient(top, #e3618d 0%, #cb245c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3618d), color-stop(100%,#cb245c)); background: -webkit-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: -o-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: -ms-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: linear-gradient(to bottom, #e3618d 0%,#cb245c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3618d', endColorstr='#cb245c',GradientType=0 ); border: 1px solid #cb245c; } .symple-button.pink:active { background: #cb245c; background: -moz-linear-gradient(top, #cb245c 0%, #e3618d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb245c), color-stop(100%,#e3618d)); background: -webkit-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: -o-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: -ms-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: linear-gradient(to bottom, #cb245c 0%,#e3618d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb245c', endColorstr='#e3618d',GradientType=0 ); } .symple-button.pink span.symple-button-inner { color: #fff; border-top: 1px solid #eb8cac; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.green { color: #fff; background: #88dd48; background: -moz-linear-gradient(top, #88dd48 0%, #5fb139 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88dd48), color-stop(100%,#5fb139)); background: -webkit-linear-gradient(top, #88dd48 0%,#5fb139 100%); background: -o-linear-gradient(top, #88dd48 0%,#5fb139 100%); background: -ms-linear-gradient(top, #88dd48 0%,#5fb139 100%); background: linear-gradient(to bottom, #88dd48 0%,#5fb139 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88dd48', endColorstr='#5fb139',GradientType=0 ); border-color: #60AE40; } .symple-button.green span.symple-button-inner { color: #fff; border-top: 1px solid #b7ea90; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.green:active { background: #5fb139; background: -moz-linear-gradient(top, #5fb139 0%, #88dd48 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fb139), color-stop(100%,#88dd48)); background: -webkit-linear-gradient(top, #5fb139 0%,#88dd48 100%); background: -o-linear-gradient(top, #5fb139 0%,#88dd48 100%); background: -ms-linear-gradient(top, #5fb139 0%,#88dd48 100%); background: linear-gradient(to bottom, #5fb139 0%,#88dd48 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fb139', endColorstr='#88dd48',GradientType=0 ); } .symple-button.brown { background: #876565; background: -moz-linear-gradient(top, #876565 0%, #604848 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#876565), color-stop(100%,#604848)); background: -webkit-linear-gradient(top, #876565 0%,#604848 100%); background: -o-linear-gradient(top, #876565 0%,#604848 100%); background: -ms-linear-gradient(top, #876565 0%,#604848 100%); background: linear-gradient(to bottom, #876565 0%,#604848 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#876565', endColorstr='#604848',GradientType=0 ); border: 1px solid #604848; } .symple-button.brown:active { background: #604848; background: -moz-linear-gradient(top, #604848 0%, #876565 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#604848), color-stop(100%,#876565)); background: -webkit-linear-gradient(top, #604848 0%,#876565 100%); background: -o-linear-gradient(top, #604848 0%,#876565 100%); background: -ms-linear-gradient(top, #604848 0%,#876565 100%); background: linear-gradient(to bottom, #604848 0%,#876565 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604848', endColorstr='#876565',GradientType=0 ); } .symple-button.brown span.symple-button-inner { color: #fff; border-top: 1px solid #ae9393; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.purple { background: #524656; background: -moz-linear-gradient(top, #635569 0%, #372f3a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#635569), color-stop(100%,#372f3a)); background: -webkit-linear-gradient(top, #635569 0%,#372f3a 100%); background: -o-linear-gradient(top, #635569 0%,#372f3a 100%); background: -ms-linear-gradient(top, #635569 0%,#372f3a 100%); background: linear-gradient(to bottom, #635569 0%,#372f3a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#635569', endColorstr='#372f3a',GradientType=0 ); border: 1px solid #372f3a; } .symple-button.purple:active { background: #372f3a; background: -moz-linear-gradient(top, #372f3a 0%, #635569 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#372f3a), color-stop(100%,#635569)); background: -webkit-linear-gradient(top, #372f3a 0%,#635569 100%); background: -o-linear-gradient(top, #372f3a 0%,#635569 100%); background: -ms-linear-gradient(top, #372f3a 0%,#635569 100%); background: linear-gradient(to bottom, #372f3a 0%,#635569 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#372f3a', endColorstr='#635569',GradientType=0 ); } .symple-button.purple span.symple-button-inner { color: #fff; border-top: 1px solid #7e6c85; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.gold { background: #ffc750; background: -moz-linear-gradient(top, #ffc750 0%, #faaa00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc750), color-stop(100%,#faaa00)); background: -webkit-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: -o-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: -ms-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: linear-gradient(to bottom, #ffc750 0%,#faaa00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc750', endColorstr='#faaa00',GradientType=0 ); border: 1px solid #faaa00; } .symple-button.gold:active { background: #faaa00; background: -moz-linear-gradient(top, #faaa00 0%, #ffc750 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faaa00), color-stop(100%,#ffc750)); background: -webkit-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: -o-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: -ms-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: linear-gradient(to bottom, #faaa00 0%,#ffc750 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa00', endColorstr='#ffc750',GradientType=0 ); } .symple-button.gold span.symple-button-inner { color: #9C6533; text-shadow: 1px 1px 1px #ffe2a5; border-top: 1px solid #ffd783; } .symple-button.teal { background: #3c9091; background: -moz-linear-gradient(top, #3c9091 0%, #286061 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c9091), color-stop(100%,#286061)); background: -webkit-linear-gradient(top, #3c9091 0%,#286061 100%); background: -o-linear-gradient(top, #3c9091 0%,#286061 100%); background: -ms-linear-gradient(top, #3c9091 0%,#286061 100%); background: linear-gradient(to bottom, #3c9091 0%,#286061 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9091', endColorstr='#286061',GradientType=0 ); border: 1px solid #286061; } .symple-button.teal:active { background: #286061; background: -moz-linear-gradient(top, #286061 0%, #3c9091 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286061), color-stop(100%,#3c9091)); background: -webkit-linear-gradient(top, #286061 0%,#3c9091 100%); background: -o-linear-gradient(top, #286061 0%,#3c9091 100%); background: -ms-linear-gradient(top, #286061 0%,#3c9091 100%); background: linear-gradient(to bottom, #286061 0%,#3c9091 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286061', endColorstr='#3c9091',GradientType=0 ); } .symple-button.teal span.symple-button-inner { color: #fff; border-top: 1px solid #63bdbf; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button.navy { background: #2c76cf; background: -moz-linear-gradient(top, #2c76cf 0%, #1d4e89 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c76cf), color-stop(100%,#1d4e89)); background: -webkit-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: -o-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: -ms-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: linear-gradient(to bottom, #2c76cf 0%,#1d4e89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c76cf', endColorstr='#1d4e89',GradientType=0 ); border: 1px solid #1d4e89; } .symple-button.navy:active { background: #1d4e89; background: -moz-linear-gradient(top, #1d4e89 0%, #2c76cf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4e89), color-stop(100%,#2c76cf)); background: -webkit-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: -o-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: -ms-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: linear-gradient(to bottom, #1d4e89 0%,#2c76cf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4e89', endColorstr='#2c76cf',GradientType=0 ); } .symple-button.navy span.symple-button-inner { color: #fff; border-top: 1px solid #619ade; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .symple-button { font-size: 13px; } .symple-button.tiny span.symple-button-inner { font-size: 11px; } .symple-button.large span.symple-button-inner { font-size: 16px; } .symple-button.giant span.symple-button-inner { font-size: 18px; } .symple-button.left span.symple-button-inner { float: left; } .symple-button.right span.symple-button-inner { float: right; margin-right: 0; margin-left: 5px; } .symple-button-icon-left { padding-right: 0.9em; } .symple-button-icon-right { padding-left: 0.9em; } /* Testimonial ================================================== */ .symple-testimonial-content { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; position: relative; background: #f9f9f9; padding: 20px; color: #666; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1em; font-weight: normal; } .symple-testimonial-content img:first-child{ background: #fff; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent; } .symple-testimonial-content:after { content: ""; position: absolute; left: 12px; bottom: -15px; width: 0px; height: 0px; border-bottom: 15px solid rgba(255,255,255,0); border-top: 15px solid rgba(255,255,255,0); border-right: 15px solid #f9f9f9; font-size: 0px; line-height: 0px; border-radius: 2px; } .symple-testimonial-content p:last-child { margin: 0; } .symple-testimonial-author { margin-top: 20px; margin-left: 15px; font-size: 0.857em; font-weight: 900; color: #000; } /* Highlights ================================================== */ .symple-highlight-yellow, .symple-highlight-yellow a { background-color: #FFF7A8; color: #695D43; } .symple-highlight-blue, .symple-highlight-blue a { color: #5091b2; background: #e9f7fe; } .symple-highlight-green, .symple-highlight-green a { color: #5f9025; background: #ebf6e0; } .symple-highlight-red, .symple-highlight-red a { color: #de5959; background: #ffe9e9; } .symple-highlight-gray, .symple-highlight-gray a { color: #666; background: #f9f9f9; } /* Boxes ================================================== */ /*main*/ .symple-box { font-family: inherit; display: block; padding: 15px; margin: 10px 0; font-weight: normal; font-size: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .symple-box p:last-child { margin: 0; } /*aligns*/ .symple-box.left { float: left; } .symple-box.right { float: right; } /*colors*/ .symple-box.gray { color: #666; background: #eee; border: 1px solid #ddd; } .symple-box.gray strong { color: #666; } .symple-box.red { color: #de5959; background: #ffe9e9; border: 1px solid #fab4b4; } .symple-box.red strong { color: #de5959; } .symple-box.green { color: #5f9025; background: #ebf6e0; border: 1px solid #c3e39d; } .symple-box.green strong { color: #5f9025; } .symple-box.blue { color: #5091b2; background: #e9f7fe; border: 1px solid #c3deec; } .symple-box.blue strong { color: #5091b2; } .symple-box.yellow { color: #c4690e; background: #FFFACA; border: 1px solid #f0da95; } .symple-box.yellow strong { color: #c4690e; } .symple-box { -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); } /*extended class*/ .symple-box.extended { padding: 40px 0; border-top: 1px solid rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05); border-right: none; border-left: none; width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; margin: 0 -40px; padding: 40px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } body.full-layout .symple-box.extended { margin: 0; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); } body.boxed-layout #site-wrap.post-with-sidebar .symple-box.extended{ margin-left: 0; margin-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body.boxed-layout #site-wrap.post-with-sidebar .homepage-prebuilt-main .symple-box.extended{ margin: 0 -40px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sidebar .symple-box.extended { margin: 10px 0; } /* Toggle ================================================== */ .symple-toggle{ margin-bottom: 10px; } .symple-toggle .symple-toggle-trigger { position: relative; display: block; color: #868686; font-weight: bold; padding: 12px 0 12px 40px; background-position: 12px center; outline: 0; text-transform: none; letter-spacing: normal; font-size: 13px; line-height: 1.5em; margin: 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd; border: 1px solid rgba(153,153,153,0.4); background-color: #fbfbfb; background-image: -moz-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); box-shadow: 0 0 1px rgba(153,153,153,0.3); } .symple-toggle .symple-toggle-trigger:before { content: ''; display: block; height: 12px; width: 12px; background: url("images/plus.png") no-repeat center center; position: absolute; left: 15px; top: 50%; margin-top: -6px; } .symple-toggle .symple-toggle-trigger:hover{ background-color: #fff; color: #222; background-image: -moz-linear-gradient(bottom, #eeeeee 0%, #fbfbfb 100%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, #fbfbfb 100%); background-image: -webkit-linear-gradient(bottom, #eeeeee 0%, #fbfbfb 100%); background-image: linear-gradient(bottom, #eeeeee 0%, #fbfbfb 100%); } .symple-toggle .symple-toggle-trigger.active, .symple-toggle .symple-toggle-trigger.active:hover { color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.4); border-color: rgba(0,0,0,0.15); box-shadow: inset 0 1px 1px rgba(255,255,255,0.6); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } .symple-toggle .symple-toggle-trigger.active:before { background: url("images/minus-white.png") no-repeat center center; } .symple-toggle .symple-toggle-container { display: none; overflow: hidden; padding: 12px; border: 1px solid #dfdfdf; border-top: none; } /* Accordion ================================================== */ .symple-accordion{ border-bottom: 1px solid #dfdfdf; } .symple-accordion > div { display: none; } .symple-accordion h3.symple-accordion-trigger { position: relative; display: block; color: #868686; padding: 12px 0 12px 37px; background-position: 12px center; outline: 0; text-transform: none; letter-spacing: normal; font-weight: bold; font-size: 13px; line-height: 1.5em; margin: 0 !important; cursor: pointer; border: 1px solid #ddd; border-bottom: none; background-color: #fbfbfb; background-image: -moz-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); background-image: linear-gradient(bottom, #fbfbfb 0%, #ffffff 100%); } .symple-accordion h3.symple-accordion-trigger:before { content: ''; display: block; height: 12px; width: 12px; background: url("images/plus.png") no-repeat center center; position: absolute; left: 15px; top: 50%; margin-top: -6px; } .symple-accordion h3.symple-accordion-trigger a { color: #868686; text-decoration: none !important; } .symple-accordion .ui-state-focus { outline: none; } .symple-accordion .symple-accordion-trigger:hover { background-color: #fff; color: #222; background-image: -moz-linear-gradient(bottom, #eeeeee 0%, #fbfbfb 100%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, #fbfbfb 100%); background-image: -webkit-linear-gradient(bottom, #eeeeee 0%, #fbfbfb 100%); background-image: linear-gradient(bottom, #eeeeee 0%, #fbfbfb 100%); text-decoration: none; } .symple-accordion .symple-accordion-trigger:hover a { color: #222; } .symple-accordion .symple-accordion-trigger.ui-state-active, .symple-accordion .symple-accordion-trigger.ui-state-active:hover { color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.4); border-color: rgba(0,0,0,0.15); box-shadow: inset 0 1px 1px rgba(255,255,255,0.6); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } .symple-accordion .symple-accordion-trigger.ui-state-active:before { background: url("images/minus-white.png") no-repeat center center; } .symple-accordion h3.symple-accordion-trigger.ui-state-active a { color: #fff; } .symple-accordion .ui-accordion-content { padding: 12px; border: 1px solid #dfdfdf; border-bottom: none; } .symple-accordion .ui-accordion-content p:last-child { margin: 0px; } .symple-accordion .ui-icon { margin-right: 7px; } /* Tabs ================================================== */ .symple-tabs ul.ui-tabs-nav { display: block; margin: 0; padding: 0; border-bottom: solid 1px #ddd; } .symple-tabs ul.ui-tabs-nav li { display: block; float: left; padding: 0; margin: 0; outline: none; margin-right: 6px; } .symple-tabs ul.ui-tabs-nav li a { font-size: 12px; display: block; text-decoration: none; margin: 0; font-weight: bold; padding: 6px 14px; color: #888; outline: none; border: 1px solid #ddd; border-bottom: none; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .symple-tabs ul.ui-tabs-nav li a:hover { background: #f9f9f9; color: #000; } .symple-tabs ul.ui-tabs-nav .ui-state-active a:hover, .symple-tabs ul.ui-tabs-nav .ui-state-active a { color: #fff; background: #1571f0; border-color: rgba(0,0,0,0.2); border-top-color: rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 0 3px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } .symple-tabs ul.ui-tabs-nav li:first-child .ui-state-active a { margin-left: 0; } .symple-tabs .tab-content { padding-top: 20px; } .symple-tabs:before, ul.symple-tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .symple-tabs:after { clear: both; } .symple-tabs { zoom: 1; } .symple-tabs .ui-tabs-hide { display: none; } /* Pricing Table ================================================== */ .symple-pricing-table { list-style: none; margin: 0; padding: 0; } .symple-pricing-table div { list-style: none; } .symple-pricing-table > div { margin-right: 4%; list-style: none; text-shadow: none; margin-bottom: 0; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .symple-pricing-table .symple-pricing-header { color: #444; margin: 0; text-align: center; padding: 20px 0; border: 1px solid #ccc; box-shadow: inset 0 1px 1px #fff; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .symple-pricing-table .symple-pricing-header h5 { color: #222; font-size: 1.077em; margin: 0; padding: 0 15px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; } .symple-pricing-table .symple-pricing-cost { color: #000; font-size: 26px; line-height: 1em; font-weight: 400; letter-spacing: -1px; padding: 10px 0; text-shadow: 1px 1px 1px #fff; } .symple-pricing-table .featured .symple-pricing-header { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); background: #1571f0; border-color: rgba(0,0,0,0.2); border-top-color: rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 0 3px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); } .symple-pricing-table .symple-pricing-per { display: inline; margin: 0 auto; font-size: 11px; color: #fff; background: rgba(0,0,0,0.3); padding: 3px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .symple-pricing-table .featured .symple-pricing-header h5, .symple-pricing-table .featured .symple-pricing-per, .symple-pricing-table .featured .symple-pricing-cost { color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.1); } .symple-pricing-table .featured .symple-pricing-cost { font-size: 36px; } .symple-pricing-table .symple-pricing-content { background: #fff; font-size: 13px; text-align: center; padding: 15px 25px 0; border: 1px solid #ddd; border-top: none; border-bottom: none; } .symple-pricing-table .symple-pricing-content ul { margin: 0 !important; list-style: none !important; } .symple-pricing-table .symple-pricing-content ul li { margin: 0 !important; padding: 12px 0 !important; border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0,0,0,0.05); list-style: none !important; } .symple-pricing-table .symple-pricing-button { text-align: center; padding: 30px 15px; border: 1px solid #ddd; border-top: none; } .symple-pricing-table .symple-pricing-button .symple-button { float: none; margin: 0 auto; } .symple-pricing-table .symple-pricing-button .symple-button-inner { font-size: 12px; } /* Heading ================================================== */ .symple-heading { clear: left; font-weight: bold; font-size: 14px; margin: 30px 0; text-align: left; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; } .symple-heading.text-align-center{ text-align: center; } .symple-heading.text-align-left{ text-align: left; } .symple-heading.text-align-right{ text-align: right; } /*classes */ .symple-heading.lined { padding-bottom: 0; border-bottom: 0; background: url("images/diagonal.png") center repeat-x; } .symple-heading.lined span { display: inline-block; background: #fff; } .symple-heading.text-align-left.lined span { padding-right: 20px; } .symple-heading.text-align-right.lined span { padding-left: 20px; } .symple-heading.text-align-center.lined span { padding: 0 20px; } /* Googlemap - v1.1 ================================================== */ .googlemap { position: relative; max-width: inherit; } .googlemap .map_canvas { width: 100%; height: 100%; } .googlemap .map_canvas h3 { margin: 0 0 10px; font-size: 14px; } .map_canvas img { max-width: none !important; } /* FancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license ================================================== */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* added style */ .headerKeyword { font-size:16px !important; font-weight:normal !important; float:right; color:#000 !important; margin:1px 0 0 0; float:right; } .headerKeyword span { float:right; width:100%; text-align:right; line-height:23px; } .headerKeyword span a {color:#000} .headerKeyword span a:hover {color:#666} #site-wrap #wrap #header-wrap #header #logo .phone h4.headerKeyword { font-style: normal !important; } .phone { float:right; width:35%; padding:4px 0 0 0; } @media only screen and (max-width: 1024px) { body { background-size:1366px 602px; } #logo a.logo { float:left; width:50%; } #top-bar-left {font-size: 15px;} } @media only screen and (max-width: 900px) { .phone { width:44%; } .headerKeyword { font-size:14px !important; position:relative; top:-20px; } #top-bar-left {font-size: 15px;} } @media only screen and (max-width: 773px) { .phone { width:44%; } .headerKeyword { font-size:14px !important; position:relative; top:-20px; } #top-bar-left {font-size: 15px;} } @media only screen and (max-width: 767px) { #logo a.logo {width:100%} .phone { width:100%; padding-top:20px; } .headerKeyword { position:inherit; } .headerKeyword span {text-align:center; line-height:1.2em; font-size:13px} #top-bar-left {background-color:transparent !important} } .portfolio-wrap .grid-3 { float: left; width: 172px; margin-right: 20px; margin-bottom: 20px; } .formContent { float:right; width:35%; border:1px solid #d9bb21; } .formContent .wpcf7 { border:0; background-color:#eeeea5; border-radius:0; } .formContent .wpcf7 p { margin:0 0 5px 0; } .headingForm { padding:18px 0; float:left; font-size:18px; width:100%; background-color:#f3ec19; background-image:url(images/icon.gif); background-repeat:no-repeat; background-position:30px center; } .headingForm span { padding:0 0 0 70px; } .formContent .wpcf7 input { border:1px solid #d9bb21; margin:0; } .formContent .wpcf7 textarea { border:1px solid #d9bb21; } /* dropdown checkbox */ #selectMe{ font-size:14px; background-image:url(images/select.gif); border:1px solid #d9bb21; background-color:#fff; border-radius:3px; background-repeat:no-repeat; padding:6px 0 6px 12px; margin-bottom:0; background-position:right center; } .your-country { float:left; width:100%; display:none; } .your-country .wpcf7-checkbox { float:left; width:100%; } .your-country .wpcf7-checkbox .wpcf7-list-item { float:left; padding:10px 0; margin:0; width:100%; } .your-country .wpcf7-list-item input{ float:left; width:auto !important; margin-right:10px; margin-top:5px; border:1px solid red; } .your-country .wpcf7-list-item-label { float:left; } .your-country span input { float:left; } /* end of dropdown checkbox */ div.wpcf7 input.wpcf7-captchar { width:60%; float:right; margin-top:0; } .wpcf7-form-control { margin-top:5px; } .wpcf7-submit { float:right; } .pSubmit { padding-bottom:40px; } .portfolio-wrap { float:left; width:60%; } .facebook { background-image:url(images/facebook.png); background-repeat:no-repeat; padding:14px 0 14px 60px; font-size:18px; } .face { background-image:url(images/facebook.png); background-repeat:no-repeat; background-size:15%; margin:10px 0 0 0; padding:10px 0 10px 45px; width:auto !important; }