/* Theme Name: PinPress Theme URI: http://artillegence.com/products?item=PinPress Author: Artillegence Author URI: http://artillegence.com/ Description: Advanced Blogging theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar,responsive-layout, fixed-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready Text Domain: ioa */ /*========================================= = Table of Contents = ========================================= 1. Icon Fonts 2. Base Css [ Reset / Common Stylings ] 3. Layout 4. Lightbox for Theme [ Prettyphoto] 5. Typography 6. Head Area Stylings 7. Title & Pages Stylings 8. Page Builder Stylings 9. Media Elements Stylings 10. Single Post Stylings 11. Single Portfolio Stylings 12. Footer Stylings 13. Sidebar & Footer Widgets Stylings ---- End of Table of Contents ------*/ /*========================================= = Icon Fonts = =========================================*/ @import url("sprites/fonts/_ioa_front.css"); @import url("sprites/fonts/th-fonts/themify-icons.css"); /*----- End of Import Font Icsons ------*/ /*============================================= = Base Css [ Reset / Common Stylings ] = =============================================*/ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(sprites/i/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(sprites/i/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(sprites/i/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(sprites/i/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(sprites/i/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_next:hover { background: url(sprites/i/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(sprites/i/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(sprites/i/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(sprites/i/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(sprites/i/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(sprites/i/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(sprites/i/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default .pp_gallery ul li a { background: url(sprites/i/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(sprites/i/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(sprites/i/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder { font-family: Georgia; font-style: italic; color: #999; font-size: 11px; left: 75px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 0 0 10px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7; } div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(sprites/i/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(sprites/i/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(sprites/i/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(sprites/i/prettyPhoto/default/loader.gif) center center no-repeat; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(sprites/i/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(sprites/i/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(sprites/i/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px; } div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff; } div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative; } div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff; } .pp_top, .pp_bottom { height: 20px; position: relative; } * html .pp_top, * html .pp_bottom { padding: 0 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. RESET 2. Events Pro 3. Basic Swiper Styles ----- End of Table of Contents ---------- */ /*============================= = RESET = =============================*/ html { box-sizing: border-box; } *, *:after { box-sizing: inherit; } body { margin: 0; padding: 0; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; height: auto; margin-bottom: 15px; margin-top: 15px; } .entry-content img, .entry-summary img, .comment-content img[height], img[class*=align], img[class*=wp-image-], img[class*=attachment-] { height: auto; } .entry-media img, img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } embed, iframe, object, video { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } div.page-wrapper img.alignleft { margin: 5px 30px 30px 0; } .wp-caption.alignleft { margin: 5px 30px 30px 0; } div.page-wrapper img.alignright { margin: 5px 0 30px 30px; } .wp-caption.alignright { margin: 5px 0 30px 30px; } div.page-wrapper img.aligncenter { margin: 10px auto; } div.page-wrapper img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #9d9fa1; font-size: 18px; font-style: italic; font-weight: 300; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline; zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, textarea { font-family: sans-serif; } a:focus { outline: none; } a:active, a:hover { outline: 0; } h1 { margin: .67em 0; } h2 { margin: .83em 0; } h4 { margin: 1.33em 0; } h5 { margin: 1.67em 0; } h6 { margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; white-space: normal; margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; vertical-align: middle; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; height: 13px; width: 13px; padding: 0; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .last { clear: right; } .first { clear: left; } .no-bottom-border { border-bottom: none !important; } textarea, input { outline: none; } pre { padding: 10px; border: 1px solid #e1e1e1; } table { width: 100%; margin-bottom: 30px; } table th { padding: 10px 20px; text-align: left; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } table tr th { border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; } table tr td { padding: 10px 20px; text-align: left; } form select, form input[type=password], form input[type=text], form input[type=email], form input[type=url] { padding: 12px 12px 11px 12px; border: none; width: 75%; color: #252729; border-radius: 0px; background: white; border: 1px solid #eaeaea; } form input[type=password]:focus, form input[type=text]:focus, form input[type=url]:focus, form input[type=email]:focus, form textarea:focus { background: #fafafa; color: #252729; border: 1px solid #e0e0e0; } form textarea { padding: 12px 10px; width: 100%; border: none; color: #252729; background: white; border: 1px solid #eaeaea; overflow: auto; border-radius: 0px; } form input[type=submit] { border: none; outline: none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } form input[type=submit]:hover { background: #252729; border-color: #252729; color: white; } iframe { border: none; outline: none; } input:-webkit-autofill { background-color: #252729; } input[type=text]:focus { outline: none; } .bypostauthor { display: block; } /*----- End of RESET ------*/ .box-model { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } ::selection { background: #9d9fa1; color: white; } /*================================== = Events Pro = ==================================*/ .ui-datepicker { z-index: 4 !important; } .em-toggle.hide { display: block; } .relative { position: relative; } /*----- End of Events Pro ------*/ .mejs-controls .mejs-time-rail span.mejs-offscreen, span.mejs-offscreen { display: none; } .mejs-container a:focus, .mejs-container a:active, .mejs-video, .wp-video-shortcode, .video-inner-wrap *, .wp-video:focus, .wp-video:active { box-shadow: none !important; outline: 0; } .wp-video-shortcode a, .wp-video-shortcode a:hover, .wp-video-shortcode a:active { display: none; box-shadow: none !important; } /*============================================== = Media Element Stylings = ==============================================*/ /** * * Animation Declarations * **/ @-webkit-keyframes iconScaleOut { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0); } } @keyframes iconScaleOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0); } } @-webkit-keyframes iconScaleIn { 0% { opacity: 0; -webkit-transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes iconScaleIn { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes FadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } @keyframes FadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } @-webkit-keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 0.9; } } @keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 0.9; } } @-webkit-keyframes ScaleOut { 0% { opacity: 0.9; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); } } @keyframes ScaleOut { 0% { opacity: 0.9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.2); } } @-webkit-keyframes ScaleIn { 0% { opacity: 0; -webkit-transform: scale(1.2); } 100% { opacity: 0.9; -webkit-transform: scale(1); } } @keyframes ScaleIn { 0% { opacity: 0; transform: scale(1.2); } 100% { opacity: 0.9; transform: scale(1); } } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; position: relative; } .modal-header .close { border: none; background: none; position: absolute; top: 5px; right: 5px; font-size: 24px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .modal-footer:after { clear: both; } /*----- End of Section comment block ------*/ /*============================================= = Layout = =============================================*/ /** * * Fixed Width Variables * **/ /** Sidebar Layout */ /** Double Sidebar Layout */ /*============================================ = Basic Layout Classes = ============================================*/ .left { float: left; } .right { float: right; } .last { padding-right: 0 !important; clear: right; margin-right: 0 !important; } .first { padding-left: 0 !important; clear: left; margin-left: 0 !important; } .auto_align { margin: 0 auto; } .skeleton { width: 1060px; position: relative; z-index: 1; } .layout-boxed div.inner-super-wrapper { width: 1160px; margin: 50px auto 0 auto; position: relative; z-index: 3; } .layout_element, .col { float: left; min-height: 1px; margin: 0px 50px 50px 0; padding: 0px; } .full, .full.layout_element { clear: both; width: 100%; padding-right: 0 !important; } /*----- End of Basic Layout Classes ------*/ /*============================================== = Container Based Layout = ==============================================*/ .one_half { width: 505px; } .one_third { width: 319.96467px; } .one_fourth { width: 227.5px; } .one_fifth { width: 172px; } .two_third { width: 689.92933px; } .three_fourth { width: 782.03704px; } .four_fifth { width: 838px; } /*----- End of Container Based Layout ------*/ /*======================================== = RAD Fluid Layout = ========================================*/ .full_width .layout_element, .nested .layout_element, .nested .col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full_width .layout_element, .full_width .col { margin: 0; } .nested .full, .full_width .full { clear: both; width: 100%; } .nested .one_half, .full_width .one_half { width: 50%; } .nested .one_third, .full_width .one_third { width: 33.333%; } .nested .one_fourth, .full_width .one_fourth { width: 25%; } .nested .one_fifth, .full_width .one_fifth { width: 20%; } .nested .two_third, .full_width .two_third { width: 66.66667%; } .nested .three_fourth, .full_width .three_fourth { width: 75%; } .nested .four_fifth, .full_width .four_fifth { width: 80%; } .nested .layout_element, .nested .col { padding: 15px; margin: 0; } /*----- End of RAD Fluid Layout ------*/ /*====================================== = Sidebar Layout = ======================================*/ .has-sidebar .layout_element, .has-sidebar .col { float: left; min-height: 1px; margin: 0px 30px 30px 0; padding: 0px; } .has-sidebar .one_half { width: 367.5px; } .has-sidebar .one_third { width: 234.9745px; } .has-sidebar .one_fourth { width: 168.75px; } .has-sidebar .one_fifth { width: 129px; } .has-sidebar .two_third { width: 499.949px; } .has-sidebar .three_fourth { width: 565.97222px; } .has-sidebar .four_fifth { width: 606px; } /*----- End of Sidebar Layout ------*/ /*====================================== = Double Sidebar Layout = ======================================*/ .sidebar-double-layout .layout_element, .sidebar-double-layout .col { float: left; min-height: 1px; margin: 0px 20px 20px 0; padding: 0px; } .sidebar-double-layout .one_half { width: 281.5px; } .sidebar-double-layout .one_third { width: 180.98057px; } .sidebar-double-layout .one_fourth { width: 130.75px; } .sidebar-double-layout .one_fifth { width: 100.6px; } .sidebar-double-layout .two_third { width: 381.96113px; } .sidebar-double-layout .three_fourth { width: 432.06481px; } .sidebar-double-layout .four_fifth { width: 462.4px; } /*----- End of Double Sidebar Layout ------*/ /*========================================== = Sidebar Structure = ==========================================*/ .mutual-content-wrap { position: relative; z-index: 1; } .sidebar { margin-bottom: 50px; position: relative; z-index: 2; margin-top: 50px; } /* == Right Sidebar ========================== */ .has-left-sidebar { float: right; width: 795px; } .left-sidebar.sidebar { float: left; width: 240px; padding-right: 25px; border-right: 1px solid #e1e1e1; } /* == Left Sidebar ========================== */ .has-right-sidebar { float: left; width: 795px; } .right-sidebar.sidebar { float: right; width: 240px; padding-left: 25px; margin-left: 25px; border-left: 1px solid #e1e1e1; } /*========== Double Left Sidebar ==========*/ .has-double-left-sidebar { float: right; width: 583px; padding-left: 0; } .double-left-sidebar.sidebar { float: left; width: 218.5px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #e1e1e1; } /*========== Double Right Sidebar ==========*/ .has-double-right-sidebar { float: left; width: 583px; padding-left: 0; } .double-right-sidebar.sidebar { float: right; width: 218.5px; padding-left: 20px; margin-left: 20px; border-left: 1px solid #e1e1e1; } #sidebar_1.double-sidebar { border-left: 1px solid #e1e1e1; } #sidebar.double-sidebar { border-right: 1px solid #e1e1e1; } /*========== Double Sidebars with content in center ==========*/ .has-double-sidebar { float: right; width: 583px; padding-left: 0; } .double-sidebar.sidebar { float: right; width: 218.5px; padding-left: 20px; margin-left: 20px; } #sidebar.double-sidebar.sidebar { float: left; padding-left: 0; padding-right: 20px; margin-right: 20px; } /* Sticky Sidebars */ .sticky-right-sidebar .sidebar-inner-wrap { width: 240px; } .sticky-left-sidebar .sidebar-inner-wrap { width: 240px; } /* == Sticky Left Sidebar ========================== */ .has-sticky-left-sidebar { float: right; width: 795px; } .sticky-left-sidebar.sidebar { float: left; width: 265px; padding-right: 25px; margin-right: 25px; } /* == Sticky Right Sidebar ========================== */ .has-sticky-right-sidebar { float: left; width: 795px; } .sticky-right-sidebar.sidebar { float: right; width: 265px; padding-left: 25px; margin-left: 25px; } .sticky-wrapper .sidebar-inner-wrap { width: 219px; } /*----- End of Sidebar Structure ------*/ #layout_engine_overlay { position: absolute; background-color: rgba(61, 133, 201, 0.3); z-index: 1000000; pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*----- End of Section comment block ------*/ /*============================================= = Typography = =============================================*/ /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. Typographic Declarations for the Theme 2. Typographic Elements ----- End of Table of Contents ---------- */ /*============================================================== = Typographic Declarations for the Theme = ==============================================================*/ body { font-family: "Open Sans", "Helvetica", "Arial" sans-serif; font-size: 14px; font-weight: 400; line-height: 1.9; color: #252729; } strong { color: inherit; } body a { color: #9d9fa1; } body a:hover { color: #252729; } /*========== Headings ==========*/ h1 { margin: 0 0 15px; padding: 0; font-size: 40px; color: #252729; line-height: 1.4; } h2 { margin: 0 0 15px; padding: 0; font-size: 32px; color: #252729; line-height: 1.4; } h3 { margin: 0 0 15px; padding: 0; font-size: 24px; color: #252729; line-height: 1.4; } h4 { margin: 0 0 15px; padding: 0; font-size: 18px; color: #252729; line-height: 1.4; } h5 { margin: 0 0 15px; padding: 0; font-size: 18px; color: #252729; line-height: 1.4; } h6 { margin: 0 0 15px; padding: 0; font-size: 12px; color: #252729; line-height: 1.4; } /*----- End of Typography Section ------*/ /*============================================ = Typographic Elements = ============================================*/ /*========== Drops ==========*/ .drop-cap { float: left; padding: 0 30px; color: #252729; font-size: 32px; font-weight: 600; margin: 0; } /*========== Blockquotes ==========*/ .page-content blockquote.blockquote-right { max-width: 40%; margin: 0 0 30px 30px; float: right; text-align: right; padding-right: 0; padding-top: 0; } .page-content blockquote.blockquote-left { max-width: 40%; margin: 0 30px 30px 0; float: left; text-align: left; padding-left: 0; padding-top: 0; } .blockquote-wrap i { display: block; top: 9px; font-size: 16px; left: 9px; position: absolute; } .page-content blockquote, .blockquote-wrap blockquote { position: relative; margin: 10px 0; padding: 30px 20px; color: #9d9fa1; font-size: 18px; text-align: center; font-style: italic; } .bottom-quote-wrap { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .quote-cap { position: absolute; top: 5px; right: 5px; background: #9d9fa1; padding: 15px; color: white; font-size: 48px; line-height: 1; border-radius: 100%; } .full_width .blockquote-wrap { padding: 30px; } /*========== Highlighter ==========*/ .highlighter-p { display: inline-block; padding: 1px 8px; background: #9d9fa1; color: white; border-radius: 0px; } .highlighter-s { display: inline-block; padding: 1px 8px; background: #252729; color: white; border-radius: 0px; } .highlighter-p-color { color: #9d9fa1; } /*========== Magic List ==========*/ ul.magic-list { padding: 0; margin: 0; } ul.magic-list li { padding: 0; margin: 0 0 20px 0; list-style: none; position: relative; min-height: 20px; } ul.magic-list li .icon-area { position: absolute; left: 0; top: 3px; font-size: 24px; line-height: 1; } ul.magic-list li .desc-area { margin-left: 30px; font-size: 16px; } /* ========= Lightbox Widget ========== */ a.shortcode-lightbox { text-decoration: none; display: inline-block; border-bottom: 1px solid #9d9fa1; position: relative; } a.shortcode-lightbox:hover { border-color: #252729; } /*----- End of Typographic Elements ------*/ /*----- End of Section comment block ------*/ /*============================================= = Head Area Stylings = =============================================*/ /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. Top Area Blocks Stylings 2. General Head Structure & Stylings 3. Head Major Elements Stylings 4. Head Area Styles & Sidebar Area Stylings 5. Compact Bar ----- End of Table of Contents ---------- */ /*========================================================= = Top Area Blocks Stylings = =========================================================*/ .super-head-wrap { position: relative; z-index: 24; } .head-positon-overlap .super-head-wrap { position: absolute; top: 0; left: 0; width: 100%; } .header-cons-area > div { background: #252729; position: relative; } #top_bar .left-area, #top_bar .center-area, #top_bar .right-area, #top_bar .social-set ul li { height: 50px; line-height: 50px; } #top_bar { height: 50px; background: #202123; border-bottom: 1px solid #2f3033; } #top_bar .left-area .h-widget { float: left; margin: 0; } #top_bar .right-area .h-widget { float: left; margin: 0; } #top_bar .theme-header .menu-bar .menu > li:first-child { border-left: 1px solid #2f3033; } #top_bar .theme-header .menu-bar .menu > li { border-right: 1px solid #2f3033; top: -2px; } #top_bar .theme-header .menu-bar .menu > li:hover > a { background: none; } #main_bar .left-area, #main_bar .center-area, #main_bar .right-area, #main_bar .social-set ul li { height: 100px; line-height: 100px; } #main_bar { height: 100px; background: #252729; border-bottom: 1px solid #252729; } /*----- End of Top Area Blocks Stylings ------*/ /*========================================================= = General Head Structure & Stylings = =========================================================*/ .top-ad-zone, .bottom-ad-zone { margin: 20px 0; } .theme-header { line-height: 1; /* The Whole Header needs to have 1 for consistent browser paddings */ z-index: 12; position: relative; } .head-fluid .skeleton { width: 96%; } .header-cons-area .center-area { text-align: center; } .header-cons-area .left-area { float: left; } .header-cons-area .right-area { float: right; } .header-cons-area { position: relative; z-index: 20; } #top_bar .social-set ul li span.social-block { background: #202123; } .left-area .h-widget { float: left; margin-right: 10px; } .right-area .h-widget { float: left; margin-left: 10px; } .center-area .h-widget { display: inline-block; vertical-align: middle; margin: 0 10px; } .center-area #logo { margin: 0 10px; vertical-align: top; } .center-area .h-widget .menu-wrapper { top: -2px; } .left-area .h-widget:first-child { margin-left: 0px; } .right-area .h-widget:last-child { margin-right: 0px; } #mlogo { margin-right: 50px; display: block; position: absolute; left: 15px; top: 0; height: 100%; line-height: 60px; width: auto; } #mlogo img { display: inline-block; vertical-align: middle; margin: 0 auto; max-width: 100%; height: auto; max-height: 100%; width: auto; } a.mobile-menu { position: absolute; top: 50%; right: 15px; z-index: 2; font-size: 18px; margin-top: -9px; width: 18px; height: 18px; text-decoration: none; } a.mobile-menu i { position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; color: white; } a.mobile-menu .default-icon { z-index: 2; } a.mobile-menu .close-icon { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); z-index: 4; } .showMobileMenu a.mobile-menu .default-icon { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .showMobileMenu a.mobile-menu .close-icon { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .mobile-header { position: relative; min-height: 60px; display: none; background: #252729; } .mobile-menu-wrap { position: fixed; top: 0px; right: 0; width: 250px; height: 100%; overflow: auto; z-index: 1; background: #252729; display: none; } .mobile-menu-list { padding: 0; margin: 0; display: block; } .mobile-menu-list > li:first-child { border-top: 1px solid #343a43; } .mobile-menu-list li { padding: 13px 0px; border-bottom: 1px solid #343a43; list-style: none; position: relative; } .mobile-menu-list li > a { padding-left: 15px; } .mobile-menu-list li a { color: #252729; display: block; text-decoration: none; position: relative; z-index: 1; margin-right: 30px; } .mobile-menu-list li a:hover { color: white; } .sub-menu-toggle { float: right; cursor: pointer; margin: 0px 0px 0 0; font-size: 11px; padding: 10px; color: #252729; border: 1px solid #343a43; position: absolute; z-index: 12; top: 6px; right: 6px; } .sub-mobile-menu { padding: 0; margin: 0; border-top: 1px solid #343a43; margin-top: 10px; display: none; } .sub-mobile-menu li { padding: 10px 0px 10px 0px; border-bottom: 1px solid #343a43; list-style: none; } .sub-mobile-menu li:last-child { border-bottom: none; padding-bottom: 0px; } .sub-mobile-menu h6 { margin-bottom: 0; padding-left: 30px; } .sub-mobile-menu > li > a { padding-left: 30px; } .sub-mobile-menu .sub-mobile-menu > li > a { padding-left: 60px; } /*----- End of General Head Structure & Stylings ------*/ /*==================================================== = Head Major Elements Stylings = ====================================================*/ /*========== Text Element ==========*/ .center-area .h-widget.top-text { line-height: 1.4; } .top-text, .top-text p { margin-bottom: 0; margin-top: 0px; color: #aaaaaa; } .top-text p strong { color: #aaaaaa; } .top-text a { color: #252729; font-size: 11px; font-weight: 700; margin-right: 5px; margin-left: 5px; text-decoration: none; } .top-text a:hover { color: #252729; text-decoration: none; } .top-text i.shortcode-icon { margin-left: 18px; } .top-text i.shortcode-icon:first-child { margin-left: 0; } /*========== Logo Element ==========*/ #logo { display: inline-block; position: relative; margin: 0; } #logo img { display: inline-block; height: auto; vertical-align: middle; width: auto; max-width: 100%; } /** Stylings for Text logo */ .text-logo { vertical-align: middle; text-decoration: none; } .text-logo > div { display: inline-block; vertical-align: middle; } .text-logo h1.logo-text { text-decoration: none; font-size: 24px; color: #252729; line-height: 1; display: block; margin: 0; } /*========== Menu Element ==========*/ .menu-wrapper { position: relative; z-index: 26; } .menu-wrapper .menu { position: relative; } .theme-header .m-el { position: relative; z-index: 3; } .theme-header .menu > li:hover > a { color: white; } /* Current Top Level Menu anchor Styling */ .theme-header .menu-bar .menu > li.current_page_item > a, .theme-header .menu-bar .menu > li.current-menu-ancestor > a, .theme-header .menu-bar .menu > li.current-menu-item > a { color: #252729; border-color: white; background: white; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .theme-header .menu-bar .menu > li:hover > a { color: #252729; border-color: white; background: white; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* Current Sub Menu Item Styling */ .theme-header .menu-bar .sub-menu .menu li ul.sub-menu li.current-menu-item > a, .theme-header .menu-bar .menu li ul.sub-menu li.current_page_item > a, .theme-header .menu-bar .menu li ul.sub-menu li.current-menu-parent > a { color: #9d9fa1; } .theme-header .menu > li > a span.menu-arrow { top: 50%; margin-top: -5px; right: 12px; font-size: 11px; z-index: 2; color: inherit; position: absolute; } .theme-header .menu-bar ul.sub-menu li a span.menu-arrow { top: 18px; right: 20px; font-size: 18px; position: absolute; } /* Sub Menu Stylings */ .theme-header .menu-bar li ul.sub-menu { display: none; } .theme-header .menu-bar li.relative ul.sub-menu { display: none; left: 6px; z-index: 5; background: white; position: absolute; top: 100%; width: 220px; margin: 0; padding: 0; box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1); line-height: 1.6; } .theme-header .menu-bar ul.sub-menu ul.sub-menu { left: 220px; top: 0px; margin-top: 0; } .theme-header .menu-bar ul.sub-menu li { padding: 0; margin: 0; display: block; position: relative; border-bottom: 1px solid #e1e1e1; } .theme-header .menu-bar ul.sub-menu li a { text-decoration: none; padding: 12px 23px 13px; display: block; margin: 0px; color: #252729; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; } .theme-header .menu-bar ul.sub-menu li.last-child a { border-bottom: none; } /* Invisible Holder for better usability */ .faux-holder { position: absolute; top: -7px; left: 0; right: 0; height: 15px; display: block; } .sub-menu .sub-menu .faux-holder { height: 100%; left: -50px; right: auto; top: 0; width: 52px; } /* Edge Detection Styling */ .theme-header .menu-bar li.forceRightChain ul.sub-menu li { text-align: right; } .theme-header .menu-bar li.forceRightChain ul.sub-menu li a span.menu-arrow { top: 50%; margin-top: -4px; right: auto; left: 18px; font-size: 11px; position: absolute; } .theme-header .menu-bar li.forceRightChain > ul.sub-menu { left: -220px; right: auto; } .theme-header .menu-bar .menu > li.forceRightChain > ul.sub-menu { left: auto; right: 0; } /* Top Level Menu Stylings */ .theme-header .menu-bar .menu { padding: 0; margin: 0; } .theme-header .menu-bar span.menu-subtitle { display: block; text-align: center; font-size: 11px; line-height: 1; } .theme-header .menu-bar .menu ul.sub-menu li:hover > a { color: #9d9fa1; } .theme-header .menu-bar .menu > li { display: block; float: left; margin: 0; z-index: 9; position: relative; top: 0px; border-bottom: 1px solid transparent; } .theme-header .menu-bar .menu > li:hover { z-index: 15; } .theme-header .menu-bar .menu > li:first-child { margin-left: 0; } .theme-header .menu > li > a { text-align: center; display: inline-block; font-size: 11px; padding: 7px 10px; margin: 0 6px; position: relative; text-decoration: none; z-index: 3; color: #9d9fa1; text-transform: uppercase; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; } .theme-header .menu > li > a > .hover-element { height: 0; position: absolute; bottom: 0; left: -6px; right: -6px; display: block; transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .theme-header .menu > li:hover > a > .hover-element, .theme-header .menu > li.menu-item-object-category.current-menu-item > a > .hover-element { height: 100%; } .theme-header .menu > li.hasDropDown > a { padding-right: 28px; } .theme-header .menu-bar .menu > li:hover > a { background: white; } .theme-header .menu > li > a { padding: 0px 10px; border: 1px solid transparent; border-radius: 0px; } #top_bar .theme-header .menu > li > a { border: none; } #main_bar .theme-header .menu-bar .menu > li > a { line-height: 1; padding: 15px 22px; vertical-align: bottom; border: none; } #main_bar .theme-header .menu > li.hasDropDown > a { padding-right: 28px; } /** Mega Menu Styling */ .theme-header.no-title { margin-bottom: 40px; } .theme-header .menu-bar li div.sub-menu ul.sub-menu { display: block; margin: 15px 0px; padding: 0px; } div.sub-menu { display: none; box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.15); background: white; position: absolute; top: 100%; left: 4px; margin: 0px 0 0 0; padding: 0; z-index: 2; line-height: 1.5; } .theme-header .menu-bar div.sub-menu ul.sub-menu li { border-bottom: none; } div.sub-menu > div { width: 211px; float: left; margin: 0; position: relative; box-sizing: border-box; } div.sub-menu > div:first-child ul.sub-menu { border-left: none; } div.sub-menu > div ul.sub-menu { border-left: 1px solid rgba(255, 255, 255, 0.14); } div.sub-menu > div ul.sub-menu li a strong { background: #9d9fa1; color: white; font-size: 11px; padding: 3px 6px; border-radius: 3px; display: inline-block; margin-left: 4px; float: right; } div.sub-menu > div.m_full { width: auto; } div.sub-menu > div.m_one_half { width: 529px; } div.sub-menu > div.m_one_third { width: 352px; } div.sub-menu > div.m_one_fourth { width: 264px; } div.sub-menu > div h6 { padding: 20px 30px; line-height: 1.4; margin: 0px; font-size: 12px !important; color: #252729; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; border-bottom: 1px solid white; } div.sub-menu > div h6 a { text-decoration: none; color: inherit; } .theme-header .menu-bar div.sub-menu ul.sub-menu li:last-child a { border-bottom: none; } .theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li { padding: 0; } .theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li a { padding: 14px 30px; margin: 0; } .theme-header .menu-bar .menu li div.sub-menu ul.sub-menu li:hover a { text-decoration: none; } div.posts-menu-widget .layout_element { margin-bottom: 0; } ul.ajax-cat-menus { margin: 15px 0; padding: 0; border-right: 1px solid #e1e1e1; } ul.ajax-cat-menus li { margin: 0; padding: 15px; text-align: right; cursor: pointer; border-bottom: 1px solid #e1e1e1; color: #252729; } ul.ajax-cat-menus li:last-child { border-bottom: none; } ul.ajax-cat-menus li.active { color: #9d9fa1; } ul.ajax-menu-posts { margin: 30px 0 15px 0; padding: 0; min-height: 200px; position: relative; } ul.ajax-menu-posts > li { padding: 0px 15px; min-height: 10px; position: relative; margin: 0; float: left; width: 25%; } ul.ajax-menu-posts .image { position: relative; top: auto; left: auto; width: auto; } ul.ajax-menu-posts .image img { margin-right: 0px; display: block; border-radius: 0px; width: 100%; height: auto; } ul.ajax-menu-posts .description { float: none; margin-left: 0; margin-top: 15px; } ul.ajax-menu-posts .description p { padding: 0; margin: 5px 0 0; } ul.ajax-menu-posts .description h5 { margin-bottom: 5px; margin-top: 10px; line-height: 1.4; font-size: 16px; } ul.ajax-menu-posts .description h5 a { word-break: initial; color: #252729; text-decoration: none; display: block; } ul.ajax-menu-posts .description h5 a:hover { border-bottom: none; color: #9d9fa1; } ul.ajax-menu-posts div.post-cats { margin: 5px 0; padding: 5px 0; } .hide-animation div.hover-overlay { opacity: 0; } /*========== Ajax Search Element ==========*/ /* Ajax Search Button */ a.ajax-search-trigger { background: white; font-size: 13px; display: inline-block; padding: 13px 14px; color: white; text-decoration: none; position: relative; border-radius: 0px; } a.ajax-search-trigger:hover { color: #9d9fa1; } a.ajax-search-trigger i { line-height: 1; display: block; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; } a.ajax-search-trigger.active i.trigger-search-icon { opacity: 0.3; } #main_bar a.ajax-search-trigger { background: white; color: #252729; padding: 15px 17px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; vertical-align: bottom; } /* Ajax Search Panel */ a.ajax-search-trigger.active { color: #9d9fa1; } div.ajax-search { margin: 0 auto; position: relative; z-index: 25; } div.ajax-search-pane { background: #fff; display: none; width: 400px; border-radius: 0px; box-shadow: 0px 9px 7px 3px rgba(0, 0, 0, 0.11); position: absolute; top: 100%; right: 0; } .left-area div.ajax-search-pane { right: auto; left: 0; } .menu_layers.left div.ajax-search-pane { right: auto; left: 0; } div.ajax-search-pane div.form { padding: 0px; position: relative; } div.ajax-search-pane div.form input[type=submit] { display: none; } div.ajax-search-pane div.form input[type=text] { width: 85%; background: transparent; border: none; outline: none; padding: 10px 10px; font-weight: 100; color: #111111; font-size: 15px; border: 1px solid rgba(0, 0, 0, 0.07); margin: 0px 0px 0px 30px; border-radius: 0px; font-style: italic; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) inset; } div.ajax-search-pane div.form label { text-align: center; color: #b8bcc0; font-size: 11px; display: block; } a.ajax-search-close { position: absolute; top: 5px; right: 8px; color: #111; font-size: 9px; z-index: 3; } span.search-loader { background: url(sprites/i/loader.gif) center center no-repeat white; padding: 4px; display: none; width: 16px; height: 16px; position: absolute; top: 41px; right: 41px; } div.ajax-search h4.no-results { display: none; padding: 15px; text-align: center; } div.search-results { min-height: 0px; display: none; } div.search-results strong { color: white; } div.search-results ul { margin: -10px 0 0 0; padding: 0 30px 0 30px; } div.search-results ul li { list-style: none; margin: 10px 0 10px 0; border-top: 1px solid rgba(0, 0, 0, 0.07); padding: 15px 0 10px 0; position: relative; } div.search-results ul li:last-child { border-bottom: none; } div.search-results ul li.not-found { text-align: center; padding: 10px; margin: 0; } div.search-results ul li div.image { float: left; margin-right: 5px; width: 60px; } div.search-results ul li div.image img { display: block; border-radius: 0px; } div.search-results ul li div.desc.hasImage { width: 225px; float: left; } div.search-results ul li div.desc span.date { font-size: 12px; margin-top: -2px; display: block; line-height: 1; } div.search-results ul li h5 { margin: 0 50px 5px 0; padding: 0; line-height: 12px; font-weight: 700; } div.search-results ul li h5 a { color: #9d9fa1; font-size: 15px; text-decoration: none; word-wrap: break-word; line-height: 1.2; } div.search-results ul li h5 a:hover { color: #252729; } div.search-results ul li a.view-all { border-radius: 0px; text-decoration: none; font-weight: 600; color: #fff; text-align: center; padding: 15px 10px; display: block; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 10px 18px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; font-size: 15px; margin-top: 10px; position: relative; display: block; line-height: 1; margin-bottom: 15px; } div.search-results ul li a.view-all:hover { background: #252729; border-color: #252729; color: white; } div.search-results ul li a.view-all span { opacity: 0; position: absolute; border-radius: 100%; padding: 5px; border: 1px solid #fff; font-size: 11px; top: 18px; right: 75px; } div.ajax-search-pane span.tip { color: #fff; font-size: 30px; top: -20px; right: 6px; position: absolute; text-shadow: 0px -3px 4px rgba(0, 0, 0, 0.08); } /*========== WPML Stylings ==========*/ a.wpml-lang-selector { position: relative; z-index: 2; text-decoration: none; color: #9d9fa1; padding: 0px 15px 0px 15px; font-size: 12px; display: block; } a.wpml-lang-selector i { margin: 4px 5px 0 0; } div.wpml-selector { position: relative; } div.wpml-selector ul { display: none; padding: 0px; margin: 0; width: 150px; position: absolute; top: 90%; left: 0px; background: white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); z-index: 10; line-height: 1; } div.wpml-selector ul i { position: absolute; top: -12px; left: 66px; margin: 0; font-size: 18px; color: white; } @-moz-document url-prefix() { div.wpml-selector ul i { top: -13px; } } div.wpml-selector ul li { margin: 0; padding: 0; list-style: none; position: relative; z-index: 1; } div.wpml-selector ul li a { font-size: 11px; padding: 10px 11px; color: #252729; text-decoration: none; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } div.wpml-selector ul li.last a { border-bottom: none; } div.wpml-selector ul li a:hover { color: #9d9fa1; } /*========== Search Bar ==========*/ .theme-header .search-input { width: 100%; position: relative; display: inline-block; border: 1px solid #ddd; background: #fff; } .theme-header #searchsubmit { display: none; } .theme-header #searchform input[type=text] { padding: 8px 10px; border: none; background: none; float: none; background: none; margin-right: 63px; display: block; width: 140px; color: #252729; font-size: 12px; } .theme-header .proxy-search { position: absolute; text-decoration: none; color: #252729; font-size: 14px; top: 0; right: 1px; padding: 8px; } /*========== AJAX Woo Commerce Cart ==========*/ .ajax-cart { position: relative; } .ajax-cart > span { display: inline-block; margin-left: 15px; } a.ajax-cart-trigger { padding: 10px 0px 10px 4px; position: relative; margin: 0px 10px 0 0; text-decoration: none; position: relative; display: inline-block; line-height: 1; background: #9d9fa1; border-radius: 0px; font-size: 12px; } a.ajax-cart-trigger span.subtotal { color: #fff; padding: 4px 6px; font-weight: 600; } a.ajax-cart-trigger span.item-count { background: #252729; color: white; padding: 4px 6px; border-radius: 0px; margin: 5px; } /*----- End of Head Major Elements ------*/ /*=================================== = Compact Bar = ===================================*/ .admin-bar div.compact-bar { top: 32px; } div.compact-bar { background: #fafafa; padding: 0; visibility: visible; position: fixed; top: -70px; left: 0; width: 100%; z-index: 9999; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); transition: top 0.3s ease-in-out; -webkit-transition: top 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } div.compact-bar #clogo { float: left; margin-top: 0px; height: 43px; vertical-align: middle; line-height: 43px; } div.compact-bar #clogo img { display: inline-block; max-height: 43px; width: auto; vertical-align: middle; } div.compact-bar .menu-wrapper { float: right; line-height: 45px; height: 45px; } div.compact-bar .menu-wrapper .menu > li > a { font-size: 11px; } div.compact-bar.theme-header .menu-bar li.relative ul.sub-menu a { font-size: 10px; } /*----- End of Compact Bar ------*/ .text-align-center { text-align: center; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .text-align-left .menu-bar .menu > li > a { text-align: left; } .text-align-right .menu-bar .menu > li > a { text-align: right; } div.menu-sidebar .sidebar-wrap .heading { color: #252729; border-color: #252729; } div.menu-sidebar .sidebar-wrap .heading span { border-color: #252729; } div.menu-sidebar div.sidebar-wrap a { color: #252729; } div.menu-sidebar div.sidebar-wrap a:hover { color: #9d9fa1; } div.menu-sidebar .sidebar-wrap ul li { border-bottom: none; padding: 6px 0; } div.menu-sidebar .sidebar-wrap .widget-posts.post-list-full > li { border-bottom: none; margin: 15px 0 0 0px; padding-left: 25px; width: 33%; float: left; } div.menu-sidebar .sidebar-wrap .widget-posts.post-list-small > li { border-bottom: none; padding: 0; } div.menu-sidebar .sidebar-wrap .widget-posts.post-list-full > li:first-child { padding-left: 0; } div.menu-sidebar, div.menu-sidebar li, div.menu-sidebar p { color: #4e4f50; } div.menu-sidebar .widget_nav_menu i.ioa-front-icon { margin-right: 5px; color: #252729; } div.menu-sidebar .sidebar-wrap .widget-posts.post-list-full .description h5, div.menu-sidebar .sidebar-wrap .widget-posts.post-list-small .description h5 a { color: #252729; } div.menu-sidebar div.post-cats span.date { color: #4e4f50; } /*----- End of Sidebar Stylings ------*/ a.head-button { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 10px 15px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; display: inline-block; line-height: 1; margin: 0px 10px; } a.head-button:hover { background: #252729; border-color: #252729; color: white; } div.top-area-ads-inner { height: 250px; width: 970px; margin: 20px auto 0px auto; background: #fff; } #reading-progress-meter { position: fixed; top: 80px; bottom: 80px; padding-bottom: 3px; left: 30px; width: 7px; opacity: 0; background: rgba(0, 0, 0, 0.15); border-radius: 0px; z-index: 9999; transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; } #reading-progress-meter div { width: 7px; background: #9d9fa1; position: absolute; top: 0px; left: 0px; border-radius: 0px; height: 0; } #reading-progress-meter span.indicator { width: 16px; height: 16px; background: #9d9fa1; line-height: 1; display: block; position: absolute; bottom: 0; left: 0px; margin-left: -5px; border-radius: 100%; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s; -webkit-transition: all 0.3s; -webkit-animation: iconScaleOut 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; animation: iconScaleOut 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } #reading-progress-meter.reading span.indicator { -webkit-animation: iconScaleIn 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; animation: iconScaleIn 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; cursor: pointer; } #reading-progress-meter span.indicator.pinning { background: url(sprites/i/pin_loader.gif) center center no-repeat white; width: 32px; height: 32px; left: -8px; bottom: -8px; opacity: 0.9; } #reading-progress-meter i { color: #fff; font-size: 12px; position: absolute; top: 8px; left: 12px; opacity: 0; -webkit-transition: all 0.2s ease; } #reading-progress-meter i.pin-success { left: 6px; } #reading-progress-meter i.ok-2icon- { left: 10px; } #reading-progress-meter .indicator small { position: absolute; bottom: -3px; left: 17px; padding: 5px 8px; font-size: 11px; border-radius: 0px; background: rgba(0, 0, 0, 0.75); color: #fff; -webkit-font-smoothing: subpixel-antialiased; } #reading-progress-meter.reading span.indicator:hover { width: 32px; height: 32px; left: -8px; bottom: -8px; } #reading-progress-meter.reading span.indicator:hover small { display: none; } #reading-progress-meter.reading span.indicator:hover i { opacity: 1; top: 10px; } #reading-progress-meter .tooltip { left: 11px; bottom: 16px; top: auto; margin-left: 0; } /** Head Tabs */ ul.proxy-super-page-nav { padding: 0; margin: 0; } ul.proxy-super-page-nav li.active a { border-radius: 0px; background: none; color: white; } ul.proxy-super-page-nav li.active { background: #343a43; border-left: 1px solid rgba(0, 0, 0, 0.4); border-right: 1px solid rgba(0, 0, 0, 0.4); top: 0px; } ul.proxy-super-page-nav li a { color: #9d9fa1; padding: 15px 30px; text-decoration: none; color: #fff; } ul.proxy-super-page-nav li a:hover { border-radius: 0px; background: none; color: white; } ul.proxy-super-page-nav li { float: left; list-style: none; } /*----- End of Section comment block ------*/ /*============================================= = Title & Pages Stylings = =============================================*/ /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. General Styling 2. Custom Scrollbar 3. Splash Screen Stylings 4. Featured Media Stylings 5. Page Title Stylings 6. Title Intro Animations 7. Title Alignment Stylings 8. Layout Related Stylings 9. Breadcrumbs Stylings 10 . 404 Styling 11. Sitemap Stylings 12. Contact Form 7 Stylings 13. Pagination Stylings 14. Filter Stylings ----- End of Table of Contents ---------- */ /*======================================= = General Styling = =======================================*/ body { overflow-x: hidden; } .super-wrapper { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; z-index: 2; } .inner-super-wrapper { background: white; position: relative; z-index: 7; } .super-overlay-block { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .pp_inline video { width: 100%; min-height: 270px; } /* Side Layout */ .layout-side div.inner-super-wrapper { margin-left: 280px; } /*----- End of General Styling ------*/ /*======================================== = Custom Scrollbar = ========================================*/ /*----- End of Custom Scrollbar ------*/ div.super-page-nav-wrap { background-color: #f8f7f8; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f0f2)); background-image: -webkit-linear-gradient(top, white, #f1f0f2); background-image: -moz-linear-gradient(top, white, #f1f0f2); background-image: -o-linear-gradient(top, white, #f1f0f2); background-image: -ms-linear-gradient(top, white, #f1f0f2); background-image: linear-gradient(top, #ffffff, #f1f0f2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f1f0f2'); border-bottom: 1px solid #e6e6e6; } div.super-page-tabs { margin-top: 0px; } div.super-page-tabs ul.super-page-nav { margin: 0 auto; } div.super-page-tabs.ui-tabs > .ui-tabs-panel { padding: 0; } div.super-page-tabs.ui-tabs ul.super-page-nav.ui-tabs-nav li a { padding: 21px 35px 20px 35px; top: 1px; position: relative; } div.super-page-tabs.ui-tabs ul.super-page-nav.ui-tabs-nav { border-bottom: none; } div.super-page-tabs.ui-tabs ul.super-page-nav.ui-tabs-nav li.ui-tabs-active a, div.super-page-tabs.ui-tabs ul.super-page-nav.ui-tabs-nav li:hover a { border-radius: 0px; color: #252729; background: white; margin-top: 0; } div.super-page-tabs.ui-tabs ul.super-page-nav.ui-tabs-nav li.ui-tabs-active a { box-shadow: 0px -2px 2px 0px #e3e3e3; } div.add-new-pin { margin: 25px 25px 25px 0; padding: 30px; border: 1px dashed #9d9fa1; color: #9d9fa1; float: left; cursor: pointer; } .ui-tabs .ui-tabs-nav li span.pin-counter { width: 20px; height: 20px; display: block; position: absolute; top: 4px; right: 23px; background: #9d9fa1; color: white; text-align: center; padding: 6px 0 0 0; font-size: 10px; border-radius: 100%; font-weight: 700; opacity: 0; transition: all 0.4s ease; transform: scale(0); } .pinned .pin-counter { opacity: 1; transform: scale(1); } #pin-counter i { margin: 0; } /*================================================ = Featured Media Stylings = ================================================*/ .mutual-content-wrap > img { margin: 30px auto; display: block; max-width: 100%; border-radius: 0px; } div.page-wrapper img { width: auto; max-width: 100%; margin: 0 auto; height: auto; border-radius: 0px; } div.page-wrapper div.googlemap-inner-wrap img { max-width: none; } div.single-image, div.single-video, div.product-gallery { position: relative; margin-bottom: 30px; } div.single-image img { display: block; max-width: 100%; height: auto; width: 100%; border-radius: 0px; } div.full-video-wrap, div.full-media { width: 100%; height: 450px; overflow: hidden; margin-bottom: 30px; position: relative; padding: 15px; } div.full-media img { display: block; width: 100%; border-radius: 0; } div.small-media { display: none; } .no-post-thumb { display: none; } .featured-wrap { position: relative; z-index: 2; } .featured-wrap.no-post-thumb { margin-bottom: 0; } .gm-style-iw { color: #333; } div.single-video iframe, div.single-video video { display: block; width: 100%; } /*----- End of Featured Media Stylings ------*/ /*=========================================== = Page Title Stylings = ===========================================*/ /* Faux Wrapper for Top Area */ div.supper-top-wrap { position: relative; z-index: 80; -webkit-font-smoothing: subpixel-antialiased; } h3.author-heading { margin-top: 25px; margin-bottom: 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; } div.author-title { padding: 25px 0; background: #9d9fa1; } div.author-title h3 { margin: 0; color: white; } div.author-title div.layout_element { margin-bottom: 0; } div.author-avatar { border: 5px solid white; margin-top: -35px; border-radius: 0px; } div.author-avatar img { border-radius: 0; display: block; } div.author-social-area a { float: left; width: 45px; text-align: center; height: 45px; text-decoration: none; background: #9d9fa1; line-height: 1; color: white; padding: 14px 0 0 0; font-size: 18px; border-radius: 0px; margin-right: 5px; } div.misc-title-wrap .layout_element { margin-bottom: 0; } /*=============================================== = Layout Related Stylings = ===============================================*/ .mutual-content-wrap { margin-bottom: 0px; margin-top: 0px; } .mutual-content-wrap img { margin-top: 15px; margin-bottom: 15px; } .mutual-content-wrap p:first-child { padding-top: 0; } .mutual-content-wrap p { padding: 0 0 30px 0; margin: 0; } /*========== Page Structure Stylings ==========*/ div.page-wrapper { position: relative; z-index: 5; } .page-content img { max-width: 100%; height: auto; margin: 30px auto 0; } div.single-post-content .page-content { padding-bottom: 0; } .page-content p:first-child { margin-top: 0; } .page-content p:last-child { margin-bottom: 0; } .blog-misc-page .posts > li { border-bottom: 1px dashed #e1e1e1; padding-bottom: 10px; } .blog-misc-page .posts > li:last-child { border-bottom: none; } /* Archives etc Misc Pages top margin */ /*----- End of Layout Related Stylings ------*/ /*========== Gallery Tiles ==========*/ .page-content div.gallery { margin: 0px 0px 15px 0px; clear: both; } .page-content div.gallery dl.gallery-item { padding: 0; float: left; margin: 0px; } .page-content div.gallery dl.gallery-item a, div.gallery dl.gallery-item img { display: block; max-width: 100%; margin: 0 auto; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { margin: 10px 0; } .page-content div.gallery a.read-more { margin-top: 10px; } .page-content div.gallery.gallery-columns-1 dl.gallery-item { max-width: 100%; } .page-content div.gallery.gallery-columns-2 dl.gallery-item { max-width: 50%; } .page-content div.gallery.gallery-columns-3 dl.gallery-item { max-width: 33.33%; } .page-content div.gallery.gallery-columns-4 dl.gallery-item { max-width: 25%; } .page-content div.gallery.gallery-columns-5 dl.gallery-item { max-width: 20%; } .page-content div.gallery.gallery-columns-6 dl.gallery-item { max-width: 16.66%; } .page-content div.gallery.gallery-columns-7 dl.gallery-item { max-width: 14.28%; } .page-content div.gallery.gallery-columns-8 dl.gallery-item { max-width: 12.5%; } .page-content div.gallery.gallery-columns-9 dl.gallery-item { max-width: 11.1%; } /*========== Password Protected Stylings ==========*/ form.post-password-form { padding: 30px; border: 1px solid #e1e1e1; border-radius: 2px; margin: 30px auto; text-align: center; } form.post-password-form input { display: inline-block; margin-right: 15px; } form.post-password-form input[type=password] { padding: 12px 10px; width: 300px; border-radius: 0px; } form.post-password-form input[type=submit] { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 12px 15px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } form.post-password-form input[type=submit]:hover { background: #252729; border-color: #252729; color: white; } /*=================================== = 404 Styling = ===================================*/ .not-found-teaser { text-align: center; margin-top: 50px; } .not-found-teaser h4 { font-size: 160px; color: #9d9fa1; } .not-found-teaser h4 span { opacity: 0; display: inline-block; } div.not-found-image { display: block; position: relative; } div.not-found-image img { display: block; margin: 90px auto 5px auto; max-width: 100%; } div.not-found-image canvas#icon404 { position: absolute; top: -60px; left: 35%; z-index: 10; } div.not-found-image canvas#icon404-subset { position: absolute; top: -60px; left: 64%; z-index: 10; } .mutual-content-wrap div.not-found-text { max-width: 70%; margin: 5px auto; display: block; text-align: center; } div.error-search { width: 70%; margin: 25px auto 50px auto; } div.error-search input[type=text] { padding: 11px; color: #252729; border-radius: 0px; width: 100%; } /*----- End of 404 Styling ------*/ /*=============================================== = Contact Form 7 Stylings = ===============================================*/ form.wpcf7-form input[type=text] { width: 100%; } form.wpcf7-form p { margin-bottom: 0; width: 100%; clear: both; } form.wpcf7-form p:last-child { margin-bottom: 0; padding-bottom: 0; } form.wpcf7-form p span.wpcf7-list-item { display: block; margin-top: 4px; } .inner-sticky-contact form.wpcf7-form p { margin-bottom: 10px; } form.wpcf7-form .wpcf7-text, div.wpcf7 div.text-three-cols input[type=text], form.wpcf7-form .wpcf7-select, form.wpcf7-form .wpcf7-password { display: block; margin: 0; } form.wpcf7-form .wpcf7-select { width: 90%; } form.wpcf7-form .wpcf7-textarea { padding: 14px; overflow: auto; display: block; } div.rad-widget form.wpcf7-form .wpcf7-submit { margin-top: 0; } form.wpcf7-form .wpcf7-submit { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 12px 16px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; margin-top: 10px; } form.wpcf7-form .wpcf7-submit:hover { background: #252729; border-color: #252729; color: white; } form.wpcf7-form .wpcf7-captchar { padding: 14px; width: 100px; border: none; display: block; margin: 0; box-shadow: none; } form.wpcf7-form .wpcf7-captchac { margin: 7px 10px 0px 0px; float: left; } div.wpcf7-response-output { padding: 15px !important; background: #66d179; margin: 0 !important; text-align: center; color: #fff; } div.wpcf7-validation-errors.wpcf7-response-output { background: #fd5d56 !important; border-color: #fd5d56 !important; } span.wpcf7-not-valid-tip { left: auto !important; width: auto !important; right: 0 !important; background: #fd5d56 !important; color: #fff; font-size: 11px !important; top: 29px !important; padding-left: 10px; } div.wpcf7 img.ajax-loader { display: none; } select.wpcf7-form-control.wpcf7-select { width: 100%; border: 1px solid #e1e1e1; box-shadow: none; background: #fff; } form.wpcf7-form p.input-half { width: 48%; padding: 0; margin: 12px 0 12px 0; float: left; clear: left; } form.wpcf7-form p.input-half-last { width: 48%; padding: 0; margin: 12px 0 12px 0; float: left; clear: right; } form.wpcf7-form p.input-half-last { margin-left: 4%; } /*----- End of Contact Form 7 Stylings ------*/ /*========== Search Page Search ==========*/ .search-page-search { position: relative; padding-bottom: 40px; margin-top: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px; } .search-page-search label { display: none; } .search-page-search input[type=submit] { position: absolute; top: 0; right: 0; } .search-page-search input[type=text] { width: 85%; display: block; } /*=========================================== = Pagination Stylings = ===========================================*/ .pagination { float: left; padding: 0; } .pagination_wrap { margin-top: 40px; padding: 40px 0 0px 0; border-top: 1px solid #e1e1e1; } .full_width .pagination_wrap { padding: 50px; } div.woocommerce-pagination, div.misc-pagination-wrap { padding-bottom: 40px; padding-top: 0; } .pagination ul { margin: 0; padding: 0; display: block; } .pagination ul li, .page-numbers { float: left; list-style: none; padding: 0; margin: 0px 4px 0px 0px; } .pagination ul li a, .pagination_wrap a.page-numbers { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 7px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; display: block; color: #fff; } .pagination ul li a:hover, .pagination_wrap a.page-numbers:hover { background: #252729; border-color: #252729; color: white; } .pagination ul li span.current, .pagination_wrap span.page-numbers { background: #252729; border-color: #252729; color: white; outline: none; border: 1px solid #252729; padding: 7px 12px; font-size: 11px; display: inline-block; text-decoration: none; border-radius: 0px; } .pagination ul li span.gap { color: #252729; font-size: 12px; display: block; padding: 12px 12px; } .blog .pagination_wrap, .archive .pagination_wrap { margin-bottom: 60px; } /*========================================== = Under Construction = ==========================================*/ div.main-uc-area { background-color: #9d9fa1; padding: 30px 0; font-family: "Open Sans", Helvetica,Arial; } div.main-uc-area h1.title { font-size: 32px; color: #333; margin: 0 0 15px 0; text-align: center; } div.uc-text { font-size: 13px; text-align: center; max-width: 60%; margin: 20px auto; color: #252729; line-height: 1.7; } div.easyPieChart { margin: 30px auto; position: relative; text-align: center; font-size: 24px; font-weight: 600; color: white; } div.easyPieChart canvas { position: absolute; top: 0; left: 0; } div.uc-content-area { width: 700px; margin: 0 auto; background: rgba(255, 255, 255, 0.8); padding: 40px 0 30px 0; } /*----- End of Under Construction ------*/ /*----- End of Section comment block ------*/ /*============================================= = Page Builder Stylings = =============================================*/ /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. Animation 2. Common Hover Stylings 3. Media Intro Animation 4. General Stylings 5. Slider in RAD Widgets 6. Text Column Stylings 7. HTML Column Stylings 8. Post List Stylings 9. Post Column Stylings 10. Intro title 11. Divider 12. Image Widget 13. Thumbnails Widget 14. CTA 15. Tabs 16. Accordion 17. Sidebar Widget 18. Testimonial Slider 19. Single Testimonial 20. Video 21. Progress Bar 22. Radial Chart 23. Button 24. Social Icons 25. Flickr 26. Person Widget 27. Toggles 28. Google MAP 29. Logo Widget 30. Counter Widget 31. Easy List 32. Tweets 33. Notification 34. Pricing Tables 35. Project Gallery 36. Masonry Widget 37. Pie Chart 38. Bar Graphs 39. Line Graphs 40. Banners 41. Blog List Template 42. Menu 32. Mail Chimp ----- End of Table of Contents ---------- */ /*============================================= = Common Hover Stylings = =============================================*/ div.google_map img { max-width: none; } /*========== Default Hover ==========*/ .hover-overlay { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 3; border-radius: 0px; overflow: hidden; } .hover-item .image, .product .image { overflow: hidden; } .hover-item img { max-width: 100%; height: auto; } .hover-item .hide { display: none; } .ioa-hover-fade_scale .touchscrollg .hover-overlay { display: none !important; opacity: 0 !important; } .ioa-hover-fade_scale .touchscrollg div.image img { opacity: 1 !important; -webkit-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .ioa-hover-fade_scale div.image .imageholder { display: block; } .ioa-hover-fade_scale .single-hover { display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; z-index: 6; opacity: 0; -webkit-animation: FadeOut 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) forwards; animation: FadeOut 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) forwards; background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, 0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); z-index: 23; } .ioa-hover-fade_scale .single-hover > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-decoration: none; z-index: 20; } div.image:hover .video-icon { z-index: 30; opacity: 1; } .ioa-hover-fade_scale .hover-overlay .hover-icon { color: #9d9fa1; padding: 15px; display: block; font-size: 18px; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; -webkit-animation: iconScaleOut 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; animation: iconScaleOut 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; transform: scale(0); -webkit-transform: scale(0); background: white; border-radius: 100%; } .ioa-hover-fade_scale .image:hover .single-hover { -webkit-animation: FadeIn 0.3s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; animation: FadeIn 0.3s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } .ioa-hover-fade_scale .image:hover .hover-overlay .hover-icon { -webkit-animation: iconScaleIn 0.5s 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; animation: iconScaleIn 0.5s 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; } .ioa-hover-fade_scale .inner-item-wrap div.image { border-radius: #e1e1e1; } .video-icon { color: white; font-size: 60px; position: absolute; top: 45%; left: 45%; margin: -15px 0 0 -10px; opacity: 0.6; } a.ioa-pin-button { padding: 3px 1px; float: left; margin-right: 5px; width: 30px; text-align: center; color: #fff; text-decoration: none; font-size: 13px; background: rgba(0, 0, 0, 0.75); display: block; position: relative; opacity: 1; transition: background 0.3s; -webkit-transition: background 0.3s; } a.ioa-pin-button:hover { background: rgba(0, 0, 0, 0.9); } a.ioa-pin-button i { color: #fff; } span.pin-loader { width: 16px; height: 17px; background: url(sprites/i/pin_loader.gif) center center no-repeat; display: block; position: absolute; top: 4px; left: 7px; opacity: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .pinning span.pin-loader { opacity: 1; } a.pinning i { opacity: 0; } /*======================================== = General Stylings = ========================================*/ .section-secondary-color { background: #252729; } .section-tertiary-color { background: #fafafa; } .section-primary-color { background: #9d9fa1; } .title_divider { display: inline-block; width: 100px; height: 3px; background: #9d9fa1; margin: 10px 0 15px 0; } .col-center .title_divider { text-align: center; } .col-right .title_divider { text-align: right; } /*========== Loading Icon ==========*/ .ioa-loader { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; background: url(sprites/i/loader.gif) center center no-repeat; padding: 15px; border-radius: 2px; opacity: 0.8; z-index: 99; display: block; width: 15px; height: 15px; } .sticky-icon { position: absolute; background: #9d9fa1; color: white; padding: 13px 14px; top: 10px; left: -10px; z-index: 10; border-radius: 0px; } /*========== Load More AJAX Stylings ==========*/ div.ajax-button-wrap { text-align: center; margin-top: 30px; } .page-wrapper a.ajax-load-more-button, .page-wrapper a.ajax-list-load-more-button { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; display: inline-block; } /* Scrollable stylings for Elements */ .bx-wrapper { max-width: 100%; } .scrollable { opacity: 0; overflow: hidden; } .single .rad-holder { margin-top: 30px; } /*========== Builder Related Structural Stylings ==========*/ .has-sidebar .skeleton { width: auto; } /*========== BG and Border Models for RAD Containers ==========*/ .senseBottomBorderModel { padding-bottom: 30px; } .senseTopBorderModel { padding-top: 30px; } .page-rad-component { padding-bottom: 30px; } /*========== Row Background Video Settings ==========*/ div.video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden; } .video-bg-inner { position: absolute; top: 0; left: 0; } .video-bg-inner video { display: block; width: 100%; height: auto; } div.video-bg .mejs-controls { display: none; } div.video-bg .mejs-offscreen, div.video-bg .mejs-layers { display: none; } /*========== RAD Row ==========*/ div.page-section { padding: 0; position: relative; } div.page-section div.rad-container.top { margin-top: 30px; } div.page-section.first-section div.rad-container.top { margin-top: 0; } .page-template-template-home div.page-section div.rad-container.top { margin-top: 0px; } div.section-content { position: relative; z-index: 3; } div.section-vertical-span { display: table; height: 100%; width: 100%; } div.inner-section-vertical-span { display: table-cell; vertical-align: middle; } .section-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } div.section-bg-google-map { width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; } div.section-bg-google-map div.google_map { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /*========== RAD Columns ==========*/ div.rad-container { border-radius: 0px; } div.page-section div.full_width div.rad-container { margin-top: 0; margin-bottom: 0; border-radius: 0; } div.page-section div.full_width div.rad-container.senseBGModel div.rad-inner-container { padding: 0; } div.rad-container.last { margin-right: 0; clear: right; } div.rad-container.senseBGModel div.rad-inner-container { padding: 30px; } div.rad-container.full { margin-right: 0; } /* Container Alignment */ div.rad-container.auto_align { float: none; margin-left: auto !important; margin-right: auto; } div.rad-container.inline { float: none; margin-left: auto !important; margin-right: auto; text-align: center; } div.rad-container.inline div.rad-widget { display: inline-block; margin-left: 10px; margin-right: 10px; margin-top: 0; } div.rad-container.right { float: right; } div.rad-widget { margin-top: 30px; } div.rad-widget.top { margin-top: 0px; } /*========== Cell Blocks Layout for Columns ==========*/ .blocked-layout .rad-container { position: relative; } .blocked-layout div.rad-widget { margin-bottom: 0; } .blocked-layout .ioa-text-column { margin: 25px 20px; } .blocked-layout .rad-container.top .rad-inner-container { margin-top: 0; } .blocked-layout .rad-container .rad-inner-container { margin-top: 10px; } .blocked-layout div.rad-container { padding: 0; margin-bottom: 10px; } .blocked-layout div.rad-container .rad-inner-container.first { padding-left: 0; } .blocked-layout div.rad-container .rad-inner-container.last { padding-right: 0; } .blocked-layout div.rad-container span.hline { border-right: 1px solid rgba(0, 0, 0, 0.1); width: 0px; display: block; top: 0px; bottom: 100%; right: -15px; position: absolute; transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .blocked-layout div.rad-container span.vline { border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 0px; display: block; top: 0px; left: 50%; width: 0%; position: absolute; transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .blocked-layout div.rad-container.first .ioa-text-column { margin-left: 0; } .blocked-layout div.rad-container.last .ioa-text-column { margin-right: 0; } .blocked-layout.start-block-animation div.rad-container span.hline { top: 10px; bottom: 0px; } .blocked-layout.start-block-animation div.rad-container span.vline { left: 0; width: 100%; } /*========== RAD Widget ==========*/ div.rad-widget { position: relative; } .nested div.rad-widget.w_layout_element { margin-top: 20px; margin-bottom: 0; } .nested div.rad-widget.w_layout_element.top { margin-top: 0px; margin-bottom: 0; } .full_width .nested div.rad-widget.w_layout_element.w_full:first-child, .full_width div.rad-widget.nested div.rad-widget.w_col.w_full:first-child { margin-top: 0; } /*========== RAD Fade Animation ==========*/ div.rad-widget.widget-animate-fade { opacity: 0; transition: all 0.2s ease-in-out 0.3s; -webkit-transition: all 0.2s ease-in-out 0.3s; } div.rad-widget.widget-animate-fade.start-animation { opacity: 1; } /*========== RAD Fade from Left Animation ==========*/ div.rad-widget.widget-animate-fade-left { transform: translate(-50px, 0px); -webkit-transform: translate(-50px, 0px); transition: all 0.4s ease-out 0.3s; -webkit-transition: all 0.4s ease-out 0.3s; opacity: 0; } div.rad-widget.widget-animate-fade-left.start-animation { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; } /*========== RAD Fade from Right Animation ==========*/ div.rad-widget.widget-animate-fade-right { transform: translate(50px, 0px); -webkit-transform: translate(50px, 0px); transition: all 0.4s ease-out 0.3s; -webkit-transition: all 0.4s ease-out 0.3s; opacity: 0; } div.rad-widget.widget-animate-fade-right.start-animation { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; } /*========== RAD Fade from Bottom Animation ==========*/ div.rad-widget.widget-animate-fade-bottom { transform: translate(0px, 50px); -webkit-transform: translate(0px, 50px); transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; opacity: 0; } div.rad-widget.widget-animate-fade-bottom.start-animation { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; } /*========== RAD Fade from Top Animation ==========*/ div.rad-widget.widget-animate-fade-top { transform: translate(0px, -50px); -webkit-transform: translate(0px, -50px); transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; opacity: 0; } div.rad-widget.widget-animate-fade-top.start-animation { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; } /*========== RAD Icon Fade Animation ==========*/ div.widget-animate-icon-fade.rad-widget div.ioa-icon-area i { transition: all 0.6s linear 0.3s; opacity: 0; } div.widget-animate-icon-fade.rad-widget.start-animation div.ioa-icon-area i { opacity: 1; } /*========== RAD Icon Expand Animation ==========*/ div.widget-animate-icon-expand.rad-widget div.ioa-icon-area i, div.widget-animate-icon-expand.rad-widget div.ioa-icon-area img { -webkit-transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; opacity: 0; -webkit-transform: scale(0.3) rotate(15deg); transform: scale(0.3) rotate(15deg); } div.widget-animate-icon-expand.rad-widget.start-animation div.ioa-icon-area i, div.widget-animate-icon-expand.rad-widget.start-animation div.ioa-icon-area img { opacity: 1; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } /*========== RAD Thumbs Animation ==========*/ div.widget-animate-thumbs.rad-widget ul li { transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s; opacity: 0; -webkit-transform: scale() rotate(15deg); transform: scale(); } div.widget-animate-thumbs.rad-widget.start-animation ul li { opacity: 1; -webkit-transform: scale(1) rotate(0deg); transform: scale(1); } /*========== Icons Stylings ==========*/ i.shortcode-icon { margin: 1px; display: inline-block; } /*----- End of General Stylings ------*/ /*========== Media Loader ==========*/ div.mason-parent { position: relative; overflow: hidden; height: 500px; } div.mason-parent .isotope { opacity: 0; margin-right: 0px; margin-left: 0px; } div.mason-parent div.image img { border-radius: 0; } /*----- End of Slider in RAD Widgets ------*/ /*============================================ = Text Column Stylings = ============================================*/ /*========== Default Icon Stylings for Text Columns ==========*/ .ioa-icon-area i { border-color: transparent; font-size: 24px; z-index: 3; position: relative; padding: 7px; color: #9d9fa1; } .ioa-icon-area { position: relative; } /* == Border Style == */ i.border-style, i.border-style-circ { padding: 15px; border: 2px solid #e1e1e1; } i.background-style, i.background-style-circ { background: #9d9fa1; color: white; padding: 15px; } i.border-style-circ, i.background-style-circ { border-radius: 100%; } /* Icon Style when no icon style is set */ .ioa-text-column { margin: 0; } .ioa-text-column.none .ioa-icon-area { position: relative; } .ioa-text-column.none.col-align-left .ioa-icon-area { float: left; margin-right: 15px; margin-bottom: 10px; } .ioa-text-column.none.col-align-right .ioa-icon-area { float: right; margin-left: 15px; margin-bottom: 10px; } .ioa-text-column.none.icon-style-default .ioa-icon-area { padding-top: 8px; } .ioa-text-column.none.col-align-center .ioa-icon-area { text-align: center; margin-bottom: 15px; } .ioa-text-column.none.col-align-center .ioa-icon-area i { display: inline-block; } /*========== Default Stylings for columns ==========*/ .ioa-text-column { position: relative; min-height: 60px; } .ioa-text-column.none { min-height: 0; } .ioa-text-column h3 { margin: 0 0 0px 0; padding: 0; line-height: 1.2; } .ioa-text-column h5 { margin: 0px 0 5px 0; padding: 0; line-height: 1.4; } .ioa-text-column div.ioa-text { margin-top: 10px; clear: both; margin-bottom: 0px; } .ioa-text-column p { margin: 0 0 15px 0; padding: 0; } .ioa-text-column p:first-child { margin-top: 0; padding-top: 0; } .ioa-text-column p:last-child { margin-bottom: 0; padding-bottom: 0; } .ioa-text-column div.ioa-text p { color: inherit; } /*========== More Button Stylings ==========*/ .ioa-text-column .ioa-more-button { margin-top: 20px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } .ioa-text-column .ioa-more-button:hover { background: #252729; border-color: #252729; color: white; } .ioa-text-column .ioa-more-button i { width: auto; } /*========== Right / Left Icon Column Calculation based on Columns ==========*/ .ioa-text-column.left-icon .ioa-icon-area { position: absolute; top: 0; left: 0; } .ioa-text-column.right-icon .ioa-icon-area { position: absolute; top: 0; right: 0; } .ioa-text-column.left-icon div.ioa-text-area { margin-left: 80px; } .ioa-text-column.right-icon div.ioa-text-area { margin-right: 80px; text-align: right; } .ioa-text-column.left-icon.icon-style-default .ioa-icon-area i, .ioa-text-column.right-icon.icon-style-default .ioa-icon-area i { font-size: 24px; margin-top: 4px; } .ioa-text-column.left-icon.icon-style-default div.ioa-text-area { margin-left: 60px; } .ioa-text-column.right-icon.icon-style-default div.ioa-text-area { margin-right: 60px; } .full_width .ioa-text-column.right-icon .ioa-icon-area { padding-top: 30px; right: 2.5%; } /*========== Centered Text Style ==========*/ .centered .ioa-icon-area i { margin-bottom: 25px; font-size: 24px; } /*========== Top Image for Columns ==========*/ .ioa-image-area { margin-bottom: 25px; position: relative; } .ioa-image-area img { display: block; margin: 0 auto; max-width: 100%; height: auto; border-radius: 0px; border: 1px solid #e1e1e1; } /*========== Full Width Stylings ==========*/ .full_width .ioa-text-column { padding: 30px 2.5%; } .full_width .full .ioa-text-column { padding: 30px 2.5%; } .full_width .four_fifth .ioa-text-column { padding: 30px 2.9%; } .full_width .three_fourth .ioa-text-column { padding: 30px 3.2%; } .full_width .two_third .ioa-text-column { padding: 30px 3.7%; } .full_width .one_half .ioa-text-column { padding: 20px 5%; } .full_width .one_third .ioa-text-column { padding: 30px 7.5%; } .full_width .one_fourth .ioa-text-column { padding: 30px 9%; } .full_width .one_fifth .ioa-text-column { padding: 30px 10%; } div.page-section div.full_width .text-title-wrap { padding: 15px; } /*============================================ = HTML Column Stylings = ============================================*/ .col-align-left { text-align: left; } .col-align-center { text-align: center; } .col-align-right { text-align: right; } .col-align-justify { text-align: justify; } div.sidebar-inner-wrap .sidebar { margin-top: 0; } /*----- End of HTML Column Stylings ------*/ /*========================================== = Post List Stylings = ==========================================*/ /*========== General Post Stylings ==========*/ .full_width .post_list-inner-wrap { margin: 30px; } ul.blog_posts, ul.posts { margin: 0; padding: 0; } ul.posts li { list-style: none; padding: 0; margin: 0; position: relative; } ul.blog_posts li, ul.posts li div.image { overflow: hidden; } .page-wrapper .post_list-inner-wrap a.ajax-load-more-button span.button-content { padding: 18px 0; } .page-wrapper .post_list-inner-wrap ul.posts li:last-child { padding-bottom: 0; margin-bottom: 0; } .post_list-inner-wrap .pagination { margin-top: 15px; width: 100%; border-top: 1px solid #e1e1e1; padding-top: 20px; } /*========== Post List wtih Thumbnail Stylings ==========*/ .post-list-label { color: white; padding: 0; margin: 0 0 15px 0; font-weight: 600; display: block; border-bottom: 2px solid #252729; font-size: 12px; text-transform: uppercase; } .post-list-label span { padding: 7px 10px; background: #252729; border-bottom: 1px solid #252729; display: inline-block; position: relative; top: 1px; } ul.thumb-list > li { min-height: 247px; padding: 0 0 15px 0; border-bottom: 1px dashed #e1e1e1; margin: 0 0 15px; display: inline-block; } ul.thumb-list li:last-child { border-bottom: none; } ul.thumb-list li .image { width: 230px; position: absolute; top: 0; left: 0; } ul.thumb-list li .imageholder { display: block; } ul.thumb-list img { display: block; border-radius: 0px; } ul.thumb-list li .desc { margin-left: 240px; padding: 0px; } ul.thumb-list li .desc h2 { margin: 0 10% 5px 20px; padding: 0; font-size: 24px; display: block; } ul.thumb-list li .desc > div { margin: 0 20px; } ul.thumb-list li .desc.adjust-title h2 { margin-top: 0px; } ul.thumb-list li .desc h2 a { text-decoration: none; color: #252729; display: block; } ul.thumb-list li .desc h2 a:hover { color: #9d9fa1; } ul.thumb-list li .desc p { margin: 0px; padding: 0; } ul.thumb-list li div.post-cats { float: left; margin-right: 10px; } ul.thumb-list li a.read-more { float: left; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; margin-top: 15px; } ul.thumb-list li a.read-more:hover { float: left; background: #252729; border-color: #252729; color: white; margin-top: 15px; } ul.thumb-list li div.extras { margin: 5px 0 5px 20px; padding: 5px 0; } a.post-full-link { position: absolute; top: 10px; right: 0; text-decoration: none; font-size: 13px; color: #252729; } /*========== Post List with Thumbnail Animation ==========*/ div.rad-widget.widget-animate-fade ul.thumb-list li { opacity: 0; transition: all 0.2s ease-in-out 0.3s; -webkit-transition: all 0.2s ease-in-out 0.3s; } div.rad-widget.widget-animate-fade.start-animation ul.thumb-list li { opacity: 1; } div.rad-widget.widget-animate-fade-items-left.start-animation ul.thumb-list li { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; } div.rad-widget.widget-animate-fade-items-left ul.thumb-list li { transform: translate(-50px, 0); -webkit-transform: translate(-50px, 0); transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; opacity: 0; } div.rad-widget.widget-animate-thumbs-expand.start-animation ul.thumb-list li .image { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } div.rad-widget.widget-animate-thumbs-expand ul.thumb-list li .image { transform: scale(0, 0); -webkit-transform: scale(0, 0); transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; opacity: 0; } /** =============== Post Alternate List ====================== */ div.post_alt_list-inner-wrap ul { margin: 0; padding: 0; } div.post_alt_list-inner-wrap ul div.image { position: relative; } div.post_alt_list-inner-wrap ul .imageholder { display: block; } div.post_alt_list-inner-wrap ul img { display: block; border-radius: 0px; } div.post_alt_list-inner-wrap li .desc div.extras { margin: 5px 0; padding: 5px 0; } div.post_alt_list-inner-wrap li .desc div.post-cats { float: left; } div.post_alt_list-inner-wrap ul.posts > li:last-child .desc { border-bottom: none; } div.post_alt_list-inner-wrap li .desc h3 { margin: 0 0 5px 0; padding: 0; line-height: 1.4; font-size: 18px; } div.post_alt_list-inner-wrap li .desc { margin: 15px 0 0 0; padding: 0 15px 15px 0; border-bottom: 1px dashed #e1e1e1; } div.post_alt_list-inner-wrap li .desc h3 a { text-decoration: none; color: #252729; line-height: 1.4; display: block; } div.post_alt_list-inner-wrap li .desc h3 a:hover { color: #9d9fa1; } /*========== Post Plain List ==========*/ ul.plain-list li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; position: relative; } ul.plain-list li:last-child { border-bottom: none; } ul.plain-list li .date-area { position: absolute; top: 0; left: 0; color: #252729; background: #fafafa; border-radius: 0px; border: 1px solid #e1e1e1; text-align: center; padding: 10px; } ul.plain-list li .date-area small { font-size: 100%; display: block; line-height: 1; color: #9d9fa1; text-transform: uppercase; } ul.plain-list li .date-area small.date { font-size: 28px; display: block; color: #9d9fa1; } ul.plain-list li .date-area small.month { font-size: 12px; display: block; margin-top: 3px; color: #9d9fa1; } ul.plain-list li .desc { margin-left: 80px; } ul.plain-list li .desc h3 { margin: 0; padding: 0; } ul.plain-list li .desc h3 a { text-decoration: none; color: #252729; font-size: 18px; display: block; } ul.plain-list li .desc h3 a:hover { color: #9d9fa1; } ul.plain-list li .extras { font-size: 12px; color: #9d9fa1; margin-top: 4px; font-style: italic; } ul.plain-list li .extras a, ul.plain-list li .extras i { text-decoration: none; line-height: 1; } ul.plain-list li .extras a:hover { text-decoration: underline; color: #252729; } ul.plain-list li .desc p { margin-top: 4px; margin-bottom: 0; padding-bottom: 0; } /*========== General Stylings ==========*/ .sticky-post-icon { position: absolute; z-index: 20; top: 0; right: 6px; background: #9d9fa1; color: white; border-radius: 0px; padding: 9px; display: block; } /*=================================== = Intro title = ===================================*/ /*========== Ful Width ==========*/ .full_width .intro_title-inner-wrap { padding: 30px 2.5%; } .full .intro_title-inner-wrap .text_subtitle { max-width: 65%; } /*========== General ==========*/ .intro_title-inner-wrap h2 { border-bottom: 1px solid #e1e1e1; font-size: 12px; margin: 0px 0 10px 0; padding: 0; text-transform: uppercase; font-weight: 600; color: #252729; line-height: 1.2; } .intro_title-inner-wrap h2 span { display: inline-block; position: relative; border-bottom: 1px solid #252729; top: 1px; } .intro_title-inner-wrap .text_subtitle { text-transform: uppercase; font-weight: 400; font-size: 12px; display: inline-block; color: #9d9fa1; clear: both; line-height: 1.5; } .intro_title-inner-wrap h5 { margin: 0; } .section-primary-color .intro_title-inner-wrap h2 { color: white; } .section-primary-color .intro_title-inner-wrap .text_subtitle { color: white; } .section-secondary-color .intro_title-inner-wrap h2 { color: white; } .section-secondary-color .intro_title-inner-wrap .text_subtitle { color: white; } /*========== Alignment ==========*/ .col-center { text-align: center; } .col-right { text-align: right; } /*----- End of Intro title ------*/ /*=============================== = Divider = ===============================*/ div.divider { clear: both; } div.divider.none { height: 1px; } div.divider.line { height: 0px; border-top: 1px solid #e1e1e1; } div.divider.dotted { height: 0px; border-top: 1px dotted #e1e1e1; } div.divider.dashed { height: 0px; border-top: 1px dashed #e1e1e1; } div.divider.double { height: 1px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .m-divider-wrap { position: relative; display: inline-block; } div.divider.title, div.divider.small-title, div.divider.icon, div.divider.small-icon { overflow: hidden; position: relative; text-align: center; } div.divider.title .divider-text { text-align: center; position: relative; } div.divider.title div.divider-text:before { content: ' '; position: absolute; top: 50%; left: -715px; width: 700px; height: 1px; background: #e1e1e1; } div.divider.title div.divider-text:after { content: ' '; position: absolute; top: 50%; right: -715px; width: 700px; height: 1px; background: #e1e1e1; } div.divider.small-title .divider-text { text-align: center; position: relative; } div.divider.small-title div.divider-text:before { content: ' '; position: absolute; top: 50%; left: -115px; width: 100px; height: 1px; background: #e1e1e1; } div.divider.small-title div.divider-text:after { content: ' '; position: absolute; top: 50%; right: -115px; width: 100px; height: 1px; background: #e1e1e1; } div.divider.icon .divider-text { text-align: center; position: relative; } div.divider.icon div.divider-text:before { content: ' '; position: absolute; top: 50%; left: -715px; width: 700px; height: 1px; background: #e1e1e1; } div.divider.icon div.divider-text:after { content: ' '; position: absolute; top: 50%; right: -715px; width: 700px; height: 1px; background: #e1e1e1; } div.divider.small-icon .divider-text { text-align: center; position: relative; } div.divider.small-icon div.divider-text:before { content: ' '; position: absolute; top: 50%; left: -115px; width: 100px; height: 1px; background: #e1e1e1; } div.divider.small-icon div.divider-text:after { content: ' '; position: absolute; top: 50%; right: -115px; width: 100px; height: 1px; background: #e1e1e1; } /*----- End of Divider ------*/ /*==================================== = Image Widget = ====================================*/ .image-inner-wrap .hoverable { position: relative; } .image-inner-wrap { display: block; position: relative; max-width: 100% !important; } .image-inner-wrap img, .image-align-none img { display: block; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; height: auto; } .image-align-left { float: left; margin: 10px 20px 10px 0; } .image-align-right { float: right; margin: 10px 0px 10px 20px; } .image-inner-wrap .text_caption { text-align: center; z-index: 2; padding: 25px; margin-bottom: 0px; font-size: 12px; background: #252729; color: white; } .image-inner-wrap .hover-item, .image-align-none { max-width: 100% !important; overflow: hidden; margin: 0 auto; } .image-stretched.image-inner-wrap img { width: 100%; } .image-inner-wrap.mag-wrap { text-align: center; } /*----- End of Image Widget ------*/ /*========================================= = Thumbnails Widget = =========================================*/ .full_width .thumbnail-inner-wrap { margin: 30px; } .thumbnail-inner-wrap ul { margin: 0; padding: 0; } .thumbnail-inner-wrap ul li { float: left; margin: 0px 2px 2px 0px; list-style: none; } .thumbnail-inner-wrap ul li a { display: block; } .thumbnail-inner-wrap ul li img { display: block; border-radius: 0px; } /*----- End of Thumbnails Widget ------*/ /*============================ = Tabs = ============================*/ .ui-tabs { position: relative; padding: 0; margin: 0px 0 0 0; } .ui-tabs img { max-width: 100%; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; display: block; } .ui-tabs .ui-tabs-nav li i { margin-right: 4px; } .ui-tabs ul.ui-tabs-nav { border-bottom: 2px solid #252729; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 0 4px 0px 0; padding: 0; border-bottom-width: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { display: inline-block; padding: 15px 35px; } .ui-tabs .ui-tabs-nav li a { display: block; color: #9d9fa1; text-decoration: none; line-height: 1; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li a:hover { background: #252729; color: white; } .full_width .tabs-inner-wrap { margin: 30px; } /*========== Tabs Alignment ==========*/ .tabs-align-top div.ui-tabs-panel { clear: both; } .ui-tabs .ui-tabs-panel { text-align: left; padding: 15px 0 0; color: #252729; margin-top: 0; } .tabs-align-top .ui-tabs .ui-tabs-nav li a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /*================================= = Accordion = =================================*/ .ioa_accordion { margin: 0; } .ioa_accordion .ui-accordion-header { text-decoration: none; border-radius: 0px; background: #fafafa; padding: 15px 20px; margin-bottom: 5px; display: block; color: #252729; font-size: 15px; position: relative; overflow: hidden; cursor: pointer; font-weight: 400; } .ioa_accordion .ui-accordion-header:focus { outline: none; } .ioa_accordion .ui-accordion-header i { margin-right: 0px; font-size: 12px; float: right; color: #252729; margin-top: 4px; } .ioa_accordion .ui-state-active { background: #252729; color: white; border-radius: 0px; border-bottom: none; margin-bottom: 5px; } .ioa_accordion .ui-state-active i { color: white; } .ioa_accordion .ui-accordion-li-fix { display: inline; } .ioa_accordion .ui-accordion-content { padding: 20px 0; position: relative; top: 1px; margin-bottom: 0px; overflow: auto; display: none; zoom: 1; } .ioa_accordion .ui-accordion-content-active { display: block; } .ioa_accordion .ui-accordion-content p { margin-top: 0; } .ioa_accordion.accordion-style-simple .ui-accordion-header { color: #9d9fa1; border-radius: 0; background: none !important; border-bottom: 2px solid #e1e1e1; padding: 15px 0 14px 0; } .ioa_accordion.accordion-style-simple .ui-accordion-header i { color: #9d9fa1; } .ioa_accordion.accordion-style-simple .ui-state-active { border-bottom: 2px solid #343a43; color: #252729; } .ioa_accordion.accordion-style-simple .ui-state-active i { color: #252729; } /*========== Styled ==========*/ .accordion-style-styled.ioa_accordion .ui-accordion-header { color: white; background: #9d9fa1; margin-bottom: 5px; border-radius: 0px; } .accordion-style-styled.ioa_accordion .ui-accordion-header i { color: white; } .accordion-style-styled.ioa_accordion .ui-state-active { background: #252729; color: white; } .accordion-style-styled.ioa_accordion .ui-accordion-header.ui-state-active i { color: white; } /*----- End of Accordion ------*/ .full_width .accordion-inner-wrap { margin: 30px; } /*============================= = Video = =============================*/ iframe.video, video.video { outline: 0; border: 0; max-width: 100% !important; } div.video-inner-wrap .text_caption { text-align: center; padding: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04); font-size: 12px; position: relative; } div.video-inner-wrap { overflow: hidden; } div.ioa-video { display: block; margin-top: 0px; } div.video-inner-wrap .fluid-width-video-wrapper { position: relative; visibility: visible; } div.ioa-video video, div.ioa-video iframe { max-width: 100% !important; } .full_width div.video-inner-wrap iframe.video, .full_width div.video-inner-wrap video.video { width: 100%; } /*----- End of Video ------*/ /*==================================== = Progress Bar = ====================================*/ .full_width .progress_bar-inner-wrap { margin: 30px; } /*========== Horizontal ==========*/ .progress_bar-inner-wrap { padding-top: 25px; } .progress-horizontal div.progress-bar h6.progress-bar-title { z-index: 2; padding: 11px 10px 0px 0px; position: absolute; top: -30px; left: 0px; display: block; color: #252729; font-size: 13px; margin: 0px; line-height: 1.2; } .progress-horizontal div.progress-bar { position: relative; width: 100%; height: 15px; background: rgba(0, 0, 0, 0.08); margin-top: 35px; border-radius: 0px; } .progress-horizontal div.progress-bar:first-child { margin-top: 0; } .progress-horizontal div.progress-bar div.filler { transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; width: 0px; opacity: 0; font-size: 11px; position: absolute; top: 0; left: 0; height: 15px; background: #9d9fa1; text-align: right; color: white; padding: 0px 0px 0px 0px; border-radius: 0px; } .progress-horizontal div.progress-bar div.filler span { transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; opacity: 0; position: absolute; top: -22px; right: 0px; color: white; color: #252729; font-size: 13px; width: 50px; text-align: right; } .progress-horizontal div.progress-bar .overlay { background: url(sprites/i/animated-overlay.gif); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.07; } .progress-horizontal div.progress-bar.animate-progress-bar div.filler span { opacity: 1; } /*========== Vertical ==========*/ .progress-vertical div.progress-bar h6.progress-bar-title { z-index: 2; padding: 11px 10px 0px 0px; position: absolute; top: 96%; left: 0px; display: block; color: #252729; font-size: 13px; margin: 0px; line-height: 1.2; } .progress-vertical div.progress-bar { position: relative; float: left; height: 150px; width: 45px; background: rgba(0, 0, 0, 0.08); margin-right: 30px; border-radius: 0px; } .progress-vertical div.progress-bar div.filler { transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; height: 0px; opacity: 0; font-size: 11px; position: absolute; bottom: 0; left: 0; width: 45px; background: #9d9fa1; text-align: right; color: white; padding: 0px 0px 0px 0px; border-radius: 0px; } .progress-vertical div.progress-bar div.filler span { transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; opacity: 0; position: absolute; top: -22px; right: 0px; color: white; color: #252729; font-size: 12px; width: 45px; text-align: center; } .progress-vertical div.progress-bar .overlay { background: url(sprites/i/animated-overlay.gif); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.07; } .progress-vertical div.progress-bar.animate-progress-bar div.filler span { opacity: 1; } /*----- End of Progress Bar ------*/ /*============================== = Button = ==============================*/ a.ioa-button { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; margin: 3px; position: relative; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } a.ioa-button:hover { opacity: 0.9; background: #252729; border-color: #252729; color: white; } a.ioa-button span { display: block; } a.ioa-button i { position: absolute; top: 50%; left: 12px; margin-top: -7px; } a.ioa-button.has-icon.size-small i { left: 8px; margin-top: -5px; font-size: 11px; } a.ioa-button.has-icon.size-large i { left: 15px; margin-top: -10px; font-size: 18px; } a.ioa-button.has-icon.size-big i { left: 18px; margin-top: -11px; font-size: 20px; } a.ioa-button.has-icon.size-block i { left: 18px; margin-top: -11px; font-size: 20px; } .ioa-button.size-small span { padding: 5px 25px; font-size: 10px; } .ioa-button.size-default span { padding: 10px 30px; font-size: 12px; } .ioa-button.size-large span { padding: 15px 45px; font-size: 14px; } .ioa-button.size-big span { padding: 15px 60px; font-size: 18px; } .ioa-button.size-block span { padding: 15px 55px; font-size: 18px; } .ioa-button.has-icon.size-small span { margin-left: 25px; } .ioa-button.has-icon.size-default span { margin-left: 35px; } .ioa-button.has-icon.size-large span { margin-left: 45px; } .ioa-button.has-icon.size-big span { margin-left: 55px; } .ioa-button.has-icon.size-block span { margin-left: 55px; } a.size-block { display: block; text-align: center; margin: 0; } .button-align-right { text-align: right; } .button-align-center { text-align: center; } .full_width div.rad-button-widget.rad-widget { border-radius: 0px; display: block; width: 100%; } /*----- End of Button ------*/ /*==================================== = Social Icons = ====================================*/ .social-set { position: relative; border: none; } .social-set ul { margin: 0; padding: 0; } .social-set ul li a { border-bottom: none; display: block; margin-left: 0; position: relative; text-decoration: none; } .social-set ul li img { vertical-align: middle; display: inline-block; } .social-set ul li span.social-block { padding: 10px 0; font-size: 18px; display: block; } .social-set ul li span.visible-block { color: #252729; } .social-set ul li { float: left; border-bottom: none; margin: 0; padding: 0; position: relative; list-style: none; width: 50px; height: 50px; line-height: 50px; } .social-set ul li a { display: block; overflow: hidden; height: 100%; border-bottom: none; position: relative; vertical-align: middle; text-align: center; text-decoration: none; background: none; margin: 0; color: white; } .social-set ul li span.social-block { padding: 0; font-size: 16px; line-height: inherit; vertical-align: middle; background: #252729; transition: none; opacity: 1; width: 50px; color: inherit; transition: all 0.3s ease; } .social-set ul li span.hover-block { position: absolute; top: 97%; left: 0; opacity: 1; height: 100%; font-size: 16px; background: #9d9fa1; line-height: inherit; } .social-set ul li:hover span.hover-block { opacity: 1; top: 0; } .social-set ul li:hover span.visible-block { opacity: 0; margin-top: -30px; } /*========== Tooltips ==========*/ .tooltip { position: absolute; background: rgba(0, 0, 0, 0.85); color: #ffffff; font-size: 11px; border-radius: 0px; width: 100px; top: -28px; left: 50%; text-align: center; padding: 7px 6px; z-index: 2; display: none; margin-left: -56px; } .tooltip i { display: none; } /*----- End of Social Icons ------*/ /*============================== = Flickr = ==============================*/ .flickr-pictures a { float: left; margin: 0px 4px 4px 0; width: 70px; height: 70px; overflow: hidden; border-radius: 0px; } .flickr-pictures a img { min-height: 100%; width: 100%; display: block; border-radius: 0px; } /*----- End of Flickr ------*/ /*===================================== = Person Widget = =====================================*/ .full_width .person-inner-wrap { margin: 30px; } .full_width .person-inner-wrap div.image img { width: 100%; } .person-inner-wrap { position: relative; } .person-inner-wrap > div.p-area { position: relative; } .person-inner-wrap .person-icon { text-decoration: none; padding: 10px; font-size: 14px; position: absolute; z-index: 2; bottom: 0; left: 0; border-radius: 0px; background: rgba(255, 255, 255, 0.8); color: #9d9fa1; } .person-inner-wrap .social-set { margin-top: 0px; } .person-inner-wrap div.image { position: relative; } .person-inner-wrap div.image img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 0px; } .person-inner-wrap div.desc-area { margin-top: 15px; position: relative; } .person-inner-wrap div.desc-area .info { border-top: 1px solid #e1e1e1; padding-top: 15px; margin-top: 15px; } .person-inner-wrap div.desc-area h4 { padding: 0; margin: 0px; line-height: 1; color: #252729; } .person-inner-wrap div.desc-area span { font-size: 12px; text-align: center; margin: 4px 0px; font-style: italic; color: #9d9fa1; } /*----- End of Person Widget ------*/ /*=============================== = Toggles = ===============================*/ div.toggle .toggle-body { padding: 15px 0; display: block; color: #252729; margin-bottom: 5px; } div.toggle .toggle-body p:first-child { margin-top: 0; } div.toggle .toggle-body p:last-child { margin-bottom: 0; } div.toggle .toggle-body.collapse { display: none; } div.toggle a.toggle-title { text-decoration: none; background: #9d9fa1; border-radius: 0px; padding: 15px; display: block; color: white; font-size: 15px; margin-bottom: 5px; font-weight: 400; } div.toggle a.toggle-title.title-active { background: #252729; color: white; } div.toggle a.toggle-title i { font-size: 12px; float: right; position: relative; top: 4px; } div.toggle h4 { margin-bottom: 0; } /*========== Styled ==========*/ .toggle-style-styled div.toggle a.toggle-title { text-decoration: none; background: #fafafa; padding: 15px; display: block; color: #252729; } .toggle-style-styled div.toggle a.toggle-title.title-active { background: #9d9fa1; color: white; } .toggle-style-styled div.toggle a.toggle-title i { font-size: 12px; margin-right: 2px; position: relative; margin-top: 2px; color: #252729; } .toggle-style-styled div.toggle a.toggle-title.title-active i { color: white; } .toggle-style-styled div.toggle { margin-bottom: 1px; } .toggle-style-styled div.toggle-body { margin-top: 10px; margin-bottom: 10px; background: rgba(0, 0, 0, 0.04); border-radius: 0px; padding: 25px; } /*========== Simple ==========*/ .toggle-style-simple div.toggle a.toggle-title { background: none; color: #9d9fa1; text-decoration: none; border-bottom: 2px solid #e1e1e1; border-radius: 0; padding: 15px 0; display: block; font-weight: 400; } .toggle-style-simple div.toggle a.toggle-title.title-active { color: #252729; } .toggle-style-simple div.toggle a.toggle-title.title-active i { color: #252729; } .toggle-style-simple div.toggle a.toggle-title i { font-size: 16px; margin-right: 10px; position: relative; top: 2px; color: #252729; } .toggle-style-simple div.toggle .toggle-body.open { border-bottom: 1px solid #e1e1e1; } /*----- End of Toggles ------*/ .full_width .toggle-inner-wrap { margin: 30px; } /*================================== = Google MAP = ==================================*/ .rad_google_map textarea { display: none; } /*----- End of Google MAP ------*/ /*=================================== = Logo Widget = ===================================*/ .full_width .logo-inner-wrap { margin: 30px; } .logo-area { padding: 0; margin: 0; } .logo-area li { float: left; width: 33.33%; list-style: none; margin: 0; position: relative; } .logo-area li .inner-logo-item { padding: 0px; min-height: 100px; } .logo-area li a { display: block; } .logo-area li img { margin: 0 auto; max-width: 100%; display: block; display: block; padding: 50px 0; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; } .logo-area li a:hover, .logo-area li img:hover { -webkit-filter: none; -moz-filter: none; filter: none; opacity: 1; } .logo-area.logo-grid li { border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; box-sizing: border-box; } .logo-area.logo-grid li.top_item { border-top: none; } .logo-area.logo-grid li.first_item { border-left: none; } /*========== Logo Scrollable ==========*/ .logo-inner-wrap div.swiper-slide img { width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; } .logo-inner-wrap div.swiper-slide:hover img { -webkit-filter: none; -moz-filter: none; filter: none; opacity: 1; } .logo-inner-wrap .inner-logo-item { position: relative; padding: 30px 5px; } .logo-inner-wrap .inner-logo-item .tooltip { top: 0; } /*----- End of Logo Widget ------*/ /*================================= = Easy List = =================================*/ .full_width .magic_list-inner-wrap { margin: 30px; } .magic_list-inner-wrap ul { padding: 0; margin: 0; } .magic_list-inner-wrap ul li { padding: 0 0 20px 0; margin: 0 0 20px 0; list-style: none; position: relative; min-height: 75px; } .magic_list-inner-wrap ul li .ioa-icon-area { position: absolute; top: -4px; left: 0; padding: 0px; line-height: 1; } .magic_list-inner-wrap ul li .ioa-icon-area i { font-size: 24px; color: white; background: #9d9fa1; border-radius: 100%; padding: 20px; margin: -2px 0 0 -2px; } .magic_list-inner-wrap ul li .desc-area { margin-left: 85px; } .magic_list-inner-wrap ul li .desc-area p:first-child { margin-top: 0; } .magic_list-inner-wrap ul li h4 { margin-bottom: 0px; } .magic_list-inner-wrap ul li .desc-area .desc { margin-top: 5px; } .magic_list-inner-wrap ul li .ripple { margin: -2px 0 0 -2px; width: 16px; height: 16px; background: #9d9fa1; } /*========== Numbered List ==========*/ .magic_list-inner-wrap.list-ordered ul li .desc-area { margin-left: 85px; } .magic_list-inner-wrap.list-ordered ul li .ioa-icon-area i { display: block; line-height: 1; color: white; background: #9d9fa1; border-radius: 100%; padding: 20px 0px; font-size: 18px; font-style: normal; width: 60px; text-align: center; } /*========== List Animation ==========*/ .widget-animate-icon .magic_list-inner-wrap ul li .ioa-icon-area i { transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-style: preserve-3d; } .widget-animate-icon.start-animation .magic_list-inner-wrap ul li .ioa-icon-area i { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .widget-animate-icon.start-animation .magic_list-inner-wrap ul li .ripple { -webkit-animation: ripple 0.8s ease; animation: ripple 0.8s ease; } /*----- End of Easy List ------*/ /*============================== = Tweets = ==============================*/ .tweets-wrapper.list ul.tweets { margin: 0; padding: 0; } .tweets-wrapper.list ul.tweets li { position: relative; margin: 0 0 20px 0; min-height: 45px; border-bottom: 1px solid #9d9fa1; padding: 0 0 30px 55px; list-style: none; } .tweets-wrapper.list ul.tweets li i { background: #9d9fa1; color: white; position: absolute; top: -2px; left: 0; padding: 12px; } /*========== Tweets slider ==========*/ .tweets-wrapper.slider ul.tweets { margin: 0; padding: 0; } .tweets-wrapper.slider ul.tweets li { position: relative; margin: 0; padding: 20px 20px 20px 20px; list-style: none; text-align: center; } .tweets-wrapper.slider ul.tweets li i { background: #9d9fa1; color: white; position: absolute; top: 0px; left: 0px; padding: 25px 16px; } /*----- End of Tweets ------*/ /*==================================== = Notification = ====================================*/ .ioa-message { border-radius: 0px; } .ioa-message h2.message-title { padding: 30px 30px 30px 60px; color: #fff; margin-bottom: 0; line-height: 0.8; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; font-size: 18px; } .ioa-message a.close-notify-box { position: absolute; top: 0; right: 0; padding: 30px; text-decoration: none; overflow: hidden; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); } .message-default { background: #9d9fa1; } .message-success { background: #66d179; color: #fff; } .message-information { background: #5fd7ed; color: #fff; } .message-error { background: #fd5d56; color: #fff; } .message-inverse { background: #252729; color: white; } .message-inverse h2.message-title { color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .message-inverse.ioa-message a.close-notify-box { border-left: 1px solid rgba(0, 0, 0, 0.1); color: white; } .ioa-message div.message-content { padding: 30px; position: relative; border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #fff; font-size: 13px; } .notify-icon { position: absolute; top: 0%; left: 30px; font-size: 16px; margin-top: -45px; } .full_width .ioa-message { margin: 30px; } /*----- End of Notification ------*/ /*====================================== = Pricing Tables = ======================================*/ div.pricing-table { border-left: 1px solid #e1e1e1; border-top: none; border-right: none; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08); } div.pricing-table div.plan { float: left; position: relative; z-index: 1; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; position: relative; background: #fafafa; } span.pricing-ribbon { display: block; position: absolute; bottom: -15px; color: #fff; font-weight: 600; padding-left: 21px; padding-top: 5px; left: -1px; z-index: 10; width: 131px; height: 33px; background: url(sprites/i/ribp.png); } div.pricing-table div.plan.full { float: none; width: 100%; } div.pricing-table div.plan.one_half { width: 50%; margin: 0; } div.pricing-table div.plan.one_third { width: 33.33%; margin: 0; } div.pricing-table div.plan.one_fourth { width: 25%; margin: 0; } div.pricing-table div.plan span.plan-title { margin: 0; padding-bottom: 55px; text-align: center; display: block; font-size: 24px; text-align: center; font-weight: 500; color: #252729; } div.pricing_area { background: #fafafa; border-bottom: 1px solid #e1e1e1; position: relative; } div.pricing_area h2 { line-height: 1; color: #9d9fa1; text-align: center; margin: 0; padding: 60px 0 5px 0; font-size: 52px; } div.pricing_area span.suffix { color: #252729; font-size: 15px; font-weight: 500; margin-left: 5px; } div.pricing_area span.prefix { color: #252729; font-size: 15px; font-weight: 500; margin-right: 5px; } div.pricing-table ul.pricing-row { margin: 0; padding: 30px 0 0 0; } div.pricing-table ul.pricing-row li { padding: 6px 0; list-style: none; text-align: center; font-weight: 500; } div.pricing-table ul.pricing-row li i { margin-right: 10px; } div.pricing-table ul.pricing-row li.sign-up { padding: 30px 0 50px 0; text-align: center; } ul.pricing-row li.sign-up a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 12px 35px 12px 35px; font-size: 15px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; display: inline-block; font-weight: 600; } ul.pricing-row li.sign-up a:hover { background: #252729; border-color: #252729; color: white; } /*----- End of Pricing Tables ------*/ /*====================================== = Masonry Widget = ======================================*/ div.mason_item { width: 25%; overflow: hidden; } div.mason_item.mason_one_half { width: 50%; } div.mason_item.mason_one_fourth { width: 25%; } div.mason_item img { width: 100%; display: block; height: auto; } div.mason_item div.text-block { display: table; height: 100%; width: 80%; margin: 0 auto; } div.mason_item div.text-block > div { display: table-cell; text-align: center; vertical-align: middle; line-height: 1.8; } div.mason_item div.text-block h4 { color: inherit; } div.mason_item div.text-block div.text-caption { font-size: 14px; color: inherit; } div.mason_item div.text-block a.hover-link { font-size: 12px; color: inherit; } div.masonry-image { position: relative; overflow: hidden; } .mason-load-wrap { position: relative; display: inline-block; } .mason-button-label-wrap { cursor: pointer; } /*----- End of Masonry Widget ------*/ /*=============================== = Banners = ===============================*/ div.image-frame { background: #252729; position: relative; color: white; border-radius: 0px; } div.image-frame .cta-icon { font-size: 36px; color: inherit; } div.image-frame .cta-icon img { display: block; margin: 0 auto; } div.image-frame .ioa-text { margin-left: 15%; margin-right: 15%; color: inherit; } div.image-frame h4.text-subtitle { color: inherit; margin-left: 30px; margin-right: 30px; font-size: 13px; line-height: 1.6; margin-top: 0px; } div.image-frame h2.text-title { color: inherit; margin-left: 30px; margin-right: 30px; font-size: 24px; margin-top: 0; margin-top: 15px; margin-bottom: 0; } div.inner-image-frame-wrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: table; text-align: center; } div.inner-image-frame-wrap .frame-content { vertical-align: middle; display: table-cell; } div.inner-image-frame-wrap .frame-content > a { display: block; text-decoration: none; } div.image-frame div.front-side, div.image-frame div.back-side { transition: opacity 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; } div.image-frame:hover div.front-side { opacity: 0; } div.image-frame div.back-side { opacity: 0; } div.image-frame:hover div.back-side { opacity: 1; } div.frame-style-animated .frame-content { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } div.front-side-inner-wrap { vertical-align: middle; display: table-cell; } div.back-side-inner-wrap { vertical-align: middle; display: table-cell; } div.frame-style-animated.image-frame .cta-icon { font-size: 24px; color: inherit; } div.frame-gap { top: 14px; left: 14px; right: 14px; bottom: 14px; position: absolute; background: rgba(0, 0, 0, 0.3); } div.frame-gap > a { color: inherit; } .full_width div.image-frame { border-radius: 0; } /*----- End of Banners ------*/ /*===================================== = Misc Elements = =====================================*/ .full_width .cf7-inner-wrap { margin: 30px; } .IOATabbedWidget .video-icon { font-size: 40px; top: 45%; left: 45%; margin: -15px 0 0 0px; } .rad_post_slider .video-icon { font-size: 40px; top: 45%; left: 45%; margin: -10px 0 0 0px; } /*----- End of Misc Elements ------*/ /*================================== = Mail Chimp = ==================================*/ .mailchimp-inner-wrap .input-area { margin-right: 150px; } .mailchimp-inner-wrap .input-area div { float: left; width: 48%; margin-left: 2%; padding: 0; position: relative; } .mailchimp-inner-wrap .input-area div span { position: absolute; top: -20px; right: 0px; background: #fd5d56; color: #fff; padding: 3px 8px; display: none; font-size: 10px; font-style: italic; } .mailchimp-inner-wrap .input-area div:first-child { margin-left: 0; } .mailchimp-inner-wrap .input-area input { width: 100%; display: block; } .mailchimp-inner-wrap form { position: relative; } .mailchimp-inner-wrap a { position: absolute; top: 0; right: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; max-width: 141px; text-align: center; } .mailchimp-inner-wrap a:hover { background: #252729; border-color: #252729; color: white; } .mailchimp-subscription-confirmation { display: none; padding: 20px; text-align: center; background: #252729; color: white; } /*----- End of Mail Chimp ------*/ a.modal-trigger { text-decoration: none; display: inline-block; border-bottom: 1px solid #9d9fa1; font-weight: 600; } a.modal-trigger:hover { border-bottom: 1px solid #252729; } /** * * Post Formats * **/ div.post-format-chat { padding: 20px 20px 35px 20px; border: 1px solid #e1e1e1; position: relative; } div.post-format-chat i { position: absolute; bottom: 2px; right: 2px; padding: 9px; font-size: 11px; color: white; background: #9d9fa1; border-radius: 0px; } div.post-format-quote { padding: 45px 30px; border: 1px solid #e1e1e1; text-decoration: none; text-align: left; position: relative; } div.post-format-quote p { color: #252729; font-size: 21px; margin: 0px 50px; font-weight: 600; } div.post-format-quote blockquote p { margin: 0; } div.post-format-quote i { position: absolute; bottom: 2px; right: 2px; padding: 9px; font-size: 11px; color: white; background: #9d9fa1; border-radius: 0px; } div.post-format-quote h5.quote-by { margin-left: 50px; font-size: 16px; margin-bottom: 0; padding-bottom: 0; } div.post-format-status { padding: 45px 30px; background: #fafafa; text-decoration: none; text-align: left; position: relative; } div.post-format-status p { color: #252729; font-size: 21px; margin: 0px 50px; font-weight: 600; } div.post-format-link { padding: 45px 30px; background: #fafafa; text-decoration: none; text-align: left; position: relative; transition: all 0.2s; } div.post-format-link a { color: #252729; font-size: 21px; margin: 0px 50px; font-weight: 600; text-decoration: none; display: block; text-align: center; } div.post-format-link i { position: absolute; bottom: 2px; right: 2px; padding: 9px; font-size: 11px; color: white; background: #9d9fa1; border-radius: 0px; } div.post-format-link:hover { background: #252729; } div.post-format-link:hover a, div.post-format-link:hover i { color: white; } /*======================= = Post Featured ============================*/ span.post-label { background: #9d9fa1; color: white; padding: 8px 14px; display: block; position: absolute; top: -3px; right: -3px; z-index: 10; text-transform: uppercase; font-size: 14px; line-height: 1; } .post_featured-inner-wrap li { position: relative; } .post_featured-inner-wrap li div.image { position: relative; } .post_featured-inner-wrap li div.image img { display: block; } .post_featured-inner-wrap li div.desc { padding: 15px 0; } .post_featured-inner-wrap li div.desc h2 { font-size: 32px; margin: 0; margin-right: 10%; line-height: 1.2; } .post_featured-inner-wrap li div.desc h2 a { text-decoration: none; color: #252729; display: block; } .post_featured-inner-wrap li div.desc h2 a:hover { text-decoration: none; color: #9d9fa1; } .post_featured-inner-wrap .bx-controls { top: 467px; bottom: auto; } .post_featured-inner-wrap .video-icon { top: 50%; left: 50%; } div.bottom-content-part { padding: 10px 0px; } div.bottom-content-part a.read-more { float: left; font-size: 13px; text-decoration: none; line-height: 1; margin-top: 2px; } div.bottom-content-part ul { float: right; margin-top: 0px; line-height: 1; } div.bottom-content-part ul li { float: left; color: #7c7d7e; margin-left: 32px; font-size: 13px; } div.bottom-content-part ul li i { color: #acacac; margin-right: 5px; font-size: 14px; } div.bottom-content-part ul li a { color: #7c7d7e; text-decoration: none; } .post_featured-inner-wrap div.post-cats { float: left; } .post_featured-inner-wrap a.read-more { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } .post_featured-inner-wrap a.read-more:hover { background: #252729; border-color: #252729; color: white; } .post_featured-inner-wrap div.extras { margin: 5px 0; padding: 5px 0; font-size: 11px; } div.post-cats a, div.sidebar-wrap div.post-cats a, div.footer-wrap div.post-cats a { text-decoration: none; background: #9d9fa1; color: white; padding: 1px 3px; font-size: 9px; margin-right: 5px; border-radius: 0px; font-weight: 700; text-transform: uppercase; float: left; margin-bottom: 2px; } a.post-cats { text-decoration: none; background: #9d9fa1; color: white; padding: 1px 3px; font-size: 9px; margin-right: 5px; border-radius: 0px; font-weight: 700; text-transform: uppercase; display: inline-block; } div.post-cats { margin-right: 6px; font-style: normal; } div.post-cats span.date { float: right; font-size: 11px; text-transform: uppercase; font-weight: 300; color: #9d9fa1; } div.extras { font-size: 11px; } div.extra-info { float: right; font-size: 11px; text-transform: uppercase; font-weight: 300; color: #9d9fa1; } /*========== =================== == Posts Slider================== ============================== */ .post_slider-inner-wrap { overflow: hidden; min-height: 300px; } .post_slider-inner-wrap ul.posts > li { position: relative; float: left; margin-right: 24px; } .post_slider-inner-wrap li div.image { position: relative; } .post_slider-inner-wrap li .extras { margin: 5px 0; padding: 5px 0; } .post_slider-inner-wrap li .post-cats { float: left; } .post_slider-inner-wrap li div.desc { padding: 15px 0 10px 0px; } .post_slider-inner-wrap li div.desc h2 { font-size: 18px; margin: 0 0 5px 0; line-height: 1.4; } .post_slider-inner-wrap li div.desc h2 a { text-decoration: none; color: #252729; display: block; } .post_slider-inner-wrap li div.desc h2 a:hover { text-decoration: none; color: #9d9fa1; } .post_slider-inner-wrap .bx-controls { top: -41px; bottom: auto; } .post_slider-inner-wrap .bx-wrapper .bx-controls-direction a { padding: 7px; font-size: 12px; } .post_slider-inner-wrap .post-list-label { margin-top: 6px; } /* Ads Settings */ div.ad-inner-wrap a { display: block; } div.ad-inner-wrap img { display: block; margin: 0 auto; max-width: 100%; height: auto; } div.ad-inner-wrap { margin: 0 auto; } div.ad-468x60 { width: 468px; height: 60px; } div.ad-300x100 { width: 300px; height: 100px; } div.ad-728x90 { width: 728px; height: 90px; } div.ad-468x60 { width: 468px; height: 60px; } div.ad-234x60 { width: 234px; height: 60px; } div.ad-720x300 { width: 720px; height: 300px; } div.ad-120x240 { width: 120px; height: 240px; } div.ad-300x250 { width: 300px; height: 250px; } div.ad-250x250 { width: 250px; height: 250px; } div.ad-300x600 { width: 300px; height: 600px; } div.ad-160x600 { width: 160px; height: 600px; } div.ad-120x600 { width: 120px; height: 600px; } div.ad-336x280 { width: 336px; height: 280px; } div.ad-180x150 { width: 180px; height: 150px; } div.rad_ads_widget .align-left { float: left; } div.rad_ads_widget .align-right { float: right; } /** Pin Mechanism */ div.pin-loading-message { padding: 35px 10px; color: #252729; border: 1px dotted #e1e1e1; font-size: 13px; margin: 50px auto; width: 60%; text-align: center; } div.pinned-board { margin: 30px 0; } div.pinned-board ul { padding: 0; margin: 0; } div.pinned-board ul div.image { position: relative; } div.pinned-board ul div.image a { display: block; } div.pinned-board ul div.image img { width: 100%; border-radius: 0; } div.pinned-board ul li { list-style: none; padding: 0; margin: 0 0 30px 0; } div.pinned-board ul li div.desc { padding: 0; } div.pinned-board li .desc h2 { margin: 15px 0; padding: 0; line-height: 1.4; font-size: 24px; margin-right: 10%; } div.pinned-board li .desc h2 a { text-decoration: none; color: #252729; line-height: 1.4; display: block; } div.pinned-board li .desc h2 a:hover { color: #9d9fa1; } div.pinned-board li div.post-cats { float: left; margin-right: 10px; } div.pinned-board div.extra-info { float: right; } a.remove-pin { position: absolute; z-index: 10; top: 0; right: 0; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 12px; padding: 8px 14px; text-decoration: none; } a.remove-pin:hover { color: #fff; background: rgba(0, 0, 0, 0.9); } #popout button.btn { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } #popout button.btn:hover { background: #252729; border-color: #252729; color: white; } .post_featured-inner-wrap li.no-featured-image div.desc { padding-top: 0; } .search div.extra-info { display: none; } /*----- End of Section comment block ------*/ /*============================================= = Media Elements Stylings = =============================================*/ /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. Gallery 2. Quartz Slider 3. Image Accordion 4. Grid columns 5. BX Scrollable ----- End of Table of Contents ---------- */ /*=============================== = Gallery = ===============================*/ /*========== Basic Structure ==========*/ .seleneGallery { margin: 0px auto 0px auto; position: relative; padding: 0; width: 600px; max-width: 100%; visibility: hidden; opacity: 0; } .seleneGallery div.gallery-holder { position: relative; padding: 0px; width: 100%; min-height: 150px; overflow: hidden; z-index: 2; border-radius: 0px; } .seleneGallery div.gallery-item { position: absolute; top: 0px; left: 0; border: none; margin: 0; padding: 0px; display: block; width: 100%; height: auto; bottom: 0px; overflow: hidden; z-index: 1; } .seleneGallery div.gallery-item > a { margin: 0; padding: 0; outline: none; border: none; text-decoration: none; display: block; width: 100%; height: 100%; } .seleneGallery div.gallery-item img { margin: 0; padding: 0; display: block; max-width: 100%; height: auto; position: relative; z-index: 1; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; vertical-align: middle; } .seleneGallery div.gallery-item video, .seleneGallery div.gallery-item iframe, .seleneGallery div.gallery-item object, .seleneGallery div.gallery-item embed { position: absolute; top: 0; left: 0; border: none; outline: none; height: auto !important; width: 100%; } .seleneGallery div.gallery-item.hidden { z-index: 2; display: none; } .seleneGallery div.gallery-item.active { z-index: 7; } .seleneGallery div.gallery-item.reset { z-index: 5; } /*========== Full Width / Full screen / Adpative ==========*/ .full-stretch ul.selene-thumbnails li img { min-height: 100%; } .seleneGallery.fullscreen div.gallery-item img { width: 100%; } .seleneGallery.none div.gallery-item img { width: auto; } .seleneGallery.hard div.gallery-item img { width: auto; } .seleneGallery.adaptive div.gallery-item img { min-height: 0; height: auto; min-height: 0; } .seleneGallery.adaptive div.gallery-item { height: auto; } /*========== Thumbnail Stylings ==========*/ .seleneGallery .selene-thumbnails-wrap { margin-top: 5px; height: 87px; position: relative; overflow: hidden; } .seleneGallery ul.selene-thumbnails { width: 2000em; margin: 0 0; padding: 0 0; height: 80px; position: absolute; top: 0; left: 0px; z-index: 4; } .seleneGallery ul.selene-thumbnails li { overflow: hidden; cursor: pointer; float: left; padding: 0px; list-style: none; position: relative; width: 75px; height: 75px; position: relative; margin-right: 5px; } .seleneGallery.fullscreen ul.selene-thumbnails li:first-child { padding-left: 15px; } .seleneGallery ul.selene-thumbnails li.active img, .seleneGallery ul.selene-thumbnails li:hover img { opacity: 1; position: relative; } .seleneGallery ul.selene-thumbnails li img { margin: 0 auto; padding: 0; display: block; position: relative; opacity: 0.7; z-index: 2; width: 100%; height: 100%; } /*========== Controls ==========*/ div.selene-controls-wrap { position: absolute; bottom: 6px; left: 7px; z-index: 99; } div.selene-controls-wrap > a { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-decoration: none; background: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; font-size: 14px; padding: 24px 16px; line-height: 0px; z-index: 100; float: left; } .seleneGallery div.gallery-holder:hover div.selene-controls-wrap > a { opacity: 0.9; } .seleneGallery .slide-counter { position: absolute; bottom: 0; left: 0; display: block; padding: 10px; color: white; font-style: italic; } /* Lightbox */ .seleneGallery div.gallery-item > a.ioa-lightbox-icon { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; position: absolute; padding: 13px 13px 14px 13px; bottom: 15px; right: 15px; font-size: 13px; background: rgba(0, 0, 0, 0.8); color: white; z-index: 43; width: auto; height: auto; } .seleneGallery div.gallery-item:hover > a.ioa-lightbox-icon { opacity: 0.9; } /* Thumbnail Area and Controls */ .seleneGallery div.selene-thumbnails-wrap a { opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .seleneGallery div.selene-thumbnails-wrap:hover a { opacity: 0.9; transform: scale(1); -webkit-transform: scale(1); } .seleneGallery a.thumb-arrow-left { top: 50%; padding: 20px 14px; margin-top: -25px; left: 0; text-decoration: none; background: #000; opacity: 0.8; text-align: center; color: white; font-size: 18px; line-height: 0px; display: block; z-index: 100; position: absolute; } .seleneGallery a.thumb-arrow-right { top: 50%; padding: 20px 14px; margin-top: -25px; right: 0; text-decoration: none; background: #000; opacity: 0.8; text-align: center; color: white; font-size: 18px; line-height: 0px; display: block; z-index: 100; position: absolute; border-radius: 0px; } /*========== Captions ==========*/ .seleneGallery div.gallery-desc { line-height: 1.5; position: absolute; width: 250px; top: 0; right: 0px; bottom: 0; height: 100%; z-index: 40; font-size: 12px; text-align: left; transition: opacity 0.2s ease-in-out; } .seleneGallery div.inner-desc-wrap { padding: 15px; display: block; position: absolute; background: #252729; top: 0px; left: 15px; bottom: 0px; right: 0px; } .seleneGallery div.inner-bg-desc { width: 100%; height: 100%; } .seleneGallery div.inner-bg-desc-wrap h4 { color: white; margin-bottom: 5px; } .seleneGallery div.gallery-desc .inner-desc-wrap > p { margin: 2px 0 0 0; padding: 0; } .seleneGallery div.gallery-desc h1 { margin-top: 0; display: block; padding: 0; margin-bottom: 1px; } .seleneGallery div.gallery-desc div.caption { margin-top: 0; padding: 0; display: block; color: white; } .seleneGallery div.gallery-desc div.caption p { color: inherit; margin: 0 auto; color: white; padding: 0; } .seleneGallery div.gallery-desc a.hover-link { position: relative; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 7px 25px; font-size: 12px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } .seleneGallery div.gallery-desc a.hover-link:hover { background: #252729; border-color: #252729; color: white; } .seleneGallery .caption-slide div.gallery-desc { opacity: 1; } .seleneGallery.hide-controls div.selene-controls-wrap { display: none; } /*----- End of Gallery ------*/ /*===================================== = Quartz Slider = =====================================*/ /*========== General Stylings ==========*/ .quartz { margin: 0px auto 0px auto; position: relative; padding: 0; width: 600px; max-width: 100%; min-height: 200px; visibility: hidden; opacity: 0; overflow: hidden; } .quartz .skeleton { z-index: 5; height: 100%; } .quartz div.items-holder { position: relative; border: none; width: 100%; z-index: 2; } .quartz div.items-view { position: relative; border: none; width: 100%; z-index: 2; overflow: hidden; } .quartz div.items-view div.items-holder { position: absolute; border: none; width: 100%; z-index: 2; } .quartz div.slider-item { position: absolute; top: 0; left: 0; bottom: 0; border: none; overflow: hidden; margin: 0; padding: 0; display: block; width: 100%; z-index: 1; } .quartz div.slider-item > a { margin: 0; padding: 0; outline: none; border: none; text-decoration: none; display: block; width: 100%; } .quartz div.slider-item img { margin: 0 auto; padding: 0; display: block; width: 100%; height: auto; position: relative; z-index: 1; } .quartz div.slider-item.hidden { z-index: 2; display: none; } .quartz div.slider-item.active { z-index: 17; } .quartz div.slider-item.reset { z-index: 5; } .quartz div.items-view div.items-holder div.slider-item.hidden, .quartz div.items-view div.items-holder div.slider-item.active, .quartz div.items-view div.items-holder div.slider-item.reset { z-index: 2; display: block; } .quartz div.custom_slide_style { display: none; } div.quartz-slide-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .quartz div.slider-item > a.quartz-caption-toggle, .quartz div.slider-item > a.quartz-caption-close { position: absolute; top: 12px; right: 12px; padding: 15px; font-size: 10px; background: rgba(0, 0, 0, 0.8); color: #fff; z-index: 103; width: auto; height: auto; border-radius: 0px; bottom: auto; left: auto; line-height: 1; display: none; } .mobile-caption-holder { position: absolute; top: 12px; right: 12px; left: 12px; bottom: 12px; background: rgba(255, 255, 255, 0.8); color: #333; z-index: 100; display: none; } .mobile-caption-holder .mobile-caption-inner-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; padding: 25px; } .mobile-caption-holder h2, .mobile-caption-holder h4, .mobile-caption-holder p { color: inherit; } .mobile-caption-holder .mobile-caption-inner-wrap a.hover-link { margin-right: 5px; text-decoration: none; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 9px 14px; display: inline-block; } /*========== Special case ==========*/ .quartz.fullscreen div.slider-item { position: relative; } .quartz.full-stretch div.slider-item img { width: 100%; min-width: 100%; } .quartz.adaptive div.slider-item img { min-height: 0; height: auto; min-height: 0; } .quartz.adaptive div.slider-item { height: auto; } .ioa-fullscreen-indicator { background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 15px; padding: 15px; border-radius: 0px; position: fixed; bottom: 30px; left: 50%; margin-left: -30px; display: block; z-index: 80; } /*========== Controls ==========*/ .quartz-bullets-wrap { position: absolute; bottom: 0; left: 0; right: 0; } .presentation-mode .quartz-bullets-wrap { top: 0; right: 0; left: auto; bottom: auto; } .quartz ul.quartz-bullets { position: relative; margin: 0 0; padding: 8px 4px 8px 8px; z-index: 4; display: inline-block; text-align: center; } .quartz ul.quartz-bullets li { margin-right: 8px; cursor: pointer; float: left; list-style: none; position: relative; width: 11px; height: 11px; padding: 0px; } .quartz ul.quartz-bullets li img { width: 75px; height: 75px; display: block; } .quartz ul.quartz-bullets li div { position: absolute; width: 75px; height: 75px; top: -95px; left: -37.5px; display: block; opacity: 0; transform: scale(0.9); transition: all 0.2s; } .quartz ul.quartz-bullets li .d-control { background: rgba(0, 0, 0, 0.5); width: 11px; height: 11px; position: absolute; top: 0; left: 0; display: block; border-radius: 100%; transition: all 0.3s ease-in-out; } .quartz ul.quartz-bullets li .a-control { background: rgba(255, 255, 255, 0.9); width: 11px; height: 11px; position: absolute; top: -18x; left: 0; display: block; border-radius: 100%; transition: all 0.3s ease-in-out; opacity: 0; } .quartz ul.quartz-bullets li.active .a-control { top: 0px; opacity: 1; } .quartz ul.quartz-bullets li.active .d-control { top: 18px; opacity: 0; } .quartz ul.quartz-bullets li:hover div { top: -85px; opacity: 1; transform: scale(1); } .presentation-mode ul.quartz-bullets li { float: none; display: block; margin-bottom: 10px; } div.quartz-controls-wrap { position: static; z-index: 99; } div.quartz-controls-wrap > a { position: absolute; text-decoration: none; opacity: 1; background: rgba(0, 0, 0, 0.6); text-align: center; color: #fff; font-size: 12px; font-weight: 400; padding: 20px 12px; line-height: 0px; display: block; z-index: 100; transition: all 0.2s ease-in-out; margin-top: 0; border-radius: 0px; margin-top: -10px; } div.quartz-controls-wrap a.autoplay-control { position: absolute; text-decoration: none; opacity: 1; background: rgba(0, 0, 0, 0.6); text-align: center; color: #fff; font-size: 14px; font-weight: 400; padding: 15px 17px; line-height: 0px; display: block; z-index: 100; transition: all 0.2s ease-in-out; margin-top: 0; border-radius: 0px; bottom: 1px; right: 47px; } div.quartz-controls-wrap a.autoplay-control .progress-bar { display: none; position: absolute; } /* Autoplay */ div.quartz-controls-wrap > a:hover { background: rgba(0, 0, 0, 0.9); } /* Lightbox */ .quartz div.slider-item > a.ioa-lightbox-icon { position: absolute; bottom: 0px; right: 0px; padding: 15px 17px; top: auto; left: auto; font-size: 14px; background: rgba(0, 0, 0, 0.8); color: #fff; z-index: 103; width: auto; height: auto; border-radius: 0px; } .quartz div.slider-item > a.ioa-lightbox-icon:hover { background: rgba(0, 0, 0, 0.8); } /*========== Thumb Animation for Controls ==========*/ div.quartz-controls-wrap > a.slider-prev { top: 50%; left: 20px; } div.quartz-controls-wrap > a.slider-next { top: 50%; right: 20px; } /*========== Tabbed Layout ==========*/ div.ioa-tabbed-layout { padding: 30px 0; text-align: center; position: relative; } div.ioa-tabbed-layout ul { padding: 0; margin: 0; display: inline-block; } div.ioa-tabbed-layout ul li { list-style: none; float: left; opacity: 0.4; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; } div.ioa-tabbed-layout ul li.active, div.ioa-tabbed-layout ul li:hover { opacity: 1; } div.ioa-tabbed-layout ul li a { text-decoration: none; display: block; margin: 0px 15px; } div.ioa-tabbed-layout ul li img { max-height: 48px; width: auto; display: block; margin: 0 auto; } div.ioa-tabbed-layout ul li span { display: block; font-size: 12px; margin-top: 18px; } .quartz-tip { position: absolute; bottom: -10px; left: 0; font-size: 30px; color: #fff; z-index: 20; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } /*========== Captions Stylings ==========*/ /* General Stylings */ .quartz div.slider-desc { position: absolute; color: #fff; display: block; z-index: 40; display: none; padding: 0px; top: 40%; left: 50px; width: 50%; } .quartz div.slider-desc.caption-background { padding: 30px; background: rgba(0, 0, 0, 0.4); } .quartz div.slider-desc .inner-desc-wrap > p { margin: 2px 0 0 0; padding: 0; } .quartz div.slider-desc h2 { margin: 0 0 10px 0; padding: 0; display: block; font-size: 40px; color: inherit; position: relative; line-height: 1.1; } .quartz div.slider-desc h4 { margin: 0 0 10px 0; padding: 0; display: block; font-size: 28px; line-height: 1; color: inherit; position: relative; line-height: 1.1; } .quartz div.slider-desc div.caption { font-size: 18px; position: relative; } .quartz div.slider-desc div.caption p { margin-bottom: 0px; padding-bottom: 0; } .quartz div.slider-desc a.hover-link { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 7px 25px; font-size: 14px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; margin-top: 10px; margin-left: 15px; } .quartz div.slider-desc a.hover-link:hover { background: #252729; border-color: #252729; color: white; } .quartz div.slider-desc a.hover-link:first-child { margin-left: 0; } p.link-p { clear: both; display: block; padding-bottom: 0; } /*========== Caption Positioning ==========*/ .quartz div.slider-desc.s-t-l { top: 50px; left: 50px; } .quartz div.slider-desc.s-t-c { top: 50px; text-align: center; width: 100%; } .quartz div.slider-desc.s-t-r { top: 50px; right: 50px; text-align: right; left: auto; } .quartz div.slider-desc.s-c-l { top: 40%; left: 50px; max-width: 50%; } .quartz div.slider-desc.s-c-c { top: 50px; right: 50px; width: 50%; text-align: center; } .quartz div.slider-desc.s-c-r { right: 50px; max-width: 50%; text-align: right; left: auto; } .quartz div.slider-desc.s-b-l { bottom: 50px; left: 50px; top: auto; } .quartz div.slider-desc.s-b-c { bottom: 50px; left: 50px; width: 100%; text-align: center; top: auto; } .quartz div.slider-desc.s-b-r { bottom: 50px; right: 50px; text-align: right; left: auto; top: auto; } /*===================================== = BX Scrollable = =====================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-controls { position: absolute; bottom: 0%; right: 0%; z-index: 9999; } .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; } .bx-controls.bx-has-pager { position: absolute; bottom: -35px; left: 0; width: auto; right: auto; z-index: 9999; top: auto; } .bx-controls.bx-has-pager .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { text-indent: 9999px; background: #9d9fa1; display: block; width: 12px; height: 12px; margin: 0 12px 0 0; outline: 0; border-radius: 0px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #9d9fa1; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 0px; text-align: center; color: white; } .bx-wrapper .bx-next { right: 0px; text-align: center; color: white; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls { opacity: 1; } .bx-controls-direction { width: 100%; } .bx-wrapper .bx-controls-direction a { outline: 0; padding: 9px; margin-left: 1px; text-decoration: none; float: left; display: block; opacity: 1; font-size: 15px; color: white; transition: all 0.2s ease-in-out; background: #252729; opacity: 0.6; } .bx-wrapper .bx-controls-direction a:hover { opacity: 1; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(sprites/i/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(sprites/i/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #9d9fa1; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #252729; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*----- End of BX Scrollable ------*/ .tparrows { border-radius: 2px !important; padding-bottom: 14px; line-height: 1.8; } /*----- End of Section comment block ------*/ /*============================================= = Single Post Stylings = =============================================*/ /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. General Stylings 2. Extra Information Area 3. Author Box 4. Comments 5. Related Posts ----- End of Table of Contents ---------- */ /*======================================== = General Stylings = ========================================*/ .post-format-standard.single-post-content .page-content { padding: 30px 0; } .page-content h2 { margin: 15px 0px 0px 0px; } .fb_iframe_widget span, .fb_iframe_widget { max-width: 100% !important; } div.fb_comments_template { margin-bottom: 50px; } .post-title-wrap { margin-bottom: 30px; } .post-title-wrap h1 { margin-bottom: 0; margin-top: 0; margin-right: 30%; font-size: 40px; line-height: 1.2; } .post-title-wrap h1 i { margin-right: 15px; } .post-bottom-section { margin-bottom: 30px; padding: 45px 0px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .post-bottom-section .single-social-share a { margin-bottom: 0; } .page-content hr { height: 1px; border: none; background: #eaeaea; margin: 30px 0; } .single-social-share a { margin-bottom: 2px; } /*----- End of General Stylings ------*/ p.post_tags { margin: 0; padding: 15px 0 0 0; float: left; font-size: 12px; width: 50%; } p.post_tags span { font-weight: 600; } p.post_tags a { display: inline-block; margin-right: 3px; text-decoration: none; } div.post-share { float: right; } div.post-share div.share-links { float: left; } div.post-share div.share-links a { display: inline-block; margin-right: 3px; text-decoration: none; text-decoration: none; } div.post-share span { float: left; margin-right: 15px; } /*============================================== = Extra Information Area = ==============================================*/ div.meta-info { padding: 0; color: #9d9fa1; } div.meta-info div.post-cats { float: left; } div.meta-info div.extra-info { float: left; } .meta-info > div { padding: 5px 0; font-size: 13px; } /*----- End of Extra Information Area ------*/ div.review-info .hide { display: none; } /*================================ = Comments = ================================*/ div.comment-tabbed-area.ui-tabs > .ui-tabs-panel { padding: 0; } div.comment-tabbed-area.ui-tabs ul.comment-nav-tab.ui-tabs-nav { border-bottom: 2px solid #252729; color: #252729; } div.fb_iframe_widget_fluid { display: block; } div.fb_iframe_widget_fluid > span, div.fb_iframe_widget_fluid iframe { width: 100% !important; } #comments, #facebookcomments, #disquscomments { margin: 10px 0 60px 0; } ol.comment-list { list-style: none; padding: 30px 0px 30px 0px; margin: 0 0 30px 0; border-bottom: 1px solid #e1e1e1; } ol.comment-list li.comment { padding-bottom: 30px; position: relative; } ol.comment-list li.comment:last-child { padding-bottom: 10px; } ol.children { list-style: none; padding: 30px 0 0px 30px; margin: 0; } ol.children li.comment:last-child { padding-bottom: 0px; } div.image-info { position: absolute; border: 1px solid #e1e1e1; border-radius: 0px; top: 0px; left: 0px; } div.image-info img { display: block; float: left; } div.image-info > a { float: left; font-size: 11px; color: #9d9fa1; } div.comment-info { position: relative; } div.comment-body { padding: 25px; margin-bottom: 20px; position: relative; min-height: 80px; margin-left: 120px; border: 1px solid #e1e1e1; border-radius: 0px; } div.comment-body span.arrow { display: none; } #comments .fn { display: block; font-size: 18px; font-weight: 400; } #comments a.comment-time { text-decoration: none; font-size: 11px; color: #9d9fa1; font-weight: 300; text-transform: uppercase; } div.comment-body img.avatar { display: block; max-width: 100%; } #comments div.reply { position: absolute; top: -1px; right: -1px; } #comments a.comment-reply-link { transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 12px 15px; font-size: 12px; color: white; display: inline-block; text-decoration: none; border-radius: 0px; background: #9d9fa1; } #comments a.comment-reply-link:hover { color: white; background: #252729; border: 1px solid #252729; } div.comment-text { margin-top: 20px; } p.no-comments { border: 1px solid #e1e1e1; text-align: center; display: block; padding: 30px; } #comments img { display: inline; } /*========== Comments Form ==========*/ #respond { clear: both; padding: 0; position: relative; margin-top: 0px; } #respond h3#reply-title { font-size: 18px; line-height: 1.6; } #respond h3.custom-font { color: #252729; font-size: 18px; line-height: 1.6; margin-bottom: 10px; } #commentform { border-top: none; padding: 0 0; } #commentform input[type=text], #commentform input[type=email], #commentform input[type=url] { border: 1px solid #e1e1e1; font-size: 13px; line-height: 18px; margin-bottom: 9px; padding: 10px; width: 90%; border-radius: 0px; background: white; color: #252729; } #commentform input[type=text]:focus, #commentform input[type=email]:focus, #commentform input[type=url]:focus { border: 1px solid #e0e0e0; color: #252729; background: #fafafa; } #commentform code { border: none; color: #9d9fa1; font-size: 11px; padding: 2px 4px; } #commentform { margin-left: 0px; margin-top: 0px; } #commentform p.single-row-textfield { float: left; margin-bottom: 10px; width: 32%; } #commentform p.comment-form-url { margin-right: 0; } #commentform input[type=submit] { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 18px 24px; font-size: 13px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } #commentform input[type=submit]:hover { background: #252729; border-color: #252729; color: white; } #commentform label { font-size: 13px; margin-right: 20px; margin-top: 14px; } #commentform p { margin: 5px 0px 0px 0px; font-size: 11px; text-transform: uppercase; color: #9d9fa1; } #commentform p a { color: #252729; } #commentform p a:hover { color: #9d9fa1; } a#cancel-comment-reply-link { position: absolute; top: 0; right: 0; background: #9d9fa1; padding: 2px 7px; text-decoration: none; font-size: 10px; color: #fff; border-radius: 0px; } a#cancel-comment-reply-link:hover { background: #9d9fa1; color: white; } p.comment-form-url, p.comment-form-author, p.comment-form-email { width: 33.33%; float: left; } p.comment-form-url { clear: right; } #commentform p.comment-form-url input { width: 100%; } /*----- End of Comments ------*/ /*========================================== = Project Navigation = ==========================================*/ .post-navigation .skeleton { padding: 0 0 0 30px; width: auto; } div.prev-post-link { width: 50%; float: left; padding-right: 30px; } div.next-post-link { width: 50%; float: right; padding-left: 30px; } div.next-post-link { text-align: right; } .post-navigation a span { display: block; line-height: 1.4; } div.prev-post-link a { text-decoration: none; } div.next-post-link a { text-decoration: none; float: right; } .post-navigation small { font-size: 13px; color: #9d9fa1; } .post-navigation span.label { font-size: 11px; text-transform: uppercase; font-weight: 300; color: #9d9fa1; } .post-navigation span.link { color: #252729; font-size: 18px; margin-top: 6px; } .post-navigation span.link:hover { color: #9d9fa1; } div.prev-post-link small { margin-right: 6px; } div.next-post-link small { margin-left: 6px; } .single-social-share { padding-left: 0px; } .single-social-share h4 { font-size: 11px; text-transform: uppercase; font-weight: 300; color: #9d9fa1; } .single-social-share span { float: left; margin-left: 7px; } .single-social-share svg { float: left; } .single-social-share i { float: left; margin-top: 3px; font-size: 13px; } .ioa-social-share svg { float: left; } .ioa-social-share i { float: left; margin-top: 3px; font-size: 13px; } .ioa-social-share span { float: left; margin-left: 7px; margin-top: 1px; } .single-social-share a { margin-right: 15px; margin-bottom: 15px; } .single-social-share a.fb-share, a.ioa-fb-share { background: #345b95; color: #fff; font-size: 11px; padding: 7px 13px; text-decoration: none; border-radius: 0px; float: left; } .single-social-share a.twitter-share, a.ioa-twitter-share { background: #1dadea; color: #fff; font-size: 11px; padding: 7px 13px; text-decoration: none; border-radius: 0px; float: left; } .single-social-share a.linked-in-share, a.linked-in-share { background: #4a76b2; color: #fff; font-size: 11px; padding: 7px 13px; text-decoration: none; border-radius: 0px; float: left; } .single-social-share a.pin-share, a.ioa-pin-share { background: #ca242d; color: #fff; font-size: 11px; padding: 7px 13px; text-decoration: none; border-radius: 0px; float: left; } a.ioa-social-share:hover { color: inherit; } div.proxy-fb-share { display: none; } /** Category Page */ div.category-featured-media { height: 250px; width: 100%; position: relative; } div.category-featured-media.no-bg-image div.misc-title-wrap { position: relative; } div.category-inner-wrap { display: table; height: 100%; position: absolute; top: 0; left: 0; width: 100%; } div.category-inner-wrap div.misc-title-wrap { opacity: 0.9; height: 100%; display: table-cell; vertical-align: middle; position: relative; background: #9d9fa1; } div.category-inner-wrap div.misc-title-wrap h1 { color: white; } div.misc-title-wrap { padding: 30px 0 30px; background-color: #f8f7f8; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f0f2)); background-image: -webkit-linear-gradient(top, white, #f1f0f2); background-image: -moz-linear-gradient(top, white, #f1f0f2); background-image: -o-linear-gradient(top, white, #f1f0f2); background-image: -ms-linear-gradient(top, white, #f1f0f2); background-image: linear-gradient(top, #ffffff, #f1f0f2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f1f0f2'); border-bottom: 1px solid #e6e6e6; } div.misc-title-wrap h1 { color: #252729; margin: 0; } .full-width-media { position: fixed; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 20; transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .full-width-media .skeleton { height: 100%; z-index: 10; } .full-width-media:after { content: ' '; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ z-index: 2; } .full-width-media div.post-title-wrap { position: absolute; bottom: 45px; left: 0px; z-index: 10; color: #fff; transition: bottom 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: bottom 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .full-width-media div.post-title-wrap div.meta-info, .full-width-media div.post-title-wrap div.meta-info a { color: #fff; } .full-width-media div.post-title-wrap h1 { font-size: 36px; font-weight: 600; color: #fff; margin: 0; max-width: 65%; line-height: 1.3; } div.single-wall-posts-wrap { position: relative; height: 400px; overflow: hidden; } div.single-wall-posts-wrap img { width: 100%; border-radius: 0; } div.single-wall-posts-wrap ul { padding: 16px; margin: 0; } div.single-wall-posts-wrap ul li { padding: 0; margin: 0; list-style: none; } div.single-wall-posts-wrap ul li img { border-radius: 0; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); } div.single-wall-posts-wrap ul li.current-post img { -webkit-filter: none; filter: none; } div.single-wall-posts-wrap ul li:hover img { -webkit-filter: none; filter: none; } div.single-wall-posts-wrap ul li div.image, div.single-wall-posts-wrap ul li div.image a { display: block; } div.single-wall-posts-wrap ul li h3 { color: white; font-size: 24px; margin: 0; max-width: 70%; line-height: 1.4; position: absolute; bottom: 30px; left: 30px; } div.single-wall-posts-wrap ul li h3 a { text-decoration: none; color: white; } .w-overlay { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ z-index: 23; } .w-overlay:hover { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ z-index: 23; } div.single-meta-info { padding-bottom: 30px; border-bottom: 1px solid #e1e1e1; margin-top: 15px; } div.single-meta-info .one_half { width: 50%; margin: 0; padding: 20px 0; } div.single-meta-info .one_half.last { border-left: 1px solid #e1e1e1; } /** Review Stylings */ div.review-area { padding: 30px; border: 1px solid #e1e1e1; border-radius: 0px; } div.review-image { float: left; width: 35%; } div.review-info { float: left; margin-left: 3%; width: 62%; } div.review-info h2 { margin-bottom: 0; text-transform: uppercase; line-height: 1; font-size: 32px; width: 80%; } div.score-box { padding: 30px 20px; border-radius: 3px; background: #252729; margin-top: 20px; max-width: 160px; text-align: center; } div.score-box .hide { display: none; } div.score-box .label { color: #fff; font-size: 18px; display: block; text-transform: none; font-weight: 400; line-height: 1.4; } div.score-box .no { font-size: 60px; letter-spacing: -1px; color: white; font-weight: 900; line-height: 1; margin-top: 20px; display: block; } div.review-info div.score-box-wrap { float: left; width: 33.33%; } div.r-list { float: left; width: 33%; padding: 20px 0 0 30px; } div.r-list h4 { line-height: 1.4; color: #252729; font-weight: 400; font-size: 15px; } div.r-list ul { padding: 0; margin: 0; } div.r-list ul li { list-style: none; padding: 0; margin: 0; font-size: 13px; color: #252729; margin-bottom: 15px; line-height: 1.4; } div.r-list ul li i { margin-right: 10px; padding-bottom: 15px; font-size: 18px; float: left; } div.pros-list i { color: #66d179; } div.cons-list i { color: #fd5d56; } div.review-breakdown { padding-top: 30px; } div.review-breakdown h3 { margin: 0; font-size: 24px; } div.review-breakdown h6 { margin: 10px 0 0 0; font-size: 15px; font-weight: 400; text-transform: none; } div.review-breakdown-scores { margin-top: 30px; margin-bottom: 40px; background: #fafafa; border-radius: 0px; padding: 30px; } div.breakdown-section { margin-bottom: 30px; position: relative; } div.breakdown-section .label { color: #252729; font-size: 15px; font-weight: 400; } div.breakdown-section .score { position: absolute; top: 2px; right: 0; color: #252729; font-weight: 700; font-size: 15px; } div.breakdown-section .br-progress { margin-top: 0px; background: #9d9fa1; height: 20px; position: relative; border-radius: 0px; } div.breakdown-section .br-progress > div { position: absolute; left: 0; top: 0; height: 100%; width: 60%; background: #252729; border-radius: 0px; } /** User ratings */ div.user-ratings { border-top: 1px solid #e1e1e1; padding: 33px 0 33px 0; } div.user-ratings h5 { float: left; margin: 0; font-weight: 700; } div.user-ratings ul { float: right; margin: 0; padding: 0; } div.user-ratings ul.rating { opacity: 0.5; } div.user-ratings ul li { float: left; list-style: none; margin: 0 0 0 6px; padding: 0; cursor: pointer; opacity: 0.4; transition: all 0.2s; } div.user-ratings ul li.filled { opacity: 1; color: #252729; } div.user-ratings ul li.temp-filled { opacity: 1; color: #9d9fa1; } div.user-ratings .msg { float: right; margin-right: 10px; color: #9d9fa1; font-size: 11px; display: none; margin-top: 6px; } div.user-ratings .rated ul li { cursor: default; } div.review-score-bar { color: white; font-size: 13px; padding: 3px 10px 3px 0px; opacity: 1; text-transform: uppercase; -webkit-font-smoothing: subpixel-antialiased; border-radius: 0px; font-weight: 600; } div.selection-share { position: fixed; top: 50%; left: 50%; padding: 2px 4px; background: white; border-radius: 3px; z-index: 999; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); display: none; } div.selection-share a { text-decoration: none; color: #9d9fa1; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; padding: 8px; display: block; line-height: 1; } div.selection-share:hover a { color: #9d9fa1; } div.selection-share span.ioa-front-icon.twitter-1icon-.icon { color: #9d9fa1; margin-right: 7px; } div.widget-review-area { position: absolute; bottom: 5px; left: 5px; z-index: 10; } div.widget-review-area-inner-wrap { float: left; background: rgba(0, 0, 0, 0.75); border-radius: 0px; } div.widget-review-area-inner-wrap > div:first-child { padding-left: 10px; } div.widget-review-area div.rating-bar ul li { border: none; float: left; padding: 0; line-height: 1.1; } div.widget-review-area div.rating-bar ul li i { color: #fff; font-size: 11px; margin-right: 5px; font-weight: 400; } div.widget-review-area div.rating-bar ul li.filled i { color: #9d9fa1; } div.widget-review-area-inner-wrap > div { float: left; } div.widget-review-area ul { margin: 1px 4px 5px 2px; padding: 0; } div.rating-bar { font-weight: 600; color: #252729; font-size: 18px; } div.rating-bar i { font-size: 13px; font-weight: 400; } /** Like Us */ .like-us-wrap { position: relative; float: left; width: 100px; } .single-social-share a.like-us { background: #9d9fa1; color: #fff; font-size: 11px; padding: 7px 13px; text-decoration: none; border-radius: 0px; display: block; width: 100px; height: 32px; text-align: center; transition: all 0.3s ease; overflow: hidden; margin: 0 auto; position: relative; } .single-social-share a.like-us span.loader { opacity: 1; position: absolute; display: block; bottom: -19px; left: -7px; background: rgba(0, 0, 0, 0.4); width: 16px; height: 16px; transition: all 6s ease 0.5s; } .single-social-share a.like-us.loading { width: 16px; height: 16px; border-radius: 100%; padding: 0; margin-top: 7px; } .single-social-share a.like-us.loading .label { opacity: 0; transition: all 0.3s ease; } .single-social-share a.like-us.loading .loader { opacity: 1; bottom: 0; } div.full-video-wrap img { border-radius: 0; width: 100%; height: auto; display: none; } /*----- End of Section comment block ------*/ /*============================================= = Footer Stylings = =============================================*/ /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. Footer Stylings 2. Bottom Footer Stylings ----- End of Table of Contents ---------- */ /*======================================== = Footer Stylings = ========================================*/ /*========== General Stylings ==========*/ #footer { z-index: 16; position: relative; } #lang_sel_footer { background: rgba(255, 255, 255, 0.2); padding: 5px 0; font-family: inherit; } #lang_sel_footer a { color: white; text-decoration: none; border-bottom: 1px solid transparent; font-size: 11px; } #lang_sel_footer a:hover { color: #9d9fa1; } .mobile_footer_widget { display: none; } a.back-to-top { position: fixed; right: 15px; opacity: 0; transform: scale(0); -webkit-transform: scale(0); bottom: 15px; color: white; z-index: 300; padding: 8px 12px; border-radius: 0px; background: #9d9fa1; overflow: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; width: auto; } a.bt-reveal.back-to-top { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } a.back-to-top:hover { color: #9d9fa1; opacity: 0.8; background: white; } /*========== Widget Area ==========*/ .inner-footer-wrapper { background: #1f2123; } .inner-footer-wrapper .skeleton { padding: 30px 0; } .inner-footer-wrapper .col { margin-bottom: 0; } #footer .col.last { border-right: none; } /*----- End of Footer Stylings ------*/ /*===================================== = Bottom Footer = =====================================*/ #footer-menu { padding: 25px 0 25px 0; background: #282a2d; position: relative; } #footer-menu p.footer-text { float: left; color: white; font-size: 13px; margin-top: 7px; margin-bottom: 0; } #footer-menu p.footer-text a { color: white; text-decoration: underline; } #footer-menu p.footer-text a:hover { color: #282a2d; } #footer-menu .menu { float: right; margin: 0; padding: 0px 0 0 0; } #footer-menu .menu li { float: left; list-style: none; margin: 0; } #footer-menu .menu li a { color: white; text-decoration: none; display: block; padding: 5px 10px; border-radius: 0px; } #footer-menu .menu li a:hover { color: #282a2d; } #footer-menu.footer-align-center { text-align: center; } #footer-menu.footer-align-center p.footer-text, #footer-menu.footer-align-center .menu { float: none; } #footer-menu.footer-align-right p.footer-text, #footer-menu.footer-align-right .menu { float: right; } /*----- End of Bottom Footer ------*/ /*----- End of Section comment block ------*/ /*============================================= = Sidebar & Footer Widgets Stylings = =============================================*/ /* ---------------------------------------- - Table of Contents - ------------------------------------------- 1. Common Stylings for Widget Areas 2. Sidebar Related Widget Stylings 3. Footer Styling 4. BBPRESS Stylings ----- End of Table of Contents ---------- */ /*======================================================== = Common Stylings for Widget Areas = ========================================================*/ div.widget-posts-grid { display: block; margin-top: 25px; } div.widget-posts-grid div.image { float: left; position: relative; width: 30%; margin: 0px 3% 3% 0px; z-index: 1; } div.widget-posts-grid div.image:hover { position: relative; z-index: 10; } div.widget-posts-grid div.image img { display: block; max-width: 100%; height: auto; border-radius: 0px; } ul.instagram-pics { padding: 0; margin: 0; } .ioa-instagram-feed a { letter-spacing: 2px; color: #9d9fa1; text-transform: uppercase; font-weight: 600; text-decoration: none; } .ioa-instagram-feed a:hover { letter-spacing: 2px; color: #252729; text-transform: uppercase; font-weight: 600; text-decoration: none; } .sidebar-wrap ul li.cat-item a, .footer-wrap ul li.cat-item a, .sidebar-wrap.widget_archive ul li a, .footer-wrap.widget_archive ul li a { display: inline-block; font-size: 13px; } ul li.cat-item a { font-weight: 400; color: #252729; float: left; } li.cat-item.cat-item { font-weight: 600; color: #9d9fa1; clear: both; text-align: right; min-height: 40px; } li.cat-item.cat-item:first-child { padding-top: 8px; } /*----- End of Common Stylings for Widget Areas ------*/ /*======================================================= = Sidebar Related Widget Stylings = =======================================================*/ .sidebar-wrap .heading { color: white; padding: 0; margin: 0 0 15px 0; position: relative; line-height: 1.4; font-size: 12px; font-weight: 600; border-bottom: 2px solid #252729; text-transform: uppercase; } .sidebar-wrap .heading a { display: inline-block; } .sidebar-wrap .heading span { padding: 7px 15px; background: #252729; border-bottom: 1px solid #252729; position: relative; top: 1px; display: inline-block; } /*========== General Stylings ==========*/ .sidebar-wrap .video-icon { margin-top: -10px; } .sidebar, .sidebar li { color: #252729; } .sidebar .widget_nav_menu i.ioa-front-icon { margin-right: 5px; color: #252729; } .sidebar p { color: #252729; } div.sidebar-wrap a { color: #252729; display: block; } div.sidebar-wrap a:hover { color: #9d9fa1; } .sidebar-wrap ul.children { margin: 10px 0 10px 14px; padding: 0 0 0 10px; border-left: 1px solid #e1e1e1; } .sidebar-wrap ul li:first-child { margin-top: 0; padding-top: 0; } .sidebar-wrap ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .sidebar-wrap { padding: 0px; margin: 30px 0; } .sidebar .sidebar-wrap:first-child { margin-top: 0px; } .sidebar-wrap:last-child { margin-bottom: 0; } .sidebar-wrap a.more { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; display: inline-block; text-decoration: none; } .sidebar-wrap a.more:hover { background: #252729; border-color: #252729; color: white; } div.sidebar-wrap.widget.CustomBox .title_line { margin-bottom: 0; } /* Social Followers Count */ ul.social-share-set.box_style li { border: none; width: 49%; margin: 0.5%; text-align: center; float: left; padding: 0; height: 105px; } ul.social-share-set.box_style li a { padding: 25px; display: block; } ul.social-share-set li span { display: block; color: #fff; } ul.social-share-set .icon { font-size: 18px; } ul.social-share-set .label { font-size: 15px; margin-top: 10px; line-height: 1.2; font-weight: 700; } ul.social-share-set .count { font-size: 13px; } ul.social-share-set li.fb-link { background: #39579a; } ul.social-share-set li.twitter-link { background: #01abf0; } ul.social-share-set li.google-link { background: #c9432d; } ul.social-share-set li.pinterest-link { background: #dc242c; } ul.social-share-set.list_style li { padding: 0; margin: 2px; border: none; } ul.social-share-set.list_style li span { float: left; } ul.social-share-set.list_style li .icon { padding: 15px; background: rgba(255, 255, 255, 0.1); width: 50px; text-align: center; } ul.social-share-set.list_style li .label { font-size: 12px; font-weight: 600; margin: 18px 5px 0px 20px; float: left; } ul.social-share-set.icons li { padding: 0; margin: 2px; border: none; float: left; } ul.social-share-set.icons li span { float: left; } ul.social-share-set.icons li .icon { padding: 15px; width: 50px; text-align: center; } /* Most Viewed Widgets */ div.sidebar-wrap ul.most-view-posts li { border-bottom: 1px dashed #e1e1e1; min-height: 100px; padding-top: 0; margin-bottom: 15px; } div.sidebar-wrap ul.most-view-posts li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } div.sidebar-wrap ul.most-view-posts li div.image { position: absolute; top: 0; left: 0; border-radius: 0px; } div.sidebar-wrap ul.most-view-posts li div.description { margin-left: 65px; } div.sidebar-wrap.IOAViewedWidget div.review-score-bar { font-size: 10px; font-weight: 600; padding: 3px 10px; } div.sidebar-wrap.IOAViewedWidget li div.image { position: absolute; top: 0; left: 0; width: 50px; height: 50px; border-radius: 0px; } div.sidebar-wrap.IOAViewedWidget li h5 { margin: -4px 0 0 0; font-size: 18px; } div.sidebar-wrap.IOAViewedWidget li h5 a { margin: 0; } div.sidebar-wrap.IOAViewedWidget li .views { font-size: 11px; margin-top: -4px; text-transform: uppercase; color: #9d9fa1; } /* Tabbed Widgets */ div.tabbed-post-widget.ui-tabs .ui-tabs-nav li { width: 33.33%; float: left; margin: 0; padding: 0; text-align: center; } div.tabbed-post-widget.ui-tabs .ui-tabs-nav li a { padding: 15px 0; } div.tabbed-post-widget.ui-tabs ul.ui-tabs-nav { border-bottom-color: #252729; } div.tabbed-post-widget.ui-tabs .ui-tabs-nav li.ui-state-active a, div.tabbed-post-widget.ui-tabs .ui-tabs-nav li:hover a { background: #252729; color: white; } div.tabbed-post-widget.ui-tabs .widget-posts .image { position: relative; top: auto; left: auto; width: auto; } div.tabbed-post-widget.ui-tabs .widget-posts .description { float: none; margin-left: 0; margin-top: 15px; } /*========== General List Stylings ==========*/ .sidebar-wrap div.ioa-image-wrap { padding: 0; } .sidebar-wrap div.ioa-image-wrap img { border-radius: 0px; } .sidebar-wrap ul { margin: 15px 0; padding: 0; } .sidebar-wrap ul li { list-style: none; margin: 0; padding: 8px 0px; display: block; position: relative; border-bottom: 1px solid #e1e1e1; } .sidebar-wrap ul li a { text-decoration: none; display: block; } .sidebar-wrap ul li a:hover { color: #9d9fa1; } .sidebar-wrap ul li a abbr[title] { border-bottom: none; } div.sidebar-wrap.widget.widget_recent_entries a { font-size: 15px; line-height: 1.4; } html .recentcomments a { font-size: 15px; display: block !important; font-style: normal; line-height: 1.4; } html .recentcomments { text-transform: uppercase; font-size: 11px; color: #9d9fa1; } span.post-date { text-transform: uppercase; color: #9d9fa1; font-size: 11px; } .sidebar-wrap div.facebookOuter { width: 100%; margin-top: 10px; } .sidebar-wrap div.facebookOuter iframe { width: 100% !important; margin: 0 auto; display: block; } /*========== WPML ==========*/ .icl_languages_selector { position: relative; z-index: 10; } .sidebar-wrap #lang_sel { display: block; } .sidebar-wrap #lang_sel li { width: 90%; background: #9d9fa1; } .sidebar-wrap #lang_sel li a { padding: 7px; background-position: 97% 50%; } .sidebar-wrap #lang_sel ul ul { top: 39px; width: 100%; } /*========== Tweets ==========*/ .sidebar-wrap .tweets-wrapper.list ul.tweets { margin-top: 15px; } .sidebar-wrap .tweets-wrapper.list ul.tweets li i { background: #9d9fa1; font-size: 14px; width: 24px; height: 24px; padding: 5px 0; top: 5px; border-radius: 0px; color: white; padding-left: 0; } .sidebar-wrap .tweets-wrapper.list ul.tweets li a { color: #252729; display: inline-block; } .sidebar-wrap .tweets-wrapper.list ul.tweets li { padding-left: 35px; line-height: 1.4; min-height: 30px; border-bottom: 1px solid #e1e1e1; } .sidebar-wrap .tweets-wrapper.list ul.tweets li:last-child { border-bottom: none; } .sidebar-wrap .tweets-wrapper ul.tweets li { border-bottom: none; } /*========== WP Calendar Styling ==========*/ .sidebar-wrap.widget_calendar table { width: 100%; border-collapse: collapse; margin-bottom: 0; } .sidebar-wrap.widget_calendar table thead { border-radius: 0px; background: rgba(0, 0, 0, 0.07); } .sidebar-wrap.widget_calendar table caption { padding-bottom: 6px; text-align: center; margin-top: 10px; } .sidebar-wrap.widget_calendar table td { padding: 5px 0px; font-size: 11px; text-align: center; } .sidebar-wrap.widget_calendar table th { font-size: 11px; padding: 12px 0; text-align: center; border: none; } .sidebar-wrap.widget_calendar table #prev { padding-left: 0; text-align: left; } .sidebar-wrap.widget_calendar table #next { text-align: right; padding-right: 0; } .sidebar-wrap.widget_calendar table td a { border-radius: 0px; margin-top: 5px; padding: 2px 8px 1px 8px; display: inline-block; border: 1px solid #e1e1e1; text-decoration: none; } .sidebar-wrap.widget_calendar table td a:hover { border-color: #9d9fa1; } .sidebar-wrap.widget_calendar table #today { border-radius: 0px; color: #9d9fa1; } .sidebar-wrap.widget_calendar tfoot { border-top: 1px solid #e1e1e1; } /*========== Menu Styling ==========*/ div.sidebar-wrap ul.menu { margin: 0; padding: 0; } div.sidebar-wrap ul.menu li { position: relative; } div.sidebar-wrap ul.menu a { position: relative; z-index: 2; } div.sidebar-wrap ul.menu ul.sub-menu a { display: inline-block; } div.sidebar-wrap .menu > li.current_page_item > a, div.sidebar-wrap .menu > li.current-menu-ancestor > a, div.sidebar-wrap .menu > li.menu-active > a, div.sidebar-wrap .menu > li.current-menu-item > a { color: #252729; } div.sidebar-wrap ul.sub-menu { display: none; left: -220px; z-index: 5; background: white; position: absolute; top: 0; width: 220px; margin: 0; padding: 0; box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1); line-height: 1.6; } div.left-sidebar div.sidebar-wrap ul.sub-menu { left: auto; right: -220px; } div.sidebar-wrap ul.sub-menu > li { text-align: left; border-bottom: none; margin: 0; padding: 0; } div.sidebar-wrap ul.sub-menu li a { text-decoration: none; padding: 15px 23px; display: block; margin: 0px; color: #252729; font-size: 12px; } div.sidebar-wrap ul.menu li:hover > a { opacity: 0.8; } /*========== Rss Widget ==========*/ div.sidebar-wrap a.rsswidget { border-bottom: none; } /*========== Search Bar ==========*/ div.sidebar-wrap input[type=submit] { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; outline: none; border: none; } div.sidebar-wrap input[type=submit] { background: #252729; border-color: #252729; color: white; } div.sidebar-wrap.widget_search label.screen-reader-text { display: none; } div.sidebar-wrap #searchsubmit { display: none; } #searchform input[type=text] { width: 100%; } .sidebar-wrap.widget.widget_search .title_line { margin-bottom: 30px; } /*========== Tags ==========*/ div.sidebar-wrap div.tagcloud a { outline: none; margin: 0px 12px 2px 0px; text-decoration: none; padding: 1px 0px; display: inline-block; color: #252729; } div.sidebar-wrap div.tagcloud a:hover { color: #9d9fa1; } div.tagcloud { margin-top: 15px; } /*========== Testimonial Widget ==========*/ div.sidebar-wrap div.testimonial-bubble-content { padding: 0 0 15px 0; font-size: 13px; font-style: italic; color: #252729; } div.sidebar-wrap div.testimonial-bubble div.image img { display: block; border-radius: 0px; } div.sidebar-wrap div.testimonial-bubble-meta h3 { font-size: 13px; margin-top: 5px; margin-bottom: 0; } div.sidebar-wrap div.testimonial-bubble div.image { margin-top: 8px; } div.sidebar-wrap div.testimonial-bubble div.info span { margin-top: 2px; color: #252729; font-size: 11px; } div.sidebar-wrap .rad-testimonials-list .image { float: left; } div.sidebar-wrap .rad-testimonials-list .info { margin: 0px 0 0 15px; } div.sidebar-wrap .rad-testimonials-list .info h3 { font-size: 16px; margin-top: 0px; margin-bottom: 0; } /*========== Google Map ==========*/ div.sidebar-wrap div.google-map { max-width: 100%; } /*========== Custom Box ==========*/ div.custom-box-content p:last-child { margin-bottom: 0; } div.custom-box-image { float: left; } .sidebar-wrap a.more { margin-top: 15px; } div.custom-box-content strong { color: inherit; } div.custom-box-content img { border-radius: 0px; } div.custom-box-content p:first-child { margin-top: 0px; } /*========== Custom Posts ==========*/ .sidebar-wrap .widget-posts.post-list-full { margin: 0 0; padding: 0; } .sidebar-wrap .widget-posts.post-list-full .video { margin-top: -25px; } .sidebar-wrap .widget-posts.post-list-full > li { padding: 0px 0px 15px 0px; border-bottom: 1px dashed #e1e1e1; min-height: 10px; position: relative; margin: 15px 0; } .sidebar-wrap .widget-posts.post-list-full li:first-child { margin-top: 0; padding-top: 0; } .sidebar-wrap .widget-posts.post-list-full li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .sidebar-wrap .widget-posts.post-list-full li a { border: none; } .sidebar-wrap .widget-posts.post-list-full .image { position: relative; top: auto; left: auto; width: auto; } .sidebar-wrap .widget-posts.post-list-full .image img { margin-right: 0px; display: block; border-radius: 0px; width: 100%; } .sidebar-wrap .widget-posts.post-list-full .description { float: none; margin-left: 0; margin-top: 15px; } .sidebar-wrap .widget-posts.post-list-full .description p { padding: 0; margin: 5px 0 0; } .sidebar-wrap .widget-posts.post-list-full .description h5 { margin-bottom: 5px; margin-top: 10px; line-height: 1.4; font-size: 18px; } .sidebar-wrap .widget-posts.post-list-full .description h5 a { word-break: initial; color: #252729; } .sidebar-wrap .widget-posts.post-list-full .description h5 a:hover { border-bottom: none; color: #9d9fa1; } .sidebar-wrap .widget-posts.post-list-full div.post-cats { margin: 5px 0; padding: 5px 0; } .sidebar-wrap .post-list-small .video-icon { display: none; } .sidebar-wrap .widget-posts.post-list-small { margin: 0; padding: 0; } .sidebar-wrap .widget-posts.post-list-small > li { padding: 0px 0px 15px 0px; border-bottom: 1px dashed #e1e1e1; min-height: 10px; position: relative; margin: 15px 0; } .sidebar-wrap .widget-posts.post-list-small li:first-child { margin-top: 0; padding-top: 0; } .sidebar-wrap .widget-posts.post-list-small li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .sidebar-wrap .widget-posts.post-list-small li a { border: none; } .sidebar-wrap .widget-posts.post-list-small .image { position: absolute; top: 0; left: 0; width: 50px; } .sidebar-wrap .widget-posts.post-list-small .image img { margin-right: 0px; display: block; border-radius: 0px; } .sidebar-wrap .widget-posts.post-list-small .description { float: none; margin-left: 0; margin-top: 0px; margin-left: 65px; } .sidebar-wrap .widget-posts.post-list-small div.widget-review-area { display: none; } .sidebar-wrap .widget-posts.post-list-small .description p { padding: 0; margin: 0; } .sidebar-wrap .widget-posts.post-list-small .description h5 { margin-top: 0; margin-bottom: 5px; line-height: 1.4; font-size: 14px; } .sidebar-wrap .widget-posts.post-list-small .description h5 a { word-break: initial; color: #252729; } .sidebar-wrap .widget-posts.post-list-small .description h5 a:hover { border-bottom: none; color: #9d9fa1; } .sidebar-wrap .widget-posts.post-list-small.full-desc li div.description { margin-left: 0; width: auto; } .sidebar-wrap .widget-posts.post-list-small div.post-cats { margin: 5px 0; padding: 5px 0; } .sidebar-wrap .widget-posts.post-list-small span.date { display: none; } /*========== Social Set ==========*/ .sidebar-wrap .social-set { margin-top: 0px; padding: 4px 0px; margin-bottom: 0px; } .sidebar-wrap .social-set { padding: 0; } .sidebar-wrap .social-set ul.social-icons li { border-bottom: none; margin-top: 0; margin-bottom: 0; padding: 0; margin-left: 12px; width: auto; } .sidebar-wrap .social-set ul.social-icons li:first-child { margin-left: 0; } .sidebar-wrap .social-set ul.social-icons li a { border-bottom: none; } .sidebar-wrap p.social-msg { margin-top: 0; } .sidebar-wrap.widget_search input[type=text] { color: #252729; padding: 15px; border: 1ps solid #eaeaea; border-radius: 0px; background: white; } .sidebar-wrap.widget_search input[type=text]:focus { color: #252729; border: 1ps solid #e0e0e0; border-radius: 0px; background: #fafafa; } .searchform { position: relative; } .searchform i { position: absolute; top: 17px; right: 17px; font-size: 16px; } .sidebar-wrap .social-set ul.social-icons { margin: 0; } div.IOANewsletter .mailchimp-inner-wrap a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } div.IOANewsletter .mailchimp-inner-wrap a:hover { background: #252729; border-color: #252729; color: white; } div.IOAFBLike { padding-top: 0; padding-bottom: 15px; } div.IOAFBLike .heading { margin-top: 20px; } /*========== Video ==========*/ .sidebar-wrap.Video p.caption { font-size: 13px; padding: 0; margin: 15px 0 0 0; } div.sidebar-wrap div.mailchimp-inner-wrap .input-area { margin-right: 0; } div.sidebar-wrap div.mailchimp-inner-wrap .input-area div { width: 100%; float: none; margin: 0 0 15px 0; } div.sidebar-wrap .mailchimp-inner-wrap a { position: relative; } /*----- End of Sidebar Stylings ------*/ /*====================================== = Footer Styling = ======================================*/ /*========== Genertal Stylings ==========*/ .inner-footer-wrapper div.post-cats a { text-decoration: none; background: #9d9fa1; color: #fff; padding: 1px 3px; font-size: 9px; margin-right: 5px; border-radius: 0px; font-weight: 700; text-transform: uppercase; float: left; } .inner-footer-wrapper div.post-cats span.date { color: #626568; } div.IOANewsletter.footer-wrap, div.IOAIconSet.footer-wrap { background: none; border-radius: 0; border: none; } div.footer-wrap ul.instagram-pics li, div.sidebar-wrap ul.instagram-pics li { padding: 0; width: 30%; margin: 0px 3% 3% 0px; float: left; border: none; } div.footer-wrap ul.instagram-pics li a, div.sidebar-wrap ul.instagram-pics li a { display: block; } div.footer-wrap ul.instagram-pics li a img, div.sidebar-wrap ul.instagram-pics li a img { display: block; border-radius: 0px; max-width: 100%; } .footer-one-col div.footer-wrap { padding-right: 0; } #footer .footer-cols.last div.footer-wrap { padding-right: 0px; } div.footer-wrap ul.social-icons { display: inline-block; } div.footer-wrap { padding: 30px 30px 0 0; color: #626568; } .f-w-center div.footer-wrap { text-align: center; } .f-w-right div.footer-wrap { text-align: right; } .footer-wrap a.more { margin-top: 15px; float: left; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } .footer-wrap a.more:hover { background: #252729; border-color: #252729; color: white; } .footer-wrap img { max-width: 100%; } .footer-wrap .recentcomments { text-transform: uppercase; font-size: 11px; color: #626568; } .footer-wrap ul { margin: 0; padding: 0 0; word-break: break-all; } .footer-wrap ul li { list-style: none; margin: 0; padding: 8px 0px; display: block; position: relative; border-bottom: 1px dashed #35373a; color: #626568; } .footer-wrap ul li a { text-decoration: none; display: inline-block; color: white; word-break: initial; } .footer-wrap ul li a:hover { color: #9d9fa1; } .footer-wrap ul li a abbr[title] { border-bottom: none; } div.footer-wrap.widget_recent_entries ul li a { line-height: 1.4; font-weight: 600; font-size: 18px; margin-right: 10%; } .footer-wrap ul.children { margin: 10px 0 10px 24px; padding: 0; } .footer-wrap ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .footer-wrap ul li:first-child { margin-top: 0; padding-top: 0; } .footer-wrap .bx-wrapper .bx-pager.bx-default-pager a { background: #35373a; } .footer-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .footer-wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background: white; } .footer-wrap .footer-heading { color: white; padding: 0; margin: 0 0 15px 0; position: relative; line-height: 1.4; font-size: 14px; font-weight: 400; border-bottom: 2px solid #35373a; text-transform: uppercase; } .footer-wrap .footer-heading a { display: inline-block; } .footer-wrap .footer-heading span { padding: 7px 10px; background: #35373a; border-bottom: 1px solid #35373a; position: relative; top: 1px; display: inline-block; } div.footer-wrap h5 { font-size: 14px; color: #626568; } div.footer-wrap p, div.footer-wrap strong { color: #626568; } div.footer-wrap h1, div.footer-wrap h2, div.footer-wrap h3, div.footer-wrap h4, div.footer-wrap h6 { color: white; } div.footer-wrap p a, div.footer-wrap a { color: white; } div.footer-wrap p a:hover, div.footer-wrap a:hover { color: #9d9fa1; } div.footer-wrap div.mailchimp-inner-wrap .input-area div { width: 100%; float: none; margin: 0 0 15px 0; } div.footer-wrap div.mailchimp-inner-wrap .input-area div input[type=text] { background: #282a2d; border: 1px solid #282a2d; border-radius: 0px; color: white; } div.footer-wrap div.mailchimp-inner-wrap .input-area div input[type=text]:focus { background: #3d3f43; border: 1px solid #3d3f43; color: white; } div.footer-wrap .mailchimp-inner-wrap a { position: relative; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; } div.footer-wrap .mailchimp-inner-wrap a:hover { background: #252729; border-color: #252729; color: white; } /*========== Single Testimonial ==========*/ .footer-wrap .rad-testimonials-list h2 { color: white; } .footer-wrap .testimonial-bubble-content { padding: 15px; position: relative; border-radius: 0px; } .footer-wrap div.testimonial-bubble div.image { float: left; margin-right: 10px; margin-top: 10px; } .footer-wrap div.testimonial-bubble div.image img { display: block; border-radius: 100%; } .footer-wrap div.testimonial-bubble div.info { float: left; } .footer-wrap div.testimonial-bubble div.info h3 { margin: 0; color: white; line-height: 14px; font-size: 14px; margin-top: 16px; } .footer-wrap div.testimonial-bubble div.info span { color: #252729; font-size: 10px; line-height: 1.3; display: block; } .footer-wrap div.testimonial-bubble-content i.icon-sort-down { display: nonel; } .footer-wrap div.testimonials-wrapper ul.rad-testimonials-list li div.content { background: none; padding: 0px; margin-bottom: 0; } .footer-wrap div.testimonials-wrapper ul.rad-testimonials-list li div.content p { padding: 0; margin: 0; } .footer-wrap ul { padding: 0; } .footer-wrap .mailchimp-inner-wrap .input-area { margin-right: 0; } /*========== Footer Google map ==========*/ .footer-wrap .google-map, .footer-wrap .google-map iframe { border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 0px; } /* Most Viewed Widgets */ div.footer-wrap ul.most-view-posts li { border-bottom: 1px dashed #35373a; min-height: 75px; padding-top: 0; margin-bottom: 15px; } div.footer-wrap ul.most-view-posts li:last-child { border-bottom: none; } div.footer-wrap ul.most-view-posts li div.image { position: absolute; top: 5px; left: 0; width: 50px; height: 50px; border-radius: 0px; } div.footer-wrap ul.most-view-posts li div.image img { border-radius: 0px; } div.footer-wrap ul.most-view-posts li div.description { margin-left: 65px; } div.footer-wrap.IOAViewedWidget div.review-score-bar { font-size: 10px; font-weight: 600; padding: 3px 10px; } div.footer-wrap.IOAViewedWidget li h5 { margin: 0; } div.footer-wrap.IOAViewedWidget li h5 a { margin: 0; } div.footer-wrap.IOAViewedWidget li .views { color: #626568; font-size: 11px; margin-top: -4px; text-transform: uppercase; } /*========== WP Calendar Styling ==========*/ .footer-wrap.widget_calendar table { width: 100%; color: #626568; border-collapse: collapse; } .footer-wrap.widget_calendar table caption { color: #626568; padding-bottom: 6px; text-align: center; } .footer-wrap.widget_calendar table td { font-size: 11px; padding: 8px; text-align: center; } .footer-wrap.widget_calendar table tr { width: 100%; background: none; } .footer-wrap.widget_calendar table { margin: 0px; display: block; padding: 0; position: relative; } .footer-wrap.widget_calendar table tbody tr:nth-child(odd) td { background: none; } .footer-wrap.widget_calendar table th { padding: 10px 0; color: white; font-size: 11px; text-align: center; border: none; } .footer-wrap.widget_calendar table #prev { padding-left: 0; } .footer-wrap.widget_calendar table #next { text-align: right; padding-right: 0; } .footer-wrap.widget_calendar table td a { text-decoration: none; background: #9d9fa1; border-radius: 0px; margin-top: 5px; color: white; padding: 2px 8px 1px 8px; font-size: 10px; display: inline-block; } .footer-wrap.widget_calendar table td a:hover { border-color: footer_secondary_bg_color; color: footer_secondary_bg_color; } /*========== Menu Styling ==========*/ div.footer-wrap ul.menu li ul.sub-menu li:last-child { background: none; padding-bottom: 0; } div.footer-wrap ul.menu li { position: relative; } div.footer-wrap ul.menu { padding: 0; } div.footer-wrap ul.menu > li { padding: 0 0 2px 0; margin: 0; } div.footer-wrap ul.menu li:before { content: ''; } div.footer-wrap ul.menu a { margin-left: 0; display: block; padding: 4px 0px; border-bottom: none; color: white; font-size: 13px; } div.footer-wrap ul.menu a:hover { color: #9d9fa1; } div.footer-wrap .menu > li.current_page_item > a, div.footer-wrap .menu > li.current-menu-ancestor > a, div.footer-wrap .menu > li.menu-active > a, div.footer-wrap .menu > li.current-menu-item > a { color: #9d9fa1; } div.footer-wrap ul.sub-menu { padding: 10px 0px 10px 10px; margin-top: 10px; border-left: 1px solid rgba(255, 255, 255, 0.07); } /*========== Rss Widget ==========*/ div.footer-wrap a.rsswidget { border-bottom: none; } /*========== Toggles ==========*/ div.footer-wrap div.toggle-style-styled div.toggle a.toggle-title { background: rgba(255, 255, 255, 0.1); border: none; color: white; } div.footer-wrap .toggle-style-styled div.toggle-body { border: none; color: #626568; } div.footer-wrap .toggle-style-styled div.toggle a.toggle-title i { color: white; } /*========== Search Bar ==========*/ div.footer-wrap .search-input { width: 100%; } div.footer-wrap.widget_search label.screen-reader-text { display: none; } div.footer-wrap #searchform input[type=text] { background: #282a2d; border: 1px solid #282a2d; float: none; color: white; width: 100%; display: block; margin-bottom: 20px; } div.footer-wrap #searchform input[type=text]:focus { background: #3d3f43; border: 1px solid #3d3f43; color: white; } div.footer-wrap #searchsubmit { display: none; } div.footer-wrap .searchform i { top: 11px; right: 11px; } /*========== Footer Tabbed Widget ==========*/ div.footer-wrap div.tabbed-post-widget.ui-tabs .ui-tabs-nav { border-bottom: 1px solid #35373a; color: #626568; } div.footer-wrap div.tabbed-post-widget.ui-tabs li.ui-tabs-active a { color: white; } div.footer-wrap div.tabbed-post-widget.ui-tabs .ui-tabs-nav li a:hover { color: white; } div.footer-wrap div.tabbed-post-widget.ui-tabs li.ui-tabs-active a span { border-bottom: 1px solid white; } /*========== Twitter ==========*/ div.widget_ioa_twitter_widget.footer-wrap { background: none; border-radius: 0px; } div.footer-wrap div.tweets-wrapper i.ioa-front-icon { z-index: 2; top: 0px; left: 0; position: absolute; padding: 9px; color: white; font-size: 24px; background: none !important; } div.footer-wrap .tweets-wrapper.list ul.tweets li { border-bottom: 1px dashed #35373a; padding: 0px 0px 15px 55px; min-height: 47px; display: block; margin: 15px 0 0 0; } div.footer-wrap .tweets-wrapper.list ul.tweets li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } /*========== Footer Tags ==========*/ div.footer-wrap div.sidebar-wrap div.tagcloud a { outline: none; margin: 0px 12px 2px 0px; text-decoration: none; padding: 1px 0px; display: inline-block; color: white; } div.footer-wrap div.sidebar-wrap div.tagcloud a:hover { color: #9d9fa1; } div.footer-wrap div.tagcloud { margin-top: 15px; } /*========== Custom Box ==========*/ div.footer-wrap div.custom-box-content, div.footer-wrap div.custom-box-content p { color: #626568; } div.footer-wrap div.custom-box-content p:first-child { padding-top: 0px; } div.footer-wrap div.custom-box-content p:last-child { padding-bottom: 0; } div.footer-wrap div.custom-box-content strong { color: white; } div.custom-box-image { float: left; } /*========== Custom Posts ==========*/ .footer-wrap .widget-posts.post-list-full { margin: 0 0; padding: 0; } .footer-wrap .widget-posts.post-list-full > li { padding: 0px 0px 15px 0px; border-bottom: 1px dashed #35373a; min-height: 10px; position: relative; margin: 15px 0; } .footer-wrap .widget-posts.post-list-full li:first-child { margin-top: 0; padding-top: 0; } .footer-wrap .widget-posts.post-list-full li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .footer-wrap .widget-posts.post-list-full li a { border: none; } .footer-wrap .widget-posts.post-list-full .image { position: relative; top: auto; left: auto; width: auto; } .footer-wrap .widget-posts.post-list-full .image img { margin-right: 0px; display: block; border-radius: 0px; height: auto; } .footer-wrap .widget-posts.post-list-full .description { float: none; margin-left: 0; margin-top: 15px; } .footer-wrap .widget-posts.post-list-full .description p { padding: 0; margin: 5px 0 0; } .footer-wrap .widget-posts.post-list-full .description h5 { margin-bottom: 5px; margin-top: 10px; line-height: 1.4; font-weight: 400; font-size: 14px; margin-right: 10%; } .footer-wrap .widget-posts.post-list-full .description h5 a { word-break: initial; color: white; } .footer-wrap .widget-posts.post-list-full .description h5 a:hover { border-bottom: none; color: #9d9fa1; } .footer-wrap .widget-posts.post-list-full div.post-cats { margin: 5px 0; padding: 5px 0; } .footer-wrap .widget-posts.post-list-small { margin: 0; padding: 0; } .footer-wrap .widget-posts.post-list-small > li { padding: 0px 0px 15px 0px; border-bottom: 1px dashed #35373a; min-height: 10px; position: relative; margin: 15px 0; } .footer-wrap .widget-posts.post-list-small li:first-child { margin-top: 0; padding-top: 0; } .footer-wrap .widget-posts.post-list-small li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .footer-wrap .widget-posts.post-list-small li a { border: none; } .footer-wrap .widget-posts.post-list-small .image { position: absolute; top: 0; left: 0; width: 50px; } .footer-wrap .widget-posts.post-list-small .image img { margin-right: 0px; display: block; border-radius: 0px; } .footer-wrap .widget-posts.post-list-small .description { float: none; margin-left: 0; margin-top: 0px; margin-left: 65px; } .footer-wrap .widget-posts.post-list-small div.widget-review-area { display: none; } .footer-wrap .widget-posts.post-list-small .description p { padding: 0; margin: 0; } .footer-wrap .widget-posts.post-list-small .description h5 { margin-bottom: 5px; line-height: 1.4; font-weight: 600; font-size: 18px; } .footer-wrap .widget-posts.post-list-small .description h5 a { word-break: initial; color: white; } .footer-wrap .widget-posts.post-list-small .description h5 a:hover { border-bottom: none; color: #9d9fa1; } .footer-wrap .widget-posts.post-list-small.full-desc li div.description { margin-left: 0; width: auto; } .footer-wrap .widget-posts.post-list-small div.post-cats { margin: 5px 0; padding: 5px 0; } /*========== Social Set ==========*/ .footer-wrap .fb-widget iframe { background: none; } .footer-wrap .social-set { margin-top: 0px; padding: 4px 0px; margin-bottom: 0px; } .footer-wrap .social-set { padding: 0; } .footer-wrap .social-set ul.social-icons li { margin-right: 8px; border: none; padding: 0; margin-bottom: 2px; } .footer-wrap .social-set ul li span.visible-block { color: #626568; background: #9d9fa1; } .footer-wrap .social-set ul li a { display: block; } /*----- End of Footer Stylings ------*/ /*======================================== = BBPRESS Stylings = ========================================*/ .widget_display_search #bbp-search-form input[type=submit] { display: none; } div.bbp-logged-in a.user-submit { float: left; margin-right: 10px; border-radius: 0px; } div.bbp-logged-in h4 { display: inline-block; } div.bbp-logged-in h4 a { text-decoration: none; border-bottom: 1px dashed #252729; color: #252729; } div.bbp-logged-in h4:hover a { border-bottom: 1px solid #9d9fa1; color: #9d9fa1; } div.bbp-logged-in .logout-link { text-decoration: none; font-size: 10px; padding: 5px 10px; display: inline-block; margin-top: 10px; } div.bbp_widget_login fieldset { border: none; padding: 0; margin: 0; } div.bbp_widget_login legend { display: none; } div.bbp_widget_login label { font-size: 12px; margin-bottom: 5px; display: block; } div.bbp_widget_login input[type=text], div.bbp_widget_login input[type=password] { border: 1px solid rgba(0, 0, 0, 0.07); padding: 12px 10px; margin-bottom: 15px; } div.bbp-submit-wrapper button { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline: none; border: 1px solid #9d9fa1; padding: 8px 12px; font-size: 11px; font-weight: 700; display: inline-block; text-decoration: none; color: white; background: #9d9fa1; border-radius: 0px; text-transform: uppercase; outline: none; border: none; } div.bbp-submit-wrapper button:hover { background: #252729; border-color: #252729; color: white; } div.bbp-remember-me { clear: both; } div.bbp-remember-me label { float: left; margin-top: -2px; margin-left: 6px; } div.bbp-remember-me input { float: left; } div.bbp-submit-wrapper { clear: both; } div.bbp-login-links { margin-top: 10px; } div.bbp-login-links a { display: inline-block; font-size: 11px; margin-right: 8px; border-bottom: 1px dashed #252729; color: #252729; text-decoration: none; } div.bbp-login-links a:hover { border-bottom: 1px solid #9d9fa1; color: #9d9fa1; } div.widget_display_stats dt { display: inline-block; width: 46%; margin-bottom: 10px; } div.widget_display_stats dd { display: inline-block; width: 46%; margin: 0 0 10px 0; } /*----- End of BBPRESS Stylings ------*/ /*----- End of Section comment block ------*/