/* Theme Name: Jobthemes Theme URI: https://www.jobthemes.com/ Version: 1.1 Description: jobthemes.com Author: https://www.jobthemes.com Author URI: https://www.jobthemes.com Tags: jobthemes */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs -2.8 Homepage 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Single Post Author -3.5 Entry Tables 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Contact Form -6.3 Gravity forms -6.4 Timeline page template -6.5 IE specific styling -6.6 Subscribe & Connect -6.7 Slider -6.8 Portfolio -6.8.1 Single Portfolio -------------------------------------------------------------------------------------------*/ #menu-item-3165 > a {background: #09AD58 ; color: #fff; border-radius: 3px; padding-bottom: 2px} #menu-item-3165 > a:hover {background: #0A783F} .chat a { margin-left: 4px; background: url('images/askus.png') no-repeat 0 0 ; border-left: 0px; position : fixed; top: 350px; height: 250px; width: 54px; } body,html{height:100%;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0 !important; font-size: 100%; vertical-align: baseline; background: transparent; font-size: 13px; color: #2b3d4f; font-family: arial,tahoma,verdana; } body{line-height:1;overflow-x: hidden; line-height: 1.5em} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:left;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .col-full-2:after{content:".";display:block;height:0;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} .loadsy { display: none;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 12px/1.5em sans-serif; color: #222; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #333; font-weight:bold; } h1 {font-size: 24px } h2 {font-size: 1.8em;} h3 {font-size: 1.5em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} p {margin: 0; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 12px 5px ; border-color: #BFC2C4; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; } #home {} #not-home {} #heado {height: 50px;} /* Home page ----------------------------------------------------------------------------------*/ .3columns {border: 1px solid #000; float:left; width: 250px;height: 20px;} /* 1.2 Hyperlinks */ a { color: #038df8; text-decoration:none;text-decoration: none;} a:hover, .post-meta a:hover, .post-more a:hover { color: #333; text-decoration:none; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { width: 1110px; box-sizing: border-box; margin: auto;margin-top:0px;margin-bottom: 18px;border-bottom:4px solid #f34542; /*-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);*/} #wrp {width: 100%;margin: auto;height: 25px;} #heads { height: 30px; background: #f7f5f3 ; padding-top: 6px;} #main { width:750px; /*border-right:1px dashed #e5e5e5;*/ padding:10px; } #main.fullwidth, #main.col-full, .layout-full #main { border: none; width:100%; } .col-full , .col-full-2 { margin:0 auto;} #sidebar{width:310px;} #sidebar .secondary { width:140px; } .col-left { float: left; } .col-right { float: right; } .layout-right-content #main { float:right; } .layout-right-content #sidebar { float:left; } /* 2.2 Navigation */ #navigation { font:bold 13px/1em sans-serif; } #navigation ul.rss { margin:2px 0 0 0; } #navigation ul.rss li{display:inline;padding:0;} #navigation ul.rss li a{color:#d75418;text-decoration:none; padding:5px 12px; line-height: 18px; display: inline-block; position: relative;} #navigation ul.rss li.sub-email {color:#dedede;} #navigation ul.rss li a:hover{text-decoration:underline;} .navi { z-index:99; margin:4px 0 0 14px; padding:0; list-style:none; line-height:1; } .navi li { float:left; width: auto;} .navi li a.sf-with-ul { } .navi a, .navi a:hover, .navi li.current_page_item a, .navi > li > a, .navi li.current_page_parent a, .navi li.current-menu-ancestor a, .navi li.current-cat a { color: #3D4E57; cursor: pointer; display: block; font-size: 12px; font-weight: 700; padding: 47px 22px 0; position: relative; text-align: center; text-transform: uppercase; } .navi li:hover , .navi li:hover > a, .navi li:active, .navi li:active > a { color: #2D3D45; } .nopadding {padding: 0} #header div#navigation nav ul.navi li:hover[class*="menu-item"]::before{ opacity: 0.6; } #header div#navigation nav ul.navi li[class*="menu-item"]::before { float: left; font-size: 33px; margin: 0; opacity: 0.3; text-align: center; width: 100%; } [class^="icon-"]::before, [class*=" menu-item-"]::before { display: inline-block; font-family: "home"; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1em; margin-left: 0.2em; margin-right: 0.2em; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; } #header.navi > li > a:hover,#header .navi > li > a:focus { background: none !important; } .menu-item-1096::before { content: '\e84a';} .menu-item-236::before { content: '\e852';} .menu-item-26:before { content: '\e850';} .menu-item-1055::before { content: '\E804';} .menu-item-1056::before { content: '\E809';} .menu-item-1716::before { content: '\e859';} .menu-item-1446::before { content: '\e819';} .menu-item-18379::before { content: '\E809';} .menu-item-18378::before { content: '\E807';} .menu-item-18377::before { content: '\E805';} .menu-item-18377::before { content: '\e813';} .menu-item-3311::before { content: '\e80d';} .navi li.current_page_item a, .navi li.current_page_parent a, .navi li.current-menu-ancestor a { } .slideshow-wrapper ,.slideshow-wrapper .slideshow-fullsize {box-sizing: border-box; width: 100% !important} .slideshow-wrapper .slideshow-fullsize .slideshow-image img {text-align: center; } /* Optional Styling */ .cartdetails {border: 1px solid #ccc; text-align: center; border-radius: 3px;} .cartdetails ul{ margin: 0px; padding: 0px; } .cartdetails li{line-height: 22px; padding: 10px; width: 50%; float: left; height: 62px; text-align: center; border-radius: 3px; } .cartdetails li.carto{ border-left:1px solid #ccc ; background: #f5f5f5 ;line-height:40px; } .cartdetails li.carto a .red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;} .cartdetails li.carto a .red-tooltip + .tooltip > .tooltip-arrow { border-top-color:#f00; } #navigation { } #navigation .navi li ul li { background: none; text-shadow: none; filter:none; } #navigation .navi li a { border-right: 1px solid #ececec } #navigation .navi li:first-child a { border-left:none; } #navigation .navi li:last-child a { border-right:none; } #header #navigation .navi li:first-child a:hover ,#header #navigation .navi li a:hover { border-left:none; } /* 2.2.1 Drop-down menus */ .navi li ul { background: url("images/shadow.png") repeat-x scroll 0 0 #FAFAFA; margin:0; padding:6px 6px; position: absolute; left: -999em; width: 200px; z-index:9999; } .navi li ul li a { padding:0px 0px; width:180px; color:#666; background: none; font-size:0.9em;} .navi li ul li a:hover { text-decoration: underline; } .navi li ul li a.sf-with-ul { padding-right:0; } .navi li ul ul { margin: -37px 0 0 140px; } .navi li ul li a:hover, .navi li.current_page_item ul li a, .navi li.current_page_parent ul li a, .navi li.current-menu-ancestor ul li a, .navi li.current-cat a ul li, .navi li.current-menu-item ul li a, .navi li.sfHover ul li { background:none;} .navi li:hover,.navi li.hover { position:static; } .navi li:hover ul ul, .navi li.sfhover ul ul, .navi li:hover ul ul ul, .navi li.sfhover ul ul ul, .navi li:hover ul ul ul ul, .navi li.sfhover ul ul ul ul { left:-999em; } .navi li:hover ul, .navi li.sfhover ul, .navi li li:hover ul, .navi li li.sfhover ul, .navi li li li:hover ul, .navi li li li.sfhover ul, .navi li li li li:hover ul, .navi li li li li.sfhover ul { left:auto; } .navi .sf-sub-indicator {position:absolute;display:block;right:1em;top:18%;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .navi li ul .sf-sub-indicator {background:url(images/bullet.png) no-repeat; top:38%; } #top-nav.navi .sf-sub-indicator {background: url(images/arrow-topnav.png) no-repeat;right:0.5em;top:42%;} #top-nav.navi li ul .sf-sub-indicator {background: url(images/bullet-topnav.png) no-repeat;right:0.5em;top:35%;} /* Optional Styling */ #navigation .navi li ul { border: 1px solid #ddd; border-bottom-width: 2px; border-radius: 0 0 3px 3px; margin-left: 2px; margin-top: 2px; } #navigation .navi li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #navigation .navi li ul li a {text-align: left; line-height: 25px; padding: 2px 5px; border:0; text-transform: none !important; border-bottom:1px solid #eaedef; color:#333 !important; font-weight: bold; } #navigation .navi li ul li a:hover { color:#0AA87B !important; text-align: left; text-decoration:none; } #navigation .navi li ul li:first-child a { border-top:none; } #navigation .navi li ul li:last-child a { border-bottom:none; } /* 2.2.2 Top Navigation (optional) */ #top { position: relative; z-index: 9450; background: #000; } #top .navi { } #top .navi a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; font-family: sans-serif; } #top .navi li:first-child { } #top .navi li a.sf-with-ul { padding-right:20px; } #top .navi a:hover, #top .navi li.current_page_item a, #top .navi li.current_page_parent a, #top .navi li.current-menu-ancestor a, #top .navi li.current-cat a, #top .navi li.current-menu-item a, #top .navi li.sfHover { background: #222; } #top .navi li ul { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); } #top .navi li ul, #top .navi li ul li:last-child a { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #top .navi li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #top .navi li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;} #top .navi li ul li a:hover { background: #000; } #top .navi li ul li a.sf-with-ul { padding-right:10px; } #top .navi li ul ul { margin: -34px 0 0 180px; } #top .navi li:hover, #top .navi li.hover { position:static; } #top .navi li:hover ul ul, #top .navi li.sfhover ul ul, #top .navi li:hover ul ul ul, #top .navi li.sfhover ul ul ul, #top .navi li:hover ul ul ul ul, #top .navi li.sfhover ul ul ul ul { left:-999em; } #top .navi li:hover ul, #top .navi li.sfhover ul, #top .navi li li:hover ul, #top .navi li li.sfhover ul, #top .navi li li li:hover ul, #top .navi li li li.sfhover ul, #top .navi li li li li:hover ul, #top .navi li li li li.sfhover ul { left:auto; } /* 2.3 Header */ .featured-buttons {width: 320px;position: absolute; z-index: 9999 !important; height:44px; float:left;margin-left: 32px;margin-bottom: 30px;margin-top: -70px;} .featured-buttons ul {list-style: none; } .featured-buttons li a {cursor: pointer; margin-right: 4px; text-indent: -9999px; float:left;width: 155px; height: 46px; } .featured-buttons li.features a {background: url("images/features-button.jpg") no-repeat scroll 0 0;} .featured-buttons li.pricing a {background: url("images/pricing-button.jpg") no-repeat scroll 0 0;} .featured-buttons li.features a:hover , .featured-buttons li.pricing a:hover {opacity: 0.8} #featu3 , #featu4 {border: 1px solid #E4DDD9;margin-top: 5px; height: 100px;background:url(images/bg-f.png) repeat;-webkit-border-radius: 2px;border-radius: 2px;} #parts2 h1 {margin: 12px 5px 5px 15px; font-size: 13px;line-height: 25px;font-weight: bold; font-family:Arial;color: #333} .bubbleInfo , .bubbleInfo2 { position: relative; float:left; border: 1px solid #dcdcdb; padding: 5px; width:90px;height:90px; margin: 4px; background: #fff; } .popup { position: absolute; display: none; /* keeps the popup hidden if no JS available */ } .popup { font-size: 12px; line-height: 1.2em; background-color: #fff; color: #333; font-family: "arial","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; padding: 5px; box-shadow: 0 1px 2px #555; z-index: 10000; -webkit-border-radius: 3px; border-radius: 2px; -moz-border-radius: 2px; } #pad { background: #f7f7f5; width: 225px; overflow: hidden; padding: 5px; line-height: 22px; } #pic1,#pic2,#pic3,#pic4,#pic5 {opacity: .8} #pic1:hover,#pic2:hover,#pic3:hover,#pic4:hover,#pic5:hover {opacity: 1} #pic1 { background: url(images/pic1.jpg) 0px 0; width: 79px;height:79px;} #pic2 { background: url(images/pic2.jpg) 0px 0; width: 79px;height:79px;} #pic3 { background: url(images/pic3.jpg) 0px 0; width: 79px;height:79px;} #pic4 { background: url(images/pic4.jpg) 0px 0; width: 79px;height:79px;} #pic5 { background: url(images/pic5.jpg) 0px 0; width: 79px;height:79px;} #parts2{ margin: 0; float: left; } #parts2-2 { margin: 0; float: left; } #top-menu {} .topbar-items {background-color: #F7F9FA; color: #808a97; font-weight: 400; border: 1px solid #e1dbdb; border-top: 0px; border-radius: 0px 0 3px 3px; margin-bottom: 8px; } .col-md-6.topbar-items ul{ margin-bottom: 0px; } .col-md-6.topbar-items li { line-height: 40px; float: left; margin: 0 5px; } .col-md-6.topbar-items li a{ color: #323232; font-weight: bold; } #header-container , #featured-container { border: 1px solid #000; width: 1110px; margin: auto;margin-top: 10px; position: relative; z-index: 9400;} #featured-container { margin-top: 0px;} #header{padding:0px 0 0;clear:both;position:relative;margin-bottom: 15px;} #shadow {} #logo a { float:left; padding-bottom: 0px;width: 210px;height: 100px; margin-top: -22px;text-indent: -9999px} #logo a {background: url("images/logo-tab.jpg") no-repeat scroll -3px 0; } #logo a:hover {background: url("images/logo-tab.jpg") no-repeat scroll -3px -96px;} #logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; } #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#999; font:italic 14px Georgia, serif; } #topad {float:right;} #bg-h{background: url("images/bg-h.jpg") repeat-x scroll 0 0;width: 100%; height: 10px;} /* 2.4 Content */ #content{ min-height: 320px; border-radius: 3px 3px 3px 3px; padding:0; position:relative; margin:5px 0 20px; border: 1px solid #d1b8b8; border-top: 1px solid #D1B8B8; border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px ; -webkit-border-radius: 3px ;padding: 7px ; } #content-header { border-bottom: 1px solid #EAEBEC; margin: 0px 4px 10px; padding: 4px 10px; line-height:1.4em; } #content #inner {clear:both; padding: 0px; width: auto; } /* 2.5 Sidebar */ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { border: 1px solid #CCCCCC !important; box-shadow: 0 0 0 !important; } #sidebar{/*padding-right: 5px;*/ overflow:hidden;border-left: 1px solid #EAEBEC;background :#fff ; padding-left: 5px;margin-top: 5px;} #sidebar .primary {margin: 5px 0 0 5px } #sidebar .secondary { float:left; margin-right:20px;width: 1110px; } #sidebar .secondary.last { margin:0; } /* 2.6 Footer */ .bati {width: 1110px; height: 0px; margin: auto; } #footer {width: 1110px;line-height: 55px; position: relative; padding: 5px 0 5px;border-top: 1px solid #e6e6e6; color:#333; font-size: 11px; } #footer a { color:#222; } #footer a:hover { color:#027f92; } #footer #credit img { vertical-align:middle; } #footer #credit span{display:none;} #footer-widgets { padding:0px 0; position: relative; width: 1110px;} #footer-widgets .widget { border-bottom:0; margin:0; } #footer-widgets .block { padding:0px 1%; width:31%; float:left; } #footer-widgets.col-1 .block { width:100%; padding-left:0; } #footer-widgets.col-2 .block { width:460px; } #footer-widgets.col-3 .block { width:31%; } #footer-widgets.col-4 .block { width:220px; } /* 2.7 Breadcrumbs */ #breadcrumbs { color: #666; float: left; font-size:11px; line-height; } /* 2.8 Homepage */ #main-page1 { margin:0px 0 20px; } #main-page2 { margin:0 0 15px; } #mini-features { } #mini-features .block { width:275px; margin:0 30px 30px 0; float:left; } #mini-features .block.last { margin-right:0; } #mini-features .feature { margin-left:50px; } #mini-features .home-icon { float:left; } #mini-features h3 { font-size: 13px; font-weight:bold; color: #333; line-height: 1em; padding-bottom:10px; } #mini-features p { padding-bottom:15px; } #latest-blog-posts { padding-top:5px; border-top:1px solid #e9ebed; } #latest-blog-posts h3 { margin-bottom:25px; } #latest-blog-posts .post h2.title a { font-size: 17px; font-weight:bold; color: #333; line-height: 1em; } #latest-blog-posts .post h2.title a:hover { color: #ff6633; } #carousel-inner { /*background: url("images/diagonal-bg.png") repeat scroll 0 0 #FFFFFF;*/margin: 6px 6px 0;padding: 5px 12px;position: relative;width: auto; } #carousel-inner a.btn-prev { background: url("images/carousel-prev.png") no-repeat scroll 0 0 transparent;height: 43px;left: -29px;position: absolute;text-indent: -9999em;top: 35%;width: 22px;z-index: 999;} #carousel-inner a.btn-next { background: url("images/carousel-next.png") no-repeat scroll 0 0 transparent;height: 43px;position: absolute;right: -29px;text-indent: -9999em;top: 35%;width: 22px;z-index: 999; } #carousel-inner a.btn-prev:hover {background: url("images/carousel-prev-hover.png") no-repeat scroll 0 0 transparent;} #carousel-inner a.btn-next:hover {background: url("images/carousel-next-hover.png") no-repeat scroll 0 0 transparent;} #carousel-inner a.btn-prev.disabled, #carousel-inner a.btn-next.disabled { display: none; } #carousel-content-border { border-top: 1px solid #EAEBEC;display: block;width: 960px; } .portfolio-carousel { overflow: hidden; height: 133px; } #homepage-portfolio-carousel li { margin:8px; overflow:visible !important; position: relative; float: left; } #homepage-portfolio-carousel .plus { background:url("images/portfolio-plus.png") no-repeat scroll 0 0 transparent; height:26px; position:absolute; right:-5px; text-indent:-9999em; top:-5px; width:26px; } #homepage-portfolio-carousel img { padding: 4px; border: 1px solid #c2c5ca; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } #homepage-portfolio-carousel img:hover { border-color:#aaa; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .post .video { margin:1.5em 0;} .archive_header { display: block; float: left; font:bold 24px/1.5em sans-serif; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } .catrss {clear: both; margin-right: 30px; margin-top: 5px;} .post { margin: 10px 0 2em;border-bottom: 0px solid #d9d9d8;padding-left: 10px;} .post .title, .page .title, .portfolio .title { margin: 0 0 0px; position:relative; } .single .post .title {/*text-align: center;*/ font-size: 20px; font-weight: bold; line-height: 1.2em;} .post .title a, .portfolio .title a { color:#333;font-size: 20px; } .post h2.title a, .portfolio h2.title a {font-size: 20px; } .post .title a:hover, .portfolio .title a:hover { color:#f34542; } .post-meta { font-size: 11px; color: #848d9a; line-height: 1.5em; margin:5px 0 1.5em; } .post-meta a { text-decoration:none; } .single .post-meta {} .post-more { clear:both; margin:1em 0; color:#999;} .post p.tags, .portfolio p.tags {color:#999;padding-left:0px;margin-top: 20px;width:100%;clear:both;margin-bottom:10px; line-height: 1.8em; } .sharethi {float:left;margin-bottom: 15px;} .sharethi ul , .sharethi ul li{ list-style-type: none !important; line-height: 25px; } .post-meta a, .post-more a, .post p.tags a { text-decoration: none; color:#555; } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:none; } .post-more a {color:#FF4629;font-weight: bold;} #post-entries {float: right; font-size:11px; } #post-entries a { color: #333; } #post-entries a:hover { color: #cc0000; } .nav-prev {background:url("images/seperator.png") no-repeat scroll right 3px transparent; margin-right: 15px; padding-right: 15px;} #title-container {display: none !important; margin:0 auto; padding:5px 0; margin-bottom: 10px;border: none;} #title-container .search_main {float:right; margin-right: 26px; width: 200px;} #title-container .title, .archive_header {float:left; margin: 0 0 0 15px; color: #fff; font-family: arial,tahoma,verdana;font-size: 18px; font-weight: bold; margin: 6px 0 0 26px;} #title-container .blog-title-sep { color: #BDC4CE; line-height: 2em; margin:0 10px; } #title-container .description { color:#BDC4CE; } #title-container .title, .archive_header h1 {font-size: 13px;margin-top: 5px;} /* 3.1 Typographic Elements */ .entry, .entry p { font:12px/1.8em sans-serif; } .single .entry { border-top: 0px solid #e9ebed;border-bottom: 0px solid #e9ebed; margin-top: 0px; padding-top: 10px; padding-bottom: 20px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0; line-height:1.5em; padding-bottom: 10px; } .entry h1 i.icon-emo-cry { font-size: 25px; } .post h1 , .post h2, .post h3, .post h4 , .post h1 strong , .post h2 strong, .post h3 strong, .post h4 strong{font-size: 32px; margin-bottom: 10px; padding-bottom: 00px; } .post h1:after { background: #f74757 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 5px 0 0; width: 5%; } .post h2 ,.post h2 strong { font-size: 28px;} .post h3 ,.post h3 strong{ font-size: 24px;} .post h4 ,.post h4 strong { font-size: 20px;} .post h1.title:after {display: none;} h4.toggle-trigger {padding-bottom:0} .entry p { margin-bottom: 1.2em; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #333; } .entry blockquote p { font-style:italic; } .entry ul { margin-bottom: 1em; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail {-webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 4px; border: 1px solid #c2c5ca; background:#fff; } .entry img:hover, img.thumbnail:hover { border-color:#aaa; } img.wp-smiley { padding: 0; border: none; } .post img.woo-image.aligncenter { margin-top:10px; } .alignleft { float: left; height: auto; margin: 0px 10px 10px 0; } .alignright { float: right; height: auto; margin: 0px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background: url("images/widget-bg-grid.png") repeat scroll 0 0 #FBFDFE;border-color: #DCE0E4 #D7DBDE #D7DBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } .ico-cal { background:url("images/ico-calendar.png") no-repeat scroll 0 0 transparent; width:33px; color:#aea7a0; } .ico-day { font-size: 12px; padding: 13px 0 7px; text-align: center; width: 33px; line-height:1.1em; font-weight:bold; } .ico-month {font-size: 10px;text-align:center;text-transform: uppercase; font-family: sans-serif; line-height:2em;} /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .woo-pagination { margin: 0; text-align: center; display: block;} .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none; color: #666; padding: 8px 13px; border: 1px solid #DDDDDD; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { /* Border Radius */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #dedede; /* Gradient Background */ background: #EBEBEB; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } .woo-pagination .current, .woo-pagination a:hover { padding: 8px 13px; background: #EEEEEE; border: 1px solid #bbb; } /* 3.4 Single Post Author */ #post-author { background: url("images/widget-bg-grid.png") repeat scroll 0 0 #FBFDFE;border-color: #DCE0E4 #D7DBDE #D7DBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); margin:0 0 1.5em; padding:15px; clear:both; } #post-author .title { margin-bottom: 10px; } #post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #c2c5ca; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } #post-author .profile-content {margin-left: 100px;} #post-author .profile-link { } /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; } .entry table tr.alt-table-row { background: #f9f9f9; } .entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; } h1.homos, h1.homos a {font-size: 20px;font-weight: bold; color: #f13434; padding-bottom: 10px; } .homos { color: #333} /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 0px; padding-bottom:12px; border-bottom:0px dashed #e5e5e5; } .widget h3 { border-bottom: 1px solid #e5e5e5; color: #F34542; font: bold 18px arial,verdana,tahoma; margin: 0 0 5px; padding: 5px 0;} .widget p { margin-bottom: 1em; } .widget a { } .widget a.submit.user-submit {padding:1px; float:left;border:0px !important ; box-shadow: 0 0 0 !important} .widget a.submit.user-submit img {margin:0px !important; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .widget a.button.logout-link {font-family: arial,tahoma,verdana;color: #333 !important ; margin: 0 0 20px !important; padding: 14px 0 0 !important; border: 0 !important ; font-size: 12px;margin: 0 0 10px !important; box-shadow: 0 0 0 !important} .widget a.button.logout-link a {color: #333 !important } .widget a.button.logout-link a:hover {color: #000 !important} button.user-submit {padding: 5px 10px !important ; margin-top: 0px !important} .bbp-submit-wrapper {margin:0px !important} .bbp-logged-in h4 , .bbp-logged-in h4 a {float:left; font-size: 12px !important;color: #ee2e02 !important ; margin: 0 !important; padding:7px 5px 0 0 !important;} .cc{padding-top: 5px;} .add-new-topic { border: 1px solid #000 ; margin-left: 5px;font-family: arial,tahoma,verdana;background: #fff; background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: -o-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; border: 1px solid #BDBFC0; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; color: #038DF8; cursor: pointer; font-size: 12px; font-weight: bold; margin: 0 0 0 0px; padding: 5px 63px; width: auto;} .add-new-topic:hover { color: #222} .widget ul { clear:both; padding-left:20px; list-style-position:outside; line-height: 27px; list-style-image: url(images/bullet.png); } .widget ul li { } .widget ul li a { line-height: 20px; text-decoration: none; color:#222; } .widget ul li a:hover { color:#fc3803; text-decoration:none; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget ul#list-forums {list-style-image: none;padding-left: 5px} .widget ul li.bellow a {background: url(images/bellow-arrow.gif) no-repeat 0 50%;padding-left: 15px;} .widget ul li.bellow span {float: right; color: #888} /* 4.2 Specific Widgets */ /* SEARCH FORM */ .searchform { background:#f7f9fa; width: 99%; position: relative; border-color: #DCE0E4 #D7DBDE #D7DBDE; border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-style: solid;border-width: 1px; /*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); */} .searchform input.s { padding: 6px 8px 6px 30px; width:85%; margin:0; border:none; background: none; color:#bdc4ce; } .searchform input.search-submit { position: absolute; top:10px; left:10px; border:none; margin:0; padding:0; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;} .widget_woo_flickr a:hover img { border:#A8AA99 1px solid; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /* TWITTER */ .widget_woo_twitter .back { } .widget_woo_twitter ul { padding-left:0; } .widget_woo_twitter ul li { background:url("images/picons-t.png") no-repeat scroll 0px 8px transparent;padding: 5px 15px 5px 30px;; list-style:none;} .widget_woo_twitter ul li:last-child { border:none; } .widget_woo_twitter ul li a { padding: 0px; color: #F34542 } .widget_woo_twitter ul li a:hover { color: #111 } .widget_woo_twitter ul li .time { color:#999; font-style: italic; } .widget_woo_twitter p { color: #555555; font-weight: bold; padding: 0 0 0 30px; } .widget_woo_twitter p a { color:#222; } .widget_woo_twitter ul li .content { font-size: 12px; } .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; } /* FEEDBACK */ .feedback {width: 285px; position:relative; background: url("images/note-top.png") no-repeat scroll 0 0 transparent; color: #766958; font-style: italic; line-height: 1.8em; padding: 46px 20px 0 0; } .feedback a { color:#766958; font-style:normal; } .feedback .quotes { padding: 0; } .feedback blockquote { text-indent: 20px;background: url(images/quotes-1.png); background-position: 0 2px; background-repeat: no-repeat; margin-bottom: 20px; } .feedback blockquote p { line-height:21px; display: inline; margin: 0; padding-right: 22px; background: url(images/quotes-2.png); background-position: bottom right; background-repeat: no-repeat; } .feedback-bottom {background: url("images/note-bottom.png") no-repeat scroll 0 0 transparent; padding: 0 0 35px; width: 285px} .quotes {background: url("images/note-line-item.png") repeat-y scroll 0 0 transparent; padding: 0 0 35px; width: 285px; } .quote {padding: 0 10px 0 35px;} .feedback cite { display: block; font-style: normal; font-weight:bold; } .feedback a.btn-prev { position: relative; bottom:15px; left:200px; width: 10px; height: 10px; background: url(images/ico-prev.png) no-repeat; display:inline-block; text-indent: -999em; z-index:99; opacity:0.8; } .feedback a.btn-next { position: relative; bottom:15px; left:200px; width: 10px; height: 10px; background: url(images/ico-next.png) no-repeat; display:inline-block; text-indent: -999em; z-index:99; opacity:0.8; } .feedback a.btn-next:hover, .feedback a.btn-prev:hover { opacity: 1; } /* 4.3 WooTabs */ #tabs { height:auto; display: block; border-top: 1px solid #E5E5E5 } #tabs { height:auto; display: block; border-top: 1px solid #E5E5E5 } #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { background: url("images/seperator.png") no-repeat scroll right center transparent; float: left; display:inline; margin:0px; cursor: pointer; } #tabs ul.wooTabs li:last-child { background:none; } #tabs ul.wooTabs li a { color:#222; display: block;float: left;padding: 10px 8px; text-transform:none; font:bold 12px/18px sans-serif; } #tabs ul.wooTabs li a.selected { padding-bottom:11px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { color: #F34542; background: url("images/arrow.png") no-repeat scroll center bottom transparent;text-decoration:none; } #tabs ul.wooTabs li:first-child a {padding-left:0; } #tabs .inside { margin-top:2px; } #tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; } #tabs .inside ul:first-child { display: inline; } #tabs .inside #tab-tags { border-width:1px; padding:10px; } #tabs .inside li { padding:5px 0; list-style:none;} #tabs .inside li a { color:#222; font-weight:normal; padding:0; line-height: 15px;} #tabs .inside a:hover{ color: #F34542; } #tabs .inside #tab-tags a {color: #222; padding:0px 4px; margin:3px 1px; display:inline-block; background: #f0f0f0; font-size:11px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #tabs .inside #tab-tags a:hover{ background: #e6e6e6; text-decoration: none;} #tabs .inside li span.meta { display:block; font-size:11px; text-transform:normal; color:#555; padding-bottom:5px; line-height:2em; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail {height: 40px; width: 40px; border-radius: 100% 100% 100% 100%;-moz-border-radius: 100%; -webkit-border-radius: 100%; background-color: #ffffff; float: left; margin: 0 10px 0 0; } #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; } .tab-content { margin-left: 40px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:2em 0 0; } #comments h3 { color:#333; font-weight:bold; margin-bottom:5px; } #comments .comment.thread-even { border-bottom:1px solid #E9EBED; } #comments .comment.bypostauthor { } ol.commentlist {margin-top: 5px;} #comments .comment{border-top: 1px solid #E9EBED;width:100%;list-style-type:none;} #comments .comment.depth-1:first-child {border:none;} #comments .comment.depth-1:last-child {border-bottom:none;} #comments .comment .comment-container { position:relative; padding: 10px 10px 10px 0; } #comments .comment-head {margin: 0 0 15px 70px;} #comments .comment-head a { color:#333; } #comments .comment-head a:hover { color:#ff6633; } #comments .comment-entry {margin: 0 0 0 60px;} #comments .avatar { float:left; } #comments .avatar img{border-radius: 100%; -moz-border-radius:100%;-webkit-border-radius: 100%; margin: 0; vertical-align: middle; background:#fff;/* -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);*/ } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 13px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { text-transform: uppercase; color:#848d9a; font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply {padding-top: 10px;position: absolute;right: 0;top: 5px;} #comments .reply a { font: 11px/18px sans-serif; text-transform: lowercase;} #comments .reply a:hover { background: #E7446A ; color: #fff } #comments ul.children{background:url("images/comment-child-arrow.png") no-repeat scroll 1.25em 2.5em transparent;margin: 10px 0 0; padding: 0 0 0 50px; } #comments ul.children li {border-top:1px dashed #E9EBED; } #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } #comments .nocomments { font-size:13px; font-weight: bold; } #comment-header, #reply-header, #dribbble-header {margin: 5px 0;} .comment-header-border { background-color: #fa4700; height: 0px; margin: 0 auto; display: block; } /* 5.2 Comments Form */ #respond { margin: 1em 0 0; } #respond h3 { color:#333; font-weight: bold; margin-bottom:0px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 20px 0 0 0; } #commentform p.field { float: left; margin: 0 10px 0 0; width: 32%; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { border:1px solid #bbb;} #commentform input.txt { color:#6D747E; background: #f6f8f9; width: 170px; margin: 0 5px 20px 0; padding: 10px 7px; } #commentform textarea { color:#6D747E; background: #f6f8f9; width: 97% !important; padding: 5px 7px; } #commentform input.txt:focus, #commentform textarea:focus { border-color: #DCE0E4 #D7DBDE #D7DBDE; border-radius: 3px 3px 3px 3px; border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); } #respond #commentform #submit { cursor: pointer; float: right; font-family: sans-serif; font-size: 12px; font-weight: bold; margin: 15px 0 0; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, .submit { display: inline-block; margin: 5px; padding: 5px 16px; border-color: #DCE0E4 #D7DBDE #D7DBDE;border-style: solid;border-width: 1px; color: #444; text-align: center; text-shadow: 0 0 0; text-decoration: none; font-weight: bold; font-size: 12px; cursor: pointer; font-family: arial,tahoma,verdana; /*Border radius*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*Background*/ background: #fdfeff; /*Box shadow*/ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } a.button.large { padding:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover { text-decoration: none !important; /*Background*/ background: #FBFDFE; /*Fallback*/ border-color: #bababa; } a.button:active, a.button.active { border-color: #bababa; /*Box shadow*/ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); } .meta-nav {color: #bdc4ce; font-weight: bold; margin: 0 5px;} /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms {float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:10px;position:relative;width:100%} #contact-page ol.forms label{padding-top: 5px;cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:200px;width:400px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor:pointer; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ #contact-page ol.forms2 li{float:left;margin-bottom:10px;position:relative;width:50%} #contact-page ol.forms2 li.textarea{width:100%} #contact-page ol.forms2 li.buttons{float:right;width:22%} #contact-page ol.forms2 label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:200px;padding-top: 5px;} #contact-page ol.forms2 , #contact-page ol.forms {margin-top: 10px;} .error {color: #cc0000} /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px sans-serif; color:#3f454b; margin-top:0; } #archives .archives_list { border-left:1px solid #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 6.5 IE specific styling */ .ie6 .navi .sf-sub-indicator { display:none; } .ie6 .navi li a:hover { text-decoration:none; } .ie6 .navi li a.sf-with-ul { padding-right:10px; } .ie6 .button, .ie6 .button:visited { margin:0; color:#3f454b !important; font-weight:normal; } .reply a { color:#3f454b !important; } .ie7 .navi li a {_height: 0;zoom: 1;} /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; } .ie7 #navigation { zoom: 1; } .ie7 .slide .slide-content.entry { position: relative; margin-bottom: -250px; top: 150px; bottom: auto; } .ie7 .slide .slide-content.entry, .ie8 .slide .slide-content.entry { /*background: url(images/ie-transparency.png) repeat left top;*/ } .ie7 .rss { float: left; } .ie7 .quotes *, .ie8 .quotes * { background-color: transparent!important; } .ie7 #connect .newsletter-form .submit { padding: 0!important; } .ie7 #connect .newsletter-form .email { padding-left: 10px; } .ie7 .slide .styledtext { zoom: 1; margin-top: -50px;display: inline-block; line-height: 10px; } .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; } .ie8 #slides a.prev , .ie7 #slides a.prev,.ie8 #slides a.prev,.ie6 #slides a.prev {background: url("images/lefto-2.jpg") no-repeat scroll 0 0px transparent;} .ie8 #slides a.next, .ie7 #slides a.next , .ie6 #slides a.next {background: url("images/righto-2.jpg") no-repeat scroll 0 0px transparent;} /* 6.6 Connect */ #connect { border: medium none; clear: both; padding: 20px 0 0; } #connect h3 { margin-bottom:20px; } #main #connect .col-left, #connect .col-right { width:48%; } #connect .title { margin-bottom: 10px; } #connect p { background: url("images/ico-envelope.png") no-repeat scroll 0 5px transparent; margin: 0 0 1em; padding: 0 0 0 45px; } #connect .newsletter-form { background: none repeat scroll 0 0 #F6F8F9; margin: 0 0 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width: 149px; background: none repeat scroll 0 0 transparent; border: medium none; padding-left: 10px; text-transform: lowercase; } #connect .newsletter-form .submit { cursor:pointer; margin: 5px 5px 5px 25px; padding: 4px 14px; text-transform: lowercase; } #main #connect .newsletter-form .submit { margin: 5px 5px 5px 19px; } #connect .social { } #connect .social a { opacity:0.8; } #connect .social a:hover { opacity:1; } #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; } #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float:none;} .widget #connect { padding:0; margin: 0; } /* 6.7 Slider */ /* Remove lines & padding from header */ .woo-slider #top { padding: 20px 0 0 0; } .woo-slider #header { border-bottom: 0; } .woo-slider #content { padding: 20px 0px; } #slides {height: 300px;background: #F34542;-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;} #slide-box {margin: 0px auto 0;position: relative;width: 1110px; height: 298px;} #box-left, #box-right {padding-left:6px; height: 320px; margin-top:-5px; margin-bottom: -5px; float:left; width: 5px;-webkit-box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.8); box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.3);} #box-right { box-shadow: 5px 0 5px -5px #333;float:right} .slides_container { width: 1110px; } .slides_container:first-child .slide { display: none; } /* Make sure the slider doesn't display all slides in a stack on load */ .slides_control { min-height: 300px; } .slide { width: 1110px; min-height:200px; } .slide .slide-content.entry { width: 440px; height:190px; left: 0px; padding: 15px 35px 10px; position: absolute; font-size: 13px; } .slide .slide-content.video {background: none repeat scroll 0 0 transparent;border: medium none;-moz-box-shadow: 0 0 0;-webkit-box-shadow: 0 0 0;box-shadow: 0 0 0;float: left;font-size: 13px;padding: 20px 0px 10px 20px;width: 350px; margin:0; } .slide .slide-content.video .title {color:#3585B3;font-size: 32px;font-weight: bold;line-height: 1.2em;margin-bottom: 0.5em;} .slide .slide-content.video p { color: #777777;font: 13px/1.5em sans-serif; } .slide .slide-content.entry h2 a {font-size: 30px; text-shadow: 1px 1px 1px #c52f01;filter: dropshadow(color=#c52f01, offx=1, offy=1);color:#fff;} .slide-content p { color: #eaeaea; margin:0 0 0.5em; } .slide-image { width: 1110px; } .slide .slide-content.entry .title { font-size: 22px; line-height: 1em; margin: 10px 0; color: #fff; filter: dropshadow(color=#827b82, offx=1, offy=1); } .slide .slide-content.entry p {text-shadow: 1px 1px 1px #c52f01;filter: dropshadow(color=#c52f01, offx=1, offy=1);font-weight: bold;color: #FFFFFF; font-size: 13px; line-height: 25px; margin: 0; margin:0; filter: dropshadow(color=#827b82, offx=1, offy=0); } .slide-img {float:right ; margin-right: 22px;margin-top: 10px;} .slide .video { float:right; padding: 2px; margin-right:20px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .slide .vid-content { width:360px; } #slides a.prev {background: url("images/lefto-2.jpg") no-repeat scroll 0 50% transparent;height: 98px;width:30px;left: -8px;opacity: 0.93;position: absolute;text-indent: -9999em;top: 92px;z-index: 999;} #slides a.next { background: url("images/righto-2.jpg") no-repeat scroll 0px 50% transparent;height: 98px;opacity: 0.93;position: absolute;right: -8px;text-indent: -9999em;top: 92px;width: 30px;z-index: 999;} #slides a.prev:hover, #slides a.next:hover { opacity:1; } #slider_nav {margin-bottom: 30px;margin-top: -25px;position: relative;z-index: 2;} #slider_nav, #line_wrap {margin-left: auto;margin-right: auto;width: 1110px;} #line_wrap {position: relative;z-index: 1;} #line {border-bottom: 0px solid #E8E8E9;margin: 20px 0 0;position: absolute;width: 1110px;} #slider_pag {float: left;width: 1110px;margin-bottom: 10px;} #slider_pag ul {float: left;left: 50%;margin: 10px auto 0;max-width: 700px;position: relative;} #slider_pag li:first-child {padding: 0 2px 0 12px;} #slider_pag li:last-child {padding: 0 10px 0 2px;} #slider_pag li {float: left;padding: 0 2px;position: relative;right: 50%;} #slider_pag a {border: medium none;display: block;height: 11px;text-indent: -9999px;width: 10px;} #slides .pagination li a {display:block;width:10px;height:0;padding-top:5px;background:#fff; background-position:0 0;float:left;overflow:hidden;} #slides .pagination li.current a {background-position:0 -10px;} .pagination > li:last-child > a, .pagination > li:last-child > span {border-radius: 0 3px 3px 0 ; -moz-border-radius: 0 3px 3px 0 ; -webkit-border-radius: 0 3px 3px 0} .pagination > li:first-child > a, .pagination > li:first-child > span {border-radius: 3px 0 0 3px ; -moz-border-radius: 3px 0 0 3px ; -webkit-border-radius: 3px 0 0 3px} #slides .pagination li.current a { background: #232323; border-color: #233223;} .slide .entry {border: none;margin: 0 auto;padding:0 5px;} .slide .entry h2 { font: bold 24px/1.4em sans-serif;color: #3f454b;} .slide .entry p { margin-bottom:2em; } .slide .entry img, .slide img.thumbnail {background:none;border:none;-webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0;} .slide a.btn {border-style:solid;border-width:1px;border-color: #e3ae43; border-top-color: #f0c851; border-bottom-color: #e0a235; background-color: #f9d867;font-family: sans-serif;font-size: 13px; font-weight:bold; display: inline-block;line-height: 1em;padding: 12px 17px;margin:10px 5px 1.5em;color: #895b2c !important;text-align: center;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);text-decoration: none !important; /*Border radius*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; /*Background*/ background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #fae37a),color-stop(1, #f6cb4f)); background: -moz-linear-gradient(center top,#fae37a 20%,#f6cb4f 100%); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } .slide a.btn:hover { /*Background*/ background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f6cb4f),color-stop(1, #fae37a)); background: -moz-linear-gradient(center top,#f6cb4f 20%,#fae37a 100%); } .slide .styledtext { background: transparent url(images/bg-styledtext.png) no-repeat center top; color: #333333; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 12px; padding: 11px 0px 12px; text-align: center; } /* 6.8 Portfolio */ #portfolio { padding: 20px 0; border-top: 1px solid #C2C2BE; border-bottom: 1px solid #DFDDDC; border-top-color:rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.1); overflow: hidden; } .fullwidth #portfolio { border:none; padding:0; width: 1000px;} ol.portfolio, ol.dribbbles {margin-left: 38px; list-style-type:none; margin:0;margin-left: 38px; } ol.portfolio li, ol.dribbbles li { margin: 10px; float: left; } #dribbble-header-box {margin:30px 0;} .dribbbles li{ font-size:15px; position:relative; padding:0; margin:0 0 1.5em 0;} .dribbbles .dribbble-shot{-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;padding: 4px; border: 1px solid #ddd; background:#fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);} .dribbbles .dribbble-img {height: 150px;overflow: hidden;width: 200px;} .dribbbles .dribbble-over{position:absolute;top:0;left:0;z-index:1;width:180px;height:130px;margin:0!important;padding:10px;font-size:0.8em;line-height:2em;text-decoration:none;color:#888;background:url(images/portfolio-zoom.png) no-repeat right bottom;} .dribbbles .dribbble-link{position:relative;z-index:2;} .dribbbles img{margin:0;width:200px;height:auto;opacity:1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;} .dribbbles a:hover img{opacity:0.1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;} .dribbbles strong{display:block;font-weight:bold;font-size:1em;line-height:1.2em;color:#ff6633;} .dribbbles .dim{font-weight:bold;color:#666;} .dribbbles em{position: absolute;bottom:5px;left:10px;font-size:1em;line-height:1em;font-weight:normal;font-style:normal;} .entry .portfolio-img { margin-bottom:20px; } #port-tags { margin: 5px 10px 15px; text-align: center; } .port-cat { font-weight: bold; text-transform:capitalize; text-align: center; } .port-cat li { background: url("images/seperator.png") no-repeat scroll right 5px transparent; padding: 5px 5px 0; display: inline; } .port-cat a { color:#333; margin: 0; padding: 2px 15px 15px; } .port-cat ul li:last-child { background: none; } .port-cat a:hover, .port-cat a.current { color: #3F454B; background:url("images/arrow.png") no-repeat scroll center bottom transparent; text-decoration:none; } /* 6.8.1 Single Portfolio */ .portfolio-img img:hover { border-color: #AAAAAA; } #portfolio-content {border-left: 1px dashed #E5E5E5;float: left;padding-left: 20px;width: 315px;} #portfolio-content h2 {font-size: 1em; font-weight: bold;margin-bottom: 10px;} #portfolio-content h3 {color: #3F454B;font: bold 14px sans-serif;margin: 0 0 1em; } #portfolio-content .entry {border-top: 1px solid #E9EBED;margin: 5px 0;padding-top: 5px;} #portfolio-content a.button {font-weight: bold;padding: 4px 13px; } #portfolio-content #testimonial {border-top: 1px dotted #BFC5CA; padding-top:20px;} #gallery h2 { font-size: 14px !important; color: #000; margin-top: 20px; margin-bottom: 16px; } #gallery, .single-portfolio .video { float:left; margin-right: 30px; width:541px; } #gallery .slides div { width: 542px; margin-right: 2px; text-align: center; } #loopedSlider.gallery{ position:relative; margin: 0 0 30px; z-index: 1; } #loopedSlider.gallery .container { height:340px; overflow:hidden; position:relative; margin: 0 0 10px 0; } #loopedSlider.gallery .slides { position:absolute; top:0; left:0; } #loopedSlider.gallery .slides img, #gallery img {-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; padding: 2px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .jcarousel-container { width: 540px; margin: 0 auto; text-align: center; } .jcarousel-clip { width: 540px; margin: 0 auto; } .jcarousel-item { width: 160px; height: 160px; } .jcarousel-next, .jcarousel-prev { position: absolute; top: 80px;cursor: pointer; height: 10px; width: 7px; background-position: top left; background-repeat: no-repeat; } .jcarousel-prev { left: -12px; background-image: url(images/ico-gallery-prev.png); } .jcarousel-next { right: -12px; background-image: url(images/ico-gallery-next.png); } .sidebar .jcarousel-container { width: 540px; } .sidebar .jcarousel-clip { width: 542px; } #loopedSlider.gallery .pagination {margin-top: 800px;float: left; float: left; height: 170px; } #loopedSlider.gallery .pagination li { margin: 0; } #loopedSlider.gallery .pagination li img { padding: 2px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } #loopedSlider.gallery .pagination li.active img { } #TB_overlay { z-index: 9998!important; } #TB_window { z-index: 9999!important; } #loopedSlider.gallery .gallery-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #single-gallery-image { margin: 0 auto 50px auto; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {clear: none !important;} /* additionals*/ .slash {background-image: url(images/slash.jpg); height: 66px; width: 26px;float:right;margin-top: -4px;} .home-left {color: #2b3d4f; padding: 0px 15px;width: 52%; float:left; font-size: 13px; line-height: 20px; } .home-right {background: url("images/quoty-a.jpg") no-repeat scroll 10px 15px #fcfaf6; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius:3px;padding: 25px 20px 22px 40px; width: 30%; border: 1px solid #e8e2d6; float: right; } .home-right blockquote {background: url("images/quoty-b.jpg") no-repeat scroll 100% 100%;padding-bottom:10px; } .home-left h2 { font-size: 18px;font-weight: bold;padding-bottom: 10px;padding-top:5px;} .home-right-c , .home-right-c1 {width: 32%; float: left;margin: 0px 6px 12px ; min-height: 80px; } .home-right-c1 {height: 100px; margin: 10px 6px; } .home-right-c1 h2.support, .home-right-c1 h2.use, .home-right-c1 h2.update { background: url("images/support.jpg") no-repeat scroll 0 0 transparent; color: #333333; font-family: "arial","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 2px; padding-bottom: 5px; padding-left: 35px; padding-top: 3px; line-height: 25px; } .home-right-c1 h2.use { background: url("images/using.jpg") no-repeat scroll 0 0 transparent; } .home-right-c1 h2.update { background: url("images/update.jpg") no-repeat scroll 0 0 transparent; } #liner { background: url("images/liner.jpg") no-repeat scroll 50% 0 transparent; margin: 5px auto 8px; width: 700px;height: 10px;} #featu { border-top: 0px solid #E6E6E6; margin: auto;margin-top: 5px;padding: 20px 0} span.strong1, span.strong2, span.strong3, span.strong4, span.strong5, span.strong6, span.strong7, span.strong8, span.strong9 { color: #7c3330; font-weight: bold; padding-bottom: 5px; padding-left: 20px; } span.strong1 { background: url("images/designing.jpg") no-repeat scroll 0 0 transparent; } span.strong2 { background: url("images/link.jpg") no-repeat scroll 0 0 transparent; } span.strong3 { background: url("images/settings.jpg") no-repeat scroll 0 0 transparent; } span.strong4 { background: url("images/moneto.jpg") no-repeat scroll 0 0 transparent; } span.strong5 { background: url("images/easy.jpg") no-repeat scroll 0 0 transparent; } span.strong6 { background: url("images/lang.jpg") no-repeat scroll 0 0 transparent; } span.strong7 { background: url("images/seeker-icon.jpg") no-repeat scroll 0 0 transparent; } span.strong8 { background: url("images/employer-icon.jpg") no-repeat scroll 0 0 transparent; } span.strong9 { background: url("images/admin-icon.jpg") no-repeat scroll 0 0 transparent; } #gavatar {float: left;height: 60px; width: 60px} .data-post {margin-left: 70px;padding: 10px 0 0; margin-bottom: 40px; } .data-post .title {line-height: .2em} .profile-image .avatar {border-radius: 100%; -moz-border-radius:100%;-webkit-border-radius: 100%; } #gavatar a , #bbp-user-avatar a.how-many { background: #FF4629; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin: -15px 0 0 16px; position: relative; text-align: center; width: 33px; z-index: 2; } #bbp-user-avatar a.how-many { margin: -48px 0 20px 50px;height: 30px; width: 45px; line-height: 30px;} .product-remove { width: 5px; } .product-quantity {display: none;} .woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders { font-size: 1em !important; } h3.account {font-size: 13px;font-weight: bold; color: #F34542} .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li { list-style: none; } .woocommerce #payment, .woocommerce-page #payment { background: none !important; } p.tags span { background: url("images/tete-tag.png") no-repeat scroll 0 -2px transparent; display: inline-block; margin: 0 3px 0 0; padding: 0 0 0 20px; } p.tags span a { background: url("images/tag-right.png") no-repeat scroll right center transparent; display: inline-block; padding: 2px 10px 2px 2px; text-decoration: none; text-shadow: 1px 1px 1px #F4F4F4; color: #5e574f !important; } p.tags span a:hover { color: #222 !important; } .form-right {float:left ;} .form-left {float:left;width: 350px;margin-top: 10px;margin-right:10px;border-right: 1px solid #D9D9D8 ; padding-left: 10px;} #warning-form {font-size: 13px; line-height: 21px; color: #c4690e; text-align: center; background: #fffdf4; /* Old browsers */ background: -moz-linear-gradient(top, #fffdf4 0%, #fffbee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdf4), color-stop(100%,#fffbee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fffdf4 0%,#fffbee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fffdf4 0%,#fffbee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fffdf4 0%,#fffbee 100%); /* IE10+ */ background: linear-gradient(top, #fffdf4 0%,#fffbee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf4', endColorstr='#fffbee',GradientType=0 ); /* IE6-9 */ border: 1px solid #e6bf4a; padding: 15px 30px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px rgba(0,0,0,0.1); } .columns {font-weight:normal; color: #333;padding: 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;background: #fcfbf9; text-align: center;border: 1px solid #E3E3E8; float:left; width: 265px; margin: 0px 10px 15px;height: 200px; } .columns h3 {font-size: 13px; font-weight: bold;margin: 15px 0 70px;} #forums.columns {background: url("images/support-3.png") no-repeat center 45px #fcfbf9;} #faq.columns {background: url("images/support-1.png") no-repeat center 45px #fcfbf9;} #quote.columns {background: url("images/support-2.png") no-repeat center 45px #fcfbf9;} .clear {clear: both} .clear2 {height: 10px; overflow: hidden ; clear: both} h3.notice {font-weight: bold; margin-bottom:8px;} ul.social {margin-top:10px} ul.social li a {color: #444} ul.social li a:hover {color: #f03402} li.facebook , li.twitter,li.feed {opacity: .8;padding-left: 20px;font-weight: bold;background: url("images/facebook-icon.jpg") no-repeat 0px 50%;} li.twitter {background: url("images/twitter-icon.jpg") no-repeat 0px 50%;} li.feed {background: url("images/feed-icon.jpg") no-repeat 0px 50%;} ul.social li:hover {opacity: 1;} .button-support {line-height: 40px;} .woocommerce form.login, .woocommerce-page form.login, .woocommerce form.checkout_coupon, .woocommerce-page form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.register { border: 1px solid #E0DADF; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em 0; padding: 20px; text-align: left; } .woocommerce h2 {font-weight: bold;font-size: 13px;} .woocommerce .col-1 h2 , .woocommerce .col-2 h2 { font-size: 18px !important; font-weight: bold; } .woocommerce .col-1 h2:after , .woocommerce .col-2 h2:after { background: #f74757 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 10px 0 0; width: 10%; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { min-height: 280px; } #top-left {float:left;width: 200px;display:none;} #top-left a {color: #333} #top-left a:hover {color: #fc3803} #top-right , #top-right-2 {float:right;width: 380px; line-height: 35px;} #top-right ul , #top-right-2 {float:right;list-style: none} #top-right li {text-align: center;float:left;color: #555 ; font-size: 14px;} #top-right li.carto {padding-right: 15px; background: url("images/reflect.png") no-repeat right 50%;} #top-right li.carto a {color: #11A301} #top-right li.carto a:hover {color: #333} #top-right li a {text-align: center; margin: 0 5px;color: #333;font-weight: bold;font-size: 13px; font-family:arial,verdana,tahoma; } #top-right li a:hover {color: #fc3803} #top-right-2 {margin-top:6px;width: 200px;float: left; margin-left: 230px; } #top-right-2 li a {text-indent: -9999px; float:left;height: 24px;width:24px;margin-right:2px; } #top-right-2 li a#facebook { background: url("images/facebook-ic.jpg") no-repeat 0 0;} #top-right-2 li a#twitter { background: url("images/twitter-ic.jpg") no-repeat 0 0;} #top-right-2 li a#contact { background: url("images/email-ic.jpg") no-repeat 0 0;} #top-right-2 li a#feed { background: url("images/feed-ic.jpg") no-repeat 0 0;} #top-left h1 {font-size: 13px;} #top-right-2 li a:hover {opacity: .8;} .separator {float: left;font-size: 13px !important;font-weight: normal;color: #aaa !important} #navigation .navi li ul li:last-child a.separator ,#navigation .navi li ul li a.separator , #navigation .navi li:last-child a.separator {display: none;} .searcho { float: left; margin: 2px; width: 205px; } .mc_form_inside {float: left} #mc_signup_form .mc_var_label {display: none;} #mc_signup_form .button , #bbp_search_submit {border: 1px solid #000 ; margin-left: 5px;font-family: arial,tahoma,verdana;background: #fff; background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: -o-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; background: linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent; border: 1px solid #BDBFC0; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; color: #414141; cursor: pointer; font-size: 12px; font-weight: bold; margin: 0 0 0 7px; padding: 5px 10px; width: auto;} #mc_signup_form .button:hover {background: #fff;border: 1px solid #989694} #mc_signup_form .mc_input { width: 180px;} .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { background: #f34542 !important; color: #fff; padding: 10px 15px; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {padding: 7px 6px 6px !important;width: 140px !important} .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt { color: #fef4e9 !important; border: solid 1px #328302 !important; background: #42ae01 !important; background: -webkit-gradient(linear, left top, left bottom, from(#4bbb07), to(#4bbb07389301)) !important; background: -moz-linear-gradient(top, #4bbb07, #389301) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbb07', endColorstr='#4bbb07389301') !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important; } .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover { background: #42ae01 !important; } .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover { opacity: 0.9; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { margin: 0 -1px 10px 0 !important;} .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 4px solid rgba(0, 0, 0, 0.1) !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; } h3.billi {font-weight: bold; font-size: ; padding-bottom: 0; margin: 10px 0 0.5em 10px} label.checkbox { font-size: 11px !important; color: #777; } .checkout {} p.credits {float: left;margin-top: 5px;margin} #creditcards { height: 20px; width: 200px;float:left ; margin-top: 5px;background: url("images/creditcard-logos.jpg") no-repeat 0 0;} /*custom css for woocommerce*/ .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { float: left !important; margin-bottom: 2em; width: 100% !important; margin-top:00px; } h1.product_title {font-size: 28px !important; letter-spacing: -1px !important; line-height: 46px !important; margin-bottom: 8px !important ; font-weight: bold !important;} #left-product { padding-bottom: 20px;float:left;} .top-caption { background: #ededec; border: 1px solid #B3B3B3; border-bottom: 0px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: bold; height: 35px; line-height: 32px; left: 0; margin: 0; padding-top: 3px; text-align: center; display: block; top: 15px; } .woocommerce div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce-page #content div.product form.cart { margin-bottom: 0em !important; } .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { margin-bottom: 0em !important; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .summary .demo-buy a { background: url("images/buy-demo.jpg") no-repeat scroll 0 0 transparent; display: block; float: right; height: 72px; text-indent: -9999px; width: 138px; } .summary .demo-buy { border-left: 1px solid #E3E3E8; float: right; padding-right: 34px; margin-top: -30px; } .summary a.demo:hover { background-position: 0 -146px; position: relative; z-index: 5; } .summary a.buy { background-position: -138px 0; position: relative; } .summary a.buy:hover { background-position: -138px -146px; } .summary a.vip { width: 280px; background-position: 0px -73px; position: relative; } .summary a.vip:hover { background-position: 0px -219px; } .summary a.buy.download { background-position: 100% 0; } .summary a.buy.download:hover { background-position: 100% 100%; } .summary a.buy .theme-price { background: url("images/theme-price.png") no-repeat scroll 0 0 transparent; color: #414141; font-size: 13px; font-weight: normal; height: 60px; line-height: 40px; opacity: 0; position: absolute; right: -13px; text-align: center; text-indent: 0; top: -40px; transition: opacity 0.2s linear 0s; width: 159px; } .summary a.buy:hover .theme-price { opacity: 1; } #slideshow-wrapper #fullsize { overflow: visible !important; } #slideshow-wrapper #imgprev { background: url("images/left-slider.png") no-repeat scroll left center transparent !important; opacity: .95 !important; left: -18px !important; z-index: 200; } #slideshow-wrapper #imgnext { background: url("images/rightslider.png") no-repeat scroll right center transparent !important; opacity: .95 !important; right: -18px !important; z-index: 200; } #slideshow-wrapper #imgnext:hover , #slideshow-wrapper #imgprev:hover { opacity: 1 !important; } .woocommerce-message, .woocommerce-error, .woocommerce-info {border: 1px solid #ddd ; box-shadow: 0 0 !important} .meta-data {/*text-shadow: 1px 0px 1px #e01947;*/ background: #5CEDD5 ;border: 1px solid #31C4AC; color: #222; margin-bottom: 10px;margin-top: 10px;overflow: hidden ; padding: 10px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .meta-data ul {list-style: none} .meta-data li {float:left; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .meta-data li.tago { text-align: center; margin-right: 5px; background: #fff; border: 1px solid #31C4AC; float:right; padding: 5px 15px; } .meta-data li.tago a { display: block; width: 100%; text-align: center; font-weight: bold; color: #232323; } .meta-data li.tago a:hover {opacity: 0.8; color: #000} .woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { width: 62px !important; } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { width: 52px !important; } .amount {font-weight: bold; } .product-price {width: 100px !important;text-align: center;} .checks {color: #339933;font-weight: bold;} .carts {color: #222; font-size: 12px; font-weight: normal} .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { font-weight: bold; } .woocommerce td.product-name dl.variation, .woocommerce-page td.product-name dl.variation { font-size: 1em !important; } /* Shop templates*/ #theme { background: #f8f9f9; border-radius: 3px; color: #222; float: left; height: 110px; margin: 0 2% 30px !important; padding: 15px 1% 150px; position: relative; width: 27%; box-sizing: content-box; } #theme .theme-title a { font-size: 15px; font-weight: bold; letter-spacing: 0; line-height: 24px; margin: 0 0 10px; color: #333; } #theme .theme-title a:hover { color: #5bcb00; } #theme .theme-display { background: url("images/macbook-small.png") no-repeat scroll 0 0 transparent; bottom: -1px; height: 167px; left: 0; position: absolute; width: 100%; } .theme-display img, .attachment-shop_catalog {background: none repeat scroll 0 0 #FFFFFF; height: 128px; margin: 12px 0 0 54px; padding: 0 41px; width: 208px;} .woocommerce .attachment-shop_catalogs { margin: 12px 0 0 54px; padding: 0 41px; width: 100px; height: 100px;} #theme .theme-display .overlay { background: url("images/back-over.jpg") no-repeat scroll 0 0 transparent; height: 131px; left: 54px; opacity: 0; position: absolute; top: 10px; transition: opacity 150ms ease-in-out 0s; width: 210px; z-index: 12; } .breadcrumb {background: none; margin-bottom: 0px; } .noempty i {font-size: 44px; } .featuredproducts {border-top: 4px solid #ddd; padding-top: 10px; margin-top: 10px; } .entry .featuredproducts ul {padding: 0 !important; } .featuredproducts #theme { margin: 0 2% 30px !important; padding: 15px 2% 150px; width: 42%;} .featuredproducts ul li{list-style: none; } #theme .theme-display .overlay:hover{ opacity: .95; } #theme .responsive {background: #7ace0d; border-radius: 3px 0 0 3px; padding: 2px 2px 2px 6px ; color: #fff; margin-right: 56px; margin-top: -122px; position: relative; float: right; } #theme .theme-display .overlay div.overupper a , #theme .theme-display .overlay div.overupper {display: block; height: 100px; width: 100%; background: transparent url("images/back-over.jpg") no-repeat scroll 0 0; } .theme-display a.pro-thumb img, a.pro-thumb.attachment-shop_catalog { display: block; width: 128px; } #theme .theme-display .overlay div { float: left; margin: 2px 0.25% 0; color: #fff; width: 32.5%; text-align: center; background: #000; line-height: 20px; } #theme .theme-display .overlay div a { color: #fff; } #theme .theme-display .overlay div a:hover { color: #ff3300; } .product-name a {color: #222222} .product-titlo {clear: both;} .product-titlo h3 {} .product-titlo span { float:right; background: #09AB9B; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; color: #FFFFFF; float: right; font: bold 10pt/20px arial,"Lucida Grande",sans-serif; padding: 3px 10px; margin-right: -30px; } h3.squary { background: #F6F6F6; border: 1px solid #D8D8D8; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; font-weight: bold; padding: 6px; color: #ff3300; } h2.title {font-size: 13px;font-weight: bold;} .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register {margin-top: 5px !important; border-radius: 3px !important;-moz-border-radius: 3px !important;-webkit-border-radius: 3px !important;} /*Buttons*/ .container-buttons { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09) inset; margin: 0 auto; padding: 60px 60px 30px; width: 400px; } .container-buttons p { display: block; padding-bottom: 60px; } /* punch *******************************************************************************/ button.punch { background: #4162a8; border-top: 1px solid #38538c; border-right: 1px solid #1f2d4d; border-bottom: 1px solid #151e33; border-left: 1px solid #1f2d4d; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111; box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111; color: #fff; font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif; margin-bottom: 10px; padding: 10px 0 12px 0; text-align: center; text-shadow: 0px -1px 1px #1e2d4d; width: 150px; -webkit-background-clip: padding-box; } button.punch:hover { -webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111; box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111; cursor: pointer; } button.punch:active { -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111; box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111; margin-top: 58px; } .button-1 { background-color:#3bb3e0; padding:15px; position:relative; font-family: 'Open Sans', sans-serif; font-size:15px; text-decoration:none; color:#fff; border: solid 1px #186f8f; background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) ); -webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; -moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .button-1:hover { color: #fff; opacity: 0.95} .button-1:active { padding-bottom:9px; padding-left:10px; padding-right:10px; padding-top:11px; top:1px; background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) ); } #container_buttons{ width: 400px; margin: 0 auto; padding: 10px; } #container_buttons p{ display:block; padding-bottom:10px; } .button-f { background-color:#3bb3e0; font-family: 'Open Sans', sans-serif; font-size:18px; text-decoration:none; color:#fff; position:relative; padding:10px 20px; background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) ); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 6px 2px #333; -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 6px 2px #333; -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 6px 2px #333; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 6px 5px #333; } .button-f:active { top:3px; background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) ); -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333; -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333; -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #333; } .button-f::before { } .button-f:active::before { top:50%; margin-top:-12px; -webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; -moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; -o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; } .button-f:hover {color: #fff;} .balo,.balo2 { float: right; height: 35px; padding: 12px 5px 4px; text-align: center; } .balo2 { float: none; margin: 0 auto; } /*pricing*/ @font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 400; src: local('Dancing Script'), local('DancingScript'), url(../../../static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format('woff'); } .clear {clear: both; } #pricing {} .pricing-label { float:left} .pricing-label h2 {color: #333; font-family: "Dancing Script",arial,serif; font-size: 34px; font-weight: bold; margin: 10px 0 2px; text-align: left;} .pricing-label-inside { height: 200px;float:left; width: 100%;} .pricing-label-inside ul , .pricing-pack ul {list-style: none; } .pricing-label-inside li ,.pricing-pack li {width: 100%;font-weight: bold; border-radius: 3px 0px 0px 3px ;line-height: 30px; width: 100%;background: #f1edea;} .pricing-pack li {border-radius: 0px;text-align:center;} .pricing-label-inside li.alt , .pricing-pack li.alt {background: none;} .pricing-pack {padding: 8px 0 5px; margin-bottom: 20px; background: #fcf9f6; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; float:left;} .pricing-label-inside li {padding-left: 15px;width: 100%; color: #333 ; background: #f1edea url("images/plus-small.png") no-repeat scroll 0 50% ;} .pricing-label-inside li.alt {background: transparent url("images/plus-small.png") no-repeat scroll 0 50% ;} .pricing-pack li#yes , .pricing-pack li#no { background: url("images/tick-shield.png") no-repeat scroll 50% 50% ;text-indent: -9999px;} .pricing-pack li#no { background-image: url("images/cross-shield.png");} .pricing-pack li {background-color: #F1EDEA !important;} .pricing-pack li.alt {background-color: #FCF9F6 !important;} .pricing-pack h4 { line-height: 16px; padding: 13px 0;font-size: 18px; font-weight: bold; color: #F34542;text-align: center;} .pricing-pack li#price ,.pricing-pack li#price-vip {font-size: 15px;border:1px solid #db2603; line-height: 30px;background: #F34542 !important;width: 99%; color: #fff ; text-shadow: 1px 1px 1px #931a02;filter: dropshadow(color=#931a02, offx=1, offy=1);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top: 2px;} .pricing-pack li#price a,.pricing-pack li#price-vip a { color: #fff;display: block; width: 100%;} .pricing-pack li#price:hover ,.pricing-pack li#price-vip:hover {opacity: 0.9} .pricing-pack li#price-vip { background: #58be1a !important; border: 1px solid #40a701; text-shadow: 1px 1px 1px #317f02;filter: dropshadow(color=#317f02, offx=1, offy=1);} .pricing-pack li#order { width: 120px; margin: 0 auto; background: #fff !important; border: 1px solid #cfcdcc;border-top: 0; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;} .pricing-pack li#order a { color: #000} .pricing-pack li#order a:hover { color: #046ce2} .price-feature-list p { font-size: 15px; line-height: 25px; margin-bottom: 0; padding: 10px 0; } .col-md-4.reaso { margin-top: 10px; } .col-md-4.reaso div { border: 1px solid #ccc;padding: 10px; border-radius: 4px; border-bottom-width: 2px; box-shadow: 1px 0px 2px #ebebeb; } .col-md-4.reaso span {font-size: 45px; color: #3d4e57; opacity: 0.7} .vip-sep { margin-top: 5px; height: 5px;background:url(images/bg-f.png) repeat;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;width: 500px; margin: 0 auto;} .vip-desc , .vip-desc2 {padding: 10px; overflow:hidden;} .vip-desc2 {padding: 0px; } .vip-desc h2 , .vip-desc2 h3 {border-top: 1px solid #ddd;clear: both;font-weight: bold ; text-decoration: uppercase; color: #222;font-size: 30px;line-height: 49px; margin: 8px 0;font-family: arial, 'Dancing Script',arial,serif;text-align: center;} .vip-desc2 h3 {border:0; margin: 0;} .vip-desc ul , .vip-desc2 ul {list-style: not ;padding-bottom: 20px;padding-left: 20px;float:left;} .vip-desc li , .vip-desc2 li {line-height: 25px;background:url(images/p-icon.png) no-repeat 0 50%;padding-left: 20px;} #best a {float:right; margin:0 15%;text-indent: -9999px; width: 160px; height: 160px;background: url("images/super-choice.jpg") no-repeat;} .vip-desc#best { margin-top: 150px} .fifty {width: 47.7%; float:left; border: 0px solid #000;padding: 10px; } .fifty h3 {background:url(images/excla.jpg) no-repeat 0 50%;padding-left: 35px;line-height: 30px; font-size: 18px; font-weight: bold;} .fifty p {padding-left: 34px ; padding-bottom: 15px; } .centro {margin: 0px auto; width: 50%;padding: 10px 0 30px;} .righto {padding: 0px 0 30px;} .term-description p {display: none;} /*bbpress*/ li.bbp-topic-last-poster, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count { float: left; text-align: center; width: 13%; font-size: 11px; color: #222; } li.bbp-topic-last-poster img.avatar {display: none !important;} li.bbp-header ul.forum-titles li {font-size: 12px !important;} #bbpress-forums li.bbp-header { /*background: none !important;*/ } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies { /* border: none !important;*/ } #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar {border-radius: 100% 100% 100% 100%;-moz-border-radius: 100%; -webkit-border-radius: 100%;} #sidebar .bbp-login-form label { width: 100px !important; } li.bpbbpst-percent { margin-bottom: 0 !important;} #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { padding: 2px 8px !important; } #bbpress-forums #bbp-user-wrapper h2.entry-title { font-size: 1.1em !important; font-weight: bold; } .bbp-user-section p {margin-bottom: 0px !important;} li.bbp-topic-last-poster {/*overflow:hidden;*/width: 22% !important} li.bbp-forum-freshness, li.bbp-topic-freshness { width: 10% !important; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } span.bbp-topic-last a {color: #333} #bbpress-forums #bbp-your-profile fieldset.submit { padding: 0; border: 0px !important; padding: 0px !important; margin-left: 200px; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a { background: #fff !important; border: 1px solid #f5cfb1 !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #222222 !important; opacity: 1 !important; color: #e00202 !important; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li a:hover { color: #e00202 !important; background: #fff !important; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li { background: url(images/bellow-arrow.gif) no-repeat 0 50%;padding-left: 10px; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li a { color: #222222 !important; background: #fdf9f6 !important; border: 1px solid #f5cfb1 !important; margin:1px !important; } a.bbp-forum-title {color: #333; font-weight: bold; } a.bbp-forum-title:hover {color: #000; } div.bbp-template-notice { background-color: #FFFFE0; border-color: #E6DB55; margin: 5px 0 0 !important; padding: 0 0.6em 5px !important; } #bbpress-forums fieldset.bbp-form { padding: 10px !important; } div.bbp-template-notice, div.indicator-hint { background-color:#f5fde1 !important; border-color: #c1fe6b !important; color: #000000; margin: 5px 0 10px; padding: 0 0.6em; } div.bbp-template-notice p { line-height: 100% !important; margin: 0.5em 0 6px !important; padding: 5px 0 0 !important; } div.bbp-template-notice.info { background-color: #FDF9EE !important; border: 1px solid #FBDAB0 !important; margin-bottom: 10px !important; } #bbpress-forums fieldset.bbp-form legend { font-weight: bold; } .bbp-author-avatar img { padding: 0 !important; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 8px 8px 2px !important; border-top: 0px !important; } #bbpress-forums .status-closed a {color: #038DF8 !important;} #bbpress-forums .status-closed {color: #222 !important;} #bbpress-forums .status-closed span.bbp-topic-last a {color: #222 !important;} li.bbp-topic-title a {color: #111} li.bbp-topic-title a:hover {color: #ff4629} span.bbp-st-topic-support.topic-announcement , span.bbp-st-topic-support.topic-default , span.bbp-st-topic-support.topic-not-resolved , span.bbp-st-topic-support.topic-resolved{ text-indent: -9999px; background: url('images/support-stt.png') no-repeat 0 -10px; padding-left: 20px; padding: 1px 20px 1px 0; } span.bbp-st-topic-support.topic-default { background-position: 0 -120px; } span.bbp-st-topic-support.topic-not-resolved { background-position: 0 -97px; } span.bbp-st-topic-support.topic-resolved{ background-position: 0 -74px; } .bbp-topics-front ul.super-sticky span.bbp-st-topic-support.topic-default, .bbp-topics ul.super-sticky span.bbp-st-topic-support.topic-default, .bbp-topics ul.sticky span.bbp-st-topic-support.topic-default, .bbp-forum-content ul.sticky span.bbp-st-topic-support.topic-default { background: url('images/support-stt.png') no-repeat 0 -52px; } .bbp-topics-front ul.super-sticky span.bbp-st-topic-support.topic-announcement, .bbp-topics ul.super-sticky span.bbp-st-topic-support.topic-announcement, .bbp-topics ul.sticky span.bbp-st-topic-support.topic-announcement, .bbp-forum-content ul.sticky span.bbp-st-topic-support.topic-announcement { background: url('images/support-stt.png') no-repeat 0 -30px; } .bbp-pagination-links a, .bbp-pagination-links span.current {border: 0 !important;padding: 3px 8px !important; display: inline !important ; text-align: center !important;float: none !important;opacity: 1 !important;} .bbp-pagination-links {float:none !important; display: block !important ; text-align: center !important; } .bbp-pagination-links a , .bbp-pagination-links span , .bbp-pagination-links span.current , .bbp-pagination-links span.dots {border-radius: 3px !important;-moz-border-radius: 3px !important; -webkit-border-radius: 3px !important;margin-left: 0 !important; background: -moz-linear-gradient(100% 100% 90deg, #F5F5F5, #FFFFFF) repeat scroll 0 0 transparent !important; border: 1px solid #DEDEDE !important;background: #F5F5F5 !important} .bbp-pagination-links a:hover { background: #EEEEEE !important; border: 1px solid #BBBBBB !important;} #bbpress-forums li.bbp-header { /*border-radius: 3px 3px 0 0 !important ; border: 0 !important;*/ } .bbp-pagination-links span.dots {float:none !important;display: inline !important; background : none !important;border: 0 !important;} #breadcrumbs span.bbp-st-topic-support {display: none;} #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 1px solid #ddd !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; } #support-left-head { float:left;margin: 5px 0;} #support-right-head { float:right;margin: 5px 0;} #support-right-head ul {list-style: none } #support-right-head li , #support-left-head li {float:left; margin: 5px; padding: 2px 8px; border: 1px solid #ddd; border-radius: 3px;-moz-border-radius: 13px; -webkit-border-radius: 3px;margin-left: 4px !important; } #support-left-head li {margin-left: 0 !important; color: #333 } #support-left-head li a {color: #333 } #support-right-head li a {color: #fc2502 } #support-left-head li a:hover {color: #fc2502 } #support-right-head li a:hover{color: #333 } #support-right-head li span.support-mention.topic-resolved, #support-right-head li span.support-mention.topic-not-resolved , #support-right-head li span.support-mention.topic-announcement , #support-right-head li span.support-mention.topic-default {text-indent: -9999px; background: url('images/support-stt.png') no-repeat 0 -10px; padding: 1px 0 1px 20px !important;} #support-right-head li span.support-mention.topic-default { background-position: 0 -120px; } #support-right-head li span.support-mention.topic-not-resolved { background-position: 0 -97px; } #support-right-head li span.support-mention.topic-resolved{ background-position: 0 -74px; } #support-left-head li.arrow-merge{background: url('images/arrow-merge.png') no-repeat 3px 50%; padding: 2px 7px 2px 22px !important;} .widget.widget_display_stats dt { float:left ; padding-right: 5px;background: url("images/bellow-arrow.gif") no-repeat scroll 0 50% transparent; padding-left: 15px;} #bbpress-forums ul.super-sticky , #bbpress-forums ul.sticky {background-color: #fcf4ed !important;} #bbpress-forums h3.titli {font-size: 13px; font-weight: bold; color: #FC2502;background: url('images/flag-red.png') no-repeat 3px 50%; padding: 2px 7px 2px 22px !important;} .search-widget { } .search-widget input {width: 350px;} .search-widget #bbp-search-form {border: 1px solid #DCDACF;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; background: #FBFBF9; padding: 15px 40px;margin: 8px 0;} .bbp-topic-title-search {float:left;} .bbp-meta-search {float:left;} h3.light {font-size: 12px; } .search-left { float: left; width: 69%; } .search-left .bbp-topic-title {width: 59%; } .search-left a,h3.light a { color: #222; font-weight: bold; } .search-left a:hover,h3.light a:hover { color: #fa0f03; } .bbp-topic-title-meta a {font-weight: normal; } .search-right {float: left; float: left; width: 29%; } .search-right ul {list-style: none; } .search-right li {float:left; padding-left: 10px;float:right; } #bbpress-forums .bbp-breadcrumb {display: none !important;} .bbp-pagination { margin-top: 5px; } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { font-size: 1em !important; } .separo { border-top: 1px solid #DDDDDD; line-height: 20px; margin: 25px auto 0; padding-bottom: 25px; padding-top: 20px; text-align: center; background: url('images/shader.jpg') repeat-x 0 0px; } .separo h1 {font-weight: bold;} .colapso {margin-top: 15px; } #half {margin-top: 10px;width: 32.80%; float: left; padding-right: 2px;padding-left: 3px;} #halfs {margin-top: 10px;width: 32.80%; float: right} #half h3 , #halfs h3 { padding-left: 35px; color: #222; font-weight: bold; font-size: 13px; line-height: 32px; height: 32px; background: url('images/ffs.jpg') no-repeat} #half p , #halfs p { padding-left: 34px; height:65px; border: 0px solid #000} #half h3.contact { background: url('images/ffs.jpg') no-repeat 0 0px} #half h3.admin { background: url('images/ffs.jpg') no-repeat 0 -672px} #half h3.pages{ background: url('images/ffs.jpg') no-repeat 0 -288px} #half h3.settings { background: url('images/ffs.jpg') no-repeat 0 -607px} #half h3.trans { background: url('images/ffs.jpg') no-repeat 0 -736px} #half h3.seo { background: url('images/ffs.jpg') no-repeat 0 -352px} #half h3.cross { background: url('images/ffs.jpg') no-repeat 0 -480px} #half h3.social { background: url('images/ffs.jpg') no-repeat 0 -448px} #half h3.colors { background: url('images/ffs.jpg') no-repeat 0 -704px} #half h3.login { background: url('images/ffs.jpg') no-repeat 0 -320px} #half h3.advertising { background: url('images/ffs.jpg') no-repeat 0 -64px} #half h3.support { background: url('images/ffs.jpg') no-repeat 0 -576px} #half h3.default{background: url('images/ffs.jpg') no-repeat 0 -640px} #half h3.unlimited { background: url('images/ffs.jpg') no-repeat 0 -320px} #half h3.clean { background: url('images/ffs.jpg') no-repeat 0 -128px} #product-theme {margin: 10px 0 0; } .woocommerce-message li, .woocommerce-error li, .woocommerce-info li { padding: 10px !important; } #billing_email.input-text { width: 470px; } label.checkbox2 { display: inline !important; font-size: 12px !important; color: #038DF8; font-weight: bold; } .chzn-container-single .chzn-single { border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; } .displayo {display: none;} .promos {border: 0px solid #000; overflow: hidden;margin: 20px 0 20px ; } .promos .dev a{list-style: none;text-indent: -9999px; background: url('images/want-more.jpg') no-repeat;width: 718px; height: 100px;float:left;margin-right:7px;} .promos .vip a{list-style: none;text-indent: -9999px; background: url('images/vip-badge.jpg') no-repeat;width: 267px; height: 100px;float:right} .promos .dev a:hover , .promos .dev a:hover {opacity: 0.8;} .promos ul li.dev,.promos ul li.vip {list-style: none;} h2.vipo {padding-top: 10px; font-size: 18px; font-weight: bold; } .woocommerce-pagination select {display: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: block; font-size: 1em; font-weight: 700; margin: 5px; min-width: 1em; padding: 0.6em 1.3em; text-decoration: none; } #vips1 h2 , #vips1 h2{font-weight: bold; font-size: 13px; color: #015ac9 } #vips1 { padding: 30px 100px 20px 280px; float: left} #vips2 { float: right ; padding: 50px 250px 50px 100px;border: 1px solid #000;} #vips1.vip { background: url('images/vip-span.jpg') no-repeat 120px center; } #vips1.new { background: url('images/next-prod.jpg') no-repeat 120px center; } #vips1.update { background: url('images/vip-update.jpg') no-repeat 125px center; } #vips1.cover { background: url('images/vip-cover.jpg') no-repeat 120px center; } #vips1.all { background: url('images/vip-all.jpg') no-repeat 116px center; } #vips1.key { background: url('images/vip-key.jpg') no-repeat 120px center; } #vips1.money { background: url('images/vip-money.jpg') no-repeat 120px center;margin-bottom: 15px; } #slideshow-wrapper {margin-bottom: 20px !important;} #slideshow-wrapper .imgnav { height: 450px !important; } h1.se-title {font-size: 1px; color: #fff !important;float:left;display: none;} #warno,#warnos {border: 1px solid #FDD6C4;background: #FCF2EE; color: #222;font-weight: bold; margin: 0 0 10px 0 ; line-height: 30px; padding: 0 15px; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; } .bbp-username > input , .bbp-password >input { padding: 2px !important; width: 110px; } #jr_facebook-3 > iframe { margin-left: -5px; } mark { background: none; font-weight: bold; } #mailchimpsf_widget-2 > h3 , #recent-posts-2 > h3 , #text-4 > h3{ border: none; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { color: #000000 !important; width: 98.5% !important; } .bbp-author-name { line-height: 15px; width: 100px; word-wrap: break-word; } .bbp-attachments-count {display: none !important;} /* Promotion top */ .top-promotion {font-size: 13px;background: #5ac802;margin-bottom: 5px;text-align: center; border-radius: 0 0 3px 3px; color: #fff;line-height: 35px;border: 1px solid #50b002; border-top: 0px;} .top-promotion span{padding:0 10px;font-weight: bold;} .top-promotion a{color: #000;} .top-promotion a:hover{color: #fff;} .group.post.portfolio-img p { font-family: arial,tahoma,verdana; font-size: 12px; font-weight: bold; text-align: center; } .total strong { color: #333333; font-size: 20px; font-weight: bold; text-shadow: none; } /* styles for desktop */ #navigation select { display: none } /* styles for mobile */ @media screen and (max-width: 600px) { #navigation select { display: block ; width: 100%; padding: 8px 5px;} #navigation #main-nav{ display: none } #navigation {position : relative; display: inline-block;width : 98%; margin: 0 auto ; margin-left: 2px; } } .woocommerce-breadcrumb select {display: none} .product_title.entry-title {padding-left: 20px !important} #left-product > div p { font-size: 14px; line-height: 25px; padding-left: 20px;}