amirmt 0 ارسال شده در شهریور 96 گزارش بازنشر ارسال شده در شهریور 96 سلام و خسته نباشید از سایته خوبتون من واسه زیر منو قالبم تونستم بزارمش که به سمته راست باز شه اما فلشی که تو زیر منو بود هنوز به سمت راست مونده میخوام اونم بیاد به سمته چپ میشه کمکم کنید نقل قول لینک به ارسال
mehran-b 2385 ارسال شده در شهریور 96 گزارش بازنشر ارسال شده در شهریور 96 در هم اکنون، amirmt گفته است : سلام و خسته نباشید از سایته خوبتون من واسه زیر منو قالبم تونستم بزارمش که به سمته راست باز شه اما فلشی که تو زیر منو بود هنوز به سمت راست مونده میخوام اونم بیاد به سمته چپ میشه کمکم کنید سلام به انجمن وردپرس فارسی خوش آمدید. یه عکس از وضعیتی که الان منو داره ارسال کنید. نقل قول لینک به ارسال
amirmt 0 ارسال شده در شهریور 96 مالک گزارش بازنشر ارسال شده در شهریور 96 http://uupload.ir/files/13mc_photo_2017-09-06_09-16-24.jpg این لینکه عکس که آپلودش کردم نقل قول لینک به ارسال
mehran-b 2385 ارسال شده در شهریور 96 گزارش بازنشر ارسال شده در شهریور 96 در هم اکنون، amirmt گفته است : http://uupload.ir/files/13mc_photo_2017-09-06_09-16-24.jpg این لینکه عکس که آپلودش کردم بسیار خوب. امکان ارسال قالبی که دارید روش کار میکنید وجود داره؟ نقل قول لینک به ارسال
amirmt 0 ارسال شده در شهریور 96 مالک گزارش بازنشر ارسال شده در شهریور 96 به چه صورت نقل قول لینک به ارسال
amirmt 0 ارسال شده در شهریور 96 مالک گزارش بازنشر ارسال شده در شهریور 96 اسم قالبش alante gird نقل قول لینک به ارسال
mehran-b 2385 ارسال شده در شهریور 96 گزارش بازنشر ارسال شده در شهریور 96 در هم اکنون، amirmt گفته است : به چه صورت شما توی لوکال هاستتون از مسیر زیر: /word-mt/wp-content/themes/ اینجا پوشه تم های نصب شده روی وردپرستون هست پوشه این تم رو که دارید روش کار میکنید رو zip کنید و ارسال کنید. نقل قول لینک به ارسال
amirmt 0 ارسال شده در شهریور 96 مالک گزارش بازنشر ارسال شده در شهریور 96 /* 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%; } نقل قول لینک به ارسال
amirmt 0 ارسال شده در شهریور 96 مالک گزارش بازنشر ارسال شده در شهریور 96 این کدیه که روش کار میکنم نقل قول لینک به ارسال
amirmt 0 ارسال شده در شهریور 96 مالک گزارش بازنشر ارسال شده در شهریور 96 /* 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%; } نقل قول لینک به ارسال
mehran-b 2385 ارسال شده در شهریور 96 گزارش بازنشر ارسال شده در شهریور 96 با استایل قالب به تنهایی کاری نمیشه کرد باید کل فایل های قالب رو ارسال کنید. نقل قول لینک به ارسال
amirmt 0 ارسال شده در شهریور 96 مالک گزارش بازنشر ارسال شده در شهریور 96 میشه بیشتر راهنمایی کنید چه جوری کل قالب رو بفرستم نقل قول لینک به ارسال
mehran-b 2385 ارسال شده در شهریور 96 گزارش بازنشر ارسال شده در شهریور 96 (ویرایش شده) #header .sub-menu .menu-parent > a { padding-left: 20px; padding-right: 10px !important; } #header .header-links li a { text-align: right; } #header .sub-menu .menu-parent > a:before { text-align: left !important; content: "\f104" !important; right: 20px; left: auto !important; float: left !important; } کدهای بالا رو انتهای فایل style.css قالب اضافه کنید. ویرایش شده شهریور 96 توسط mehran-b نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .