/* Theme Name: Nextbiz Version: 1.5.4 Author: Addway Author URI: http://themeforest.net/user/addway Description: Nextbiz is a incredibly powerful and customizable WordPress theme that designed for multipurpose websites. It's clean and elegant design will make your site strongly impressive and guide your site visitors directly focusing on what you want them to see. By considering in various customization requirements from the design phase, almost every part of Nextbiz can be customizable inside of the admin panels. It's fully responsive and Retina ready, and comes with tons of features like unique slider, unlimited colors, etc. It is no doubt the best wordpress theme for your business or company! License: Located in 'licensing' folder License URI: Located in 'licensing' folder Tags: ajax, ajax contact form, business, clean, elegant, fashion, jquery, modern, portfolio, showcase, unlimited colors, retina ready, responsive */ /* --- Table Of Content 01. GENERAL STYLES 1. CSS Reset 2. Basic HTML 3. General Layout 02. COMPONENTS STYLES 1. Header 2. Footer 3. Menu 4. Slider 5. Pagination 6. Image sizes 03. PAGE SPECIFIC STYLES 1. Home 2. Inner Page 04. BLOG & Archive Styles 1. General Post Styles 2. Table 3. Gallery 4. Comments List & Respond Form 05. PORTFOLIO STYLES 1. Portfolio Index 2. Portfolio Post 06. WIDGETS 1. General Widgets Styles 2. Calendar 3. Search Box 4. Really Simple Twitter Widget (plugin) 5. Flickr 6. Custom Recent Posts 7. Custom Recent Comments 8. Advertises 07. EXTRAS 1. Contact Form 2. Columns 3. Buttons 4. Lists 5. Boxes 6. Dropcaps 7. Pullquotes 8. Highlights 9. Image Frames 10. Dividers 11. Toggle Content 12. Tab Group 13. Testimonials 15. Social Links 16. Instant Size 17. Slideshow 18. Isotope 19. Meteor Slider 20. Sliding Way 21. Orbit Slider 22. Meteor Slider 23. Folioscene Slider 24. Revolution Slider --- */ /* ________________________________________________________________________________________________________________ 01. GENERAL STYLES ________________________________________________________________________________________________________________ */ /* ------- 1. CSS Reset ------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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; font-size: 100%; vertical-align: baseline; background: transparent; text-align: left; } body { line-height: 1; margin-top: 120px;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ------- 2. Basic HTML ------- */ body { font: 15px/24px Arial, Helvetica, FreeSans, sans-serif; background-color: #ddd; background-repeat: no-repeat; background-position:center 0; } a { color: #555; text-decoration: none; } a:focus { outline: 1px dotted invert; } img.alignleft, img.alignright, img.aligncenter, img.alignnone {max-width:100%;height:auto;} hr { border: 0 #dfdfdf solid; border-top-width: 1px; clear: both; height: 0; } h1 { font-size: 35px; } h2 { font-size: 31px; } h3 { font-size: 26px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 15px; } h1, h2, h3, h4, h5, h6 { color: #3d3d3d; line-height: 1.1; font-weight: normal;} h1, h2 { letter-spacing: -2px; } h3, h4, h5 { letter-spacing: -1px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #3d3d3d; } ol { list-style: decimal; } ul { list-style: disc; } #wrapper p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { padding-bottom: 20px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } input { vertical-align: middle; } em { font-family: Arial, Helvetica, FreeSans, sans-serif; } b, strong { color: #3d3d3d; } acronym, abbr { cursor: help; border-bottom: 1px dashed #424242; } blockquote { font-size: 15px; line-height: 22px; padding: 6px 10px 0 30px; } blockquote, blockquote p { color: #aaa; font-family: georgia; font-size: 14px; line-height: 21px; font-style: italic; } del { color: #b2b2b2; } pre, code { background: none repeat scroll 0 0 #f5f5f5; color: #808080; display: block; font-size: 12px; margin-bottom: 20px; padding: 10px 15px; } dt { font-weight: bold; } dd { margin-left: 20px; } fieldset { border: 1px solid #c0c0c0; display: block; margin-left: 2px; margin-right: 2px; padding: 10px 15px; } legend { padding: 0 5px; position: static; white-space: nowrap; } small { font-size: 0.85em; line-height: 1.5em; } big { font-size: 1.2em; line-height: 1.4em; } sub { font-size: smaller; vertical-align: sub; } sup { font-size: smaller; vertical-align: super; } .clear { clear: both; } .mobile-only {display:none;} .abs {position:absolute!important;} .no-margin {margin:0!important} .border {border:3px solid #e6e6e6; } .hidden { display: none; } .text, input[type=text], input[type=email] { background-color: #FFF; border: none; padding: 7px 10px; vertical-align: middle; font: 12px/20px Arial, Helvetica, FreeSans, sans-serif; color: #000; width: 100%; border-radius: 2px; border:1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .textarea, textarea { color: #000; font: 12px/20px Arial, Helvetica, FreeSans, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .fl { float: left; } .fr { float: right; } .alignleft, img.alignleft, a img.alignleft { float: left; margin: 5px 25px 20px 0; } .alignright, img.alignright, a img.alignright { float: right; margin: 10px 0 10px 16px; } .aligncenter, img.aligncenter, a img.aligncenter { margin: 10px auto; display: block; } .upper { text-transform: uppercase; } .ui-draggable, .ui-draggable a { cursor: move; } .horiz-list li { list-style: none; float: left; } /* ------- 3. General Layout ------- */ @media screen and (max-width:600px){ #wrapper #header{position: relative !important;} .leak_ul li {display: block !important;} } .inner { width: 940px; margin: 0 auto; } #wrapper.boxed { width: 1040px; margin: 0 auto; border-left: 3px solid #d6d6d6; border-right: 3px solid #d6d6d6; } #wrapper .inner { clear: both; position: relative; text-align: left; width: 940px; } #main { padding: 40px 0 20px; } .content { display:inline-block; color: #333; width:600px; } .content.full-width {width: 100%;} #backtotop { position:fixed; cursor : pointer; display : none; position : fixed; bottom : 15px; right:15px; font-size : 26px; line-height:34px; width:36px; height:36px; padding : 5px; text-align : center; color:#fff; background-color : #000; border-radius : 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ opacity: 0.50; /* CSS3 standard */ z-index:999; } /* ________________________________________________________________________________________________________________ 02. COMPONENTS STYLES ________________________________________________________________________________________________________________ */ /* ------- 1. Header ------- */ #topbg { background: #E8E8E8 url(images/header_slider_bg.png) no-repeat center top; background-size:cover; } #header {background: #fff!important; position: fixed !important; z-index: 1001 !important; width: 100%; top:0; box-shadow: 1px 1px 1px #ccc;} #footer ul.cnss-social-icon li {display: inline-block;} .leak_ul {list-style: none; text-align: center;} .leak_ul li {display: inline-block; margin: 0.4rem; padding: 0.5rem 1rem; background: #ccc; color: #000;} #container {background-image: none !important;} #header { height: 120px; margin: 0 auto; position: relative; z-index: 999; } #header #searchform input { background:transparent; border:none; color:#eee; width:110px; height:auto; padding:4px 5px; text-align:center; } #header #searchform .button {display:none;} #logo { position: absolute; left: 0; top: 0; width: 150px !important;} #logo h1 { font-size: 48px; line-height: 1; text-align: left; font-weight: bold; padding-bottom:0; } #logo img {max-width:100%;height:auto;} #blogdesc { color: #b2b2b2; line-height: 1; } #header-optarea { position: absolute; top: 9px; left: 842px; line-height: 30px; font-size: 11px; color: #bbb; } #header-optarea a {color: #ffab45;} #header-optarea a:hover {color: #ffc982;} #intro { position: absolute; right: 140px; top: 52px; } /* ------- 2. Footer ------- */ #before-footer {padding:35px 0 1px;} #footer { clear: both; padding: 35px 0 10px; position: relative; color: #a0a0a0; background-color: #eee; border-top:6px solid #f6f6f6; } #footer .column { float: left; width: 220px; margin: 0 0 5px 20px; } #footer .column-width-1 {float:none;width:100%;} #footer .column-width-2 {width:460px;} #footer .column-width-3 {width:300px;} #footer .column-width-4 {width:220px;} #footer .column-1 { margin-left: 0!important; } #footer .fr { position: relative; } #footer .fr p { color: #999; padding: 8px 15px 0 0; } #footer .fr p a { color: #999; } #footer .fr p a:hover { color: #ccc; } #footer .widget {color: #999;} #footer .widget-title {color: #bbb;font-size:13px;padding-bottom:20px;} #footer .iwak-widget-flickr .flickr_badge_image img { width:67px; height: 67px; border-color: #ccc;border-width:3px;} #footer .text, #footer .textarea, #footer input[type="text"] {color:#b0b0b0;} #bottom { padding:10px 0;/*7px 0 6px;*/ font-size: 11px; line-height: 19px; font-weight: 600; color: #e0e0e0; background-color: #444; border-top: 5px solid #333; } #bottom .fl {color:#ccc;} #bottom .fl a {color:#eee;} #bottom .fl a:hover {color:#888;} #bottom .fr a {color: #999;} #bottom .fr a:hover {color: #eee;} #bottom .menu li {float: left; padding: 0 8px; margin: 0} #bottom .menu li.first {padding-left: 0} /* ------- 3. Menu ------- */ .menu, .menu * { margin: 0; padding: 0; list-style: none; } #main-nav > li {float: left; padding: 0 8px; margin-bottom:20px;} #main-nav > li > a {color: #999} #header-menu > .current-menu-ancestor > a, #header-menu > li:hover > a, #header-menu > li > a:active { color: #404040; } #header-menu { width:100%; } #header-menu select {display:none;} #main-nav { line-height: 1.0; display:inline-block; margin: 20px 0 1em !important; } #main-nav .menu-desc {display:block;color:#999;} #main-nav > li > a > .menu-title {font-size:18px;line-height:23px;color:#aaa} #main-nav > li > a > .menu-desc {color:#999;padding:8px 0;display:none;} #main-nav > li > a { display: block; position: relative; text-decoration: none; color: #b2b2b2; line-height: 19px; padding-bottom:20px; } #main-nav > li { float: left; position: relative; padding:0 15px 0 35px} #main-nav > .current-menu-ancestor > a > .menu-title, #main-nav > li:hover > a > .menu-title, #main-nav > li > a:active > .menu-title { color: #777; } #main-nav > .current-menu-ancestor, #main-nav > .current-menu-item {background: transparent url(images/menu_hover.png) no-repeat 15px 7px} #main-nav ul { display:none; position: absolute; top: -999em; width: 200px; left: 20px; } #main-nav ul ul { left: 195px; /* match ul width */ } #main-nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #main-nav li:hover ul { top: 25px; /* match top ul list item height */ z-index: 999; } #main-nav li:hover li ul { top: -999em; } #main-nav li li:hover > ul { top: 0; } #main-nav ul a { color: #ddd; font-size: 13px; line-height:19px; font-weight: normal; padding: 9px 10px 9px 18px; display: block; background-color:#308FCE; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #main-nav ul a:hover, #main-nav li li.current-menu-item a { background-color: #ffab45; color:#fff; } #main-nav ul a:hover .menu-desc { color:#ccc; } #main-nav ul a.has_submenu { position:relative; } #main-nav ul a.has_submenu:after { font-family:FontAwesome; content:"\f101"; font-size:12px; position:absolute; right:20px; top:10px; color:#fff; opacity:0.4; } #main-nav li li { position: relative; width: 195px; background-color:#fff; } #main-nav li li:first-child { padding-top:30px; background: transparent url(images/menu_top.png) no-repeat 0 3px; } #main-nav li li li:first-child { background-image:none; border-top:7px solid #444; margin-top:-7px; padding-top:0; } #main-nav li li:first-child > ul li:first-child { margin-top:23px; } #main-nav li li li li:first-child { margin-top:-7px!important; } #main-nav li.last {display: none; height:8px;background-color:#308FCE;} #main-nav li:hover, #main-nav a:hover, #main-nav a:active { outline: 0; } .widget .menu { border:2px solid #404040; border-radius:5px; } .widget .menu li { padding:0; background-color:#505050; } .widget .menu > li { border-bottom:1px solid #404040; } .widget .menu > li:last-child { border-bottom:none; } .widget .menu li li {padding-left:20px} .widget .menu a { color: #ccc; font-size: 13px; line-height:19px; font-weight: normal; padding: 9px 10px 9px 18px; display: block; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget .menu a:hover, .widget .menu li.current-menu-item a { background-color: #ffab45; color:#fff; } /* ------- 4. Slider ------- */ #featured { position: relative; margin: 0 auto;} #slider-nextbiz { height: 470px; overflow: hidden; } #featured-pager { position:relative; top: 403px; display: none; z-index: 2; } #featured-status { display:none; position:absolute; font-size:36px; top:35%;left:50%; background-color: #000000; border-radius: 59px 59px 59px 59px; color: #FFFFFF; font-size: 66px; margin-left: -59px; margin-top: -59px; opacity: 0.1; padding: 25px; text-align: center; width: 68px; z-index: 888; } #slider-nextbiz .console { display:inline-block;margin: 0; padding:0; vertical-align: middle; /* for IE7, Opera */ } #slider-nextbiz .console li { cursor:pointer; list-style: none; float: left; display:block; width: 13px; height:13px; border-radius:13px; background-color:#ccc; opacity:0.8; margin-right:8px; } #slider-nextbiz .console li.active { background-color:#ffab45; opacity:1; } .featured-title { left: 120px; top: 45px; } .featured-title h1 { padding:0 10px 10px 0; } .featured-excerpt { left: 120px; top: 134px; width: 280px; height: 48px; } .featured-image { left: 440px; top: 40px; } .featured-image img, .featured-title img { display:inline-block; padding:10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(); } .featured-button { left: 95px; top: 208px; } #slider-nextbiz .featured-title, #slider-nextbiz .featured-excerpt, #slider-nextbiz .featured-image, #slider-nextbiz .opttext, #slider-nextbiz .optimg, #slider-nextbiz .featured-button { visibility:hidden; } #slider-nextbiz .featured-entry:first-child .featured-title, #slider-nextbiz .featured-entry:first-child .featured-excerpt, #slider-nextbiz .featured-entry:first-child .featured-image, #slider-nextbiz .featured-entry:first-child .featured-button, #slider-nextbiz .featured-entry:first-child .opttext, #slider-nextbiz .featured-entry:first-child .optimg { visibility:visible; } .featured-entry { clear: both; position: absolute; width: 100%; height:100%; text-align:center; z-index: 0; } .featured-entry.active { display: block; z-index: 1;} #slider-nextbiz .button .navigation { position: absolute; width: 100%; top: 91px; left: 0; } #slider-nextbiz .thumbnail { border: none; } .featured-excerpt, #featured .opttext { color: #a5a5a5; line-height: 19px;} #slider-nextbiz .button:hover { background-image: linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -o-linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -moz-linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -webkit-linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -ms-linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffc982), color-stop(1, #ffab45) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc982', endColorstr='#ffab45'); } #slider-nextbiz .button { position:relative; white-space:nowrap; text-transform:none; margin:0; cursor: pointer; color: #fff !important; font-size: 12px; line-height: 19px; padding: 3px 15px 4px 10px; border-radius: 2px; background-image: linear-gradient(top, #666666 0%, #555555 100%); background-image: -o-linear-gradient(top, #666666 0%, #555555 100%); background-image: -moz-linear-gradient(top, #666666 0%, #555555 100%); background-image: -webkit-linear-gradient(top, #666666 0%, #555555 100%); background-image: -ms-linear-gradient(top, #666666 0%, #555555 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #6b6b6b), color-stop(1, #5b5b5b) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#5b5b5b'); } #slider-nextbiz .button i { display: inline-block; height: 11px; line-height:11px; margin-right: 7px; padding-right: 5px; vertical-align: middle; border-right: 1px solid #888; border-right: 1px solid rgba(255, 255, 255, .2); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } #slider-nextbiz .button:hover i { border-color:rgba(255, 255, 255, .3); } /* ------- 5. Pagination ------- */ .pagination { float:left; width: 100%; padding: 20px 0 0; border-top: 1px solid #eee; } .pagination a, .pagination span.current { margin-right: 16px; float: left; color: #aaa; font-size: 13px; line-height: 32px; } .pagination a:hover, .pagination a.current, .pagination span.current { color: #555; } /* ------- 6. Image sizes ------- */ img.size-blog-thumb { width:594px; height:209px; } .iwak-widget-rp img.thumbnail { width:70px; height:65px; } /* ________________________________________________________________________________________________________________ 03. PAGE SPECIFIC STYLES ________________________________________________________________________________________________________________ */ #container { background:#fff; padding-bottom:20px} .no-page-title #main {padding-top:60px;} .single-portfolio #main {padding-top:70px;} .more-link { display: inline-block; line-height: 1; } /* ________________________________________________________________________________________________________________ 04 Blog & Archive Styles ________________________________________________________________________________________________________________ */ /* ------------------ General Post Styles ------------------ */ .sticky {} .navigation { float:left; width:100%; } .nav-previous {float:left;} .nav-next {float:right;} .content .navigation {margin-bottom:20px;} .the-content h1, .the-content h2, .the-content h3, .the-content h4, .the-content h5, .the-content h6 { line-height: 1.3; } .the-content ul, .the-content ol { } .the-content li { list-style-position: inside;} .the-content li li { margin-left: 20px; } .post-title { color: #404040; font-size: 28px; font-weight: 600; line-height: 30px; margin: 0; letter-spacing: -1px; padding-bottom: 0; } .single-post .post-title {font-size:34px;letter-spacing:-2px;font-weight:400;} .post .entry-thumb {padding-top:25px;} .post .cats { display:block; font-size: 10px; font-weight:normal; line-height: 1.5; letter-spacing: 1px; text-transform:uppercase; } .post .cats a { color: #b0b0b0; } .post .cats a:hover { color: #404040; } .post .post-content { padding-top: 15px; color:#707070; } .post .post-meta { font-size: 11px; color: #b2b2b2; font-style: italic; word-spacing: 1px; margin-top: 15px; clear:left; } .post .post-meta a { font-size: 10px; text-transform: uppercase; } .post .post-meta a:hover { text-decoration: underline; } .post .permalink {display:block; padding:3px 10px;background-color:#404040; clear:both;color:#fff;font-family:'Droid Serif';font-style:italic;float:left;margin-top:25px;} .boxtitle, #reply-title { font-size: 14px; font-weight: normal; line-height: 20px; color: #b2b2b2; padding: 20px 0; margin-bottom: 25px; letter-spacing:0; } /* ------------------ Index Page ------------------ */ .posts-list .post { padding-bottom:25px; border-bottom: 1px solid #eee; margin-bottom: 38px;} .post:first-child {margin-top: 0px;} /* ------------------ search Page ------------------ */ .serac .post { margin-top: 0; } .serac .post-title { margin: 0 0 50px; padding-bottom: 40px; } .serac .post > a, .serac .post-content, .serac .post-meta { display: none; } /* ------------------ Single Post ------------------ */ .single .the-content, .page .the-content, .search .the-content { margin-bottom: 20px; } /* ------------------ Single Page ------------------ */ #page-title .inner { padding: 40px 0 5px; border-bottom: 1px solid #eee; } #page-title h1 { letter-spacing: -2px; color: #ffab45; font-weight:600; line-height:1.2em;padding:0;} #page-title p { font-size:11px; font-weight:600; color: #c8c8c8; } /* ------------------ Table ------------------ */ .the-content table { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px 0 25px; width: 100%; text-align: left; border-collapse: collapse; border-spacing: 2px; } .the-content table th { text-align: center; font-size: 14px; font-weight: normal; padding: 15px 25px; color: #3d3d3d; background-color: #313131; border-top: 1px solid #222; } .the-content table td { text-align: center; padding: 15px; color: #666; border-top: 1px solid #e8e8e8; } .the-content thead th { text-align: center; color: #ccc; border-top: none; } .the-content thead td { font-size: 14px; color: #3d3d3d; border: none; } .the-content tbody th { color: #ddd; } .the-content table tr:hover th { background-color: #333; } .the-content table tr:hover td { color: #333; background: #fafafa; } /* ------------------ Gallery ------------------ */ .gallery {margin-bottom:20px;} .gallery-item {padding-bottom:0} .gallery-item a, .gallery-caption { width: 100%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img:hover { border-color:#ffab45!important; } .gallery .gallery-icon img { height: auto; max-width: 92%; -moz-transition: border-color 0.5s; -webkit-transition: border-color 0.5s; -o-transition: border-color 0.5s; transition: border-color 0.5s; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /* ------------------ Comments List & Respond Form ------------------ */ #comments { } #comments-list { } #comments h3 {margin-bottom:10px } ul.children { padding: 0; } .comment { list-style: none; border-top:1px solid #e6e6e6; } .children .comment { padding-bottom: 0; padding-left:40px; } .children .avatar {margin-left:-10px;padding-left:10px;} .comment-body { position: relative; margin-top:-15px;} .comment-index { font-size: 46px; font-weight: bold; color: #404040; letter-spacing: -5px; float: left; padding-right: 20px; line-height:40px; } .comment-content { padding: 18px 0 25px; color:#888;} .children .comment-content { } .comment-avatar {margin-bottom:4px; } .comment-avatar img {background-color:#fff;padding-right:10px; } .comment-author { font-weight:600;} .comment-author .fn, .comment-author .fn a { font-size:14px; line-height:22px; color: #303030; } .children .fn { font-size:13px; color: #b2b2b2; } .comment.bypostauthor .fn { color: #404040; } .comment-meta { color: #b2b2b2; display:block; font-size: 9px; line-height: 16px; text-transform: uppercase; } .comment-reply { position:absolute; right:0;top:7px; background:#fff; padding-left:10px; } .comment-reply-link, .comment-edit-link { font-size: 9px; font-weight: bold; text-transform: uppercase; color: #fff; background:#ffab45; padding: 0 8px; border-radius:1px; line-height:17px; display:block; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .comment-reply-link:hover, .comment-edit-link:hover { background-color:#bbb; color:#fff; } .commenter-tags { display: none; } #respond { padding-bottom: 20px; margin: 0; position: relative; } #respond h3 { padding: 0 0 20px 0;} #respond h3 small { margin-left: 10px; } .comment #respond h3 { padding-top:5px; } #reply-title {border-bottom:1px solid #e6e6e6;} #cancel-comment-reply { padding-bottom: 25px; } .comment #cancel-comment-reply { padding: 20px 0; } .logged-in-as { color: #b2b2b2; padding-bottom: 10px; } .login-meta a { color: #404040; } #commentform { margin-top:20px; } #commentform .form-input { margin-bottom: 15px; float:left;clear:both;} #commentform input[type=text] { width: 200px;} .comment-notes {color:#b2b2b2;} p.comment-form-author, p.comment-form-email, p.comment-form-url {padding-bottom:15px;} .comment-form-comment label {display:none;} .form-allowed-tags {font-size:12px;color:#b2b2b2;} .form-allowed-tags code {margin:10px 0;} #commentform label { color: #555; width: 80px; float:left; padding: 5px 0px 0 0; vertical-align: middle; } #commentform .form-textarea { } #commentform textarea { overflow: auto; width: 100%; height: 13em; margin: 5px 0 0; padding: 10px 10px 20px; background-color: #f0f0f0; border:1px solid #ddd; color:#555; } #commentform .button { float:left; /* for IE7 float bug */ } #commentform .form-submit .desc { display: block; font-size: 12px; margin: 5px 0 0 20px; float: left; color: #666; } /* ________________________________________________________________________________________________________________ 05 Portfolio Styles ________________________________________________________________________________________________________________ */ /* ------------------ Portfolio ------------------ */ .portfolio-entry, .portfolio-list .post-entry { position: relative; margin: 0 10px 13px 10px; float: left; overflow: hidden; list-style: none; } .portfolio-entry .layer { display:block; position:absolute; width: 100%; height: 0; background-color: #ffab45; z-index: -1; } .entry-title .layer, .entry-thumb .layer { top: 0; left: 0; } .portfolio-meta { margin-top:-20px; } .portfolio-meta li { list-style:none; padding: 12px 0; border-bottom:1px solid #e8e8e8; } .meta-label { font-size:10px; font-weight:bold; color:#505050; text-transform:uppercase; margin-right:5px; } .meta-text { font-size:11px; } .portfolio-list { clear:both;padding:0;-moz-box-sizing: border-box; box-sizing: border-box;} .portfolio-entry .entry-thumb { background-color: #e6e6e6; z-index:1; position:relative; max-width:100%; } .portfolio-entry .entry-content { z-index:0; position:relative; } .portfolio-entry .entry-thumb img { width:100%; height:100%; } .portfolio-entry .thumb-wrapper { border:3px solid transparent; overflow:hidden; max-width:100%; position:absolute; top:0;left:0;right:0;bottom:0; } .portfolio-entry .entry-title { padding:13px 0 12px 0; text-align: center; z-index:0; position:relative; } .portfolio-entry .entry-excerpt {color:#ddd; font-size:12px; padding:12px 10px 0 17px;} .portfolio-entry .controls { display:block; position:absolute; bottom:-7px; width:100%; height:0px; overflow:hidden; border-left:3px solid transparent; border-right:3px solid transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index:99; } .portfolio-entry .controls i { font-size:10px; margin-right:7px; } .portfolio-entry .controls a { width:50%; max-width:50%; line-height:26px; display:block; float:left; text-align:center; font-size:9px; color:#fff; text-transform:uppercase; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ filter: alpha(opacity=90); /* IE 5-7 */ opacity: 0.90; /* CSS3 standard */ background-color:#ffb861; } .portfolio-entry .controls a.full-width {width:100%;max-width:100%;} .portfolio-entry .controls a:hover { background-color: #555; color:#fff; } .portfolio-entry .extra { cursor:pointer; position: absolute; background: transparent url(images/zoom.png) no-repeat center center; width: 100%; height: 100%; top: 0; left: 0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .portfolio-entry a:hover .extra {opacity:0.9;} .portfolio .portfolio-entry { margin:0 10px 15px 10px; } .portfolio-3, .portfolio-4 {width:960px;margin-left:-10px;margin-right:-10px;} .portfolio-2 .entry-title, .portfolio-3 .entry-title, .portfolio-4 .entry-title { font-weight:600; } /* ------------------ Portfolio One Column ------------------ */ /* Image Size: 588 x 310 (include a 3px border) / Aspect Radio: 52.72% ***/ .portfolio-1 .portfolio-entry { width: 100%; padding-bottom: 10px; margin:2px 0px 40px 0; } .portfolio-1 .entry-thumb { float: left; margin-right: 42px; width: 588px; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .portfolio-1 .entry-thumb:after { padding-top: 52.72%; content: ""; display:block; } .portfolio-1 .entry-thumb:hover { background-color:#ffab45; } .portfolio-1 .entry-title { padding:10px 0 20px 0; text-align: left; font-size: 30px; line-height:1.2em; letter-spacing: -1px; color:#555; } .portfolio-1 .entry-title a { color:#555; } .portfolio-1 .entry-content { width:280px; float:left; padding-left: 0; color: #999; font-size: 14px; } .portfolio-1 .entry-content p { color:#b8b8b8; } .portfolio-1 .controls { bottom: 5px; } .portfolio-1 .controls a { height: 20px; } .portfolio-1 .button { margin-top:15px; } /* ------------------ Portfolio Two Columns ------------------ */ /* Image Size: 456 x 275 (include a 3px border) / Aspect Radio: 60.31% ***/ .portfolio-2 .entry-thumb { width: 456px; } .portfolio-2 .entry-thumb:after { padding-top: 60.31%; content: ""; display:block; } .portfolio-2 .portfolio-entry { margin:0 14px 15px 14px; } .portfolio-2 {width:968px;margin-left:-14px;margin-right:-14px;} /* ------------------ Portfolio Three Columns ------------------ */ /* Image Size: 300 x 180 (include a 3px border) / Aspect Radio: 60% ***/ .portfolio-3 .entry-thumb { width: 300px; } .portfolio-3 .entry-thumb:after { padding-top: 60%; content: ""; display:block; } /* ------------------ Portfolio Four Columns ------------------ */ /* Image Size: 220 x 150 (include a 3px border) / Aspect Radio: 68.18% ***/ .portfolio-4 .entry-thumb { width: 220px; } .portfolio-4 .entry-thumb:after { padding-top: 68.18%; content: ""; display:block; } /* ------------------ Index ------------------ */ #portfolio { clear:both;} #portfolio-filter { float: left; width: 100%; padding-bottom: 0; margin: -15px 0 30px 2px; line-height: 30px; } #portfolio-filter a { color: #d3d3d3; padding: 0 20px 0 0; font-size: 13px; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; } #portfolio-filter li.current a, #portfolio-filter a:hover { color: #505050; } .portfolio-entry { max-width:100%; } .portfolio-entry .entry-thumb a { outline: none; } .portfolio-entry .entry-thumb a:hover { text-decoration: none; } .portfolio-entry .thumbnail {border:none!important} /* ------------------ Portfolio Post ------------------ */ .row-portfolio-post .content {width:620px;} .row-portfolio-post .sidebar {width:260px;} .sidebar-content p {color:#999;} .sidebar-content h1 {margin-top:-6px;} .sidebar-content.right h1 {margin-top:10px;} .sidebar-content .button {margin-top:18px;} .portfolio-post { clear:both;} .column-left {float: left;width:260px; color: #999; } .column-right { width: 620px; float: right; margin-bottom: 0; } .portfolio-post .button {margin: 20px 0 0 0;} .portfolio-post .post-title { color: #555; font-size: 35px; line-height: 40px; letter-spacing: -1px; padding-bottom: 20px; margin: 0; float:left; } .single .post-excerpt { position: relative; padding-bottom: 20px; float: left; color: #999; } .post-excerpt img.icon-info { position: absolute; top: -80px; right: 0; padding-left: 10px; } /* ________________________________________________________________________________________________________________ 06. WIDGETS ________________________________________________________________________________________________________________ */ /* ------------------ General Widgets Styles ------------------ */ .sidebar { width: 295px; margin: 0px 0 30px; float: right; padding-top:2px;} .sidebar.left {float:left!important;clear:left;} .sidebar.right {float:right!important;clear:right;} .widget { color: #707070; position: relative; margin: 0 0 30px; clear:both; } .widget a:hover { color: #b2b2b2; } .widget ul {padding-bottom:0} .widget li { list-style: none; } .widget-title, #wp-calendar caption { padding-bottom: 15px; line-height: 20px; margin: 0px; font-size: 14px; color: #bbb; letter-spacing:0; } .widget-icon { display:none; } .widget .thumbnail { margin-bottom: 1em; } .textwidget { padding-top: 0px; } .widget_categories {padding:0;} .widget_recent_entries a {color:#777;} .widget_recent_entries .post-date {display:block;color:#b2b2b2;font-size:11px;} .widget_rss ul li, .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_categories ul li, .widget_links ul li, .widget_archive ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_entries ul li { padding-bottom:8px; } .widget_rss ul li, .widget_nav_menu ul li a, .widget_recent_comments ul li, .widget_categories ul li a, .widget_links ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_recent_entries ul li a { font-size: 13px; } /* ------------------ Calendar ------------------ */ #wp-calendar { color: #606060; font-size: 10px; width: 100%; } #wp-calendar thead th { font-size: 10px; line-height: 17px; padding-bottom:10px;} #wp-calendar tfoot { line-height: 25px; padding: 0 10px; } #wp-calendar tfoot th, #wp-calendar tfoot td { border: none; } #wp-calendar tfoot a { color: #b2b2b2; text-transform: uppercase; } #wp-calendar tfoot #prev { text-align: left; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tbody td { padding: 0 0 10px; } #wp-calendar tbody a { color: #ffab45; font-weight:bold; } /* ------------------ Recent Comments ------------------ */ .widget_recent_comments li a {color:#999;} /* ------------------ Search Box ------------------ */ #searchform input { padding: 5px; color: #777; background-color:#f0f0f0; border: 1px solid #ddd; width: 65%; margin-right:10px; float: left; height: 31px; } #searchform input:hover { background-color:#fff; } #searchform button { cursor: pointer; border: none; font-size: 10px; line-height: 20px; padding: 5px 12px; width:25%; height: 30px; margin: 0; vertical-align: middle; } /* ------------------ Custom Widgets General Style ------------------ */ .iwak-widget .post-entry { clear:both; } .iwak-widget .entry-thumb { float:left; margin-right:10px;} .iwak-widget .entry-meta { font-size:11px; color: #b2b2b2; } .iwak-widget .entry-title span { display: none; } /* ------------------ Twitter ------------------ */ .iwak-widget-twitter .widget-icon { width: 40px; margin-right: 0; background-position: 0 -2px; } .iwak-widget-twitter li { font-size: 12px; font-family: georgia; font-style: italic; background:url("images/twitter.png") no-repeat scroll 0 5px transparent; padding:0 20px 10px 40px; color:#777; } .iwak-widget-twitter ul li > a { font-size: 10px; color: #b2b2b2; display:block;} .iwak-widget-twitter ul li > a:hover { color: #b2b2b2; } .iwak-widget-twitter .time { font-size: 9px; text-transform: uppercase; color: #404040; margin-top: 15px; display: block; } .iwak-widget-twitter .time:hover { text-decoration: none; } .iwak-widget-twitter .twitter-link { font-size: 10px; color: #fff; text-transform: uppercase; } .really_simple_twitter_widget li { font-size: 13px; font-family: georgia; font-style: italic; background:url("images/twitter.png") no-repeat scroll 0 5px transparent; padding:0 20px 10px 40px; color:#777; } .really_simple_twitter_widget li a { color: #b2b2b2; } .really_simple_twitter_widget li a:hover { color: #999; } .really_simple_twitter_widget .twitter-timestamp { font-size: 9px; text-transform: uppercase; color: #b2b2b2; display: block; } .really_simple_twitter_widget .rstw_comma {display:none;} .really_simple_twitter_widget img {width:32px;height:32px;float:right;margin:3px 0px 3px 10px;border-radius:3px;} /* ------------------ Flickr ------------------ */ .iwak-widget-flickr {margin-left:-4px;margin-right:-4px;} .iwak-widget-flickr .widget-title {margin-left:4px;} .iwak-widget-flickr .flickr_badge_image { margin: 2px 3px; display: inline-block; } #footer .iwak-widget-flickr .flickr_badge_image { margin: 3px 5px; } .iwak-widget-flickr .flickr_badge_image img { width: 65px; height: 65px; border: 2px solid #ddd; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .iwak-widget-flickr .flickr_badge_image img:hover { border-color: #ffab45!important;} /* ------------------ Recent Comments ------------------ */ .iwak-widget-rc .widget-icon { background-position: -279px -2px; width: 26px; } .iwak-widget-rc ul li { line-height: 20px; margin-bottom: 5px; padding: 0 0 8px; } .iwak-widget-rc a.recent-comment { display: block; color: #999; padding-right: 20px; } .iwak-widget-rc a.recent-comment:hover { color: #606060; } .iwak-widget-rc .fn { text-transform: capitalize; color:#777; } .iwak-widget-rc .fn span { font-size: 9px; font-weight:normal; text-transform: uppercase; color: #b2b2b2; } .iwak-widget-rc .fn a { text-transform: none; } .iwak-widget-rc p a:hover { color: #b2b2b2; } /* ------------------ Recent Posts ------------------ */ .iwak-widget-rp .widget-icon { background-position: -320px -2px; } .iwak-widget-rp .entry-title { padding-bottom: 5px; padding-right:20px; font-size:14px; } .iwak-widget-rp .entry-title a { color: #555; } .iwak-widget-rp .entry-title a:hover { color: #b2b2b2; } .iwak-widget-rp .entry-content { padding-right: 10px; } .iwak-widget-rp .post-entry { padding: 8px 0 0; } /* ------------------ RSS ------------------ */ a.rsswidget img {vertical-align:middle;} /* ________________________________________________________________________________________________________________ 07. Extras ________________________________________________________________________________________________________________ */ /* ------------------ Contact Form ------------------ */ #contactform .form-input { margin: 0 2% 20px 2%; font-family: Verdana; color: #555; vertical-align: middle; width:32%; text-align:center; float:left; } #contactform .form-input.first { margin: 0 0 20px; } #contactform .form-input.last { margin: 0 0 20px; } #contactform .loaderIcon { vertical-align: top; display: none; margin: 4px; width: 24px; height: 24px; } #contactform .text {padding:12px 10px;border:none;} #contactform textarea, .wpcf7-form textarea { background-color: #fff; border: 1px solid #ddd; line-height: 1.4; margin: 0 0 20px; overflow: auto; padding: 10px; width: 100%; } #contactform .loaderIcon { background: transparent url(images/ajax-loader.gif) no-repeat 0 0; } #footer #contactform .loaderIcon { background: transparent url(images/ajax-loader-2.gif) no-repeat 0 0; } .contactbox #contactform .text {width:210px;} .contactbox #contactform textarea {height:150px;} ul.error { border-radius: 4px; background: none repeat scroll 0 0 #F8E4E2; border: 1px solid #E69D94; color: #BB5A4D; padding: 6px 10px; display: none; } .textwidget #contactform .form-input {width:100%;margin:0 0 20px;} .textwidget #contactform .form-textarea {width: 100%;} .textwidget #contactform .form-submit {padding:0;} .textwidget #contactform .text { padding:11px 10px; border:none; width: 100%; } .textwidget #contactform .textarea { width: 100%; border:none; } .textwidget #contactform .button { margin-bottom:0; } #contactform .text.invalid, #contactform .textarea.invalid { background-color: #ffe27c; } #footer #contactform .text, #footer .wpcf7-form input[type=text], #footer .wpcf7-form input[type=email], #footer .wpcf7-form textarea, #footer #contactform .textarea { background-color: #fff; } /* ------------------ Columns ------------------ */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fifth, .three_fifth { float: left; position: relative; } .one_half, .row-widgets-2 .widget { width: 48%; margin-right: 4%; } .one_third, .row-widgets-3 .widget { width: 30%; margin-right: 5%; } .two_third{ width: 65%; margin-right: 5%; } .one_fourth, .row-widgets-4 .widget { width: 22%; margin-right: 4%; } .three_fourth{ width: 74%; margin-right: 4%; } .two_fifth{ width: 38%; margin-right: 4%; } .three_fifth{ width: 58%; margin-right: 4%; } .row-widgets-2 .widget-2, .row-widgets-2 .widget-4, .row-widgets-2 .widget-6, .row-widgets-2 .widget-8, .row-widgets-3 .widget-3, .row-widgets-3 .widget-6, .row-widgets-3 .widget-9, .row-widgets-3 .widget-12, .row-widgets-4 .widget-4, .row-widgets-4 .widget-8, .row-widgets-4 .widget-12, .row-widgets-4 .widget-16, .last { margin-right: 0; clear: right; } .row-widgets .widget {float:left;clear:none;} .row-widgets-1 .widget {float:none} .row-widgets-2 .widget-1, .row-widgets-2 .widget-3, .row-widgets-2 .widget-5, .row-widgets-2 .widget-7, .row-widgets-3 .widget-1, .row-widgets-3 .widget-4, .row-widgets-3 .widget-7, .row-widgets-3 .widget-10, .row-widgets-4 .widget-1, .row-widgets-4 .widget-5, .row-widgets-4 .widget-9, .row-widgets-4 .widget-13 {clear:both;} /* ------------------ Buttons ------------------ */ .button {margin:5px 10px 0 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .post-content .more-link {margin-top:18px;} .button.medium {padding:10px 22px;border-radius:3px;font-size:20px} .button.medium span {font-size:75%} .button.large {padding:15px 22px;border-radius:4px;font-size:18px} .button i {margin-right:8px;vertical-align:middle;} .post .more-link, .button, input[type=submit] { display: inline-block; border: none; cursor: pointer; color: #fff !important; font-size: 13px; line-height: 20px; padding: 7px 22px; border-radius: 2px; background-image: linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -o-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -moz-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -ms-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -webkit-gradient( linear, left top,+ left bottom, color-stop(0, #6b6b6b), color-stop(1, #5b5b5b) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#5b5b5b'); } .post .more-link:hover, .button.primary, .button:hover, input[type=submit] { background-image: linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -o-linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -moz-linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -webkit-linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -ms-linear-gradient(top, #ffc982 0%, #ffab45 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffc982), color-stop(1, #ffab45) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc982', endColorstr='#ffab45'); } .button.primary:hover, input#submit:hover { background-image: linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -o-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -moz-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -ms-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%); background-image: -webkit-gradient( linear, left top,+ left bottom, color-stop(0, #6b6b6b), color-stop(1, #5b5b5b) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#5b5b5b'); } /* ------------------ Lists ------------------ */ ul.customlist li { list-style-type: none; padding-left: 21px; margin-bottom: 3px; line-height:25px; position:relative; } ul.checklist li { background: url("images/icon_tick.png") no-repeat scroll 0 5px transparent; padding-left: 23px; } ul.arrowlist li:before { content:"\f054"; font-family:FontAwesome; font-size:10px; color:#505050; position:absolute; top:0; left:5px; } /* ------------------ Boxes ------------------ */ .box_download, .box_info, .box_warning, .box_note { border-radius: 5px; padding: 25px 25px 25px 60px; margin: 0 0 23px; } .box_download { background: url(images/down.png) no-repeat 15px 20px #e3f4de; border: 1px solid #a2d392; color: #599847; } .box_info { background: url(images/info.png) no-repeat 15px 20px #deeef7; border: 1px solid #82c3e6; color: #2f81b0; } .box_warning { background: url(images/stop.png) no-repeat 15px 20px #f8e4e2; border: 1px solid #e69d94; color: #bb5a4d; } .box_note { background: url(images/notebook.png) no-repeat 15px 20px #f7f3de; border: 1px solid #e1ca59; color: #955d0d; } /* ------------------ Dropcap ------------------ */ .dropcap { display: block; float: left; font-size: 38px; line-height: 38px; margin: 0 6px 0 0; color: #3d3d3d; } .dropcap2 { background: none repeat scroll 0 0 #FFAB45; border: 3px solid #FFC982; border-radius: 75px; color: #FFFFFF; display: block; float: left; font-size: 19px; height: 41px; line-height: 41px; margin: 0 20px 10px 0; text-align: center; width: 41px; } /* ------------------ Pullquotes ------------------ */ .pullquote_left { background: transparent url(images/pullquote.png) no-repeat 0 0; color: #999; float: left; font-size: 16px; line-height: 22px; margin: 20px 20px 20px 0; padding: 15px 0 0 15px; width: 54%; } .pullquote_right { background: transparent url(images/pullquote.png) no-repeat 0 0; color: #909090; font-family: georgia; font-size: 14px; line-height: 22px; font-style: italic; float: right; margin: 20px 0 20px 15px; padding: 15px 0 0 15px; width: 54%; } /* ------------------ Highlights ------------------ */ .highlight1 { background-color: #ffab45; color: #fff; padding: 1px 4px; } .highlight2 { background-color: #555; color: #EEEEEE; padding: 1px 4px; } /* ------------------ Image Frames ------------------ */ .frame, .small_frame { display: inline-block; } .frame img { background: none repeat scroll 0 0 #fcfcfc; border: 2px solid #eee; margin: 0; padding: 8px; } .wp-caption-text { font-style: italic; text-align: center; color: #999; font-size: 11px; font-family: georgia; padding-bottom:0px; } .wp-caption-text a:hover { color: #b2b2b2; } /* ------------------ Dividers ------------------ */ .divider { clear: both; display: block; margin-bottom: 40px; padding-top: 26px; width: 100%; position: relative; border-bottom:1px solid #e6e6e6; } .divider-title { line-height: 10px; position: absolute; font-size: 14px; top:20px;left:0; color:#b2b2b2; background-color:#fff; padding-right:10px; } .top { text-align: right; line-height: 10px; font-size: 8px; } .top a { background: none repeat scroll 0 0 #fff; color: #b2b2b2; font-size: 10px; padding: 0 0 0 5px; position: absolute; right: 0; text-decoration: none; top: 20px; text-shadow: 0 1px #fff; } /* ------------------ Toggle Content ------------------ */ .toggle { padding-left: 25px; font-size: 17px; position:relative; } .toggle:before { font-family:FontAwesome; content:"\f067"; font-size:13px; position:absolute; left:0; top:2px; color:#505050; } .toggle.active { background-position: -15px 5px; } .toggle.active:before { content:"\f068"; } .toggle_content { clear: both; margin: 0 0 20px 20px; overflow: hidden; } .toggle_content .block { padding: 0 5px; } .toggle_content .block pre, .toggle_content .block code { padding: 0; border: none; } h5.active a:link { color: #666666; } /* ------------------ Tab Group ------------------ */ .panes { clear: both; background: none repeat scroll 0 0 #fcfcfc; border-color: #ffab45 #DDDDDD #DDDDDD; border-style: solid; border-width: 3px 1px 1px; display: block; font-size: 12px; color: #888; padding: 25px 20px; margin-bottom: 20px; } ul.tabs { float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%; } ul.tabs li.active, ul.tabs li.active a:hover { border-radius: 8px 8px 0 0; background-color: white; border-bottom: 1px solid white; } ul.tabs li { float: left; padding: 0; list-style: none; } ul.tabs li a { background: #e8e8e8; border: 1px solid #ddd; float: left; line-height: 30px; margin: 0 3px 0 0; overflow: hidden; padding: 3px 15px 1px; position: relative; color: #999; } ul.tabs li a.current { background-color: #ffab45; color:#fff; border-color:#ffab45} /* ------------------ Testimonials ------------------ */ .testimonial {margin-bottom:15px;} .testimonial q {font-style:italic;line-height:19px;color:#707070;} .testimonial_image img {width:65px;height:65px;float:left;margin:5px 12px 10px 0;border:3px solid #ddd;} .testimonial cite {display:block;font-size:12px;margin-top:10px;font-style:normal;color:#999} /* ------------------ Social Links ------------------ */ .textwidget .social-icon {margin-left:-8px} /* ------------------ jQuery UI Resizable ------------------ */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-s { cursor: s-resize; height: 5px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 5px; right: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-wrapper:hover .ui-resizable-e, .ui-resizable:hover .ui-resizable-e { border-left:1px dashed #808080;} .ui-wrapper:hover .ui-resizable-s, .ui-resizable:hover .ui-resizable-s { border-top:1px dashed #808080;} .ui-wrapper:hover .ui-resizable-se, .ui-resizable:hover .ui-resizable-se:hover { background: transparent url(images/resize.png) no-repeat 0 0 } .ui-wrapper img {width:100%!important;height:100%!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* ------------------ Responsive Slider ------------------ */ .rslider {position:relative;border:3px solid #ddd;} .rslider-custom {margin-bottom:20px;} .rslides_nav {height:0;} .rslides_tabs { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0; height: 35px; z-index: 2; text-align:center; } .rslides_tabs li a { text-indent: -999px; display:block; overflow:hidden; } .rslides_tabs li { cursor:pointer; display:inline-block;width: 10px; height:10px;list-style: none; border-radius:10px;background-color:#ccc; opacity:0.8; margin-right:8px; margin-left:0!important;} .portfolio-list .rslides_tabs li {width:10px;height:10px;border-radius:10px;margin-right:6px;} .rslides_tabs li.rslides_here { background-color:#ffab45;opacity:1; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .portfolio-entry .rslides, .portfolio-entry .rslides li {height:100%;margin:0;} .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .post .rslider { -moz-transition: border-color 0.5s; -webkit-transition: border-color 0.5s; -o-transition: border-color 0.5s; transition: border-color 0.5s; } .post .rslider:hover {border-color:#ffab45} /* ------------------ Responsive iframe wrapper ------------------ */ .iframe-rwd { position: relative; overflow: hidden; margin-bottom:20px; padding-top:56.25%; width:100%; height:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .iframe-rwd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ------------------ Isotope ------------------ */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* ------------------ Sliding Way ------------------ */ .sliding-wrapper {position:relative;clear:both;} .slidingway {width:100%;overflow:hidden;} .slidingway-entity {float:left;width:2000%;} .slidingway_nav { position:absolute; font-family: FontAwesome; font-weight: bold; font-style: normal; font-size:24px; line-height:60px; color:#ccc; text-shadow: 0px 0px 2px #bbb; width:20px; height:60px; margin-top:-30px; cursor:pointer; top:50%; } .slidingway_nav:hover {color:#ffab45;} .slidingway_nav.disabled { color: #ddd;text-shadow:0 0 2px #ccc} .sliding-wrapper .next {right:-30px;text-align:right;} .sliding-wrapper .next:before {content:"\f105";} .sliding-wrapper .prev {left:-30px;} .sliding-wrapper .prev:before {content:"\f104"} .sliding-portfolio .slidingway_nav { top:90px; } .slidingway-entity > div, .slidingway-entity > li {float:left;list-style:none;max-width:5%;} .slidingway-entity .hentry {max-width:5%;margin-right:20px;} .sliding-posts .slidingway_nav {top:80px;} .sliding-posts .post-title {font-size:16px;font-weight:normal;color:#222;letter-spacing:0;} .sliding-posts .post-meta {margin-top:10px;font-size:10px;} .sliding-posts .post-meta a {font-size:9px;} .sliding-posts .post-content {padding-top:10px;} .sliding-posts .meta-category, .sliding-posts .meta-comments {display:none;} .sliding-posts .more-link {margin-top:0} /* ------------------ Orbit Slider ------------------ */ body div.orbit.with-bullets {margin-bottom:0} body .orbit-bullets {bottom:0} body div.slider-nav span {width:48px;height:50px;margin-top:-25px;} body div.slider-nav span.right {right:22px;background-size:48px 50px;} body div.slider-nav span.left {left:22px;background-size:48px 50px;} body div.timer {top:auto;bottom:10px;} /* ------------------ Meteor Slider ------------------ */ body div.meteor-slides.navpaged, body div.meteor-slides.navboth {margin:0} body .meteor-slides .meteor-buttons { left:15px; bottom:15px;} /* ------------------ Folioscene Slider ------------------ */ body .folioscene .progressbar {height:2px;background-color:#fff;} body .folioscene .progressbar span {background-color:#ffab45;} body .folioscene .number.active, body .folioscene .number:hover { color: #ffab45; } /* ------------------ Revolution Slider ------------------ */ body .tp-bullets.simplebullets.round .bullet { cursor: pointer; list-style: none; float: left; display: block; width: 13px; height: 13px; border-radius: 13px; background-color: #ccc; background-image:none; opacity: 0.6; margin-right: 5px; } body .tp-bullets.simplebullets.round .bullet:hover, body .tp-bullets.simplebullets.round .bullet.selected, body .tp-bullets.simplebullets.navbar .bullet:hover, body .tp-bullets.simplebullets.navbar .bullet.selected { background-color: #FFAB45; opacity: 1; } body .tp-leftarrow.default { background-image:url(images/rev_navleft.png); width:40px;height:50px; } body .tp-rightarrow.default { background-image:url(images/rev_navright.png); width:40px;height:50px; } #main-nav > li > a > .menu-title { color: #0070BB !important; font-weight: bold !important; } .top_header_right { float: right; margin-top: 5px; width: 45%; } .icons { float: left; margin-right: 10px; margin-left: 40px; } .icons img{ margin-top: 5px;} .ph_no { color: #0070bb; font-size: 15px; font-weight: 600; margin-top: 10px; } .ph_no a{ color:#0070bb;} .help_pic { position: fixed; right: 0; width: 80px; top:50px; z-index: 1000; } .help { float: right; height: 273px; margin-top: 150px; position: relative; z-index: 1000; } #fancybox-close{ right:-40px !important; } #fancybox-content { background: #cc4626 !important; padding: 12px 14px !important; color:#fff; } #con_form h2 { border-bottom: 4px double #fff; color: #fff; font-family: Open Sans; font-weight: 600; letter-spacing: 0 !important; margin: 0 auto 20px; text-align: center; width: 65%; } .fly_form h4 { color: #fff; font-family: open sans; font-size: 18px; margin-bottom: 8px; padding-bottom: 0; font-weight: 600; } .nm { background: #fff !important; margin-bottom: 10px; border: 4px double #222 !important; color: #222 !important; } .fly_part { width: 49.5%; float: left; margin-right:5px; } .last{ margin-right:0;} .time{} .drp { border: 4px double #222; padding: 10px; width: 100%; margin-bottom:10px; } .snd{} .bottom_part{position:relative;} .addway-row .butt {font-size: 1.7rem;} .butt { background: #CE4F2F; color: #fff; padding: 10px 15px; text-shadow: 0px 2px 1px #000; border-radius: 4px; } .butt:hover {background: #308FCE; color: #fff;} .social { position: fixed; top: 180px; width: 63px; z-index: 1000; display: none; } .fly_form span.wpcf7-not-valid-tip { color: #fff568 !important; } .phn, input[type="text"], input[type="email"] { background-color: #fff; border: 1px solid #ddd; border-radius: 2px; box-sizing: border-box; color: #000; font: 12px/20px Arial,Helvetica,FreeSans,sans-serif; padding: 7px 10px; vertical-align: middle; width: 100%; }