amirmt

عضو سایت
  • تعداد ارسال ها

    26
  • تاریخ عضویت

  • آخرین بازدید

تمامی ارسال های amirmt

  1. سلام من میخوام قسمت دسته بندی محصولات رو از قالبم حذف کنم از طریق منو که اقدا م میکنم فقط محتویاته توش پاک میشه و قالب خالی دسته بندی میمونه اما می خوام کامل اون بخش رو حذف کنم
  2. سلام و عرض ادب به همه دوستان من قالب مگا شاپ رو دانلود کردم با فایل نصبی میخوام نصب کنم اما ارور میده نمیدونم چرا یا باید چی کار کنم برای فایل اینستال هم از مسیر زیر برش داشتم baste nasbi/wp content/instal.php
  3. سلام هنگام درون ریزی نسخه دمو مگا شاپ ارور زیر را میدهد کسی میدونه مشکل از کجاست ممنون میشم راهنمایی کنید
  4. @mehran-b
  5. ببخشید اقا مهران
  6. اقا محراب بسته نصبی به کنار میخوام از طریق درون ریزی این کار رو انجام بدم اما این پیغام رو میده علتش رو میدونی @mehran-b
  7. کسی راهی به ذهنش نمیرسه
  8. اینم تصاویره خطه 5 با صفحه سرچ
  9. الان سرچ می کنم صفحه سفید میاره
  10. فک کنم منظورتون رو متوجه شدم به این صورت سرچش کردم باز این پیغام رو میده
  11. منظورتون از اجرا میشه چیه یعنی باز میشه یا تو مرورگر ادرس رو سرچ کنم اگه منظورتون تو مرور گره من محتویات رو کپی کردم تو ورد ام تی با پوشه اینستالر نیاوردم که بخوام بزنم localhost/installer
  12. اجرا کردم حالا چی کار کنم
  13. wordmt همون ورد پرسه instaler برای پوسته
  14. بله ورد پرس نصبه
  15. حالا این ارور رو میده Warning: require_once(C:\xampp\htdocs\instaler/wp-includes/load.php): failed to open stream: No such file or directory in C:\xampp\htdocs\instaler\wp-load.php on line 41Fatal error: require_once(): Failed opening required 'C:\xampp\htdocs\instaler/wp-includes/load.php' (include_path='C:\xampp\php\PEAR') in C:\xampp\htdocs\instaler\wp-load.php on line 41
  16. require_once( dirname( dirname( __FILE__ ) ) . '/wp-load.php' ); این خطه 5
  17. من الان پیداش کردم کجا کپی کنم این فایل رو
  18. کجا هست این فایل؟
  19. سلام و خسته نباشید از سایته خوبتون من واسه زیر منو قالبم تونستم بزارمش که به سمته راست باز شه اما فلشی که تو زیر منو بود هنوز به سمت راست مونده میخوام اونم بیاد به سمته چپ میشه کمکم کنید
  20. میشه بیشتر راهنمایی کنید چه جوری کل قالب رو بفرستم
  21. /* Theme Name: Alante Theme URI: http://www.thinkupthemes.com/free/alante-free/ Author: ThinkUpThemes Author URI: http://www.ThinkUpThemes.com Description: Alante is the free version of the multi-purpose professional theme (Alante Pro) ideal for a business or blog website. The theme has a responsive layout, HD retina ready and comes with a powerful theme options panel with can be used to make awesome changes without touching any code. The theme also comes with a full width easy to use slider. Easily add a logo to your site and create a beautiful homepage using the built-in homepage layout. Version: 1.0.8 License: GNU General Public License License URI: /licenses/license.txt Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, sticky-post, translation-ready, flexible-header, custom-background, grid-layout, footer-widgets, blog, e-commerce, photography, rtl-language-support Text Domain: alante */ /* TABLE OF CONTENTS 01. RESET 02. GLOBAL 03. STRUCTURE 04. MEDIA 05. NAVIGATION 06. HEADER -Main -Menu -Bootstrap Menu -Slider -Intro Options -Notification Bar 07. MAIN CONTENT -Breadcrumbs -Image Overlays -Pre-Designed Homepage -Call to Action / Attention Grabber -Floating Content 08. FOOTER 09. WIDGETS & SIDEBAR 10. PAGE FORMATS -Meta Content -Blog -Single Post -Contact Us -Archive -Sitemap -Parallax -Search Results -404 Error -Portfolio -Project 11. SHORTCODES - THEME SPECIFIC STYLE 12. PAGE BUILDER - THEME SPECIFIC STYLE 13. IE STYLES 14. SAFARI STYLES 15. MISC */ /* --------------------------------------------------------------------------------------- 01. RESET --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, del, dfn, em, font, q, s, samp, strike, strong, ol, ul, li, fieldset, form, label, legend, tbody, tfoot, thead, tr { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } ol, ul { list-style: none; } blockquote:before, q:before, blockquote:after, q:after { } blockquote:before, q:before { } blockquote:after, q:after { } blockquote, q { position: relative; display: block; font-style: normal !important; border-left: 2px solid #ddd; padding: 0 0 0 25px !important; margin: 0 0 20px 0 !important; } blockquote p:last-child { margin-bottom: 0; } blockquote cite a, q cite a { color: #fff; } blockquote cite:before, q cite:before { content: "- "; } dt { font-weight: bold; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } .clearboth { width: 100%; clear: both; display: block; } .screen-reader-text { display: none; } /* --------------------------------------------------------------------------------------- 02. GLOBAL --------------------------------------------------------------------------------------- */ body, button, input, select, textarea { color: #888; font-family: Open Sans, Helvetica, Arial; font-size: 12px; line-height: 1.7; word-wrap: break-word; } body { background: #FAFAFA; } #body-core { background: white; } body, #body-core { min-width: 320px; } /* Responsive screen width */ body.layout-fixed, body.layout-fixed #body-core, body.layout-fixed #site-header, body.layout-fixed #notification { min-width: 1140px; } /* Headings */ h1,h2,h3,h4,h5,h6 { color: #222; clear: both; margin: 0 0 0.8em; font-family: PT Sans, Helvetica, Arial; line-height: 1.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } hr { background-color: #E6E6E6; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 20px; } ul, ol { margin: 0 0 20px 20px; } ul { list-style: disc; } ol { list-style: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { font-style: italic; margin: 0 1.5em; } pre { line-height: 25px; padding: 0px 20px; margin-bottom:10px; border: 1px solid #ddd; background: #f2f2f2; background: -moz-linear-gradient(top, #f2f2f2 50%, #f9f9f9 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f2f2), color-stop(50%,#f9f9f9)); background: -webkit-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%); background: -o-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%); background: -ms-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%); background: linear-gradient(to bottom, #f2f2f2 50%,#f9f9f9 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f9f9f9',GradientType=0 ); background-size: 50px 50px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } button, input, select, textarea { font-size: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; padding: 9px 15px; } input.searchsubmit { padding: 7px 15px; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], select, textarea { background: white; padding: 6px; border: 1px solid #DDD; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset -1px 1px 0 0 #EEE; -moz-box-shadow: inset -1px 1px 0 0 #EEE; -ms-box-shadow: inset -1px 1px 0 0 #EEE; -o-box-shadow: inset -1px 1px 0 0 #EEE; box-shadow: inset -1px 1px 0 0 #EEE; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, select:focus, textarea:focus { background: #fff; } textarea { overflow: auto; vertical-align: top; width: 100%; } /* Tables */ table { text-align: center; margin: 0 0 25px; width: 100%; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-collapse:collapse; } caption { font-size: 0.875rem; font-style: italic; color: #888; } th, td { padding: 4px 2%; border: 1px solid #EEE; border-left: none; } th { font-size: 0.9em; font-weight: bold; } td { border-top: none; } #footer table, #footer th, #footer td { border-color: #444; } /* Links */ a { color: #D33D33; cursor: pointer; text-decoration: none; outline: 0 none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover { color: inherit; } a, a:visited { text-decoration: none; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 20px; margin-bottom: 10px; } .alignright { display: inline; float: right; margin-left: 20px; margin-bottom: 10px; } .aligncenter { clear: both; display: block; margin: 20px auto; } /* --------------------------------------------------------------------------------------- 03. STRUCTURE --------------------------------------------------------------------------------------- */ #pre-header-core, #header-core, #content-core, #footer-core, #sub-footer-core, #notification-core, #intro-core, #introaction-core, #outroaction-core, .action-shadow { display: block; max-width:1140px; margin: 0 auto; } #content, .main-navigation, .site-title, .site-description { margin: 0 auto; } #content { clear: both; margin: 0; padding: 25px 10px; } /* Boxed layout */ body.layout-boxed #body-core, body.layout-boxed #notification, body.custom-background #body-core, body.custom-background #notification { max-width: 1170px; } body.layout-boxed #body-core, body.custom-background #body-core { display: block; margin: 0 auto; -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); } /* --------------------------------------------------------------------------------------- 04. MEDIA --------------------------------------------------------------------------------------- */ .entry-content img, .entry-content iframe { display: block; } img { max-width: 100%; height: auto; display: inline; vertical-align: top; } embed, iframe, object, .wp-caption { max-width: 100%; } iframe.twitter-tweet { margin: 0 !important; width: 100%; } .wp-caption .wp-caption-text, .gallery-caption { font-size: 12px; font-style: italic; } #content .gallery a img { border: none; } /* --------------------------------------------------------------------------------------- 05. NAVIGATION --------------------------------------------------------------------------------------- */ #nav-above, #nav-below { margin: 20px 0; } .nav-previous { } .nav-previous a { position: relative; border: 1px solid #DDD; background: #f5f5f5; padding: 5px 10px; color: inherit; float: left; } .nav-previous a .meta-icon { float: left; margin-right: 10px; padding: 1px 6px 2px 0; left: 20px } .nav-next { } .nav-next a { position: relative; border: 1px solid #DDD; background: #f5f5f5; padding: 5px 10px; color: inherit; float: right; } .nav-next a .meta-icon { float: right; margin-left: 10px; padding: 1px 0 2px 6px; right: 20px; } .nav-previous a .meta-nav, .nav-next a .meta-nav { -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .nav-previous a:hover .meta-nav { padding-left: 20px; } .nav-next a:hover .meta-nav { padding-right: 20px; } .nav-previous a .meta-icon, .nav-next a .meta-icon { display: inline-block; opacity: 0; position: absolute; -webkit-transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; -moz-transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; -ms-transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; -o-transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; } .nav-previous a:hover, .nav-next a:hover { color: white; background: #333; border-color: #333; } .nav-previous a i, .nav-next a i { vertical-align: top; display: inline; } .nav-previous a:hover .meta-icon { opacity: 1; left: 10px; } .nav-next a:hover .meta-icon { opacity: 1; right: 10px; } /* =Pagination ----------------------------------------------------------------------------- */ .pag { margin: 0; list-style: none; } .pag li { font-size: 90%; display: inline-block; margin-right: 2px; } .pag li a, .pag li span { color: inherit; padding: 1px 6px; border: 1px solid #EEE; background: white; display: block; } .pag li a:hover, .pag li.current span { color: #FFF; background: #D33D33; border-color: #D33D33; } li.pag-first { display: none; } li.pag-last { display: none; } li.pag-previous { } li.pag-next { } /* Pagination - Native WordPress pagination */ .navigation.pagination { margin: 10px 0 30px; list-style: none; } .navigation.pagination .screen-reader-text { display: none; } .navigation.pagination .nav-links a, .navigation.pagination .nav-links span { font-size: 90%; text-align: center; display: inline-block; width: 20px; height: 20px; line-height: 20px; color: inherit; background: none; border: 1px solid #EEE; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links span:hover, .navigation.pagination .nav-links span.current { color: #fff; background: #d33d33; border-color: #d33d33; } .navigation.pagination .nav-links a.prev, .navigation.pagination .nav-links a.next { font-size: 0; top: 1px; position: relative; } .navigation.pagination .nav-links a.prev:after, .navigation.pagination .nav-links a.next:after { font-size: 15px; font-family: fontawesome; } .navigation.pagination .nav-links a.prev:after { content: "\f104"; } .navigation.pagination .nav-links a.next:after { content: "\f105"; } .navigation.pagination .nav-links .dots:hover { color: inherit; background: none; border-color: #eee; } /* --------------------------------------------------------------------------------------- 06. HEADER --------------------------------------------------------------------------------------- */ /* Custom Header */ .custom-header img { display: block; margin: 0 auto; } /* =Main ----------------------------------------------------------------------------- */ .site-description { color: #777777; font-size: 13px; line-height: 13px; } #logo { float: left; display: table; padding: 0 10px; height: 84px; max-height: 84px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #logo a { display: table-cell; vertical-align: middle } #logo img { width: auto; display: block; max-height: 54px; } #logo h1 { font-size: 22px; line-height: 1.3; font-weight: bold; } .is-sticky #logo { height: 55px; max-height: 55px; } .is-sticky #logo img { max-height: 32px; } .is-sticky #logo h2 { display: none; } /* =Menu ----------------------------------------------------------------------------- */ /* Header Image*/ #header-image img { display: block; width: 100%; } #header-image.header-image-boxed { display: block; margin: 0 auto; max-width: 1170px; } /* Site-header */ #site-header { line-height: 1.5; border-bottom: 1px solid #DDD; } .home #site-header { border-bottom: none; } /* Pre-header */ #pre-header { background: #F5F5F5; border-bottom: 1px solid #DDD; } #pre-header li { float: left; } #pre-header .header-links .menu-hover > a, #pre-header .header-links > ul > li > a:hover { background: #F2F2F2; } #pre-header .header-links li a, #pre-header-social li, #pre-header-social li a, #pre-header-search input { color: #999; font-size: 12px; display: block; } #pre-header .header-links li a, #pre-header-social li.message { padding: 9px 15px 7px; } #pre-header-social li, #pre-header-social li a { border: 0px; } #pre-header .header-links > ul > li.alignright:after, #pre-header .header-links > ul > li:last-child:after { content: ""; padding: 0; } #pre-header .header-links > ul > li.menu-parent > a:after { position: relative; content: "\f107"; font-family: FontAwesome; padding-left: 6px; } #pre-header .header-links .sub-menu { display: none; position: absolute; z-index: 99999; background: #FFF; border: 1px solid #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #pre-header .header-links .sub-menu li { padding: 0px 10px; } #pre-header .header-links .sub-menu a { min-width: 100px; padding: 5px 5px; border-bottom: 1px solid #EEE; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #pre-header .header-links .sub-menu li:last-child > a { border-bottom: none; } #pre-header .header-links .sub-menu a:hover { color: #D33D33; } #pre-header-core { display: table; width: 100%; } #pre-header-links-inner, #pre-header-social, #pre-header-search { display: table-cell; vertical-align: middle; } /* Pre-header - Search */ #pre-header-search { width: 1%; margin: 5px; } #pre-header-search .search { margin: 5px 0; padding: 2px 10px; max-width: 120px; background: #F2F2F2; border: 1px solid #DDD; } #pre-header-search .search { float: right; } #pre-header-search .searchsubmit { display: none; } /* Search input placeholder text color */ #pre-header-search ::-webkit-input-placeholder { color: #BBB; } #pre-header-search :-moz-placeholder { color: #BBB; } #pre-header-search ::-moz-placeholder { color: #BBB; } #pre-header-search :-ms-input-placeholder { color: #BBB; } /* Pre-header - Social Media */ #pre-header-social ul { float: right; padding-left: 40px; display: table; float: right; } #pre-header-social li.message { border: none; padding-right: 10px; white-space: nowrap; } #pre-header-social li, #pre-header-social li a { border: 0px; } #pre-header-social li { display: table-cell; vertical-align: middle; float: none; } #pre-header-social li a { display: table; text-align: center; color: #FFF; font-size: 12px; width: 24px; height: 24px; margin: 3px; background: #A0A0A0; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } #pre-header-social li a:hover { background: #A0A0A0; } #pre-header-social li.facebook a:hover { background: #3b5997; } #pre-header-social li.twitter a:hover { background: #a5dee8; } #pre-header-social li.google-plus a:hover { background: #db4a39; } #pre-header-social li.instagram a:hover { background: #AC8263; } #pre-header-social li.tumblr a:hover { background: #395672; } #pre-header-social li.linkedin a:hover { background: #56a1c4; } #pre-header-social li.flickr a:hover { background: #c5c5c5; } #pre-header-social li.pinterest a:hover { background: #C92228; } #pre-header-social li.xing a:hover { background: #126567; } #pre-header-social li.paypal a:hover { background: #1e477a; } #pre-header-social li.youtube a:hover { background: #de1f26; } #pre-header-social li.vimeo-square a:hover { background: #4EBBFF; } #pre-header-social li.rss a:hover { background: #fea81d; } #pre-header-social li i { display: table-cell; vertical-align: middle; position: relative; top: 1px; } #pre-header-social .tooltip-inner { padding: 6px 12px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* Header */ #header { width: 100%; z-index: 999999; background: white; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .is-sticky #header { box-shadow: 0px 0px 3px 1px #DDD; -webkit-box-shadow: 0px 0px 3px 1px #DDD; -moz-box-shadow: 0px 0px 3px 1px #DDD; -ms-box-shadow: 0px 0px 3px 1px #DDD; -o-box-shadow: 0px 0px 3px 1px #DDD; } body.layout-boxed .is-sticky #header, body.custom-background .is-sticky #header { max-width: 1170px; } #header-links { float: right; } #header-links-inner { float: right; } #header .header-links li { position: relative; float: left; } #header .header-links > ul > li > a { display: table; height: 84px; line-height: 84px; padding: 0px 20px; -webkit-transition: 0; -moz-transition: 0; -ms-transition: 0; -o-transition: 0; transition: 0; } .is-sticky #header .header-links > ul > li > a { height: 55px; line-height: 55px; } #header .header-links > ul > li:last-child > a { border-right: none; } #header .header-links li a { display: block; padding: 8px 14px; margin: 0px; } #header .header-links li span { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #header .header-links li span:nth-child(1) { font-weight: bold; } #header .header-links li span:nth-child(2) { color: #999; font-size: 11px; } #header .header-links li .header-walker { display: table-cell; vertical-align: middle; } #header .header-links li .header-walker span { line-height: 1.6; } #header .header-links > ul > li.menu-parent > a { padding-right: 38px; } #header .header-links > ul > li.menu-parent:after { position: absolute; content: "\f107"; font-family: FontAwesome; right: 2px; top: 40%; right: 20px; left: auto; bottom: 0; } #header .header-links .sub-menu { display: none; float: left; position: absolute; z-index: 9999; background: #FFF; border: 1px solid #DDD; } #header .header-links .sub-menu a { color: #616161; font-size: 12px; line-height: 32px; border-bottom: 1px solid #EEE; min-width: 100px; margin: 0; padding: 0 10px; } #header .header-links .sub-menu a:hover, #header .header-links .sub-menu .current-menu-item a { color: #D33D33; } #header .header-links .sub-menu li:last-child > a{ border: 0; } #pre-header .sub-menu li, #header .sub-menu li { float: none; position: relative; } #header .sub-menu li { padding: 2px 10px; } #header .sub-menu li:hover { } #header .menu > li > a { font-size: 14px; color: #444; -webkit-transition: -webkit-box-shadow 0.3s ease; -moz-transition: -moz-box-shadow 0.3s ease; -ms-transition: -ms-box-shadow 0.3s ease; -o-transition: -o-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } #header .menu > li.current_page_item > a, #header .menu > li.current-menu-ancestor > a, #header .menu > li.menu-hover > a, #header .menu > li > a:hover { -webkit-box-shadow: inset 0 3px 0 0 #D33D33; -moz-box-shadow: inset 0 3px 0 0 #D33D33; -ms-box-shadow: inset 0 3px 0 0 #D33D33; -o-box-shadow: inset 0 3px 0 0 #D33D33; box-shadow: inset 0 3px 0 0 #D33D33; } #header .menu > li.current_page_item > a span:first-child, #header .menu > li.current-menu-ancestor > a span:first-child, #header .menu > li.menu-hover > a span:first-child, #header .menu > li > a:hover span:first-child { color: #D33D33; } .main-navigation:after { clear: both; content: ""; display: block; } .main-navigation ul { list-style: none; margin: 0; padding-right: 0; } .main-navigation .sub-menu a { white-space: nowrap; } .main-navigation .sub-menu .sub-menu { position: absolute; top: -1px; right: 100%; } .main-navigation ul ul :hover > a { } #pre-header .main-navigation ul li:hover > ul, #header .main-navigation ul li:hover > ul { display: block; } /* Arrows of menu parents (uses FontAwesome css) */ #pre-header .sub-menu .menu-parent > a:before { font-family: FontAwesome; font-size: 1.3em; text-align: right; content: "\f105"; position: relative; left: 5px; top: -2px; display: inline-block; float: right } #header .sub-menu .menu-parent > a:before { font-family: FontAwesome; font-size: 1.5em; text-align: right; content: "\f105"; position: relative; left: 10px; display: inline-block; float: right; } /* =Bootstrap Menu ----------------------------------------------------------------------------- */ #header-responsive { display: none; } /* =Slider ----------------------------------------------------------------------------- */ #slider-core { position: relative; } /* SlideDeck 2 Slider */ #slider .slidedeck-frame { margin: 0 auto; } /* Responsive ThinkUpSlider */ #slider .slides { height: 0; margin: 0; } #slider .rslides { margin: 0; overflow: hidden; } .rslides li { width: 100%; } .rslides img { width: 100%; } #slider .rslides-inner { position: relative; width: 1140px; max-width: 100%; margin: 0 auto; border: 0; overflow: hidden; } #slider .rslides-inner li { height: auto; list-style: none; } #slider .rslides-container { padding: 20px 0; } .home #slider .rslides-container { padding-top: 0; } #slider a.rslides_nav { color: white; color: white; text-align: center; background: #333; background: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; z-index: 9999; width: 60px; height: 60px; line-height: 1; margin: -40px 0px 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #slider a.rslides_nav.prev { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } #slider a.rslides_nav.next { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } #slider a.rslides_nav:hover { color: #333; background: #FFF; } #slider a.rslides_nav.prev { left: -70px; } #slider a.rslides_nav.next { right: -70px; } #slider a.rslides_nav.prev:before, #slider a.rslides_nav.next:before { display: inline-block; font-family: FontAwesome; font-size: 30px; line-height: 60px; position: relative; z-index: 9999; } #slider a.rslides_nav.prev:before { content: "\f104"; } #slider a.rslides_nav.next:before { content: "\f105"; } #slider .rslides-inner:hover a.rslides_nav { opacity: 1; } #slider .rslides-inner:hover a.rslides_nav.prev { left: 0; } #slider .rslides-inner:hover a.rslides_nav.next { right: 0; } #slider .rslides_tabs { position: absolute; z-index: 999; text-align: center; width: 100%; bottom: 10px; margin: 0; } #slider .rslides_tabs li { list-style: none; margin: 0 6px; display: inline-block; zoom: 1; } #slider .rslides_tabs li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.4); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } #slider .rslides_tabs li a:hover, #slider .rslides_tabs li.rslides_here a { background: #333; background: rgba(0, 0, 0, 0.7) } /* Full width slider */ .slider-full #slider .rslides-inner { width: 100%; position: relative; } .slider-full #slider .rslides-container { padding: 0; } /* Responsive ThinkUpSlider - Content */ #slider .rslides-content, .thinkupslider-sc .rslides-content { height: 100%; width: 100%; position: absolute; top: 0; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #slider .rslides-content-inner, .thinkupslider-sc .rslides-content-inner { display: table; width: 100%; max-width: 1140px; height: 100%; margin: 0 auto; } #slider .featured, .thinkupslider-sc .featured { display: table-cell; vertical-align: middle; text-align: center; } #slider .featured-title, .thinkupslider-sc .featured-title { margin-bottom: 10px; } #slider .featured-title span, .thinkupslider-sc .featured-title span { display: inline-block; color: #FFF; font-size: 48px; font-weight: 700; line-height: 1; padding: 5px 10px; } #slider .featured-excerpt p, .thinkupslider-sc .featured-excerpt p { margin-bottom: 10px; } #slider .featured-excerpt span, .thinkupslider-sc .featured-excerpt span { display: inline-block; color: #FFF; font-size: 14px; font-weight: 600; line-height: 1.5; padding: 4px 10px; } #slider .featured-link a, .thinkupslider-sc .featured-link a { display: inline-block; color: #FFF; font-size: 12px; font-weight: 600; text-transform: uppercase; text-decoration: none; border: 1px solid #FFF; padding: 10px 25px; margin: 20px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } #slider .featured-link a:hover, .thinkupslider-sc .featured-link a:hover { color: #333; background: #FFF; border-color: #FFF; } /* Slider - Video Slider - YouTube / Vimeo */ #slider.style2 .featured.one_half, .thinkupslider-sc.style2 .featured.one_half { padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #slider.style3 .featured.one_half, .thinkupslider-sc.style3 .featured.one_half { padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #slider.style2 .wrap-safari, #slider.style3 .wrap-safari, .thinkupslider-sc.style2 .wrap-safari, .thinkupslider-sc.style3 .wrap-safari { display: table; height: 100%; max-width: 1140px; margin: 0 auto; width: 100%; } #slider.style2 .rslides-content-inner, #slider.style3 .rslides-content-inner, .thinkupslider-sc.style2 .rslides-content-inner, .thinkupslider-sc.style3 .rslides-content-inner { display: table-cell; width: 100%; vertical-align: middle; margin: 0 auto; } #slider.style2 .featured-video, #slider.style3 .featured-video, .thinkupslider-sc.style2 .featured-video, .thinkupslider-sc.style3 .featured-video { margin-bottom: 0; } /* Slider - Video code */ #slider .featured-video .wp-video, #slider .wp-video-shortcode, .thinkupslider-sc .featured-video .wp-video, .thinkupslider-sc .wp-video-shortcode { max-width: 100%; } #slider .videoBG video, .thinkupslider-sc .videoBG video { top: 0% !important; width: 100%; } #slider .mejs-layers, .thinkupslider-sc .mejs-layers { max-width: 100%; } #slider .videoBG, #slider .videoBG_wrapper, #slider .videoBG_wrapper li, .thinkupslider-sc .videoBG, .thinkupslider-sc .videoBG_wrapper, .thinkupslider-sc .videoBG_wrapper li { width: 100% !important; height: 100% !important; } /* Animate slide content */ #slider .featured-title, #slider .featured-excerpt p, #slider .featured-link, .thinkupslider-sc .featured-title, .thinkupslider-sc .featured-excerpt p, .thinkupslider-sc .featured-link { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #slider .rslides > [class*="_on"] .featured-title, #slider .rslides > [class*="_on"] .featured-excerpt p, #slider .rslides > [class*="_on"] .featured-link, .thinkupslider-sc .rslides > [class*="_on"] .featured-title, .thinkupslider-sc .rslides > [class*="_on"] .featured-excerpt p, .thinkupslider-sc .rslides > [class*="_on"] .featured-link { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #slider .rslides > [class*="_on"] .featured-title, .thinkupslider-sc .rslides > [class*="_on"] .featured-title { -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; -ms-transition-delay: 1.0s; -o-transition-delay: 1.0s; transition-delay: 1.0s; } #slider .rslides > [class*="_on"] .featured-excerpt p, .thinkupslider-sc .rslides > [class*="_on"] .featured-excerpt p { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } #slider .rslides > [class*="_on"] .featured-link, .thinkupslider-sc .rslides > [class*="_on"] .featured-link { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } /* Slider - Alignment */ #slider .rslides-content.slider-left .featured-title, #slider .rslides-content.slider-left .featured-excerpt, #slider .rslides-content.slider-left .featured-link, .thinkupslider-sc .rslides-content.slider-left .featured-title, .thinkupslider-sc .rslides-content.slider-left .featured-excerpt, .thinkupslider-sc .rslides-content.slider-left .featured-link { text-align: left; } #slider .rslides-content.slider-left .featured-title span:after, .thinkupslider-sc .rslides-content.slider-left .featured-title span:after { left: 0; right: auto; } #slider .rslides-content.slider-right .featured-title, #slider .rslides-content.slider-right .featured-excerpt, #slider .rslides-content.slider-right .featured-link, .thinkupslider-sc .rslides-content.slider-right .featured-title, .thinkupslider-sc .rslides-content.slider-right .featured-excerpt, .thinkupslider-sc .rslides-content.slider-right .featured-link { text-align: right; } #slider .rslides-content.slider-right .featured-title span:after, .thinkupslider-sc .rslides-content.slider-right .featured-title span:after { left: auto; right: 0; } #slider .rslides-content.slider-center .featured-title, #slider .rslides-content.slider-center .featured-excerpt, #slider .rslides-content.slider-center .featured-link, .thinkupslider-sc .rslides-content.slider-center .featured-title, .thinkupslider-sc .rslides-content.slider-center .featured-excerpt, .thinkupslider-sc .rslides-content.slider-center .featured-link { text-align: center; } #slider .rslides-content.slider-half .featured-title, #slider .rslides-content.slider-half .featured-excerpt, #slider .rslides-content.slider-half .featured-link, .thinkupslider-sc .rslides-content.slider-half .featured-title, .thinkupslider-sc .rslides-content.slider-half .featured-excerpt, .thinkupslider-sc .rslides-content.slider-half .featured-link { width: 50%; } #slider .rslides-content.slider-middle .featured-title, #slider .rslides-content.slider-middle .featured-excerpt, #slider .rslides-content.slider-middle .featured-link, .thinkupslider-sc .rslides-content.slider-middle .featured-title, .thinkupslider-sc .rslides-content.slider-middle .featured-excerpt, .thinkupslider-sc .rslides-content.slider-middle .featured-link { width: 50%; margin-left: auto; margin-right: 0; } /* Slider - Parallax */ #slider img.slider-parallax, .thinkupslider-sc img.slider-parallax { background-attachment: fixed !important; } /* Slider - Style 2 (Title - Theme, Excerpt - Black ) */ #slider .rslides-content.style2 .featured-title span, .thinkupslider-sc .rslides-content.style2 .featured-title span { background: #333; background: rgba(0,0,0,0.25); } #slider .rslides-content.style2 .featured-excerpt span, .thinkupslider-sc .rslides-content.style2 .featured-excerpt span { background: #333; background: rgba(0,0,0,0.25); } #slider .rslides-content.style2 .featured-link a, .thinkupslider-sc .rslides-content.style2 .featured-link a { font-weight: 700; background: #D33E33; border-color: #D33E33; margin-left: 0; margin-right: 0; } #slider .rslides-content.style2 .featured-link a:hover, .thinkupslider-sc .rslides-content.style2 .featured-link a:hover { color: #333; background: #fff; border-color: #fff; } /* =Intro Options ----------------------------------------------------------------------------- */ #intro.option1 { border: 1px solid #DDD; border-top: none; background: #F5F5F5; padding: 15px 10px; } #intro.option1 #intro-core { background: #FFF; border: 1px solid #DDD; padding: 15px 0px; text-align: center; } #intro.option1 .page-title { margin: 0px; } /* =Notification Bar ----------------------------------------------------------------------------- */ #notification { position: relative; z-index:999999; width: 100%; background: #364BE6; border-bottom: 2px solid white; -webkit-box-shadow: 0 0 6px 0 #999; -moz-box-shadow: 0 0 6px 0 #999; -ms-box-shadow: 0 0 6px 0 #999; -o-box-shadow: 0 0 6px 0 #999; box-shadow: 0 0 6px 0 #999; } #notification-core { text-align: center; color: white; padding: 5px 0px; } #notification-core .notification-button { color: white; background: black; padding: 3px 10px; margin: 0px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* --------------------------------------------------------------------------------------- 07. MAIN CONTENT --------------------------------------------------------------------------------------- */ /* =Buttons ----------------------------------------------------------------------------- */ .themebutton { display: inline-block; color: #FFF; background-color: #D33D33; text-align:center; } a.themebutton { color: #FFF; } .themebutton:hover { opacity: 0.8; } .themebutton:active { position: relative; top: 1px; } .themebutton2, button, html input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; color: #FFF; border: none; background-color: #D33D33; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a.themebutton2 { color: #FFF; } .themebutton2:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity: 0.8; } /* =Breadcrumbs ----------------------------------------------------------------------------- */ #breadcrumbs { font-size: 10px; padding-bottom: 20px; } #breadcrumbs .delimiter { padding: 0px 10px; } #breadcrumbs a { color: inherit; } /* =Image Overlays ----------------------------------------------------------------------------- */ /* Image Overlay */ .image-overlay { text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: #444; background: rgba(68, 68, 68, 0.6); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0px -4px 0px 0px #D33D33 !important; -moz-box-shadow: inset 0px -4px 0px 0px #D33D33 !important; -ms-box-shadow: inset 0px -4px 0px 0px #D33D33 !important; -o-box-shadow: inset 0px -4px 0px 0px #D33D33 !important; box-shadow: inset 0px -4px 0px 0px #D33D33 !important; } .image-overlay:hover { opacity: 1 !important; } .image-overlay .image-overlay-inner { display: table; width: 100%; height: 100%; } .image-overlay .hover-icons { display: table-cell; vertical-align: middle; text-align: center; } .image-overlay .image-overlay-inner .hover-zoom, .image-overlay .image-overlay-inner .hover-link { display: inline-block; vertical-align: top; color: #FFF; font-size: 33px; font-weight: bold; line-height: 40px; width: 40px; height: 40px; margin: 5px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } .image-overlay .image-overlay-inner .hover-zoom { -webkit-transform: translateX(-35px); -moz-transform: translateX(-35px); -ms-transform: translateX(-35px); -o-transform: translateX(-35px); transform: translateX(-35px); } .image-overlay .image-overlay-inner .hover-link { -webkit-transform: translateX(35px); -moz-transform: translateX(35px); -ms-transform: translateX(35px); -o-transform: translateX(35px); transform: translateX(35px); } .image-overlay .image-overlay-inner .hover-zoom:hover, .image-overlay .image-overlay-inner .hover-link:hover { background: #333; border-color: #333; background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 1); } .image-overlay .image-overlay-inner:hover .hover-zoom, .image-overlay .image-overlay-inner:hover .hover-link { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } /* Image Overlay - Links */ .image-overlay .hover-zoom, .image-overlay .hover-link { line-height: 40px; width: 40px; height: 40px; background: none; margin: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .image-overlay:hover .hover-zoom, .image-overlay:hover .hover-link { background: #222 !important; } .image-overlay .hover-zoom:hover, .image-overlay .hover-link:hover { background: #D33D33 !important; } .image-overlay .hover-zoom:before, .image-overlay .hover-link:before { font-family: dashicons !important; font-size: 18px !important; position: relative !important; display: inline-block !important; float: right !important; line-height: 40px !important; width: 40px !important; right: auto !important; top: auto !important; } .image-overlay .hover-zoom:before { content: "\f211" !important; } .image-overlay .hover-link:before { content: "\f345" !important; } /* Image overlay - Overlay Style 2 */ .image-overlay.overlay2 .image-overlay-inner { color: #FFF; background: #D33D33; } .image-overlay.overlay2 h4 a { color: #FFF; } .image-overlay.overlay2 h4 a:hover { color: #DDD; } /* Icon animation when single link is showing */ .image-overlay.style2 .hover-zoom, .image-overlay.style2 .hover-link { -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); } .image-overlay.style2:hover a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } /* =Pre-Designed Homepage (code also in style-responsive.css) ----------------------------------------------------------------------------- */ #section-home { padding: 30px 20px 0; } #section-home-inner { max-width: 1140px; margin: 0 auto; } #section-home .services-builder { margin: 0; } /* =Call to Action ----------------------------------------------------------------------------- */ #introaction, #outroaction { background: #F5F5F5; padding: 20px 0px; } #introaction { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; } #outroaction { border-top: 1px solid #DDD; } .action-shadow { height: 20px; background: url('images/shortcodes/callshadow_bottom.png') bottom center no-repeat; background-size: 100% 20px; } #introaction-core, #outroaction-core { background: #FFF; border: 1px solid #DDD; padding: 15px 0px; } #introaction-core h3, #outroaction-core h3 { font-size: 16px; font-weight: bold; } .action-text.three_fourth, .action-button.one_fourth, .action-text h3, .action-text p, .attention_text.three_fourth, .attention_button.one_fourth, .attention_text h3, .attention_text p { margin-bottom: 0px; } .action-text h3, .attention_text h3 { margin-top: 0px; } .action-text h3, .action-text p, .attention_text h3, .attention_text p { margin-left: 35px; margin-right: 10px; } .action-button h4, .attention_button h4 { font-size: 13px; padding: 7px 20px; margin: 5px 0; } /* =Floating Content ----------------------------------------------------------------------------- */ article:before, article:after, #header-core:before, #header-core:after, #intro-core:before, #intro-core:after, #introaction-core:before, #introaction-core:after, #outroaction-core:before, #outroaction-core:after, #main-core:before, #main-core:after, #content-core:before, #content-core:after, #article:before, #article:after, #nav-above:before, #nav-above:after, #nav-below:before, #nav-below:after, #sharepost:before, #sharepost:after, #author-image:before, #author-image:after, #author-bio:before, #author-bio:after, #sub-footer:before, #sub-footer:after, #footer-core:before, #footer-core:after, .entry-meta:before, .entry-meta:after, .attention:before, .attention:after, ul.pricing-table:before, ul.pricing-table:after, .popular-posts:before, .popular-posts:after, .recent-comments:before, .recent-comments:after, .recent-posts:before, .recent-posts:after, .searchform:before, .searchform:after, .popular-posts:before, .popular-posts:after, .recent-comments:before, .recent-comments:after, .recent-posts:before, .recent-posts:after, .searchform:before, .searchform:after { content:""; display:table; } article:after, #header-core:after, #intro-core:after, #introaction-core:after, #outroaction-core:after, #main-core:after, #content-core:after, #article:after, #nav-above:after, #nav-below:after, #sharepost:after, #author-image:after, #author-bio:after, #sub-footer:after, #footer-core:after, .entry-meta:after, .attention:after, ul.pricing-table:after, .popular-posts:after, .recent-comments:after, .recent-posts:after, .searchform:after, .popular-posts:after, .recent-comments:after, .recent-posts:after, .searchform:after { clear:both; } /* --------------------------------------------------------------------------------------- 08. FOOTER --------------------------------------------------------------------------------------- */ #footer { background: #333; border-top: 7px solid #D33D33; border-bottom: 1px solid #222; padding: 15px 10px; } #footer-core h3 { font-size: 14px; color: #DDD; font-weight:bold; text-transform: uppercase; border-bottom: 1px solid #222; padding-bottom: 5px; margin: 5px 0px 10px; -webkit-box-shadow: 0 1px 0 0 #444; -moz-box-shadow: 0 1px 0 0 #444; -ms-box-shadow: 0 1px 0 0 #444; -o-box-shadow: 0 1px 0 0 #444; box-shadow: 0 1px 0 0 #444; } #footer-core h3 span { } #footer-core, #footer-core p { color: #AAA; } #footer-core a { color: #DDD; } #footer-core a:hover { color: #D33D33; } /* Sub Footer */ #sub-footer { background: #2e2e2e; border-top: 1px solid #444; padding: 20px 0px; } #sub-footer-core { padding: 0px 10px; } #sub-footer-core, #sub-footer-core a { font-size: 11px; } #sub-footer-core { color: #AAA; } #sub-footer-core a { color: #DDD; } #sub-footer-core a:hover { color: #D33D33; } #footer-menu { float: right; display: inline-block; } #footer-menu a { padding: 0 8px; } #footer-menu ul { margin: 0px; } #footer-menu li { display: inline-block; } #footer-menu li:after { content: "|"; } #footer-menu li:last-child:after { content: none; } .copyright { float: left; } /* --------------------------------------------------------------------------------------- 09. WIDGETS & SIDEBAR --------------------------------------------------------------------------------------- */ /* =Sidebar --------------------------------------------------------------------------------------- */ #sidebar .widget { margin-bottom: 35px; } #sidebar h3.widget-title { position: relative; font-size: 16px; padding-bottom: 10px; margin: 0 0 15px; } #sidebar .rev_slider_wrapper { padding: 3px; border: 1px solid #ddd; } #sidebar h3.widget-title:after { content: ''; position: absolute; left: 0; bottom: 0px; width: 50px; border-bottom: 2px solid #D33D33; } /* =Widgets --------------------------------------------------------------------------------------- */ .widget { line-height: 1.8; } .widget select { max-width: 100% } .widget a { color: inherit; } #footer .widget { margin-bottom: 20px; } #footer .widget-area .widget:last-child { margin-bottom: 0px; } /* Default Widgets */ .widget ul { margin: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #EEE; } .widget li { list-style: none; border-bottom: 1px solid #EEE; } .widget li a { padding: 10px 0px 10px 20px; display: inline-block; vertical-align: top; } .widget ul.children, .widget ul.sub-menu { border-left:none; border-right:none; border-bottom: none !important; } .widget ul.children li:last-child, .widget ul.sub-menu li:last-child { border-bottom: none; } .widget ul.children li a, .widget ul.sub-menu li a { padding-left: 40px; } .widget ul.children ul.children li a, .widget ul.sub-menu ul.sub-menu li a { padding-left: 60px; } .widget select { width: 100%; margin-top: 10px; } /* Default Widgets - Footer Area */ #footer .widget ul { border: none; } #footer .widget li { border: none; } #footer .widget li a { padding: 2px 0; } #footer .widget ul.children li a, #footer .widget ul.sub-menu li a { padding-left: 15px; } #footer .widget ul.children ul.children li a, #footer .widget ul.sub-menu ul.sub-menu li a { padding-left: 30px; } /* Widget Specific - Calendar */ .widget_calendar #wp-calendar { margin: 0; } /* Default Widget - Rss */ #sidebar .widget_rss li { padding: 20px } .widget_rss li a { display: inline-block; color: #D33D33; } .widget_rss li a:hover { color: inherit; } .widget li a.rsswidget { padding: 0; } .widget li .rsswidget, .widget li .rss-date, .widget li .rssSummary { padding: 5px 0 } /* Default Widget - Tag Cloud */ .widget_tag_cloud a { font-size: 10px !important; display: inline-block; text-transform: uppercase; padding: 2px 8px; margin: 0 0px 3px 0; } #sidebar .widget_tag_cloud a { border: 1px solid #DDD; } #sidebar .widget_tag_cloud a:hover { border-color: #D33D33; } #footer .widget_tag_cloud a { border: 1px solid #1C1C1C; padding: 2px 8px; } #footer .widget_tag_cloud a:hover { color: white; border-color: #D33D33; } /* Default Widget - Text */ #sidebar .textwidget { padding: 20px; border: 1px solid #EEE; } /* Default Widget - Search */ .widget_search .searchsubmit { display: none; } .widget_search form { padding: 10px; border: 1px solid #EEE; } .widget_search .search { float: left; font-size: 11px; width: 100%; border: 1px solid #E0E0E0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset -1px 1px 0 0 #EEE; -moz-box-shadow: inset -1px 1px 0 0 #EEE; -ms-box-shadow: inset -1px 1px 0 0 #EEE; -o-box-shadow: inset -1px 1px 0 0 #EEE; box-shadow: inset -1px 1px 0 0 #EEE; } #footer .widget_search form {border: none; padding: 0; } #footer .widget_search .search { background: #202020; border: 1px solid #333; -webkit-box-shadow: inset -1px -1px 0 0 #444; -moz-box-shadow: inset -1px -1px 0 0 #444; -ms-box-shadow: inset -1px -1px 0 0 #444; -o-box-shadow: inset -1px -1px 0 0 #444; box-shadow: inset -1px -1px 0 0 #444; } /* Default Widget - Remove Borders */ #sidebar .widget_tag_cloud, #sidebar .widget_archive, #sidebar .widget_categories, #sidebar .widget_search { border-bottom: none; } /* Custom Widget - Categories */ .thinkup_widget_categories li i { padding: 0 5px; } /* Custom Widget - Contact Form */ .wpcf7-form p { margin-bottom: 10px; } .wpcf7-form input { width: 100%; } .wpcf7-form input[type="submit"] { width: inherit; padding: 8px 30px; } .wpcf7-form textarea { height: 94px; min-height: 68px; } .wpcf7-form .wpcf7-response-output { margin-left: 0; margin-right: 0; } .wpcf7-form .wpcf7-not-valid-tip { width: 100%; left: 0; top: -6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #footer .wpcf7-form input, #footer .wpcf7-form textarea { color: #969696; border: 1px solid #444; background: #2D2D2D; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #footer .wpcf7-form input[type=submit] { text-transform: capitalize; border: 1px solid #111; background: #1A1A1A; } /* Custom Widget - Contact Form 7 placeholder text color */ .wpcf7-form ::-webkit-input-placeholder { opacity: 0.6; } .wpcf7-form :-moz-placeholder { opacity: 0.6; } .wpcf7-form ::-moz-placeholder { opacity: 0.6; } .wpcf7-form :-ms-input-placeholder { opacity: 0.6; } /* Custom Widget - Flickr */ .thinkup_widget_flickr a, .thinkup_widget_flickr img { display: block; } .thinkup_widget_flickr img { max-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .thinkup_widget_flickr .flickr-photo { overflow: hidden; } .thinkup_widget_flickr .column-2, .thinkup_widget_flickr .column-3, .thinkup_widget_flickr .column-4 { float: none; width: 100%; } .thinkup_widget_flickr .column-2 .flickr-photo { width: 47.5%; margin-right: 5%; margin-bottom: 10px; position: relative; float: left; } .thinkup_widget_flickr .column-3 .flickr-photo { width: 32%; margin-right: 2%; margin-bottom: 5px; position: relative; float: left; } .thinkup_widget_flickr .column-4 .flickr-photo { width: 21.25%; margin-right: 5%; margin-bottom: 8px; position: relative; float: left; } .thinkup_widget_flickr .column-2 .flickr-photo:nth-child(2n), .thinkup_widget_flickr .column-3 .flickr-photo:nth-child(3n), .thinkup_widget_flickr .column-4 .flickr-photo:nth-child(4n) { margin-right:0; } #sidebar .thinkup_widget_flickr a .image-overlay { background-color: #D33D33; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 0; max-width: 75px; max-height: 75px; background-image: url('images/shortcodes/icon-link.png'); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #sidebar .thinkup_widget_flickr a:hover .image-overlay { opacity: 0.8; top: 0px; left: 0px; width: 100%; height: 100%; } #footer .thinkup_widget_flickr img { border: 2px solid #1C1C1C; padding: 2px; } #footer .thinkup_widget_flickr img:hover { border: 2px solid #D33D33; } /* Custom Widget - Popular Posts / Recent Comments / Recent Posts */ .popular-posts .image, .recent-comments .image, .recent-posts .image { margin-right: 5%; margin-bottom: 0px; position: relative; float: left; max-width: 30%; } .popular-posts .main, .recent-comments .main, .recent-posts .main { margin-bottom: 10px; position: relative; float: left; width: 65%; } .popular-posts, .recent-comments, .recent-posts { clear:both; } .popular-posts a, .recent-comments a, .recent-posts a, .popular-posts img, .recent-comments img, .recent-posts img { display: block; } .popular-posts .comment, .recent-comments .date, .recent-posts .date { font-size: smaller; opacity: 0.8; } .popular-posts:last-child, .recent-comments:last-child, .recent-posts:last-child { margin-bottom: 1px; } .popular-posts, .recent-comments, .recent-posts { border: 1px solid #EEE; border-bottom: none; padding: 10px; } .popular-posts:last-child, .recent-comments:last-child, .recent-posts:last-child { border-bottom: 1px solid #EEE; } #sidebar .popular-posts a .image-overlay, #sidebar .recent-comments a .image-overlay, #sidebar .recent-posts a .image-overlay { background-color: #D33D33; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 0; max-width: 75px; max-height: 75px; background-image: url('images/shortcodes/icon-link.png'); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #sidebar .popular-posts:hover .image-overlay, #sidebar .recent-comments:hover .image-overlay, #sidebar .recent-posts:hover .image-overlay { opacity: 0.8; top: 0px; left: 0px; width: 100%; height: 100%; } #footer .popular-posts, #footer .recent-comments, #footer .recent-posts { border: none; padding: 0 0 10px; } #footer .popular-posts img, #footer .recent-comments img, #footer .recent-posts img { max-width: 100%; padding: 2px; border: 2px solid #1C1C1C; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #footer .popular-posts:hover img, #footer .recent-comments:hover img, #footer .recent-posts:hover img { border-color: #D33D33; } /* Custom Widget - Recent Comments Quotes */ .thinkup_widget_recentcomments .quote { padding-left: 15px; } .thinkup_widget_recentcomments .quote:before { font-family: "Times New Roman",Georgia,Times,serif; content: '\201C'; margin: -8px -15px; position: absolute; } .thinkup_widget_recentcomments .quote:before { color: #D33D33; font-size: 150%; font-weight: bold; display: inline; } /* Custom Widget - Search Form */ .thinkup_widget_search .searchsubmit { display: none; } .thinkup_widget_search .search { float: left; font-size: 11px; width: 100%; border: 1px solid #DDD; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset -1px 1px 0 0 #EEE; -moz-box-shadow: inset -1px 1px 0 0 #EEE; -ms-box-shadow: inset -1px 1px 0 0 #EEE; -o-box-shadow: inset -1px 1px 0 0 #EEE; box-shadow: inset -1px 1px 0 0 #EEE; } #footer .thinkup_widget_search .search { background: #202020; border: 1px solid #333; -webkit-box-shadow: inset -1px -1px 0 0 #444; -moz-box-shadow: inset -1px -1px 0 0 #444; -ms-box-shadow: inset -1px -1px 0 0 #444; -o-box-shadow: inset -1px -1px 0 0 #444; box-shadow: inset -1px -1px 0 0 #444; } /* Custom Widget - Search input placeholder text color */ #sidebar .thinkup_widget_search ::-webkit-input-placeholder { color: #CCC; } #sidebar .thinkup_widget_search :-moz-placeholder { color: #CCC; } #sidebar .thinkup_widget_search ::-moz-placeholder { color: #CCC; } #sidebar .thinkup_widget_search :-ms-input-placeholder { color: #CCC; } #footer .thinkup_widget_search ::-webkit-input-placeholder { color: #555; } #footer .thinkup_widget_search :-moz-placeholder { color: #555; } #footer .thinkup_widget_search ::-moz-placeholder { color: #555; } #footer .thinkup_widget_search :-ms-input-placeholder { color: #555; } /* Custom Widget - Tabs Specific */ .thinkup_widget_tabs .nav-tabs { margin: 0; border: none; overflow: hidden; } .thinkup_widget_tabs .nav-tabs>li { margin-bottom: 0; } .thinkup_widget_tabs li { border: none; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .thinkup_widget_tabs li a, .thinkup_widget_tabs li a:hover, .thinkup_widget_tabs li.active a, .thinkup_widget_tabs li.active:hover a { display: block; padding: 0; margin: 0; border: none; background: none; } .thinkup_widget_tabs h3.widget-title { padding: 5px; text-align: center; } .thinkup_widget_tabs li.active > a, .thinkup_widget_tabs h3.widget-title { -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .thinkup_widget_tabs .popular-posts, .thinkup_widget_tabs .recent-comments, .thinkup_widget_tabs .recent-posts { border-width: 0 0 1px; border-style: solid; border-color: #EEE; } .thinkup_widget_tabs .popular-posts:last-child, .thinkup_widget_tabs .recent-comments:last-child, .thinkup_widget_tabs .recent-posts:last-child { border-bottom: none; } #sidebar .thinkup_widget_tabs h3.widget-title:before, #sidebar .thinkup_widget_tabs h3.widget-title:after { border: none; } #sidebar .thinkup_widget_tabs li.active > a { border-width: 1px 1px 0; border-style: solid; border-color: #EEE; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } #sidebar .thinkup_widget_tabs h3.widget-title { padding-top: 10px; margin: 0; border-bottom: 1px solid #EEE; } #sidebar .thinkup_widget_tabs li.active h3.widget-title { padding-top: 7px; border-top: 2px solid #D33D33; border-bottom: 0px; } #sidebar .thinkup_widget_tabs .tab-content { border: 1px solid #EEE; border-top: none; } #footer .thinkup_widget_tabs h3.widget-title { padding-top: 10px; border-bottom: 1px solid #222; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #footer .thinkup_widget_tabs .nav .active h3.widget-title { padding-top: 9px; border: 1px solid #222; border-bottom: none; } /* Custom Widget - Tags Cloud */ .thinkup_widget_tagscloud a { display: inline-block; font-size: smaller; text-transform: uppercase; padding: 2px 8px; margin: 0 2px 2px 0; } #sidebar .thinkup_widget_tagscloud a { border: 1px solid #DDD; } #sidebar .thinkup_widget_tagscloud a:hover { border-color: #D33D33; } #footer .thinkup_widget_tagscloud a { border: 1px solid #222; } #footer .thinkup_widget_tagscloud a:hover { color: white; background: #D33D33; border-color: #D33D33; } /* Custom Widget - Twitter Feed */ .thinkup_widget_twitterfeed ul { margin: 0; list-style: none; } .thinkup_widget_twitterfeed .tweet-content { padding: 0 0 0px 35px; } .thinkup_widget_twitterfeed .tweet-content p { margin-top: 10px; } .thinkup_widget_twitterfeed .tweet-content:last-child p { margin: 0; } .thinkup_widget_twitterfeed .tweet-content a { display: inline; padding: 0; } #sidebar .thinkup_widget_twitterfeed a { color: #D33D33; } #sidebar .thinkup_widget_twitterfeed a:hover { color: inherit; } #sidebar .thinkup_widget_twitterfeed .tweet-content { background: url('images/widgets/twitter-bird-light-bgs.png') -8px -5px no-repeat; background-size: 40px; } #footer .thinkup_widget_twitterfeed .tweet-content { background: url('images/widgets/twitter-bird-dark-bgs.png') -8px -5px no-repeat; background-size: 40px; } #footer .thinkup_widget_twitterfeed small { color: white; display: block; } /* --------------------------------------------------------------------------------------- 10. PAGE FORMATS --------------------------------------------------------------------------------------- */ /* =Meta Content ----------------------------------------------------------------------------- */ .entry-meta { color: #555; font-size: 90%; margin-bottom: 15px; } .entry-meta a { color: inherit; } .entry-meta a:hover { color: #D33D33; } .entry-meta i { margin-right: 5px; } .entry-content .entry-meta > span { display: inline; } .entry-content .entry-meta > span:after { content: '|'; padding: 0 3px 0 5px; position: relative; top: -1px; } .entry-content .entry-meta > span:last-child:after { content: ''; padding: 0 } .sticky { } /* =Blog --------------------------------------------------------------------------------------- */ .blog-thumb { max-width: 100%; overflow: hidden; position: relative; } .blog-thumb img { display: block; } .blog-title { font-size: 18px; margin-top: 0px; margin-bottom: 5px; } .blog-title a { color: inherit; } /* =Blog - Style 1 --------------------------------------------------------------------------------------- */ .blog-article { background: #FFF; border: 1px solid #DDD; margin: 0 10px 5px; } .blog-article.format-nomedia { } .blog-article.format-nomedia .entry-footer { } .blog-grid.column-2 { width: 50%; padding: 0 1.25%; } .blog-article .entry-content { padding: 20px 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .blog-article .entry-footer { padding: 0 20px; } .blog-article .blog-thumb { margin: 20px 20px 0 ; } /* Entry-footer area */ .blog-article .blog-title { font-size: 18px; } .blog-article .comment { float: right } .blog-article .comment a:before { color: #888; font-size: 15px; font-family: FontAwesome; content: '\f086'; padding-right: 5px; } .blog-article .entry-footer .entry-meta { width: 100%; display: table; border-top: 1px solid #DDD; padding-top: 10px; } .blog-article .entry-footer .entry-meta > span { display: table-cell; vertical-align: middle;; } .blog-article .more-link { text-align: right; } .blog-article .more-link a { color: inherit; line-height: 20px; display: inline-block; } .blog-article .more-link span { position: relative; right: 0; display: inline-block; padding: 0 5px; background: #EEE; } .blog-article .more-link i { font-family: fontawesome; font-style: normal; display: inline-block; vertical-align: top; width: 20px; text-align: center; background: #DDD; } .blog-article .more-link span, .blog-article .more-link i { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-article .more-link a:hover span { color: white; background: #D33D33; right: 10px; } .blog-article .more-link a:hover i { color: white; background: #333; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } /* Image overlay effect */ .blog-article .blog-thumb .image-overlay { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-article .blog-thumb .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #444; background: rgba(68, 68, 68, 0.6); opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .blog-article .blog-thumb:hover .image-overlay { display: none; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-box-shadow: inset 0px -4px 0px 0px #D33D33; -moz-box-shadow: inset 0px -4px 0px 0px #D33D33; -ms-box-shadow: inset 0px -4px 0px 0px #D33D33; -o-box-shadow: inset 0px -4px 0px 0px #D33D33; box-shadow: inset 0px -4px 0px 0px #D33D33; } .blog-article .blog-thumb .image-overlay-inner { display: table; width: 100%; height: 100%; } .blog-article .blog-thumb .hover-icons { display: table-cell; vertical-align: middle; text-align: center; } .blog-article .blog-thumb .hover-link, .blog-article .blog-thumb .hover-zoom { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; text-align: center; display: inline-block; height: 40px; width: 40px; } .blog-article .blog-thumb:hover .hover-zoom, .blog-article .blog-thumb:hover .hover-link { background: #222; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-article .blog-thumb .hover-link:hover, .blog-article .blog-thumb .hover-zoom:hover { background: #D33D33; } .blog-article .blog-thumb .hover-zoom { margin-right: 5px; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } .blog-article .blog-thumb:hover .hover-zoom { margin-right: 5px; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } .blog-article .blog-thumb .hover-link { margin-left: 5px; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } .blog-article .blog-thumb:hover .hover-link { margin-left: 5px; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } /* Genericons used on image overlays */ .blog-article .blog-thumb .hover-zoom:before { font-family: 'Genericons'; font-size: 12px; content: '\f406'; position: relative; right: 16px; top: 15px; display: inline-block; float: right; color: #FFF; line-height: 1; } .blog-article .blog-thumb .hover-link:before { font-family: 'Genericons'; font-size: 25px; content: '\f107'; position: relative; right: 7px; top: 10px; display: inline-block; float: right; color: #FFF; line-height: 1; } /* =Single Post --------------------------------------------------------------------------------------- */ /* Meta content */ .single .entry-meta > span { display: inline-block; } .single .entry-meta > span:after { content: '|'; padding: 0 3px 0 5px; position: relative; top: -1px; } .single .entry-meta > span:last-child:after { content: ''; padding: 0 } /* Featured Image Specific */ .single .format-image .post-thumb img { display: block; } /* Post - Share */ #sharepost { display: table; width: 100%; padding: 10px 0; margin: 20px 0px; } #sharemessage, #shareicons { width: 50%; display: table-cell; vertical-align: middle; } #sharemessage { text-align: right; padding-right: 20px; white-space: nowrap; } #sharemessage h3 { font-size: 14px; word-spacing: 1px; margin: 0; } #shareicons { padding-left: 20px } #shareicons a { float: left; text-align: center; display: inline-block; margin-right: 20px; width: 20px; height: 20px; } #shareicons i { color: #46494A; text-shadow: 1px 1px 0px #FFF; overflow: visible; font-size: 20px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } #shareicons a:hover i { } #shareicons .tooltip-inner { text-shadow: none; padding: 4px 8px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* Author Bio */ #author-bio { background: #F5F5F5; border: 1px solid #DDD; margin: 20px 0 25px; padding: 15px 15px 20px; } #author-bio .one_sixth, #author-bio .five_sixth, #author-bio p:last-child { margin-bottom: 0px; } #author-bio h3 { font-size: 14px; margin: 0 0 5px; } #author-bio img { padding: 2px; background-color: #FFF; border: 1px solid #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .bypostauthor { } /* User Comment */ #comments-title, #reply-title { font-size: 15px; font-weight: bold; margin: 0 0 20px; } .commentlist header { float: left; } .commentlist article { display: table; width: 100%; padding: 15px; border: 1px solid #EEE; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .commentlist article footer { margin: 0 0 0 82px; } .commentlist { list-style: none; margin: 0 0 25px; } .commentlist .children { list-style: none; margin: 0px; } .commentlist .children { margin: 0 0 0 82px; } .commentlist .comment, .commentlist .pingback { margin-bottom: 15px; } .commentlist .avatar { width: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .comment-author { text-transform: capitalize; } .comment-meta { float: right; font-size: 90%; padding-right: 10px; } .comment-author a, .comment .reply a { color: inherit; } .comment-meta a { color: #AAA; } .comment-author a:hover, .comment .reply a:hover, .comment-meta a:hover { color: #D33D33; } .comment-content { margin-top: 5px; } li.pingback { font-weight: bold; } li.pingback a { font-weight: normal; } /* Comment Form */ #commentform input[type="text"] { width: 100%; } #commentform input[type="text"], #commentform #comment { margin-top: 5px; } #commentform .form-allowed-tags { font-size: 11px; } .required { color: #880000; } /* =Contact Us --------------------------------------------------------------------------------------- */ .page-template-template-contact iframe { width: 100% !important; max-height: 350px !important; } .page-template-template-contact-php #intro { display: none; } .page-template-template-contact-php #contact-map .google-map-placeholder { width: 100% !important; height: 380px !important; } .page-template-template-contact-php #main h4 { font-size: 14px; } .page-template-template-contact-php #main .wpcf7-form input[type="submit"] { padding: 10px 40px; } /* =Archive --------------------------------------------------------------------------------------- */ .page-template-template-archive-php h3.page-title { margin-top: 0 } .page-template-template-archive-php #main-core a { color: inherit; } .page-template-template-archive-php #main-core a:hover{ color: #D33D33; } .page-template-template-archive-php ul.archive-pages, .page-template-template-archive-php ul.archive-categories, .page-template-template-archive-php ul.archive-authors, .page-template-template-archive-php ul.archive-monthly, .page-template-template-archive-php ul.archive-recent { margin-left: 2px; list-style: none; } .page-template-template-archive-php ul.archive-pages li, .page-template-template-archive-php ul.archive-categories li, .page-template-template-archive-php ul.archive-authors li, .page-template-template-archive-php ul.archive-monthly li, .page-template-template-archive-php ul.archive-recent li { padding-bottom: 4px; } .page-template-template-archive-php ul.archive-pages .children li, .page-template-template-archive-php ul.archive-categories .children li, .page-template-template-archive-php ul.archive-authors .children li, .page-template-template-archive-php ul.archive-monthly .children li, .page-template-template-archive-php ul.archive-recent .children li { padding-left: 25px; } .page-template-template-archive-php ul.archive-pages li:before, .page-template-template-archive-php ul.archive-categories li:before, .page-template-template-archive-php ul.archive-authors li:before, .page-template-template-archive-php ul.archive-monthly li:before, .page-template-template-archive-php ul.archive-recent li:before { color: #AAA; line-height: 1; font-family: FontAwesome; content: "\f105"; font-size: 1.3333333333333333em; padding-right: 10px; } .page-template-template-archive-php ul.archive-pages ul.children, .page-template-template-archive-php ul.archive-categories ul.children, .page-template-template-archive-php ul.archive-authors ul.children, .page-template-template-archive-php ul.archive-monthly ul.children, .page-template-template-archive-php ul.archive-recent ul.children { margin: 10px 0px 10px -2px; list-style: none; } /* =Sitemap --------------------------------------------------------------------------------------- */ .page-template-template-sitemap-php h3.page-title { margin-top: 0 } .page-template-template-sitemap-php #main-core a { color: inherit; } .page-template-template-sitemap-php #main-core a:hover{ color: #D33D33; } .page-template-template-sitemap-php ul.sitemap-pages, .page-template-template-sitemap-php ul.sitemap-authors, .page-template-template-sitemap-php ul.sitemap-archives, .page-template-template-sitemap-php ul.sitemap-posts, .page-template-template-sitemap-php ul.sitemap-posts ul { margin-left: 2px; list-style: none; } .page-template-template-sitemap-php ul.sitemap-pages li, .page-template-template-sitemap-php ul.sitemap-authors li, .page-template-template-sitemap-php ul.sitemap-archives li, .page-template-template-sitemap-php ul.sitemap-posts li, .page-template-template-sitemap-php ul.sitemap-posts ul li { padding-bottom: 4px; } .page-template-template-sitemap-php ul.sitemap-pages .children li, .page-template-template-sitemap-php ul.sitemap-authors .children li, .page-template-template-sitemap-php ul.sitemap-archives .children li, .page-template-template-sitemap-php ul.sitemap-posts .children li, .page-template-template-sitemap-php ul.sitemap-posts ul .children li { padding-left: 25px; } .page-template-template-sitemap-php ul.sitemap-pages li:before, .page-template-template-sitemap-php ul.sitemap-authors li:before, .page-template-template-sitemap-php ul.sitemap-archives li:before, .page-template-template-sitemap-php ul.sitemap-posts li:before, .page-template-template-sitemap-php ul.sitemap-posts ul li:before { color: #AAA; line-height: 1; font-family: FontAwesome; content: "\f105"; font-size: 1.3333333333333333em; padding-right: 10px; } .page-template-template-sitemap-php ul.sitemap-pages ul.children, .page-template-template-sitemap-php ul.sitemap-authors ul.children, .page-template-template-sitemap-php ul.sitemap-archives ul.children, .page-template-template-sitemap-php ul.sitemap-posts ul.children, .page-template-template-sitemap-php ul.sitemap-posts ul ul.children { margin: 10px 0px 10px -2px; list-style: none; } /* =Parallax --------------------------------------------------------------------------------------- */ .page-template-template-parallax-php #content { padding: 0; } .page-template-template-parallax-php #content-core { margin: 0; max-width: 100%; } .page-template-template-parallax-php .panel-grid { padding: 30px 10px 0; } .page-template-template-parallax-php.layout-boxed .panel-grid { padding: 30px 20px 0; } .page-template-template-parallax-php .panel-grid-core { display: block; max-width: 1140px; margin: 0 auto } .page-template-template-parallax-php #breadcrumbs { display: block; max-width: 1140px; margin: 20px auto 0 } /* =Search Results --------------------------------------------------------------------------------------- */ .search-results article { padding-top: 5px; margin-bottom: 20px; } /* =404 Error --------------------------------------------------------------------------------------- */ .title-404 { text-align: center; } .title-404 h2 { line-height: 1; font-size: 60px; margin: 0 0 10px 0; } .title-404 h2 i { padding-right: 25px; } .title-404 p { margin-bottom: 30px; } .title-404 .search { margin-bottom: 20px; width: 200px; max-width: 200px; } /* =Portfolio (styling code in style-portfolio.css) --------------------------------------------------------------------------------------- */ .column-1 { width: 100%; padding: 5px; } .column-2 { width: 50%; padding: 5px; } .column-3 { width: 33.333%; padding: 5px; } .column-4 { width: 25%; padding: 5px; } .column-1, .column-2, .column-3, .column-4 { float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* =Project --------------------------------------------------------------------------------------- */ h5.project-title { position: relative;; font-weight: bold; margin: 0 0 10px; } .project-list { list-style: none; margin-left: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #EEE; } .project-list li { font-size: 90%; padding: 5px 10px; border-bottom: 1px solid #EEE; } .project-list i { color: #555; padding-right: 10px; } .project-list span { display: inline-block; color: #333; font-weight: bold; padding-right: 5px; } .project-button { padding: 5px 10px; margin-bottom: 20px; } /* --------------------------------------------------------------------------------------- 11. SHORTCODES - THEME SPECIFIC STYLE --------------------------------------------------------------------------------------- */ /* BLOCKQUOTES ------------------------------------------------------------------ */ blockquote.style2:before, q.style2:before, blockquote.style2:after, q.style2:after { content: ''; } blockquote.style2, q.style2 { color: inherit; background: none; padding: 0 20px; margin-bottom: 20px; border-left: 10px solid #D33D33; } blockquote.style2 p:last-child, q.style2 p:last-child { margin-bottom: 0; } /* BUTTONS ------------------------------------------------------------------ */ .button.style1, .button.style2, .button.style3, .button.style4 { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .button.style1:hover, .button.style2:hover, .button.style3:hover, .button.style4:hover { background: #D33D33; } /* CALL TO ACTION ------------------------------------------------------------------ */ .sc-action { } /* Call to Action - Style 1 Specific Code */ .sc-action.style1 .action-link a { } /* CAROUSEL (NAVIGATION) ------------------------------------------------------------------ */ .sc-carousel { } .sc-carousel li { margin: 0; border: none; } .sc-carousel a.prev, .sc-carousel a.next { color: #222; background: #DDD; } .sc-carousel a.prev:hover, .sc-carousel a.next:hover { color: #FFF; background: #D33D33; } .sc-carousel a.next { } .sc-carousel a.prev { } .sc-carousel a.prev i, .sc-carousel a.next i { color: inherit; top: 0; line-height: 30px; } .sc-carousel a.prev:hover i, .sc-carousel a.next:hover i { color: #FFF; } .sc-carousel .entry-header { margin: 0; } .sc-carousel .entry-header img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .sc-carousel .entry-header:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .sc-carousel .entry-content img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .sc-carousel .entry-content:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .sc-carousel .entry-content { margin: 15px 0 0 0; } .sc-carousel .entry-content h4 { position: relative; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } .sc-carousel .entry-content .date a, .sc-carousel .entry-content .date a { color: #3d3d3d; } .sc-carousel .entry-content .comment { float: none; line-height: 1; } .sc-carousel-title { float: left; position: absolute; top: -70px; } /* Blog specific */ .sc-carousel .entry-meta { line-height: 1; margin-bottom: 15px; } /* Portfolio specific */ .sc-carousel .port-thumb { display: block; } /* Corrects text color when cutom styling heading option is selected */ .sc-carousel .entry-content h4 a:hover { color: #D33D33 !important; } /* DIVIDER ------------------------------------------------------------------ */ .divider-top, .divider { border-color: #DDD; } /* FEATURED / IMAGE ------------------------------------------------------------------ */ .sc-featured, .sc-image { padding: 0; margin: 0 0 20px; } .sc-featured .entry-header { margin-bottom: 15px; } .sc-featured h3 { font-size: 14px; line-height: 1; font-weight: 700; margin-bottom: 15px; } /* IMAGE GRID ------------------------------------------------------------------ */ .sc-grid .entry-header img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .sc-grid .entry-header:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /* LIST - FONT AWESOME ------------------------------------------------------------------ */ ul.iconfont i { color: #D33D33; font-size: 90%; margin: 0 15px 0 -22px; } /* LIGHTBOX ------------------------------------------------------------------ */ /* NOTIFICATION BOXES ------------------------------------------------------------------ */ .notification { overflow: hidden; margin-bottom: 20px; border: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .notification p:last-child{ margin: 0; } .notification, .notification.normal { background: #f4f4f4; } .notification.download, .notification.success { color: #fff; background: #c1dd5d; border-color: #c1dd5d; } .notification.error, .notification.stop { color: #fff; background: #e5736a; border-color: #e5736a; } .notification.info, .notification.question { color: #fff; background: #83bdea; border-color: #83bdea } .notification.warning, .notification.message { color: #fff; background: #e6cc50; border-color: #e6cc50; } /* Add icons to alerts */ .notification.download, .notification.success, .notification.error, .notification.stop, .notification.info, .notification.question, .notification.warning, .notification.message { position: relative; padding-left: 50px; } .notification.download:before, .notification.success:before, .notification.error:before, .notification.stop:before, .notification.info:before, .notification.question:before, .notification.warning:before, .notification.message:before { color: #FFF; font-size:20px; font-family: FontAwesome; text-align: center; position:absolute; left: 0px; width: 50px; height: 100%; line-height: 50px; } .notification.download:before, .notification.success:before { content: "\f00c"; background: #afca50; } .notification.error:before, .notification.stop:before { content: "\f00d"; background: #ce5d54; } .notification.info:before, .notification.question:before { content: "\f129"; background: #70a8d4; } .notification.warning:before, .notification.message:before { content: "\f071"; background: #dbbf41; } .notification .icon { padding: 15px 20px; } .notification.download .icon, .notification.success .icon { background: none; } .notification.error .icon, .notification.stop .icon { background: none; } .notification.info .icon, .notification.question .icon { background: none; } .notification.warning .icon, .notification.message .icon { background: none; } .notification .icon:before { display: none !important; border: solid rgba(0, 0, 0, 0); position: absolute; top: 15px; left: 50px; border-left-color: #D33D33; border-width: 12px; content: " "; } .notification.download .icon:before, .notification.success .icon:before { display: block; border-left-color: #587051; } .notification.error .icon:before, .notification.stop .icon:before { display: block; border-left-color: #ce4c48; } .notification.info .icon:before, .notification.question .icon:before { display: block; border-left-color: #5d95c2; } .notification.warning .icon:before, .notification.message .icon:before { display: block; border-left-color: #af8637; } /* PRICING TABLE ------------------------------------------------------------------ */ .pricing-table { text-align: center; background: #F6F6F6; } .pricing-table .entry-header { padding: 55px 20px 25px; } .pricing-table .entry-content { padding: 25px 20px 45px; } .pricing-table .entry-footer { padding: 0 20px 35px; } .pricing-table li { line-height: 1; position: relative; border-bottom: none; } .pricing-table i { color: #D33D33; position: absolute; left: -15px; } .pricing-features { text-align: left; display: inline-block; } .pricing-table .pricing-title, .pricing-table .pricing-price { line-height: 1; color: #D33D33 } .pricing-table .pricing-title { font-size: 22px; font-weight: 600; margin-bottom: 5px; } .pricing-table .pricing-price { font-size: 40px; } .pricing-table .pricing-link a { min-width: 115px; font-weight: 600; display: inline-block; margin: 4px; padding: 5px 40px; } /* Style 1 */ .pricing-table.style1 .pricing-link a { border: 2px solid #fff; } /* Style 2 */ .pricing-table.style2 i { color: #fff; } .pricing-table.style2 { background: #D33D33; } .pricing-table.style2 .entry-header { padding: 55px 20px; } .pricing-table.style2 .pricing-title, .pricing-table.style2 .pricing-price, .pricing-table.style2 .pricing-features { color: #fff; } .pricing-table.style2 .pricing-link a { border: 2px solid #D33D33; } /* SLIDER ------------------------------------------------------------------ */ .rslides-sc .rslides-inner li { } .rslides-sc a.rslides_nav { opacity: 1; text-align: center; position: absolute; top: 50%; z-index: 9999; width: 60px; height: 60px; line-height: 1; margin: -25px 0px 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .rslides-sc a.rslides_nav.prev { left: -60px; } .rslides-sc a.rslides_nav.next { right: -60px; } .rslides-sc a.rslides_nav.prev:before, .rslides-sc a.rslides_nav.next:before { color: #fff; background: #000; background: rgba(0, 0, 0, 0.5); font-family: FontAwesome; font-size: 30px; line-height: 60px; display: block; position: relative; z-index: 9999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .rslides-sc a.rslides_nav.prev:hover:before, .rslides-sc a.rslides_nav.next:hover:before { color: #333; background: #fff; } .rslides-sc .rslides-inner:hover a.rslides_nav { opacity: 1; } .rslides-sc .rslides-inner:hover a.rslides_nav.prev { left: 0px; } .rslides-sc .rslides-inner:hover a.rslides_nav.next { right: 0px; } /* TABS ------------------------------------------------------------------ */ /* Style 2 */ .tabs.style2 .nav-tabs, .tabs.style2 .tab-content { border: none; } .tabs.style2 .nav-tabs a { color: #222; font-weight: 600; text-shadow: none; background: #DDD; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .tabs.style2 .nav-tabs .active a, .tabs.style2 .nav-tabs a:hover { color: #222; background: #F4F4F4; border: none; } .tabs.style2 .nav-tabs > li { margin: 0; } .tabs.style2 .nav-tabs > li > a { padding: 13px 20px; margin-right: 5px; } .tabs.style2 .tab-content { background: #F4F4F4; } /* TOGGLES ------------------------------------------------------------------ */ /* Style 2 */ .accordion.style2 .accordion-group { border: none; margin-bottom: 5px; } .accordion.style2 .accordion-heading { color: #222; font-weight: 600; border: none; } .accordion.style2 .accordion-heading .accordion-toggle { text-shadow: none; background: #DDD; padding: 12px 20px; } .accordion.style2 .accordion-heading .accordion-toggle:before { text-align: center; color: #fff; background: #d33d33; right: 20px; left: auto; margin-top: -1px; width: 24px; height: 24px; line-height: 24px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .accordion.style2 .accordion-heading .accordion-toggle.collapsed { background: #DDD; } .accordion.style2 .accordion-inner { background: #fff; border: none; } /* BLOG POST CAROUSEL ------------------------------------------------------------------ */ .sc-carousel.carousel-blog .entry-content h4 { margin-bottom: 25px; } .sc-carousel.carousel-blog .entry-content h4:after { content: ''; position: absolute; margin: auto; top: auto; bottom: -12px; left: 0; right: 0; height: 0; width: 30px; border-bottom: 2px solid #1E1E1E; } /* PORTFOLIO POST CAROUSEL ------------------------------------------------------------------ */ .sc-carousel.carousel-portfolio .entry-header { display: block; } .sc-carousel.carousel-portfolio .entry-content h4 { font-size: 14px; line-height: inherit; margin: 0; } .sc-carousel.carousel-portfolio .entry-content h4 a:hover { color: #D33D33; } .sc-carousel.carousel-portfolio .entry-footer { font-size: 100%; border: 0; margin: 0; padding: 0; } .sc-carousel.carousel-portfolio .entry-footer p { margin: 0; } .sc-carousel.carousel-portfolio .comment { display: none; } /* ICONS (FONT AWESOME) ------------------------------------------------------------------ */ .iconfull br { display: none } .iconfull .iconimage { width: auto !important; } .iconmain .iconurl { margin-top: 0px; } .iconmain .iconurl a { display: inline-block; padding: 3px 20px; } .iconmain .iconurl a:after { content: ""; } /* Font Icon + Title + Text */ .iconfull .iconmain h3 { position: relative; font-size: 16px; font-weight: 600; margin-bottom: 15px; } .iconfull .iconmain h3:after { } .iconfull.iconbackground { background: none; margin-bottom: 20px; padding: 30px 20px 10px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .iconfull .iconurl > a { } .iconfull .iconurl > a:hover { } /* Font Icon - Style 1 & Style 2 & Style 3 & Style 4 */ .iconfull.style1, .iconfull.style2 { text-align: inherit; margin: 0 0 20px; } .iconfull.style1 .iconimage, .iconfull.style2 .iconimage { position: relative; float: none; text-align: inherit; } .iconfull.style1 .iconimage i, .iconfull.style2 .iconimage i { text-align: center; font-size: 20px; color: #222; background: #DDD; border-color: #DDD; height: 70px; width: 70px; line-height: 70px; margin-bottom: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .iconfull.style1 .iconimage i:after, .iconfull.style2 .iconimage i:after { color: #222; background: none; border-color: #DDD; } .iconfull.style1 .iconimage a:hover i, .iconfull.style2 .iconimage a:hover i { color: #FFF; background: #D33D33; border-color: #D33D33; } .iconfull.style1 .iconimage i.fa-inverse, .iconfull.style2 .iconimage i.fa-inverse { color: #FFF; background: #D33D33; border-color: #D33D33; } .iconfull.style1 .iconimage a:hover i.fa-inverse, .iconfull.style2 .iconimage a:hover i.fa-inverse { color: #222; background: #DDD; border-color: #DDD; } .iconfull.style1 .iconmain, .iconfull.style2 .iconmain { text-align: inherit; padding:0; } .iconfull.style1 .iconmain .iconurl, .iconfull.style2 .iconmain .iconurl { margin: -10px 0 0; } .iconfull.style1 .iconmain .iconurl a, .iconfull.style2 .iconmain .iconurl a { display: inline; padding: 0; } .iconfull.style1 .iconmain h3:after, .iconfull.style2 .iconmain h3:after { } /* Font Icon - Style 1 */ .iconfull.style1 { } .iconfull.style1 .iconimage { } .iconfull.style1 .iconimage i, .iconfull.style1 .iconimage i.fa-inverse { color: #222; background: none; border-bottom-width: 2px; border-bottom-style: solid; } .iconfull.style1 .iconmain { } .iconfull.style1 .iconimage a:hover i { color: #222; background: none; border-color: #DDD; -webkit-box-shadow: inset 0px -70px 0px 0px #DDD; -moz-box-shadow: inset 0px -70px 0px 0px #DDD; -ms-box-shadow: inset 0px -70px 0px 0px #DDD; -o-box-shadow: inset 0px -70px 0px 0px #DDD; box-shadow: inset 0px -70px 0px 0px #DDD; } .iconfull.style1 .iconimage a:hover i.fa-inverse { color: #fff; background: none; border-color: #D33D33; -webkit-box-shadow: inset 0px -70px 0px 0px #D33D33; -moz-box-shadow: inset 0px -70px 0px 0px #D33D33; -ms-box-shadow: inset 0px -70px 0px 0px #D33D33; -o-box-shadow: inset 0px -70px 0px 0px #D33D33; box-shadow: inset 0px -70px 0px 0px #D33D33; } .iconfull.style1 .iconimage i:after { } /* Font Icon - Style 2 */ .iconfull.style2 { } .iconfull.style2 .iconimage { } .iconfull.style2 .iconimage i, .iconfull.style2 .iconimage h3 { display: block; padding: 0; } .iconfull.style2 .iconimage h3 { margin-bottom: 0; } .iconfull.style2 .iconmain { } .iconfull.style2 .iconimage i:after { } /* PROGRESS BARS ------------------------------------------------------------------ */ span.bar-title, span.bar-per { font-size: 14px; font-weight: normal; text-shadow: 0 0 0; } .progress { height: 35px; background: #f4f4f4; margin-bottom: 15px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .progress .bar { padding: 5px 20px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .progress .bar { background-color: #DDD; } .progress.progress-basic .bar { background: #DDD; } .progress .bar-info { background-color: #83bdea; } .progress.progress-basic .bar-info { background: #83bdea; } .progress .bar-success { background-color: #c1dd5d; } .progress.progress-basic .bar-success { background: #c1dd5d; } .progress .bar-warning { background-color: #e6cc50; } .progress.progress-basic .bar-warning { background: #e6cc50; } .progress .bar-danger { background-color: #e5736a; } .progress.progress-basic .bar-danger { background: #e5736a; } /* PROGRESS BARS - ROUND ------------------------------------------------------------------ */ .sc-knob { max-width: 100%; background: none; padding: 15px 15px; margin-bottom: 20px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .sc-knob-dial { color: #7a7a7a !important; font-weight: 300 !important; max-width: 100%; display: block; height: auto !important; text-align: center !important; } .sc-counter > div { max-width: 100% !important; display: block !important; height: auto !important; text-align: center !important; } .sc-knob.sc-counter input { font-size: 20px !important; font-weight: 700 !important; margin: 0 auto 9px !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .sc-knob.sc-counter > h5:before { display: block; content: ""; width: 30px; height: 2px; background: #777; margin: 0 auto 11px; } .sc-knob-title { font-weight: 400; font-size: 14px !important; } .sc-knob-title:after { } /* SLIDESHOW ------------------------------------------------------------------ */ .rslides-sc a.rslides_nav, .thinkupslider-sc a.rslides_nav { } .rslides-sc a.rslides_nav.prev:before, .rslides-sc a.rslides_nav.next:before, .thinkupslider-sc a.rslides_nav.prev:before, .thinkupslider-sc a.rslides_nav.next:before { } .rslides-sc a.rslides_nav.prev:hover:before, .rslides-sc a.rslides_nav.next:hover:before, .thinkupslider-sc a.rslides_nav.prev:hover:before, .thinkupslider-sc a.rslides_nav.next:hover:before { } .rslides-sc a.rslides_nav.prev, .thinkupslider-sc a.rslides_nav.prev { } .rslides-sc a.rslides_nav.next, .thinkupslider-sc a.rslides_nav.next { } .rslides-sc .rslides-inner:hover a.rslides_nav.prev, .thinkupslider-sc .rslides-inner:hover a.rslides_nav.prev { } .rslides-sc .rslides-inner:hover a.rslides_nav.next, .thinkupslider-sc .rslides-inner:hover a.rslides_nav.next { } /* TITLES ------------------------------------------------------------------ */ .customtitle h1, .customtitle h2, .customtitle h3, .customtitle h4, .customtitle h5, .customtitle h6, .customtitle.style5 { display: block; } .customtitle.style5 span { border: none; } .customtitle.style5 h1 > span, .customtitle.style5 h2 > span, .customtitle.style5 h3 > span, .customtitle.style5 h4 > span, .customtitle.style5 h5 > span, .customtitle.style5 h6 > span { position: relative; display: block; border: none; } .customtitle.style5 h1 > span:after, .customtitle.style5 h2 > span:after, .customtitle.style5 h3 > span:after, .customtitle.style5 h4 > span:after, .customtitle.style5 h5 > span:after, .customtitle.style5 h6 > span:after { content: ''; position: absolute; margin: auto; margin-left: 0; top: auto; bottom: -5px; left: 0; right: 0; height: 0; width: 45px; border-bottom: 2px solid #121212; } /* --------------------------------------------------------------------------------------- 12. PAGE BUILDER - THEME SPECIFIC STYLE --------------------------------------------------------------------------------------- */ /* Call To Action */ .panel-grid-cell #introaction { } .panel-grid-cell #introaction h3 { } /* Carousel - Portfolio - Style when no link is set for portfolio button */ .carousel-portfolio-builder.style2 { position: relative; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio { padding-bottom: 0; margin-bottom: 20px; margin-top: 90px; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev, .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next { top: 0; margin-top: 0; height: 100%; background: #fff; border: 1px solid #E9E9E9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev:hover, .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next:hover { background: #D33D33; border-color: #D33D33; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev { left: -35px; right: auto; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next { right: -35px; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev i, .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next i { top: 45%; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio .entry-content { margin: 0; } .carousel-portfolio-builder.style2 .sc-carousel-button { position: absolute; right: 0; color: inherit; background: #FFF; border: 1px solid #E9E9E9; padding: 5px 21px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .carousel-portfolio-builder.style2 .sc-carousel-button:hover { color: #FFF; background: #D33D33; border-color: #D33D33; } .carousel-portfolio-builder.style2 .sc-carousel-title, .carousel-portfolio-builder.style2 .sc-carousel-button { top: -90px; } .layout-boxed .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev, .custom-background .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev { left: -20px; } .layout-boxed .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next, .custom-background .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next { right: -20px; } /* Services - Style 1 & Style 2 */ .services-builder .iconmain h3 { position: relative; font-size: 15px; font-weight: 700; margin-bottom: 22px; } .services-builder .iconmain h3:after { } .services-builder .iconurl > a { } .services-builder .iconurl > a:hover { } .services-builder .iconurl a { text-shadow: none !important } .services-builder .iconurl a:after { display: inline-block; font-family: fontawesome; content: "\f105"; padding-left: 2px; } /* Services - Style 1 */ .services-builder.style1 { text-align: center; background: #fafafa; border: 1px solid #e0e0e0; margin: 0 0 20px; } .services-builder.style1 .iconimage { width: auto; margin: 0 auto 7px; } .services-builder.style1 .iconimage i { font-size: 24px; color: #D33D33; background: none; border: 2px solid #D33D33; height: 96px; width: 96px; line-height: 96px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } .services-builder.style1 .iconimage img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .services-builder.style1 .iconimage a:hover img { opacity: 0.8; } .services-builder.style1 .iconmain { margin: 0; padding: 20px; } .services-builder.style1 .iconmain .iconurl { margin: -10px 0 0; } .services-builder.style1 .iconmain .iconurl a { opacity: 1 !important; display: inline; color: #D33D33; background: none; border: none; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .services-builder.style1 .iconmain .iconurl a:hover { color: inherit; } /* Services - Style 2 */ .services-builder.style2 { text-align: center; margin: 0 0 20px; } .services-builder.style2 .iconimage { width: auto; margin: 0 auto 28px; } .services-builder.style2 .iconimage i { font-size: 24px; color: #D33D33; background: none; border: 2px solid #D33D33; height: 96px; width: 96px; line-height: 96px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .services-builder.style2 .iconimage a:hover i { color: #FFF; background: #D33D33; } .services-builder.style2 .iconimage i.fa-inverse { color: #FFF; background: #D33D33; } .services-builder.style2 .iconimage a:hover i.fa-inverse { color: #D33D33; background: none; } .services-builder.style2 .iconmain { margin: 0; padding:0; } .services-builder.style2 .iconmain .iconurl { margin: -10px 0 0; } .services-builder.style2 .iconmain .iconurl a { opacity: 1; display: inline; color: #d33d33; background: #fffafa; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .services-builder.style2 .iconmain .iconurl a:hover { color: inherit; } /* --------------------------------------------------------------------------------------- 13. IE STYLES --------------------------------------------------------------------------------------- */ #ie8 .entry-content img, #ie8 .widget img, #ie8 .wp-caption img { width: auto; } #ie8 .content-core { zoom:1; } /* --------------------------------------------------------------------------------------- 14. SAFARI STYLES --------------------------------------------------------------------------------------- */ /* Fix 100% table width issue on Safari */ .wrap-safari { display: block; height: 100%; max-width: 1140px; margin: 0 auto; } /* --------------------------------------------------------------------------------------- 15. MISC --------------------------------------------------------------------------------------- */ .hidden { display: none; } /* Correct line height of Font Awesome size */ body .fa-lg { line-height: 1; vertical-align: -10%; }
  22. این کدیه که روش کار میکنم
  23. /* Theme Name: Alante Theme URI: http://www.thinkupthemes.com/free/alante-free/ Author: ThinkUpThemes Author URI: http://www.ThinkUpThemes.com Description: Alante is the free version of the multi-purpose professional theme (Alante Pro) ideal for a business or blog website. The theme has a responsive layout, HD retina ready and comes with a powerful theme options panel with can be used to make awesome changes without touching any code. The theme also comes with a full width easy to use slider. Easily add a logo to your site and create a beautiful homepage using the built-in homepage layout. Version: 1.0.8 License: GNU General Public License License URI: /licenses/license.txt Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, sticky-post, translation-ready, flexible-header, custom-background, grid-layout, footer-widgets, blog, e-commerce, photography, rtl-language-support Text Domain: alante */ /* TABLE OF CONTENTS 01. RESET 02. GLOBAL 03. STRUCTURE 04. MEDIA 05. NAVIGATION 06. HEADER -Main -Menu -Bootstrap Menu -Slider -Intro Options -Notification Bar 07. MAIN CONTENT -Breadcrumbs -Image Overlays -Pre-Designed Homepage -Call to Action / Attention Grabber -Floating Content 08. FOOTER 09. WIDGETS & SIDEBAR 10. PAGE FORMATS -Meta Content -Blog -Single Post -Contact Us -Archive -Sitemap -Parallax -Search Results -404 Error -Portfolio -Project 11. SHORTCODES - THEME SPECIFIC STYLE 12. PAGE BUILDER - THEME SPECIFIC STYLE 13. IE STYLES 14. SAFARI STYLES 15. MISC */ /* --------------------------------------------------------------------------------------- 01. RESET --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, del, dfn, em, font, q, s, samp, strike, strong, ol, ul, li, fieldset, form, label, legend, tbody, tfoot, thead, tr { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } ol, ul { list-style: none; } blockquote:before, q:before, blockquote:after, q:after { } blockquote:before, q:before { } blockquote:after, q:after { } blockquote, q { position: relative; display: block; font-style: normal !important; border-left: 2px solid #ddd; padding: 0 0 0 25px !important; margin: 0 0 20px 0 !important; } blockquote p:last-child { margin-bottom: 0; } blockquote cite a, q cite a { color: #fff; } blockquote cite:before, q cite:before { content: "- "; } dt { font-weight: bold; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } .clearboth { width: 100%; clear: both; display: block; } .screen-reader-text { display: none; } /* --------------------------------------------------------------------------------------- 02. GLOBAL --------------------------------------------------------------------------------------- */ body, button, input, select, textarea { color: #888; font-family: Open Sans, Helvetica, Arial; font-size: 12px; line-height: 1.7; word-wrap: break-word; } body { background: #FAFAFA; } #body-core { background: white; } body, #body-core { min-width: 320px; } /* Responsive screen width */ body.layout-fixed, body.layout-fixed #body-core, body.layout-fixed #site-header, body.layout-fixed #notification { min-width: 1140px; } /* Headings */ h1,h2,h3,h4,h5,h6 { color: #222; clear: both; margin: 0 0 0.8em; font-family: PT Sans, Helvetica, Arial; line-height: 1.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } hr { background-color: #E6E6E6; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 20px; } ul, ol { margin: 0 0 20px 20px; } ul { list-style: disc; } ol { list-style: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { font-style: italic; margin: 0 1.5em; } pre { line-height: 25px; padding: 0px 20px; margin-bottom:10px; border: 1px solid #ddd; background: #f2f2f2; background: -moz-linear-gradient(top, #f2f2f2 50%, #f9f9f9 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f2f2), color-stop(50%,#f9f9f9)); background: -webkit-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%); background: -o-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%); background: -ms-linear-gradient(top, #f2f2f2 50%,#f9f9f9 50%); background: linear-gradient(to bottom, #f2f2f2 50%,#f9f9f9 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f9f9f9',GradientType=0 ); background-size: 50px 50px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } button, input, select, textarea { font-size: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; padding: 9px 15px; } input.searchsubmit { padding: 7px 15px; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], select, textarea { background: white; padding: 6px; border: 1px solid #DDD; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset -1px 1px 0 0 #EEE; -moz-box-shadow: inset -1px 1px 0 0 #EEE; -ms-box-shadow: inset -1px 1px 0 0 #EEE; -o-box-shadow: inset -1px 1px 0 0 #EEE; box-shadow: inset -1px 1px 0 0 #EEE; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, select:focus, textarea:focus { background: #fff; } textarea { overflow: auto; vertical-align: top; width: 100%; } /* Tables */ table { text-align: center; margin: 0 0 25px; width: 100%; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-collapse:collapse; } caption { font-size: 0.875rem; font-style: italic; color: #888; } th, td { padding: 4px 2%; border: 1px solid #EEE; border-left: none; } th { font-size: 0.9em; font-weight: bold; } td { border-top: none; } #footer table, #footer th, #footer td { border-color: #444; } /* Links */ a { color: #D33D33; cursor: pointer; text-decoration: none; outline: 0 none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover { color: inherit; } a, a:visited { text-decoration: none; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 20px; margin-bottom: 10px; } .alignright { display: inline; float: right; margin-left: 20px; margin-bottom: 10px; } .aligncenter { clear: both; display: block; margin: 20px auto; } /* --------------------------------------------------------------------------------------- 03. STRUCTURE --------------------------------------------------------------------------------------- */ #pre-header-core, #header-core, #content-core, #footer-core, #sub-footer-core, #notification-core, #intro-core, #introaction-core, #outroaction-core, .action-shadow { display: block; max-width:1140px; margin: 0 auto; } #content, .main-navigation, .site-title, .site-description { margin: 0 auto; } #content { clear: both; margin: 0; padding: 25px 10px; } /* Boxed layout */ body.layout-boxed #body-core, body.layout-boxed #notification, body.custom-background #body-core, body.custom-background #notification { max-width: 1170px; } body.layout-boxed #body-core, body.custom-background #body-core { display: block; margin: 0 auto; -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); } /* --------------------------------------------------------------------------------------- 04. MEDIA --------------------------------------------------------------------------------------- */ .entry-content img, .entry-content iframe { display: block; } img { max-width: 100%; height: auto; display: inline; vertical-align: top; } embed, iframe, object, .wp-caption { max-width: 100%; } iframe.twitter-tweet { margin: 0 !important; width: 100%; } .wp-caption .wp-caption-text, .gallery-caption { font-size: 12px; font-style: italic; } #content .gallery a img { border: none; } /* --------------------------------------------------------------------------------------- 05. NAVIGATION --------------------------------------------------------------------------------------- */ #nav-above, #nav-below { margin: 20px 0; } .nav-previous { } .nav-previous a { position: relative; border: 1px solid #DDD; background: #f5f5f5; padding: 5px 10px; color: inherit; float: left; } .nav-previous a .meta-icon { float: left; margin-right: 10px; padding: 1px 6px 2px 0; left: 20px } .nav-next { } .nav-next a { position: relative; border: 1px solid #DDD; background: #f5f5f5; padding: 5px 10px; color: inherit; float: right; } .nav-next a .meta-icon { float: right; margin-left: 10px; padding: 1px 0 2px 6px; right: 20px; } .nav-previous a .meta-nav, .nav-next a .meta-nav { -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .nav-previous a:hover .meta-nav { padding-left: 20px; } .nav-next a:hover .meta-nav { padding-right: 20px; } .nav-previous a .meta-icon, .nav-next a .meta-icon { display: inline-block; opacity: 0; position: absolute; -webkit-transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; -moz-transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; -ms-transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; -o-transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease; } .nav-previous a:hover, .nav-next a:hover { color: white; background: #333; border-color: #333; } .nav-previous a i, .nav-next a i { vertical-align: top; display: inline; } .nav-previous a:hover .meta-icon { opacity: 1; left: 10px; } .nav-next a:hover .meta-icon { opacity: 1; right: 10px; } /* =Pagination ----------------------------------------------------------------------------- */ .pag { margin: 0; list-style: none; } .pag li { font-size: 90%; display: inline-block; margin-right: 2px; } .pag li a, .pag li span { color: inherit; padding: 1px 6px; border: 1px solid #EEE; background: white; display: block; } .pag li a:hover, .pag li.current span { color: #FFF; background: #D33D33; border-color: #D33D33; } li.pag-first { display: none; } li.pag-last { display: none; } li.pag-previous { } li.pag-next { } /* Pagination - Native WordPress pagination */ .navigation.pagination { margin: 10px 0 30px; list-style: none; } .navigation.pagination .screen-reader-text { display: none; } .navigation.pagination .nav-links a, .navigation.pagination .nav-links span { font-size: 90%; text-align: center; display: inline-block; width: 20px; height: 20px; line-height: 20px; color: inherit; background: none; border: 1px solid #EEE; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links span:hover, .navigation.pagination .nav-links span.current { color: #fff; background: #d33d33; border-color: #d33d33; } .navigation.pagination .nav-links a.prev, .navigation.pagination .nav-links a.next { font-size: 0; top: 1px; position: relative; } .navigation.pagination .nav-links a.prev:after, .navigation.pagination .nav-links a.next:after { font-size: 15px; font-family: fontawesome; } .navigation.pagination .nav-links a.prev:after { content: "\f104"; } .navigation.pagination .nav-links a.next:after { content: "\f105"; } .navigation.pagination .nav-links .dots:hover { color: inherit; background: none; border-color: #eee; } /* --------------------------------------------------------------------------------------- 06. HEADER --------------------------------------------------------------------------------------- */ /* Custom Header */ .custom-header img { display: block; margin: 0 auto; } /* =Main ----------------------------------------------------------------------------- */ .site-description { color: #777777; font-size: 13px; line-height: 13px; } #logo { float: left; display: table; padding: 0 10px; height: 84px; max-height: 84px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #logo a { display: table-cell; vertical-align: middle } #logo img { width: auto; display: block; max-height: 54px; } #logo h1 { font-size: 22px; line-height: 1.3; font-weight: bold; } .is-sticky #logo { height: 55px; max-height: 55px; } .is-sticky #logo img { max-height: 32px; } .is-sticky #logo h2 { display: none; } /* =Menu ----------------------------------------------------------------------------- */ /* Header Image*/ #header-image img { display: block; width: 100%; } #header-image.header-image-boxed { display: block; margin: 0 auto; max-width: 1170px; } /* Site-header */ #site-header { line-height: 1.5; border-bottom: 1px solid #DDD; } .home #site-header { border-bottom: none; } /* Pre-header */ #pre-header { background: #F5F5F5; border-bottom: 1px solid #DDD; } #pre-header li { float: left; } #pre-header .header-links .menu-hover > a, #pre-header .header-links > ul > li > a:hover { background: #F2F2F2; } #pre-header .header-links li a, #pre-header-social li, #pre-header-social li a, #pre-header-search input { color: #999; font-size: 12px; display: block; } #pre-header .header-links li a, #pre-header-social li.message { padding: 9px 15px 7px; } #pre-header-social li, #pre-header-social li a { border: 0px; } #pre-header .header-links > ul > li.alignright:after, #pre-header .header-links > ul > li:last-child:after { content: ""; padding: 0; } #pre-header .header-links > ul > li.menu-parent > a:after { position: relative; content: "\f107"; font-family: FontAwesome; padding-left: 6px; } #pre-header .header-links .sub-menu { display: none; position: absolute; z-index: 99999; background: #FFF; border: 1px solid #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #pre-header .header-links .sub-menu li { padding: 0px 10px; } #pre-header .header-links .sub-menu a { min-width: 100px; padding: 5px 5px; border-bottom: 1px solid #EEE; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #pre-header .header-links .sub-menu li:last-child > a { border-bottom: none; } #pre-header .header-links .sub-menu a:hover { color: #D33D33; } #pre-header-core { display: table; width: 100%; } #pre-header-links-inner, #pre-header-social, #pre-header-search { display: table-cell; vertical-align: middle; } /* Pre-header - Search */ #pre-header-search { width: 1%; margin: 5px; } #pre-header-search .search { margin: 5px 0; padding: 2px 10px; max-width: 120px; background: #F2F2F2; border: 1px solid #DDD; } #pre-header-search .search { float: right; } #pre-header-search .searchsubmit { display: none; } /* Search input placeholder text color */ #pre-header-search ::-webkit-input-placeholder { color: #BBB; } #pre-header-search :-moz-placeholder { color: #BBB; } #pre-header-search ::-moz-placeholder { color: #BBB; } #pre-header-search :-ms-input-placeholder { color: #BBB; } /* Pre-header - Social Media */ #pre-header-social ul { float: right; padding-left: 40px; display: table; float: right; } #pre-header-social li.message { border: none; padding-right: 10px; white-space: nowrap; } #pre-header-social li, #pre-header-social li a { border: 0px; } #pre-header-social li { display: table-cell; vertical-align: middle; float: none; } #pre-header-social li a { display: table; text-align: center; color: #FFF; font-size: 12px; width: 24px; height: 24px; margin: 3px; background: #A0A0A0; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } #pre-header-social li a:hover { background: #A0A0A0; } #pre-header-social li.facebook a:hover { background: #3b5997; } #pre-header-social li.twitter a:hover { background: #a5dee8; } #pre-header-social li.google-plus a:hover { background: #db4a39; } #pre-header-social li.instagram a:hover { background: #AC8263; } #pre-header-social li.tumblr a:hover { background: #395672; } #pre-header-social li.linkedin a:hover { background: #56a1c4; } #pre-header-social li.flickr a:hover { background: #c5c5c5; } #pre-header-social li.pinterest a:hover { background: #C92228; } #pre-header-social li.xing a:hover { background: #126567; } #pre-header-social li.paypal a:hover { background: #1e477a; } #pre-header-social li.youtube a:hover { background: #de1f26; } #pre-header-social li.vimeo-square a:hover { background: #4EBBFF; } #pre-header-social li.rss a:hover { background: #fea81d; } #pre-header-social li i { display: table-cell; vertical-align: middle; position: relative; top: 1px; } #pre-header-social .tooltip-inner { padding: 6px 12px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* Header */ #header { width: 100%; z-index: 999999; background: white; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .is-sticky #header { box-shadow: 0px 0px 3px 1px #DDD; -webkit-box-shadow: 0px 0px 3px 1px #DDD; -moz-box-shadow: 0px 0px 3px 1px #DDD; -ms-box-shadow: 0px 0px 3px 1px #DDD; -o-box-shadow: 0px 0px 3px 1px #DDD; } body.layout-boxed .is-sticky #header, body.custom-background .is-sticky #header { max-width: 1170px; } #header-links { float: right; } #header-links-inner { float: right; } #header .header-links li { position: relative; float: left; } #header .header-links > ul > li > a { display: table; height: 84px; line-height: 84px; padding: 0px 20px; -webkit-transition: 0; -moz-transition: 0; -ms-transition: 0; -o-transition: 0; transition: 0; } .is-sticky #header .header-links > ul > li > a { height: 55px; line-height: 55px; } #header .header-links > ul > li:last-child > a { border-right: none; } #header .header-links li a { display: block; padding: 8px 14px; margin: 0px; } #header .header-links li span { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #header .header-links li span:nth-child(1) { font-weight: bold; } #header .header-links li span:nth-child(2) { color: #999; font-size: 11px; } #header .header-links li .header-walker { display: table-cell; vertical-align: middle; } #header .header-links li .header-walker span { line-height: 1.6; } #header .header-links > ul > li.menu-parent > a { padding-right: 38px; } #header .header-links > ul > li.menu-parent:after { position: absolute; content: "\f107"; font-family: FontAwesome; right: 2px; top: 40%; right: 20px; left: auto; bottom: 0; } #header .header-links .sub-menu { display: none; float: left; position: absolute; z-index: 9999; background: #FFF; border: 1px solid #DDD; } #header .header-links .sub-menu a { color: #616161; font-size: 12px; line-height: 32px; border-bottom: 1px solid #EEE; min-width: 100px; margin: 0; padding: 0 10px; } #header .header-links .sub-menu a:hover, #header .header-links .sub-menu .current-menu-item a { color: #D33D33; } #header .header-links .sub-menu li:last-child > a{ border: 0; } #pre-header .sub-menu li, #header .sub-menu li { float: none; position: relative; } #header .sub-menu li { padding: 2px 10px; } #header .sub-menu li:hover { } #header .menu > li > a { font-size: 14px; color: #444; -webkit-transition: -webkit-box-shadow 0.3s ease; -moz-transition: -moz-box-shadow 0.3s ease; -ms-transition: -ms-box-shadow 0.3s ease; -o-transition: -o-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } #header .menu > li.current_page_item > a, #header .menu > li.current-menu-ancestor > a, #header .menu > li.menu-hover > a, #header .menu > li > a:hover { -webkit-box-shadow: inset 0 3px 0 0 #D33D33; -moz-box-shadow: inset 0 3px 0 0 #D33D33; -ms-box-shadow: inset 0 3px 0 0 #D33D33; -o-box-shadow: inset 0 3px 0 0 #D33D33; box-shadow: inset 0 3px 0 0 #D33D33; } #header .menu > li.current_page_item > a span:first-child, #header .menu > li.current-menu-ancestor > a span:first-child, #header .menu > li.menu-hover > a span:first-child, #header .menu > li > a:hover span:first-child { color: #D33D33; } .main-navigation:after { clear: both; content: ""; display: block; } .main-navigation ul { list-style: none; margin: 0; padding-right: 0; } .main-navigation .sub-menu a { white-space: nowrap; } .main-navigation .sub-menu .sub-menu { position: absolute; top: -1px; right: 100%; } .main-navigation ul ul :hover > a { } #pre-header .main-navigation ul li:hover > ul, #header .main-navigation ul li:hover > ul { display: block; } /* Arrows of menu parents (uses FontAwesome css) */ #pre-header .sub-menu .menu-parent > a:before { font-family: FontAwesome; font-size: 1.3em; text-align: right; content: "\f105"; position: relative; left: 5px; top: -2px; display: inline-block; float: right } #header .sub-menu .menu-parent > a:before { font-family: FontAwesome; font-size: 1.5em; text-align: right; content: "\f105"; position: relative; left: 10px; display: inline-block; float: right; } /* =Bootstrap Menu ----------------------------------------------------------------------------- */ #header-responsive { display: none; } /* =Slider ----------------------------------------------------------------------------- */ #slider-core { position: relative; } /* SlideDeck 2 Slider */ #slider .slidedeck-frame { margin: 0 auto; } /* Responsive ThinkUpSlider */ #slider .slides { height: 0; margin: 0; } #slider .rslides { margin: 0; overflow: hidden; } .rslides li { width: 100%; } .rslides img { width: 100%; } #slider .rslides-inner { position: relative; width: 1140px; max-width: 100%; margin: 0 auto; border: 0; overflow: hidden; } #slider .rslides-inner li { height: auto; list-style: none; } #slider .rslides-container { padding: 20px 0; } .home #slider .rslides-container { padding-top: 0; } #slider a.rslides_nav { color: white; color: white; text-align: center; background: #333; background: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; z-index: 9999; width: 60px; height: 60px; line-height: 1; margin: -40px 0px 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #slider a.rslides_nav.prev { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } #slider a.rslides_nav.next { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } #slider a.rslides_nav:hover { color: #333; background: #FFF; } #slider a.rslides_nav.prev { left: -70px; } #slider a.rslides_nav.next { right: -70px; } #slider a.rslides_nav.prev:before, #slider a.rslides_nav.next:before { display: inline-block; font-family: FontAwesome; font-size: 30px; line-height: 60px; position: relative; z-index: 9999; } #slider a.rslides_nav.prev:before { content: "\f104"; } #slider a.rslides_nav.next:before { content: "\f105"; } #slider .rslides-inner:hover a.rslides_nav { opacity: 1; } #slider .rslides-inner:hover a.rslides_nav.prev { left: 0; } #slider .rslides-inner:hover a.rslides_nav.next { right: 0; } #slider .rslides_tabs { position: absolute; z-index: 999; text-align: center; width: 100%; bottom: 10px; margin: 0; } #slider .rslides_tabs li { list-style: none; margin: 0 6px; display: inline-block; zoom: 1; } #slider .rslides_tabs li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.4); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } #slider .rslides_tabs li a:hover, #slider .rslides_tabs li.rslides_here a { background: #333; background: rgba(0, 0, 0, 0.7) } /* Full width slider */ .slider-full #slider .rslides-inner { width: 100%; position: relative; } .slider-full #slider .rslides-container { padding: 0; } /* Responsive ThinkUpSlider - Content */ #slider .rslides-content, .thinkupslider-sc .rslides-content { height: 100%; width: 100%; position: absolute; top: 0; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #slider .rslides-content-inner, .thinkupslider-sc .rslides-content-inner { display: table; width: 100%; max-width: 1140px; height: 100%; margin: 0 auto; } #slider .featured, .thinkupslider-sc .featured { display: table-cell; vertical-align: middle; text-align: center; } #slider .featured-title, .thinkupslider-sc .featured-title { margin-bottom: 10px; } #slider .featured-title span, .thinkupslider-sc .featured-title span { display: inline-block; color: #FFF; font-size: 48px; font-weight: 700; line-height: 1; padding: 5px 10px; } #slider .featured-excerpt p, .thinkupslider-sc .featured-excerpt p { margin-bottom: 10px; } #slider .featured-excerpt span, .thinkupslider-sc .featured-excerpt span { display: inline-block; color: #FFF; font-size: 14px; font-weight: 600; line-height: 1.5; padding: 4px 10px; } #slider .featured-link a, .thinkupslider-sc .featured-link a { display: inline-block; color: #FFF; font-size: 12px; font-weight: 600; text-transform: uppercase; text-decoration: none; border: 1px solid #FFF; padding: 10px 25px; margin: 20px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } #slider .featured-link a:hover, .thinkupslider-sc .featured-link a:hover { color: #333; background: #FFF; border-color: #FFF; } /* Slider - Video Slider - YouTube / Vimeo */ #slider.style2 .featured.one_half, .thinkupslider-sc.style2 .featured.one_half { padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #slider.style3 .featured.one_half, .thinkupslider-sc.style3 .featured.one_half { padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #slider.style2 .wrap-safari, #slider.style3 .wrap-safari, .thinkupslider-sc.style2 .wrap-safari, .thinkupslider-sc.style3 .wrap-safari { display: table; height: 100%; max-width: 1140px; margin: 0 auto; width: 100%; } #slider.style2 .rslides-content-inner, #slider.style3 .rslides-content-inner, .thinkupslider-sc.style2 .rslides-content-inner, .thinkupslider-sc.style3 .rslides-content-inner { display: table-cell; width: 100%; vertical-align: middle; margin: 0 auto; } #slider.style2 .featured-video, #slider.style3 .featured-video, .thinkupslider-sc.style2 .featured-video, .thinkupslider-sc.style3 .featured-video { margin-bottom: 0; } /* Slider - Video code */ #slider .featured-video .wp-video, #slider .wp-video-shortcode, .thinkupslider-sc .featured-video .wp-video, .thinkupslider-sc .wp-video-shortcode { max-width: 100%; } #slider .videoBG video, .thinkupslider-sc .videoBG video { top: 0% !important; width: 100%; } #slider .mejs-layers, .thinkupslider-sc .mejs-layers { max-width: 100%; } #slider .videoBG, #slider .videoBG_wrapper, #slider .videoBG_wrapper li, .thinkupslider-sc .videoBG, .thinkupslider-sc .videoBG_wrapper, .thinkupslider-sc .videoBG_wrapper li { width: 100% !important; height: 100% !important; } /* Animate slide content */ #slider .featured-title, #slider .featured-excerpt p, #slider .featured-link, .thinkupslider-sc .featured-title, .thinkupslider-sc .featured-excerpt p, .thinkupslider-sc .featured-link { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #slider .rslides > [class*="_on"] .featured-title, #slider .rslides > [class*="_on"] .featured-excerpt p, #slider .rslides > [class*="_on"] .featured-link, .thinkupslider-sc .rslides > [class*="_on"] .featured-title, .thinkupslider-sc .rslides > [class*="_on"] .featured-excerpt p, .thinkupslider-sc .rslides > [class*="_on"] .featured-link { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #slider .rslides > [class*="_on"] .featured-title, .thinkupslider-sc .rslides > [class*="_on"] .featured-title { -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; -ms-transition-delay: 1.0s; -o-transition-delay: 1.0s; transition-delay: 1.0s; } #slider .rslides > [class*="_on"] .featured-excerpt p, .thinkupslider-sc .rslides > [class*="_on"] .featured-excerpt p { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } #slider .rslides > [class*="_on"] .featured-link, .thinkupslider-sc .rslides > [class*="_on"] .featured-link { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } /* Slider - Alignment */ #slider .rslides-content.slider-left .featured-title, #slider .rslides-content.slider-left .featured-excerpt, #slider .rslides-content.slider-left .featured-link, .thinkupslider-sc .rslides-content.slider-left .featured-title, .thinkupslider-sc .rslides-content.slider-left .featured-excerpt, .thinkupslider-sc .rslides-content.slider-left .featured-link { text-align: left; } #slider .rslides-content.slider-left .featured-title span:after, .thinkupslider-sc .rslides-content.slider-left .featured-title span:after { left: 0; right: auto; } #slider .rslides-content.slider-right .featured-title, #slider .rslides-content.slider-right .featured-excerpt, #slider .rslides-content.slider-right .featured-link, .thinkupslider-sc .rslides-content.slider-right .featured-title, .thinkupslider-sc .rslides-content.slider-right .featured-excerpt, .thinkupslider-sc .rslides-content.slider-right .featured-link { text-align: right; } #slider .rslides-content.slider-right .featured-title span:after, .thinkupslider-sc .rslides-content.slider-right .featured-title span:after { left: auto; right: 0; } #slider .rslides-content.slider-center .featured-title, #slider .rslides-content.slider-center .featured-excerpt, #slider .rslides-content.slider-center .featured-link, .thinkupslider-sc .rslides-content.slider-center .featured-title, .thinkupslider-sc .rslides-content.slider-center .featured-excerpt, .thinkupslider-sc .rslides-content.slider-center .featured-link { text-align: center; } #slider .rslides-content.slider-half .featured-title, #slider .rslides-content.slider-half .featured-excerpt, #slider .rslides-content.slider-half .featured-link, .thinkupslider-sc .rslides-content.slider-half .featured-title, .thinkupslider-sc .rslides-content.slider-half .featured-excerpt, .thinkupslider-sc .rslides-content.slider-half .featured-link { width: 50%; } #slider .rslides-content.slider-middle .featured-title, #slider .rslides-content.slider-middle .featured-excerpt, #slider .rslides-content.slider-middle .featured-link, .thinkupslider-sc .rslides-content.slider-middle .featured-title, .thinkupslider-sc .rslides-content.slider-middle .featured-excerpt, .thinkupslider-sc .rslides-content.slider-middle .featured-link { width: 50%; margin-left: auto; margin-right: 0; } /* Slider - Parallax */ #slider img.slider-parallax, .thinkupslider-sc img.slider-parallax { background-attachment: fixed !important; } /* Slider - Style 2 (Title - Theme, Excerpt - Black ) */ #slider .rslides-content.style2 .featured-title span, .thinkupslider-sc .rslides-content.style2 .featured-title span { background: #333; background: rgba(0,0,0,0.25); } #slider .rslides-content.style2 .featured-excerpt span, .thinkupslider-sc .rslides-content.style2 .featured-excerpt span { background: #333; background: rgba(0,0,0,0.25); } #slider .rslides-content.style2 .featured-link a, .thinkupslider-sc .rslides-content.style2 .featured-link a { font-weight: 700; background: #D33E33; border-color: #D33E33; margin-left: 0; margin-right: 0; } #slider .rslides-content.style2 .featured-link a:hover, .thinkupslider-sc .rslides-content.style2 .featured-link a:hover { color: #333; background: #fff; border-color: #fff; } /* =Intro Options ----------------------------------------------------------------------------- */ #intro.option1 { border: 1px solid #DDD; border-top: none; background: #F5F5F5; padding: 15px 10px; } #intro.option1 #intro-core { background: #FFF; border: 1px solid #DDD; padding: 15px 0px; text-align: center; } #intro.option1 .page-title { margin: 0px; } /* =Notification Bar ----------------------------------------------------------------------------- */ #notification { position: relative; z-index:999999; width: 100%; background: #364BE6; border-bottom: 2px solid white; -webkit-box-shadow: 0 0 6px 0 #999; -moz-box-shadow: 0 0 6px 0 #999; -ms-box-shadow: 0 0 6px 0 #999; -o-box-shadow: 0 0 6px 0 #999; box-shadow: 0 0 6px 0 #999; } #notification-core { text-align: center; color: white; padding: 5px 0px; } #notification-core .notification-button { color: white; background: black; padding: 3px 10px; margin: 0px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* --------------------------------------------------------------------------------------- 07. MAIN CONTENT --------------------------------------------------------------------------------------- */ /* =Buttons ----------------------------------------------------------------------------- */ .themebutton { display: inline-block; color: #FFF; background-color: #D33D33; text-align:center; } a.themebutton { color: #FFF; } .themebutton:hover { opacity: 0.8; } .themebutton:active { position: relative; top: 1px; } .themebutton2, button, html input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; color: #FFF; border: none; background-color: #D33D33; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a.themebutton2 { color: #FFF; } .themebutton2:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity: 0.8; } /* =Breadcrumbs ----------------------------------------------------------------------------- */ #breadcrumbs { font-size: 10px; padding-bottom: 20px; } #breadcrumbs .delimiter { padding: 0px 10px; } #breadcrumbs a { color: inherit; } /* =Image Overlays ----------------------------------------------------------------------------- */ /* Image Overlay */ .image-overlay { text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: #444; background: rgba(68, 68, 68, 0.6); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0px -4px 0px 0px #D33D33 !important; -moz-box-shadow: inset 0px -4px 0px 0px #D33D33 !important; -ms-box-shadow: inset 0px -4px 0px 0px #D33D33 !important; -o-box-shadow: inset 0px -4px 0px 0px #D33D33 !important; box-shadow: inset 0px -4px 0px 0px #D33D33 !important; } .image-overlay:hover { opacity: 1 !important; } .image-overlay .image-overlay-inner { display: table; width: 100%; height: 100%; } .image-overlay .hover-icons { display: table-cell; vertical-align: middle; text-align: center; } .image-overlay .image-overlay-inner .hover-zoom, .image-overlay .image-overlay-inner .hover-link { display: inline-block; vertical-align: top; color: #FFF; font-size: 33px; font-weight: bold; line-height: 40px; width: 40px; height: 40px; margin: 5px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } .image-overlay .image-overlay-inner .hover-zoom { -webkit-transform: translateX(-35px); -moz-transform: translateX(-35px); -ms-transform: translateX(-35px); -o-transform: translateX(-35px); transform: translateX(-35px); } .image-overlay .image-overlay-inner .hover-link { -webkit-transform: translateX(35px); -moz-transform: translateX(35px); -ms-transform: translateX(35px); -o-transform: translateX(35px); transform: translateX(35px); } .image-overlay .image-overlay-inner .hover-zoom:hover, .image-overlay .image-overlay-inner .hover-link:hover { background: #333; border-color: #333; background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 1); } .image-overlay .image-overlay-inner:hover .hover-zoom, .image-overlay .image-overlay-inner:hover .hover-link { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } /* Image Overlay - Links */ .image-overlay .hover-zoom, .image-overlay .hover-link { line-height: 40px; width: 40px; height: 40px; background: none; margin: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .image-overlay:hover .hover-zoom, .image-overlay:hover .hover-link { background: #222 !important; } .image-overlay .hover-zoom:hover, .image-overlay .hover-link:hover { background: #D33D33 !important; } .image-overlay .hover-zoom:before, .image-overlay .hover-link:before { font-family: dashicons !important; font-size: 18px !important; position: relative !important; display: inline-block !important; float: right !important; line-height: 40px !important; width: 40px !important; right: auto !important; top: auto !important; } .image-overlay .hover-zoom:before { content: "\f211" !important; } .image-overlay .hover-link:before { content: "\f345" !important; } /* Image overlay - Overlay Style 2 */ .image-overlay.overlay2 .image-overlay-inner { color: #FFF; background: #D33D33; } .image-overlay.overlay2 h4 a { color: #FFF; } .image-overlay.overlay2 h4 a:hover { color: #DDD; } /* Icon animation when single link is showing */ .image-overlay.style2 .hover-zoom, .image-overlay.style2 .hover-link { -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); } .image-overlay.style2:hover a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } /* =Pre-Designed Homepage (code also in style-responsive.css) ----------------------------------------------------------------------------- */ #section-home { padding: 30px 20px 0; } #section-home-inner { max-width: 1140px; margin: 0 auto; } #section-home .services-builder { margin: 0; } /* =Call to Action ----------------------------------------------------------------------------- */ #introaction, #outroaction { background: #F5F5F5; padding: 20px 0px; } #introaction { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; } #outroaction { border-top: 1px solid #DDD; } .action-shadow { height: 20px; background: url('images/shortcodes/callshadow_bottom.png') bottom center no-repeat; background-size: 100% 20px; } #introaction-core, #outroaction-core { background: #FFF; border: 1px solid #DDD; padding: 15px 0px; } #introaction-core h3, #outroaction-core h3 { font-size: 16px; font-weight: bold; } .action-text.three_fourth, .action-button.one_fourth, .action-text h3, .action-text p, .attention_text.three_fourth, .attention_button.one_fourth, .attention_text h3, .attention_text p { margin-bottom: 0px; } .action-text h3, .attention_text h3 { margin-top: 0px; } .action-text h3, .action-text p, .attention_text h3, .attention_text p { margin-left: 35px; margin-right: 10px; } .action-button h4, .attention_button h4 { font-size: 13px; padding: 7px 20px; margin: 5px 0; } /* =Floating Content ----------------------------------------------------------------------------- */ article:before, article:after, #header-core:before, #header-core:after, #intro-core:before, #intro-core:after, #introaction-core:before, #introaction-core:after, #outroaction-core:before, #outroaction-core:after, #main-core:before, #main-core:after, #content-core:before, #content-core:after, #article:before, #article:after, #nav-above:before, #nav-above:after, #nav-below:before, #nav-below:after, #sharepost:before, #sharepost:after, #author-image:before, #author-image:after, #author-bio:before, #author-bio:after, #sub-footer:before, #sub-footer:after, #footer-core:before, #footer-core:after, .entry-meta:before, .entry-meta:after, .attention:before, .attention:after, ul.pricing-table:before, ul.pricing-table:after, .popular-posts:before, .popular-posts:after, .recent-comments:before, .recent-comments:after, .recent-posts:before, .recent-posts:after, .searchform:before, .searchform:after, .popular-posts:before, .popular-posts:after, .recent-comments:before, .recent-comments:after, .recent-posts:before, .recent-posts:after, .searchform:before, .searchform:after { content:""; display:table; } article:after, #header-core:after, #intro-core:after, #introaction-core:after, #outroaction-core:after, #main-core:after, #content-core:after, #article:after, #nav-above:after, #nav-below:after, #sharepost:after, #author-image:after, #author-bio:after, #sub-footer:after, #footer-core:after, .entry-meta:after, .attention:after, ul.pricing-table:after, .popular-posts:after, .recent-comments:after, .recent-posts:after, .searchform:after, .popular-posts:after, .recent-comments:after, .recent-posts:after, .searchform:after { clear:both; } /* --------------------------------------------------------------------------------------- 08. FOOTER --------------------------------------------------------------------------------------- */ #footer { background: #333; border-top: 7px solid #D33D33; border-bottom: 1px solid #222; padding: 15px 10px; } #footer-core h3 { font-size: 14px; color: #DDD; font-weight:bold; text-transform: uppercase; border-bottom: 1px solid #222; padding-bottom: 5px; margin: 5px 0px 10px; -webkit-box-shadow: 0 1px 0 0 #444; -moz-box-shadow: 0 1px 0 0 #444; -ms-box-shadow: 0 1px 0 0 #444; -o-box-shadow: 0 1px 0 0 #444; box-shadow: 0 1px 0 0 #444; } #footer-core h3 span { } #footer-core, #footer-core p { color: #AAA; } #footer-core a { color: #DDD; } #footer-core a:hover { color: #D33D33; } /* Sub Footer */ #sub-footer { background: #2e2e2e; border-top: 1px solid #444; padding: 20px 0px; } #sub-footer-core { padding: 0px 10px; } #sub-footer-core, #sub-footer-core a { font-size: 11px; } #sub-footer-core { color: #AAA; } #sub-footer-core a { color: #DDD; } #sub-footer-core a:hover { color: #D33D33; } #footer-menu { float: right; display: inline-block; } #footer-menu a { padding: 0 8px; } #footer-menu ul { margin: 0px; } #footer-menu li { display: inline-block; } #footer-menu li:after { content: "|"; } #footer-menu li:last-child:after { content: none; } .copyright { float: left; } /* --------------------------------------------------------------------------------------- 09. WIDGETS & SIDEBAR --------------------------------------------------------------------------------------- */ /* =Sidebar --------------------------------------------------------------------------------------- */ #sidebar .widget { margin-bottom: 35px; } #sidebar h3.widget-title { position: relative; font-size: 16px; padding-bottom: 10px; margin: 0 0 15px; } #sidebar .rev_slider_wrapper { padding: 3px; border: 1px solid #ddd; } #sidebar h3.widget-title:after { content: ''; position: absolute; left: 0; bottom: 0px; width: 50px; border-bottom: 2px solid #D33D33; } /* =Widgets --------------------------------------------------------------------------------------- */ .widget { line-height: 1.8; } .widget select { max-width: 100% } .widget a { color: inherit; } #footer .widget { margin-bottom: 20px; } #footer .widget-area .widget:last-child { margin-bottom: 0px; } /* Default Widgets */ .widget ul { margin: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #EEE; } .widget li { list-style: none; border-bottom: 1px solid #EEE; } .widget li a { padding: 10px 0px 10px 20px; display: inline-block; vertical-align: top; } .widget ul.children, .widget ul.sub-menu { border-left:none; border-right:none; border-bottom: none !important; } .widget ul.children li:last-child, .widget ul.sub-menu li:last-child { border-bottom: none; } .widget ul.children li a, .widget ul.sub-menu li a { padding-left: 40px; } .widget ul.children ul.children li a, .widget ul.sub-menu ul.sub-menu li a { padding-left: 60px; } .widget select { width: 100%; margin-top: 10px; } /* Default Widgets - Footer Area */ #footer .widget ul { border: none; } #footer .widget li { border: none; } #footer .widget li a { padding: 2px 0; } #footer .widget ul.children li a, #footer .widget ul.sub-menu li a { padding-left: 15px; } #footer .widget ul.children ul.children li a, #footer .widget ul.sub-menu ul.sub-menu li a { padding-left: 30px; } /* Widget Specific - Calendar */ .widget_calendar #wp-calendar { margin: 0; } /* Default Widget - Rss */ #sidebar .widget_rss li { padding: 20px } .widget_rss li a { display: inline-block; color: #D33D33; } .widget_rss li a:hover { color: inherit; } .widget li a.rsswidget { padding: 0; } .widget li .rsswidget, .widget li .rss-date, .widget li .rssSummary { padding: 5px 0 } /* Default Widget - Tag Cloud */ .widget_tag_cloud a { font-size: 10px !important; display: inline-block; text-transform: uppercase; padding: 2px 8px; margin: 0 0px 3px 0; } #sidebar .widget_tag_cloud a { border: 1px solid #DDD; } #sidebar .widget_tag_cloud a:hover { border-color: #D33D33; } #footer .widget_tag_cloud a { border: 1px solid #1C1C1C; padding: 2px 8px; } #footer .widget_tag_cloud a:hover { color: white; border-color: #D33D33; } /* Default Widget - Text */ #sidebar .textwidget { padding: 20px; border: 1px solid #EEE; } /* Default Widget - Search */ .widget_search .searchsubmit { display: none; } .widget_search form { padding: 10px; border: 1px solid #EEE; } .widget_search .search { float: left; font-size: 11px; width: 100%; border: 1px solid #E0E0E0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset -1px 1px 0 0 #EEE; -moz-box-shadow: inset -1px 1px 0 0 #EEE; -ms-box-shadow: inset -1px 1px 0 0 #EEE; -o-box-shadow: inset -1px 1px 0 0 #EEE; box-shadow: inset -1px 1px 0 0 #EEE; } #footer .widget_search form {border: none; padding: 0; } #footer .widget_search .search { background: #202020; border: 1px solid #333; -webkit-box-shadow: inset -1px -1px 0 0 #444; -moz-box-shadow: inset -1px -1px 0 0 #444; -ms-box-shadow: inset -1px -1px 0 0 #444; -o-box-shadow: inset -1px -1px 0 0 #444; box-shadow: inset -1px -1px 0 0 #444; } /* Default Widget - Remove Borders */ #sidebar .widget_tag_cloud, #sidebar .widget_archive, #sidebar .widget_categories, #sidebar .widget_search { border-bottom: none; } /* Custom Widget - Categories */ .thinkup_widget_categories li i { padding: 0 5px; } /* Custom Widget - Contact Form */ .wpcf7-form p { margin-bottom: 10px; } .wpcf7-form input { width: 100%; } .wpcf7-form input[type="submit"] { width: inherit; padding: 8px 30px; } .wpcf7-form textarea { height: 94px; min-height: 68px; } .wpcf7-form .wpcf7-response-output { margin-left: 0; margin-right: 0; } .wpcf7-form .wpcf7-not-valid-tip { width: 100%; left: 0; top: -6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #footer .wpcf7-form input, #footer .wpcf7-form textarea { color: #969696; border: 1px solid #444; background: #2D2D2D; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #footer .wpcf7-form input[type=submit] { text-transform: capitalize; border: 1px solid #111; background: #1A1A1A; } /* Custom Widget - Contact Form 7 placeholder text color */ .wpcf7-form ::-webkit-input-placeholder { opacity: 0.6; } .wpcf7-form :-moz-placeholder { opacity: 0.6; } .wpcf7-form ::-moz-placeholder { opacity: 0.6; } .wpcf7-form :-ms-input-placeholder { opacity: 0.6; } /* Custom Widget - Flickr */ .thinkup_widget_flickr a, .thinkup_widget_flickr img { display: block; } .thinkup_widget_flickr img { max-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .thinkup_widget_flickr .flickr-photo { overflow: hidden; } .thinkup_widget_flickr .column-2, .thinkup_widget_flickr .column-3, .thinkup_widget_flickr .column-4 { float: none; width: 100%; } .thinkup_widget_flickr .column-2 .flickr-photo { width: 47.5%; margin-right: 5%; margin-bottom: 10px; position: relative; float: left; } .thinkup_widget_flickr .column-3 .flickr-photo { width: 32%; margin-right: 2%; margin-bottom: 5px; position: relative; float: left; } .thinkup_widget_flickr .column-4 .flickr-photo { width: 21.25%; margin-right: 5%; margin-bottom: 8px; position: relative; float: left; } .thinkup_widget_flickr .column-2 .flickr-photo:nth-child(2n), .thinkup_widget_flickr .column-3 .flickr-photo:nth-child(3n), .thinkup_widget_flickr .column-4 .flickr-photo:nth-child(4n) { margin-right:0; } #sidebar .thinkup_widget_flickr a .image-overlay { background-color: #D33D33; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 0; max-width: 75px; max-height: 75px; background-image: url('images/shortcodes/icon-link.png'); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #sidebar .thinkup_widget_flickr a:hover .image-overlay { opacity: 0.8; top: 0px; left: 0px; width: 100%; height: 100%; } #footer .thinkup_widget_flickr img { border: 2px solid #1C1C1C; padding: 2px; } #footer .thinkup_widget_flickr img:hover { border: 2px solid #D33D33; } /* Custom Widget - Popular Posts / Recent Comments / Recent Posts */ .popular-posts .image, .recent-comments .image, .recent-posts .image { margin-right: 5%; margin-bottom: 0px; position: relative; float: left; max-width: 30%; } .popular-posts .main, .recent-comments .main, .recent-posts .main { margin-bottom: 10px; position: relative; float: left; width: 65%; } .popular-posts, .recent-comments, .recent-posts { clear:both; } .popular-posts a, .recent-comments a, .recent-posts a, .popular-posts img, .recent-comments img, .recent-posts img { display: block; } .popular-posts .comment, .recent-comments .date, .recent-posts .date { font-size: smaller; opacity: 0.8; } .popular-posts:last-child, .recent-comments:last-child, .recent-posts:last-child { margin-bottom: 1px; } .popular-posts, .recent-comments, .recent-posts { border: 1px solid #EEE; border-bottom: none; padding: 10px; } .popular-posts:last-child, .recent-comments:last-child, .recent-posts:last-child { border-bottom: 1px solid #EEE; } #sidebar .popular-posts a .image-overlay, #sidebar .recent-comments a .image-overlay, #sidebar .recent-posts a .image-overlay { background-color: #D33D33; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 0; max-width: 75px; max-height: 75px; background-image: url('images/shortcodes/icon-link.png'); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #sidebar .popular-posts:hover .image-overlay, #sidebar .recent-comments:hover .image-overlay, #sidebar .recent-posts:hover .image-overlay { opacity: 0.8; top: 0px; left: 0px; width: 100%; height: 100%; } #footer .popular-posts, #footer .recent-comments, #footer .recent-posts { border: none; padding: 0 0 10px; } #footer .popular-posts img, #footer .recent-comments img, #footer .recent-posts img { max-width: 100%; padding: 2px; border: 2px solid #1C1C1C; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #footer .popular-posts:hover img, #footer .recent-comments:hover img, #footer .recent-posts:hover img { border-color: #D33D33; } /* Custom Widget - Recent Comments Quotes */ .thinkup_widget_recentcomments .quote { padding-left: 15px; } .thinkup_widget_recentcomments .quote:before { font-family: "Times New Roman",Georgia,Times,serif; content: '\201C'; margin: -8px -15px; position: absolute; } .thinkup_widget_recentcomments .quote:before { color: #D33D33; font-size: 150%; font-weight: bold; display: inline; } /* Custom Widget - Search Form */ .thinkup_widget_search .searchsubmit { display: none; } .thinkup_widget_search .search { float: left; font-size: 11px; width: 100%; border: 1px solid #DDD; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset -1px 1px 0 0 #EEE; -moz-box-shadow: inset -1px 1px 0 0 #EEE; -ms-box-shadow: inset -1px 1px 0 0 #EEE; -o-box-shadow: inset -1px 1px 0 0 #EEE; box-shadow: inset -1px 1px 0 0 #EEE; } #footer .thinkup_widget_search .search { background: #202020; border: 1px solid #333; -webkit-box-shadow: inset -1px -1px 0 0 #444; -moz-box-shadow: inset -1px -1px 0 0 #444; -ms-box-shadow: inset -1px -1px 0 0 #444; -o-box-shadow: inset -1px -1px 0 0 #444; box-shadow: inset -1px -1px 0 0 #444; } /* Custom Widget - Search input placeholder text color */ #sidebar .thinkup_widget_search ::-webkit-input-placeholder { color: #CCC; } #sidebar .thinkup_widget_search :-moz-placeholder { color: #CCC; } #sidebar .thinkup_widget_search ::-moz-placeholder { color: #CCC; } #sidebar .thinkup_widget_search :-ms-input-placeholder { color: #CCC; } #footer .thinkup_widget_search ::-webkit-input-placeholder { color: #555; } #footer .thinkup_widget_search :-moz-placeholder { color: #555; } #footer .thinkup_widget_search ::-moz-placeholder { color: #555; } #footer .thinkup_widget_search :-ms-input-placeholder { color: #555; } /* Custom Widget - Tabs Specific */ .thinkup_widget_tabs .nav-tabs { margin: 0; border: none; overflow: hidden; } .thinkup_widget_tabs .nav-tabs>li { margin-bottom: 0; } .thinkup_widget_tabs li { border: none; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .thinkup_widget_tabs li a, .thinkup_widget_tabs li a:hover, .thinkup_widget_tabs li.active a, .thinkup_widget_tabs li.active:hover a { display: block; padding: 0; margin: 0; border: none; background: none; } .thinkup_widget_tabs h3.widget-title { padding: 5px; text-align: center; } .thinkup_widget_tabs li.active > a, .thinkup_widget_tabs h3.widget-title { -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .thinkup_widget_tabs .popular-posts, .thinkup_widget_tabs .recent-comments, .thinkup_widget_tabs .recent-posts { border-width: 0 0 1px; border-style: solid; border-color: #EEE; } .thinkup_widget_tabs .popular-posts:last-child, .thinkup_widget_tabs .recent-comments:last-child, .thinkup_widget_tabs .recent-posts:last-child { border-bottom: none; } #sidebar .thinkup_widget_tabs h3.widget-title:before, #sidebar .thinkup_widget_tabs h3.widget-title:after { border: none; } #sidebar .thinkup_widget_tabs li.active > a { border-width: 1px 1px 0; border-style: solid; border-color: #EEE; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } #sidebar .thinkup_widget_tabs h3.widget-title { padding-top: 10px; margin: 0; border-bottom: 1px solid #EEE; } #sidebar .thinkup_widget_tabs li.active h3.widget-title { padding-top: 7px; border-top: 2px solid #D33D33; border-bottom: 0px; } #sidebar .thinkup_widget_tabs .tab-content { border: 1px solid #EEE; border-top: none; } #footer .thinkup_widget_tabs h3.widget-title { padding-top: 10px; border-bottom: 1px solid #222; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #footer .thinkup_widget_tabs .nav .active h3.widget-title { padding-top: 9px; border: 1px solid #222; border-bottom: none; } /* Custom Widget - Tags Cloud */ .thinkup_widget_tagscloud a { display: inline-block; font-size: smaller; text-transform: uppercase; padding: 2px 8px; margin: 0 2px 2px 0; } #sidebar .thinkup_widget_tagscloud a { border: 1px solid #DDD; } #sidebar .thinkup_widget_tagscloud a:hover { border-color: #D33D33; } #footer .thinkup_widget_tagscloud a { border: 1px solid #222; } #footer .thinkup_widget_tagscloud a:hover { color: white; background: #D33D33; border-color: #D33D33; } /* Custom Widget - Twitter Feed */ .thinkup_widget_twitterfeed ul { margin: 0; list-style: none; } .thinkup_widget_twitterfeed .tweet-content { padding: 0 0 0px 35px; } .thinkup_widget_twitterfeed .tweet-content p { margin-top: 10px; } .thinkup_widget_twitterfeed .tweet-content:last-child p { margin: 0; } .thinkup_widget_twitterfeed .tweet-content a { display: inline; padding: 0; } #sidebar .thinkup_widget_twitterfeed a { color: #D33D33; } #sidebar .thinkup_widget_twitterfeed a:hover { color: inherit; } #sidebar .thinkup_widget_twitterfeed .tweet-content { background: url('images/widgets/twitter-bird-light-bgs.png') -8px -5px no-repeat; background-size: 40px; } #footer .thinkup_widget_twitterfeed .tweet-content { background: url('images/widgets/twitter-bird-dark-bgs.png') -8px -5px no-repeat; background-size: 40px; } #footer .thinkup_widget_twitterfeed small { color: white; display: block; } /* --------------------------------------------------------------------------------------- 10. PAGE FORMATS --------------------------------------------------------------------------------------- */ /* =Meta Content ----------------------------------------------------------------------------- */ .entry-meta { color: #555; font-size: 90%; margin-bottom: 15px; } .entry-meta a { color: inherit; } .entry-meta a:hover { color: #D33D33; } .entry-meta i { margin-right: 5px; } .entry-content .entry-meta > span { display: inline; } .entry-content .entry-meta > span:after { content: '|'; padding: 0 3px 0 5px; position: relative; top: -1px; } .entry-content .entry-meta > span:last-child:after { content: ''; padding: 0 } .sticky { } /* =Blog --------------------------------------------------------------------------------------- */ .blog-thumb { max-width: 100%; overflow: hidden; position: relative; } .blog-thumb img { display: block; } .blog-title { font-size: 18px; margin-top: 0px; margin-bottom: 5px; } .blog-title a { color: inherit; } /* =Blog - Style 1 --------------------------------------------------------------------------------------- */ .blog-article { background: #FFF; border: 1px solid #DDD; margin: 0 10px 5px; } .blog-article.format-nomedia { } .blog-article.format-nomedia .entry-footer { } .blog-grid.column-2 { width: 50%; padding: 0 1.25%; } .blog-article .entry-content { padding: 20px 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .blog-article .entry-footer { padding: 0 20px; } .blog-article .blog-thumb { margin: 20px 20px 0 ; } /* Entry-footer area */ .blog-article .blog-title { font-size: 18px; } .blog-article .comment { float: right } .blog-article .comment a:before { color: #888; font-size: 15px; font-family: FontAwesome; content: '\f086'; padding-right: 5px; } .blog-article .entry-footer .entry-meta { width: 100%; display: table; border-top: 1px solid #DDD; padding-top: 10px; } .blog-article .entry-footer .entry-meta > span { display: table-cell; vertical-align: middle;; } .blog-article .more-link { text-align: right; } .blog-article .more-link a { color: inherit; line-height: 20px; display: inline-block; } .blog-article .more-link span { position: relative; right: 0; display: inline-block; padding: 0 5px; background: #EEE; } .blog-article .more-link i { font-family: fontawesome; font-style: normal; display: inline-block; vertical-align: top; width: 20px; text-align: center; background: #DDD; } .blog-article .more-link span, .blog-article .more-link i { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-article .more-link a:hover span { color: white; background: #D33D33; right: 10px; } .blog-article .more-link a:hover i { color: white; background: #333; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } /* Image overlay effect */ .blog-article .blog-thumb .image-overlay { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-article .blog-thumb .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #444; background: rgba(68, 68, 68, 0.6); opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .blog-article .blog-thumb:hover .image-overlay { display: none; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-box-shadow: inset 0px -4px 0px 0px #D33D33; -moz-box-shadow: inset 0px -4px 0px 0px #D33D33; -ms-box-shadow: inset 0px -4px 0px 0px #D33D33; -o-box-shadow: inset 0px -4px 0px 0px #D33D33; box-shadow: inset 0px -4px 0px 0px #D33D33; } .blog-article .blog-thumb .image-overlay-inner { display: table; width: 100%; height: 100%; } .blog-article .blog-thumb .hover-icons { display: table-cell; vertical-align: middle; text-align: center; } .blog-article .blog-thumb .hover-link, .blog-article .blog-thumb .hover-zoom { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; text-align: center; display: inline-block; height: 40px; width: 40px; } .blog-article .blog-thumb:hover .hover-zoom, .blog-article .blog-thumb:hover .hover-link { background: #222; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-article .blog-thumb .hover-link:hover, .blog-article .blog-thumb .hover-zoom:hover { background: #D33D33; } .blog-article .blog-thumb .hover-zoom { margin-right: 5px; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } .blog-article .blog-thumb:hover .hover-zoom { margin-right: 5px; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } .blog-article .blog-thumb .hover-link { margin-left: 5px; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } .blog-article .blog-thumb:hover .hover-link { margin-left: 5px; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } /* Genericons used on image overlays */ .blog-article .blog-thumb .hover-zoom:before { font-family: 'Genericons'; font-size: 12px; content: '\f406'; position: relative; right: 16px; top: 15px; display: inline-block; float: right; color: #FFF; line-height: 1; } .blog-article .blog-thumb .hover-link:before { font-family: 'Genericons'; font-size: 25px; content: '\f107'; position: relative; right: 7px; top: 10px; display: inline-block; float: right; color: #FFF; line-height: 1; } /* =Single Post --------------------------------------------------------------------------------------- */ /* Meta content */ .single .entry-meta > span { display: inline-block; } .single .entry-meta > span:after { content: '|'; padding: 0 3px 0 5px; position: relative; top: -1px; } .single .entry-meta > span:last-child:after { content: ''; padding: 0 } /* Featured Image Specific */ .single .format-image .post-thumb img { display: block; } /* Post - Share */ #sharepost { display: table; width: 100%; padding: 10px 0; margin: 20px 0px; } #sharemessage, #shareicons { width: 50%; display: table-cell; vertical-align: middle; } #sharemessage { text-align: right; padding-right: 20px; white-space: nowrap; } #sharemessage h3 { font-size: 14px; word-spacing: 1px; margin: 0; } #shareicons { padding-left: 20px } #shareicons a { float: left; text-align: center; display: inline-block; margin-right: 20px; width: 20px; height: 20px; } #shareicons i { color: #46494A; text-shadow: 1px 1px 0px #FFF; overflow: visible; font-size: 20px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } #shareicons a:hover i { } #shareicons .tooltip-inner { text-shadow: none; padding: 4px 8px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* Author Bio */ #author-bio { background: #F5F5F5; border: 1px solid #DDD; margin: 20px 0 25px; padding: 15px 15px 20px; } #author-bio .one_sixth, #author-bio .five_sixth, #author-bio p:last-child { margin-bottom: 0px; } #author-bio h3 { font-size: 14px; margin: 0 0 5px; } #author-bio img { padding: 2px; background-color: #FFF; border: 1px solid #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .bypostauthor { } /* User Comment */ #comments-title, #reply-title { font-size: 15px; font-weight: bold; margin: 0 0 20px; } .commentlist header { float: left; } .commentlist article { display: table; width: 100%; padding: 15px; border: 1px solid #EEE; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .commentlist article footer { margin: 0 0 0 82px; } .commentlist { list-style: none; margin: 0 0 25px; } .commentlist .children { list-style: none; margin: 0px; } .commentlist .children { margin: 0 0 0 82px; } .commentlist .comment, .commentlist .pingback { margin-bottom: 15px; } .commentlist .avatar { width: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .comment-author { text-transform: capitalize; } .comment-meta { float: right; font-size: 90%; padding-right: 10px; } .comment-author a, .comment .reply a { color: inherit; } .comment-meta a { color: #AAA; } .comment-author a:hover, .comment .reply a:hover, .comment-meta a:hover { color: #D33D33; } .comment-content { margin-top: 5px; } li.pingback { font-weight: bold; } li.pingback a { font-weight: normal; } /* Comment Form */ #commentform input[type="text"] { width: 100%; } #commentform input[type="text"], #commentform #comment { margin-top: 5px; } #commentform .form-allowed-tags { font-size: 11px; } .required { color: #880000; } /* =Contact Us --------------------------------------------------------------------------------------- */ .page-template-template-contact iframe { width: 100% !important; max-height: 350px !important; } .page-template-template-contact-php #intro { display: none; } .page-template-template-contact-php #contact-map .google-map-placeholder { width: 100% !important; height: 380px !important; } .page-template-template-contact-php #main h4 { font-size: 14px; } .page-template-template-contact-php #main .wpcf7-form input[type="submit"] { padding: 10px 40px; } /* =Archive --------------------------------------------------------------------------------------- */ .page-template-template-archive-php h3.page-title { margin-top: 0 } .page-template-template-archive-php #main-core a { color: inherit; } .page-template-template-archive-php #main-core a:hover{ color: #D33D33; } .page-template-template-archive-php ul.archive-pages, .page-template-template-archive-php ul.archive-categories, .page-template-template-archive-php ul.archive-authors, .page-template-template-archive-php ul.archive-monthly, .page-template-template-archive-php ul.archive-recent { margin-left: 2px; list-style: none; } .page-template-template-archive-php ul.archive-pages li, .page-template-template-archive-php ul.archive-categories li, .page-template-template-archive-php ul.archive-authors li, .page-template-template-archive-php ul.archive-monthly li, .page-template-template-archive-php ul.archive-recent li { padding-bottom: 4px; } .page-template-template-archive-php ul.archive-pages .children li, .page-template-template-archive-php ul.archive-categories .children li, .page-template-template-archive-php ul.archive-authors .children li, .page-template-template-archive-php ul.archive-monthly .children li, .page-template-template-archive-php ul.archive-recent .children li { padding-left: 25px; } .page-template-template-archive-php ul.archive-pages li:before, .page-template-template-archive-php ul.archive-categories li:before, .page-template-template-archive-php ul.archive-authors li:before, .page-template-template-archive-php ul.archive-monthly li:before, .page-template-template-archive-php ul.archive-recent li:before { color: #AAA; line-height: 1; font-family: FontAwesome; content: "\f105"; font-size: 1.3333333333333333em; padding-right: 10px; } .page-template-template-archive-php ul.archive-pages ul.children, .page-template-template-archive-php ul.archive-categories ul.children, .page-template-template-archive-php ul.archive-authors ul.children, .page-template-template-archive-php ul.archive-monthly ul.children, .page-template-template-archive-php ul.archive-recent ul.children { margin: 10px 0px 10px -2px; list-style: none; } /* =Sitemap --------------------------------------------------------------------------------------- */ .page-template-template-sitemap-php h3.page-title { margin-top: 0 } .page-template-template-sitemap-php #main-core a { color: inherit; } .page-template-template-sitemap-php #main-core a:hover{ color: #D33D33; } .page-template-template-sitemap-php ul.sitemap-pages, .page-template-template-sitemap-php ul.sitemap-authors, .page-template-template-sitemap-php ul.sitemap-archives, .page-template-template-sitemap-php ul.sitemap-posts, .page-template-template-sitemap-php ul.sitemap-posts ul { margin-left: 2px; list-style: none; } .page-template-template-sitemap-php ul.sitemap-pages li, .page-template-template-sitemap-php ul.sitemap-authors li, .page-template-template-sitemap-php ul.sitemap-archives li, .page-template-template-sitemap-php ul.sitemap-posts li, .page-template-template-sitemap-php ul.sitemap-posts ul li { padding-bottom: 4px; } .page-template-template-sitemap-php ul.sitemap-pages .children li, .page-template-template-sitemap-php ul.sitemap-authors .children li, .page-template-template-sitemap-php ul.sitemap-archives .children li, .page-template-template-sitemap-php ul.sitemap-posts .children li, .page-template-template-sitemap-php ul.sitemap-posts ul .children li { padding-left: 25px; } .page-template-template-sitemap-php ul.sitemap-pages li:before, .page-template-template-sitemap-php ul.sitemap-authors li:before, .page-template-template-sitemap-php ul.sitemap-archives li:before, .page-template-template-sitemap-php ul.sitemap-posts li:before, .page-template-template-sitemap-php ul.sitemap-posts ul li:before { color: #AAA; line-height: 1; font-family: FontAwesome; content: "\f105"; font-size: 1.3333333333333333em; padding-right: 10px; } .page-template-template-sitemap-php ul.sitemap-pages ul.children, .page-template-template-sitemap-php ul.sitemap-authors ul.children, .page-template-template-sitemap-php ul.sitemap-archives ul.children, .page-template-template-sitemap-php ul.sitemap-posts ul.children, .page-template-template-sitemap-php ul.sitemap-posts ul ul.children { margin: 10px 0px 10px -2px; list-style: none; } /* =Parallax --------------------------------------------------------------------------------------- */ .page-template-template-parallax-php #content { padding: 0; } .page-template-template-parallax-php #content-core { margin: 0; max-width: 100%; } .page-template-template-parallax-php .panel-grid { padding: 30px 10px 0; } .page-template-template-parallax-php.layout-boxed .panel-grid { padding: 30px 20px 0; } .page-template-template-parallax-php .panel-grid-core { display: block; max-width: 1140px; margin: 0 auto } .page-template-template-parallax-php #breadcrumbs { display: block; max-width: 1140px; margin: 20px auto 0 } /* =Search Results --------------------------------------------------------------------------------------- */ .search-results article { padding-top: 5px; margin-bottom: 20px; } /* =404 Error --------------------------------------------------------------------------------------- */ .title-404 { text-align: center; } .title-404 h2 { line-height: 1; font-size: 60px; margin: 0 0 10px 0; } .title-404 h2 i { padding-right: 25px; } .title-404 p { margin-bottom: 30px; } .title-404 .search { margin-bottom: 20px; width: 200px; max-width: 200px; } /* =Portfolio (styling code in style-portfolio.css) --------------------------------------------------------------------------------------- */ .column-1 { width: 100%; padding: 5px; } .column-2 { width: 50%; padding: 5px; } .column-3 { width: 33.333%; padding: 5px; } .column-4 { width: 25%; padding: 5px; } .column-1, .column-2, .column-3, .column-4 { float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* =Project --------------------------------------------------------------------------------------- */ h5.project-title { position: relative;; font-weight: bold; margin: 0 0 10px; } .project-list { list-style: none; margin-left: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #EEE; } .project-list li { font-size: 90%; padding: 5px 10px; border-bottom: 1px solid #EEE; } .project-list i { color: #555; padding-right: 10px; } .project-list span { display: inline-block; color: #333; font-weight: bold; padding-right: 5px; } .project-button { padding: 5px 10px; margin-bottom: 20px; } /* --------------------------------------------------------------------------------------- 11. SHORTCODES - THEME SPECIFIC STYLE --------------------------------------------------------------------------------------- */ /* BLOCKQUOTES ------------------------------------------------------------------ */ blockquote.style2:before, q.style2:before, blockquote.style2:after, q.style2:after { content: ''; } blockquote.style2, q.style2 { color: inherit; background: none; padding: 0 20px; margin-bottom: 20px; border-left: 10px solid #D33D33; } blockquote.style2 p:last-child, q.style2 p:last-child { margin-bottom: 0; } /* BUTTONS ------------------------------------------------------------------ */ .button.style1, .button.style2, .button.style3, .button.style4 { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .button.style1:hover, .button.style2:hover, .button.style3:hover, .button.style4:hover { background: #D33D33; } /* CALL TO ACTION ------------------------------------------------------------------ */ .sc-action { } /* Call to Action - Style 1 Specific Code */ .sc-action.style1 .action-link a { } /* CAROUSEL (NAVIGATION) ------------------------------------------------------------------ */ .sc-carousel { } .sc-carousel li { margin: 0; border: none; } .sc-carousel a.prev, .sc-carousel a.next { color: #222; background: #DDD; } .sc-carousel a.prev:hover, .sc-carousel a.next:hover { color: #FFF; background: #D33D33; } .sc-carousel a.next { } .sc-carousel a.prev { } .sc-carousel a.prev i, .sc-carousel a.next i { color: inherit; top: 0; line-height: 30px; } .sc-carousel a.prev:hover i, .sc-carousel a.next:hover i { color: #FFF; } .sc-carousel .entry-header { margin: 0; } .sc-carousel .entry-header img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .sc-carousel .entry-header:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .sc-carousel .entry-content img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .sc-carousel .entry-content:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .sc-carousel .entry-content { margin: 15px 0 0 0; } .sc-carousel .entry-content h4 { position: relative; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } .sc-carousel .entry-content .date a, .sc-carousel .entry-content .date a { color: #3d3d3d; } .sc-carousel .entry-content .comment { float: none; line-height: 1; } .sc-carousel-title { float: left; position: absolute; top: -70px; } /* Blog specific */ .sc-carousel .entry-meta { line-height: 1; margin-bottom: 15px; } /* Portfolio specific */ .sc-carousel .port-thumb { display: block; } /* Corrects text color when cutom styling heading option is selected */ .sc-carousel .entry-content h4 a:hover { color: #D33D33 !important; } /* DIVIDER ------------------------------------------------------------------ */ .divider-top, .divider { border-color: #DDD; } /* FEATURED / IMAGE ------------------------------------------------------------------ */ .sc-featured, .sc-image { padding: 0; margin: 0 0 20px; } .sc-featured .entry-header { margin-bottom: 15px; } .sc-featured h3 { font-size: 14px; line-height: 1; font-weight: 700; margin-bottom: 15px; } /* IMAGE GRID ------------------------------------------------------------------ */ .sc-grid .entry-header img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .sc-grid .entry-header:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /* LIST - FONT AWESOME ------------------------------------------------------------------ */ ul.iconfont i { color: #D33D33; font-size: 90%; margin: 0 15px 0 -22px; } /* LIGHTBOX ------------------------------------------------------------------ */ /* NOTIFICATION BOXES ------------------------------------------------------------------ */ .notification { overflow: hidden; margin-bottom: 20px; border: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .notification p:last-child{ margin: 0; } .notification, .notification.normal { background: #f4f4f4; } .notification.download, .notification.success { color: #fff; background: #c1dd5d; border-color: #c1dd5d; } .notification.error, .notification.stop { color: #fff; background: #e5736a; border-color: #e5736a; } .notification.info, .notification.question { color: #fff; background: #83bdea; border-color: #83bdea } .notification.warning, .notification.message { color: #fff; background: #e6cc50; border-color: #e6cc50; } /* Add icons to alerts */ .notification.download, .notification.success, .notification.error, .notification.stop, .notification.info, .notification.question, .notification.warning, .notification.message { position: relative; padding-left: 50px; } .notification.download:before, .notification.success:before, .notification.error:before, .notification.stop:before, .notification.info:before, .notification.question:before, .notification.warning:before, .notification.message:before { color: #FFF; font-size:20px; font-family: FontAwesome; text-align: center; position:absolute; left: 0px; width: 50px; height: 100%; line-height: 50px; } .notification.download:before, .notification.success:before { content: "\f00c"; background: #afca50; } .notification.error:before, .notification.stop:before { content: "\f00d"; background: #ce5d54; } .notification.info:before, .notification.question:before { content: "\f129"; background: #70a8d4; } .notification.warning:before, .notification.message:before { content: "\f071"; background: #dbbf41; } .notification .icon { padding: 15px 20px; } .notification.download .icon, .notification.success .icon { background: none; } .notification.error .icon, .notification.stop .icon { background: none; } .notification.info .icon, .notification.question .icon { background: none; } .notification.warning .icon, .notification.message .icon { background: none; } .notification .icon:before { display: none !important; border: solid rgba(0, 0, 0, 0); position: absolute; top: 15px; left: 50px; border-left-color: #D33D33; border-width: 12px; content: " "; } .notification.download .icon:before, .notification.success .icon:before { display: block; border-left-color: #587051; } .notification.error .icon:before, .notification.stop .icon:before { display: block; border-left-color: #ce4c48; } .notification.info .icon:before, .notification.question .icon:before { display: block; border-left-color: #5d95c2; } .notification.warning .icon:before, .notification.message .icon:before { display: block; border-left-color: #af8637; } /* PRICING TABLE ------------------------------------------------------------------ */ .pricing-table { text-align: center; background: #F6F6F6; } .pricing-table .entry-header { padding: 55px 20px 25px; } .pricing-table .entry-content { padding: 25px 20px 45px; } .pricing-table .entry-footer { padding: 0 20px 35px; } .pricing-table li { line-height: 1; position: relative; border-bottom: none; } .pricing-table i { color: #D33D33; position: absolute; left: -15px; } .pricing-features { text-align: left; display: inline-block; } .pricing-table .pricing-title, .pricing-table .pricing-price { line-height: 1; color: #D33D33 } .pricing-table .pricing-title { font-size: 22px; font-weight: 600; margin-bottom: 5px; } .pricing-table .pricing-price { font-size: 40px; } .pricing-table .pricing-link a { min-width: 115px; font-weight: 600; display: inline-block; margin: 4px; padding: 5px 40px; } /* Style 1 */ .pricing-table.style1 .pricing-link a { border: 2px solid #fff; } /* Style 2 */ .pricing-table.style2 i { color: #fff; } .pricing-table.style2 { background: #D33D33; } .pricing-table.style2 .entry-header { padding: 55px 20px; } .pricing-table.style2 .pricing-title, .pricing-table.style2 .pricing-price, .pricing-table.style2 .pricing-features { color: #fff; } .pricing-table.style2 .pricing-link a { border: 2px solid #D33D33; } /* SLIDER ------------------------------------------------------------------ */ .rslides-sc .rslides-inner li { } .rslides-sc a.rslides_nav { opacity: 1; text-align: center; position: absolute; top: 50%; z-index: 9999; width: 60px; height: 60px; line-height: 1; margin: -25px 0px 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .rslides-sc a.rslides_nav.prev { left: -60px; } .rslides-sc a.rslides_nav.next { right: -60px; } .rslides-sc a.rslides_nav.prev:before, .rslides-sc a.rslides_nav.next:before { color: #fff; background: #000; background: rgba(0, 0, 0, 0.5); font-family: FontAwesome; font-size: 30px; line-height: 60px; display: block; position: relative; z-index: 9999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .rslides-sc a.rslides_nav.prev:hover:before, .rslides-sc a.rslides_nav.next:hover:before { color: #333; background: #fff; } .rslides-sc .rslides-inner:hover a.rslides_nav { opacity: 1; } .rslides-sc .rslides-inner:hover a.rslides_nav.prev { left: 0px; } .rslides-sc .rslides-inner:hover a.rslides_nav.next { right: 0px; } /* TABS ------------------------------------------------------------------ */ /* Style 2 */ .tabs.style2 .nav-tabs, .tabs.style2 .tab-content { border: none; } .tabs.style2 .nav-tabs a { color: #222; font-weight: 600; text-shadow: none; background: #DDD; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .tabs.style2 .nav-tabs .active a, .tabs.style2 .nav-tabs a:hover { color: #222; background: #F4F4F4; border: none; } .tabs.style2 .nav-tabs > li { margin: 0; } .tabs.style2 .nav-tabs > li > a { padding: 13px 20px; margin-right: 5px; } .tabs.style2 .tab-content { background: #F4F4F4; } /* TOGGLES ------------------------------------------------------------------ */ /* Style 2 */ .accordion.style2 .accordion-group { border: none; margin-bottom: 5px; } .accordion.style2 .accordion-heading { color: #222; font-weight: 600; border: none; } .accordion.style2 .accordion-heading .accordion-toggle { text-shadow: none; background: #DDD; padding: 12px 20px; } .accordion.style2 .accordion-heading .accordion-toggle:before { text-align: center; color: #fff; background: #d33d33; right: 20px; left: auto; margin-top: -1px; width: 24px; height: 24px; line-height: 24px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .accordion.style2 .accordion-heading .accordion-toggle.collapsed { background: #DDD; } .accordion.style2 .accordion-inner { background: #fff; border: none; } /* BLOG POST CAROUSEL ------------------------------------------------------------------ */ .sc-carousel.carousel-blog .entry-content h4 { margin-bottom: 25px; } .sc-carousel.carousel-blog .entry-content h4:after { content: ''; position: absolute; margin: auto; top: auto; bottom: -12px; left: 0; right: 0; height: 0; width: 30px; border-bottom: 2px solid #1E1E1E; } /* PORTFOLIO POST CAROUSEL ------------------------------------------------------------------ */ .sc-carousel.carousel-portfolio .entry-header { display: block; } .sc-carousel.carousel-portfolio .entry-content h4 { font-size: 14px; line-height: inherit; margin: 0; } .sc-carousel.carousel-portfolio .entry-content h4 a:hover { color: #D33D33; } .sc-carousel.carousel-portfolio .entry-footer { font-size: 100%; border: 0; margin: 0; padding: 0; } .sc-carousel.carousel-portfolio .entry-footer p { margin: 0; } .sc-carousel.carousel-portfolio .comment { display: none; } /* ICONS (FONT AWESOME) ------------------------------------------------------------------ */ .iconfull br { display: none } .iconfull .iconimage { width: auto !important; } .iconmain .iconurl { margin-top: 0px; } .iconmain .iconurl a { display: inline-block; padding: 3px 20px; } .iconmain .iconurl a:after { content: ""; } /* Font Icon + Title + Text */ .iconfull .iconmain h3 { position: relative; font-size: 16px; font-weight: 600; margin-bottom: 15px; } .iconfull .iconmain h3:after { } .iconfull.iconbackground { background: none; margin-bottom: 20px; padding: 30px 20px 10px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .iconfull .iconurl > a { } .iconfull .iconurl > a:hover { } /* Font Icon - Style 1 & Style 2 & Style 3 & Style 4 */ .iconfull.style1, .iconfull.style2 { text-align: inherit; margin: 0 0 20px; } .iconfull.style1 .iconimage, .iconfull.style2 .iconimage { position: relative; float: none; text-align: inherit; } .iconfull.style1 .iconimage i, .iconfull.style2 .iconimage i { text-align: center; font-size: 20px; color: #222; background: #DDD; border-color: #DDD; height: 70px; width: 70px; line-height: 70px; margin-bottom: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .iconfull.style1 .iconimage i:after, .iconfull.style2 .iconimage i:after { color: #222; background: none; border-color: #DDD; } .iconfull.style1 .iconimage a:hover i, .iconfull.style2 .iconimage a:hover i { color: #FFF; background: #D33D33; border-color: #D33D33; } .iconfull.style1 .iconimage i.fa-inverse, .iconfull.style2 .iconimage i.fa-inverse { color: #FFF; background: #D33D33; border-color: #D33D33; } .iconfull.style1 .iconimage a:hover i.fa-inverse, .iconfull.style2 .iconimage a:hover i.fa-inverse { color: #222; background: #DDD; border-color: #DDD; } .iconfull.style1 .iconmain, .iconfull.style2 .iconmain { text-align: inherit; padding:0; } .iconfull.style1 .iconmain .iconurl, .iconfull.style2 .iconmain .iconurl { margin: -10px 0 0; } .iconfull.style1 .iconmain .iconurl a, .iconfull.style2 .iconmain .iconurl a { display: inline; padding: 0; } .iconfull.style1 .iconmain h3:after, .iconfull.style2 .iconmain h3:after { } /* Font Icon - Style 1 */ .iconfull.style1 { } .iconfull.style1 .iconimage { } .iconfull.style1 .iconimage i, .iconfull.style1 .iconimage i.fa-inverse { color: #222; background: none; border-bottom-width: 2px; border-bottom-style: solid; } .iconfull.style1 .iconmain { } .iconfull.style1 .iconimage a:hover i { color: #222; background: none; border-color: #DDD; -webkit-box-shadow: inset 0px -70px 0px 0px #DDD; -moz-box-shadow: inset 0px -70px 0px 0px #DDD; -ms-box-shadow: inset 0px -70px 0px 0px #DDD; -o-box-shadow: inset 0px -70px 0px 0px #DDD; box-shadow: inset 0px -70px 0px 0px #DDD; } .iconfull.style1 .iconimage a:hover i.fa-inverse { color: #fff; background: none; border-color: #D33D33; -webkit-box-shadow: inset 0px -70px 0px 0px #D33D33; -moz-box-shadow: inset 0px -70px 0px 0px #D33D33; -ms-box-shadow: inset 0px -70px 0px 0px #D33D33; -o-box-shadow: inset 0px -70px 0px 0px #D33D33; box-shadow: inset 0px -70px 0px 0px #D33D33; } .iconfull.style1 .iconimage i:after { } /* Font Icon - Style 2 */ .iconfull.style2 { } .iconfull.style2 .iconimage { } .iconfull.style2 .iconimage i, .iconfull.style2 .iconimage h3 { display: block; padding: 0; } .iconfull.style2 .iconimage h3 { margin-bottom: 0; } .iconfull.style2 .iconmain { } .iconfull.style2 .iconimage i:after { } /* PROGRESS BARS ------------------------------------------------------------------ */ span.bar-title, span.bar-per { font-size: 14px; font-weight: normal; text-shadow: 0 0 0; } .progress { height: 35px; background: #f4f4f4; margin-bottom: 15px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .progress .bar { padding: 5px 20px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .progress .bar { background-color: #DDD; } .progress.progress-basic .bar { background: #DDD; } .progress .bar-info { background-color: #83bdea; } .progress.progress-basic .bar-info { background: #83bdea; } .progress .bar-success { background-color: #c1dd5d; } .progress.progress-basic .bar-success { background: #c1dd5d; } .progress .bar-warning { background-color: #e6cc50; } .progress.progress-basic .bar-warning { background: #e6cc50; } .progress .bar-danger { background-color: #e5736a; } .progress.progress-basic .bar-danger { background: #e5736a; } /* PROGRESS BARS - ROUND ------------------------------------------------------------------ */ .sc-knob { max-width: 100%; background: none; padding: 15px 15px; margin-bottom: 20px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .sc-knob-dial { color: #7a7a7a !important; font-weight: 300 !important; max-width: 100%; display: block; height: auto !important; text-align: center !important; } .sc-counter > div { max-width: 100% !important; display: block !important; height: auto !important; text-align: center !important; } .sc-knob.sc-counter input { font-size: 20px !important; font-weight: 700 !important; margin: 0 auto 9px !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .sc-knob.sc-counter > h5:before { display: block; content: ""; width: 30px; height: 2px; background: #777; margin: 0 auto 11px; } .sc-knob-title { font-weight: 400; font-size: 14px !important; } .sc-knob-title:after { } /* SLIDESHOW ------------------------------------------------------------------ */ .rslides-sc a.rslides_nav, .thinkupslider-sc a.rslides_nav { } .rslides-sc a.rslides_nav.prev:before, .rslides-sc a.rslides_nav.next:before, .thinkupslider-sc a.rslides_nav.prev:before, .thinkupslider-sc a.rslides_nav.next:before { } .rslides-sc a.rslides_nav.prev:hover:before, .rslides-sc a.rslides_nav.next:hover:before, .thinkupslider-sc a.rslides_nav.prev:hover:before, .thinkupslider-sc a.rslides_nav.next:hover:before { } .rslides-sc a.rslides_nav.prev, .thinkupslider-sc a.rslides_nav.prev { } .rslides-sc a.rslides_nav.next, .thinkupslider-sc a.rslides_nav.next { } .rslides-sc .rslides-inner:hover a.rslides_nav.prev, .thinkupslider-sc .rslides-inner:hover a.rslides_nav.prev { } .rslides-sc .rslides-inner:hover a.rslides_nav.next, .thinkupslider-sc .rslides-inner:hover a.rslides_nav.next { } /* TITLES ------------------------------------------------------------------ */ .customtitle h1, .customtitle h2, .customtitle h3, .customtitle h4, .customtitle h5, .customtitle h6, .customtitle.style5 { display: block; } .customtitle.style5 span { border: none; } .customtitle.style5 h1 > span, .customtitle.style5 h2 > span, .customtitle.style5 h3 > span, .customtitle.style5 h4 > span, .customtitle.style5 h5 > span, .customtitle.style5 h6 > span { position: relative; display: block; border: none; } .customtitle.style5 h1 > span:after, .customtitle.style5 h2 > span:after, .customtitle.style5 h3 > span:after, .customtitle.style5 h4 > span:after, .customtitle.style5 h5 > span:after, .customtitle.style5 h6 > span:after { content: ''; position: absolute; margin: auto; margin-left: 0; top: auto; bottom: -5px; left: 0; right: 0; height: 0; width: 45px; border-bottom: 2px solid #121212; } /* --------------------------------------------------------------------------------------- 12. PAGE BUILDER - THEME SPECIFIC STYLE --------------------------------------------------------------------------------------- */ /* Call To Action */ .panel-grid-cell #introaction { } .panel-grid-cell #introaction h3 { } /* Carousel - Portfolio - Style when no link is set for portfolio button */ .carousel-portfolio-builder.style2 { position: relative; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio { padding-bottom: 0; margin-bottom: 20px; margin-top: 90px; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev, .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next { top: 0; margin-top: 0; height: 100%; background: #fff; border: 1px solid #E9E9E9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev:hover, .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next:hover { background: #D33D33; border-color: #D33D33; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev { left: -35px; right: auto; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next { right: -35px; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev i, .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next i { top: 45%; } .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio .entry-content { margin: 0; } .carousel-portfolio-builder.style2 .sc-carousel-button { position: absolute; right: 0; color: inherit; background: #FFF; border: 1px solid #E9E9E9; padding: 5px 21px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .carousel-portfolio-builder.style2 .sc-carousel-button:hover { color: #FFF; background: #D33D33; border-color: #D33D33; } .carousel-portfolio-builder.style2 .sc-carousel-title, .carousel-portfolio-builder.style2 .sc-carousel-button { top: -90px; } .layout-boxed .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev, .custom-background .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.prev { left: -20px; } .layout-boxed .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next, .custom-background .carousel-portfolio-builder.style2 .sc-carousel.carousel-portfolio a.next { right: -20px; } /* Services - Style 1 & Style 2 */ .services-builder .iconmain h3 { position: relative; font-size: 15px; font-weight: 700; margin-bottom: 22px; } .services-builder .iconmain h3:after { } .services-builder .iconurl > a { } .services-builder .iconurl > a:hover { } .services-builder .iconurl a { text-shadow: none !important } .services-builder .iconurl a:after { display: inline-block; font-family: fontawesome; content: "\f105"; padding-left: 2px; } /* Services - Style 1 */ .services-builder.style1 { text-align: center; background: #fafafa; border: 1px solid #e0e0e0; margin: 0 0 20px; } .services-builder.style1 .iconimage { width: auto; margin: 0 auto 7px; } .services-builder.style1 .iconimage i { font-size: 24px; color: #D33D33; background: none; border: 2px solid #D33D33; height: 96px; width: 96px; line-height: 96px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } .services-builder.style1 .iconimage img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .services-builder.style1 .iconimage a:hover img { opacity: 0.8; } .services-builder.style1 .iconmain { margin: 0; padding: 20px; } .services-builder.style1 .iconmain .iconurl { margin: -10px 0 0; } .services-builder.style1 .iconmain .iconurl a { opacity: 1 !important; display: inline; color: #D33D33; background: none; border: none; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .services-builder.style1 .iconmain .iconurl a:hover { color: inherit; } /* Services - Style 2 */ .services-builder.style2 { text-align: center; margin: 0 0 20px; } .services-builder.style2 .iconimage { width: auto; margin: 0 auto 28px; } .services-builder.style2 .iconimage i { font-size: 24px; color: #D33D33; background: none; border: 2px solid #D33D33; height: 96px; width: 96px; line-height: 96px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .services-builder.style2 .iconimage a:hover i { color: #FFF; background: #D33D33; } .services-builder.style2 .iconimage i.fa-inverse { color: #FFF; background: #D33D33; } .services-builder.style2 .iconimage a:hover i.fa-inverse { color: #D33D33; background: none; } .services-builder.style2 .iconmain { margin: 0; padding:0; } .services-builder.style2 .iconmain .iconurl { margin: -10px 0 0; } .services-builder.style2 .iconmain .iconurl a { opacity: 1; display: inline; color: #d33d33; background: #fffafa; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .services-builder.style2 .iconmain .iconurl a:hover { color: inherit; } /* --------------------------------------------------------------------------------------- 13. IE STYLES --------------------------------------------------------------------------------------- */ #ie8 .entry-content img, #ie8 .widget img, #ie8 .wp-caption img { width: auto; } #ie8 .content-core { zoom:1; } /* --------------------------------------------------------------------------------------- 14. SAFARI STYLES --------------------------------------------------------------------------------------- */ /* Fix 100% table width issue on Safari */ .wrap-safari { display: block; height: 100%; max-width: 1140px; margin: 0 auto; } /* --------------------------------------------------------------------------------------- 15. MISC --------------------------------------------------------------------------------------- */ .hidden { display: none; } /* Correct line height of Font Awesome size */ body .fa-lg { line-height: 1; vertical-align: -10%; }
  24. اسم قالبش alante gird
  25. به چه صورت