/* Theme Name: Shard Version: 2.0.2 Author: ab-themes Author URI: http://www.ab-themes.com Description: Fully Responsive Multipurpose WordPress Theme Theme URI: http://themeforest.net/user/ab-themes/portfolio?ref=ab-themes License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blue, gray, green, orange, pink, purple, red, white, yellow, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, responsive-layout, custom-colors, custom-menu, full-width-template, theme-options, translation-ready [Table of contents] 1. CSS RESET 2. Global styles 2.1. Inner columns 2.2. Clearfix 3. Header 3.1. Main menu 3.2. Header Style 2 3.3. Header Style 1 & 2 Inverted 3.4. Header Style 3 3.5. Mega Menu 3.6. Title/Breadcrumbs Bar 4. Slider place 5. Blog 5.1. Blog Timeline 5.2. Blog Posts 5.3. Post Comments 5.4. Post Pagination 6. Videos 7. Contact Form 7 8. Widgets 8.1. Search 8.2. Categories 8.3. Tag Cloud 8.4. Flickr stream 8.5. Contact Info Widget 9. Pages 9.1. Portfolio 9.2. Contact Page - Contact Info 9.3. About us page 9.4. 404 page 10. Other 10.1. AB testimonials 11. Footer /*-----------------------------------------------------------------*/ /* 1. CSS RESET /*-----------------------------------------------------------------*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,a{ font: inherit; font-size: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; } html{ min-height: 100%; margin: 0; padding: 0; } img{ width: auto; max-width: 100%; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; border: none; } input[type='text'], input[type='password'], input[type='email'], textarea, select{ font: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } /*-----------------------------------------------------------------*/ /* 2. Global styles /*-----------------------------------------------------------------*/ body{ font-family: Lato, sans-serif; font-size: 16px; font-weight: 300; line-height: 22px; color: #555; } .preloader{ visibility: hidden; } .boxed_body_wrapper{ width: 1290px; margin: 0 auto; background: #fff; } #jpreOverlay{ background-color: #000; } #jpreSlide{ display: none; } #jpreLoader{ width: 50%; height: 25px; } #jpreBar{ border-top: 1px solid #aaa; } #jprePercentage{ font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size: 40px; text-align: center; color: #aaa; } ::selection{ color: #fff; background: #ff3b30; } a{ -webkit-transition: all 180ms ease-in; -moz-transition: all 180ms ease-in; -ms-transition: all 180ms ease-in; -o-transition: all 180ms ease-in; transition: all 180ms ease-in; text-decoration: none; color: #ff3b30; } a:hover{ color: #555; } p{ font-weight: 300; margin-bottom: 24px; } hr{ display: block; height: 1px; margin-bottom: 11px; padding: 0; border: 0; border-color: #e1e9e9; background-color: #e1e9e9; } section{ padding: 75px 0 40px 0; } ul, ol{ margin-left: 20px; } h1, h6{ font-family: Lato, sans-serif; font-weight: 300; margin-bottom: 11px; color: #202024; } h2, h3, h4{ font-family: Lato, sans-serif; font-weight: 700; margin-bottom: 31px; color: #202024; } h1{ font-size: 35px; line-height: 42px; } h2{ font-size: 30px; line-height: 36px; } h3{ font-size: 24px; line-height: 29px; } h4{ font-size: 20px; line-height: 24px; } h5{ font-family: Lato, sans-serif; font-size: 16px; font-weight: 700; line-height: 22px; color: #c0c0c0; } h6{ font-size: 14px; line-height: 16px; } pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } #page_subtitle{ font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; } .dnd_section_dd.typo_shortcodes h2, .tcvpb_section_tc.typo_shortcodes h2, h4{ margin-bottom: 14px; } .dnd_section_dd.typo_shortcodes h4, .tcvpb_section_tc.typo_shortcodes h4{ margin-top: -14px; } .dnd_section_dd.typo_shortcodes i, .tcvpb_section_tc.typo_shortcodes i{ color: #ff3b30; } .dnd_section_dd.section_after_slider h2, .tcvpb_section_tc.section_after_slider h2{ margin-bottom: 17px; } .dnd_section_dd.section_why_choose_shard h2, .tcvpb_section_tc.section_why_choose_shard h2{ margin-bottom: 63px; } .dnd_section_dd.section_why_choose_shard h4, .tcvpb_section_tc.section_why_choose_shard h4{ margin-bottom: 48px; } .tcvpb_section_tc.typo_shortcodes h2, h4{ margin-bottom: 14px; } .tcvpb_section_tc.typo_shortcodes h4{ margin-top: -14px; } .tcvpb_section_tc.typo_shortcodes i{ color: #ff3b30; } .tcvpb_section_tc.section_after_slider h2{ margin-bottom: 17px; } .tcvpb_section_tc.section_why_choose_shard h2{ margin-bottom: 63px; } .tcvpb_section_tc.section_why_choose_shard h4{ margin-bottom: 48px; } .project_planner_alternative h2{ margin: 43px 6px 13px 0; } .process_section .tcvpb_container > div{ position: relative; } .process_section .tcvpb_container > div:after{ font-family: 'icomoon'; font-size: 11px; position: absolute; top: 50px; right: -20px; display: block; content: '\69'; } .process_section .tcvpb_container > div:last-child:after{ display: none; } .tcvpb_section_tc.alternative_section_without_border{ border-bottom: none; } .tcvpb_section_tc.alternative_section_with_buttons_first{ padding-top: 6px; padding-bottom: 40px; } .tcvpb_section_tc.section_after_slider{ padding-top: 81px; padding-bottom: 34px; } .tcvpb_section_tc.section_after_slider a{ margin-top: 11px; margin-bottom: 0; } #related_portfolio{ padding-bottom: 75px; } #related_portfolio h3{ text-align: center; } .project_planner_alternative p{ margin-right: 6px; margin-bottom: 17px; } .tcvpb_section_tc.stats_expert_alternative.section_with_header h3, .dnd_section_dd.stats_expert_alternative.section_with_header h3{ color: #fff; } .tcvpb_section_tc.stats_expert_alternative.section_with_header h3{ color: #fff; } .section_gray_body .dnd_section_content{ padding: 55px 0; background: #f4f4f4; } .section_gray_body .tcvpb_section_content{ padding: 55px 0; background: #f4f4f4; } .section_body_fullwidth .dnd_section_content .dnd_container, .section_body_fullwidth .tcvpb_section_content .tcvpb_container{ width: 100%; } .section_body_fullwidth .tcvpb_section_content .tcvpb_container{ width: 100%; } .dnd_section_dd.startup_image_section p, .tcvpb_section_tc.startup_image_section p{ line-height: 19px; margin-bottom: 17px; } .tcvpb_section_tc.startup_image_section p{ line-height: 19px; margin-bottom: 17px; } .tcvpb_section_tc.stats_expert_alternative.section_with_header h3{ color: #fff; } .section_gray_body .tcvpb_section_content{ padding: 55px 0; background: #f4f4f4; } .section_body_fullwidth .tcvpb_section_content .tcvpb_container{ width: 100%; } .tcvpb_section_tc.startup_image_section p{ line-height: 19px; margin-bottom: 17px; } .small_text{ font-size: 14px; font-weight: 300; margin-top: -6px; margin-bottom: 0; } input, select, textarea{ font-family: Lato, sans-serif; font-size: 14px; line-height: 26px; /*color: #c0c0c0;*/ color:#000; border: 1px solid #d9d9d9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; background: #fafcfc; } input, select{ margin-bottom: 12px; padding: 9px 0 9px 20px; } textarea{ margin-bottom: 36px; padding: 8px 0 8px 20px; } button, input[type='submit']{ font-family: Lato, sans-serif; font-size: 20px; font-weight: 300; line-height: 20px; display: inline-block; margin-bottom: 20px; padding: 10px 20px; cursor: pointer; color: #fff; border: 1px solid #ff3b30; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; background: #ff3b30; } button:hover, input[type='submit']:hover{ border-color: #555; background: #555; } .placeholder{ font-style: italic; color: #c0c0c0; } ::-webkit-input-placeholder{ color: #c0c0c0; } :-moz-placeholder{ opacity: 1; color: #c0c0c0; } ::-moz-placeholder{ opacity: 1; color: #c0c0c0; } :-ms-input-placeholder{ color: #c0c0c0; } strong, .strong{ font-weight: bold; } .underlined{ display: inline-block; background: url('images/underlined_bg.png') bottom repeat-x; } .italic{ font-style: italic; } .highlighted, .search-highlight{ display: inline-block; padding: 0 3px; background: #f1eb3c; } .color_highlight{ color: #ff3b30; } .bold{ font-weight: 700; } .dnd_dropcap, .tcvpb_dropcap{ position: relative; top: 0; } .tcvpb_dropcap{ position: relative; top: 0; } .section_color_background{ margin-bottom: 0; background: #ff3b30; } .leading_line{ margin-bottom: 80px !important; } .leading_line:after{ position: relative; bottom: -40px; display: block; width: 70px; height: 5px; content: ''; background: #ff3b30; } .center_aligned.leading_line:after{ left: 50%; margin-left: -35px; } .right_aligned.leading_line:after{ left: 100%; margin-left: -70px; } .last_child{ margin-right: 0 !important; } .content_with_left_sidebar{ float: right !important; } .span12.content_with_right_sidebar{ padding-right: 0; } .alignleft, .left_aligned{ text-align: left; } .alignright, .right_aligned{ text-align: right; } .center_aligned, .aligncenter{ text-align: center; } .no_padding_bottom{ padding-bottom: 0; } .no_padding_top{ padding-top: 0; } .padding_reduced_both{ padding: 40px 0; } .wp-caption.aligncenter{ width: 100% !important; } .margin_bottom{ margin-bottom: 40px; } sub{ font-size: smaller; vertical-align: sub; } sup{ font-size: smaller; vertical-align: super; } table{ line-height: 2; width: 100%; margin: 0 0 40px; } th{ font-weight: 700; } .pattern_overlayed{ position: relative; color: #fff !important; } .pattern_overlayed:before{ position: absolute; z-index: 0; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background: #002037; background: rgba(0,32,55,0.9); } .pattern_overlayed .dnd_container, .pattern_overlayed .tcvpb_container{ position: relative; z-index: 1; } .pattern_overlayed_dotted, .pattern_overlayed_dotted_2, .pattern_overlayed_lined{ position: relative; color: #fff !important; } .pattern_overlayed_dotted:before, .pattern_overlayed_dotted_2:before, .pattern_overlayed_lined:before, .pattern_overlayed_lined_h:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .pattern_overlayed .tcvpb_container, .pattern_overlayed_dotted .tcvpb_container, .pattern_overlayed_dotted_2 .tcvpb_container, .pattern_overlayed_lined .tcvpb_container{ position: relative; z-index: 1; } .pattern_overlayed_dotted:before{ background: rgba(0,0,0,0.65); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTMzRERGREYwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTMzRERGREUwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMxRTgyODcwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDMxRTgyODgwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jXJ0mAAAAF0lEQVR42mJmYGD4D8TnmEEEEDMABBgAGmcCoh16VmUAAAAASUVORK5CYII='); } .pattern_overlayed_dotted_2:before{ opacity: 0.15; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUeNpiZGBg+A8EjECagQnK+A/mMEAAWAYgwADf9ggBN+tpvAAAAABJRU5ErkJggg=='); } .pattern_overlayed_lined:before{ background: rgba(0,0,0,0.30); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI0MDNENzY2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI0MDNENzc2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjQwM0Q3NDZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjQwM0Q3NTZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrPT1y0AAAASSURBVHjaYmZgYPgPxHoAAQYABU0BMT/72gwAAAAASUVORK5CYII='); } .pattern_overlayed_lined_h:before{ background: rgba(0,0,0,0.30); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAYSURBVHjaYmZgYPjPzMDAoAcAAAD//wMABl8BNN6Jh64AAAAASUVORK5CYII='); } /*-------- 2.1. Inner columns --------*/ .container, .dnd_container, .tcvpb_container{ width: 1170px; margin: 0 auto; } .content .dnd_container, .content_with_right_sidebar .dnd_container, .content_with_left_sidebar .dnd_container, .content .tcvpb_container, .content_with_right_sidebar .tcvpb_container, .content_with_left_sidebar .tcvpb_container{ width: 100%; } .content_with_right_sidebar .dnd_section_dd, .content_with_left_sidebar .dnd_section_dd, .content_with_right_sidebar .tcvpb_section_tc, .content_with_left_sidebar .tcvpb_section_tc{ padding: 0; } .row{ width: 100%; } .row:before, .row:after{ line-height: 0; display: table; content: ''; } .row:after{ clear: both; } .row > [class*='span']{ display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 20px; margin-left: 2.564102564102564%; } .row > [class*='span']:first-child{ margin-left: 0; } .row .span12{ width: 100%; } .row .span11{ width: 91.45299145299145%; } .row .span10{ width: 82.90598290598291%; } .row .span9{ width: 74.35897435897436%; } .row .span8{ width: 65.81196581196581%; } .row .span7{ width: 57.26495726495726%; } .row .span6{ width: 48.71794871794872%; } .row .span5{ width: 40.17094017094017%; } .row .span4{ width: 31.62393162393162%; } .row .span3{ width: 23.07692307692308%; } .row .span2{ width: 14.52991452991453%; } .row .span1{ width: 5.982905982905983%; } .half, .third, .fourth, .fifth{ float: left; } .alpha{ margin-left: 0 !important; } .half{ width: 50%; } .third{ width: 33.33333%; } .fourth{ width: 25%; } .fifth{ width: 20%; } .left{ float: left !important; } .right{ float: right !important; } .no_margin{ margin: 0; } .no_padding{ padding: 0; } .bottom_margin{ margin-bottom: 40px; } .wp-caption{ max-width: 100% !important; } /*-------- 2.2. Clearfix --------*/ .clearfix:before, .clearfix:after{ display: block; visibility: hidden; overflow: hidden; width: 0; height: 0; content: '\0020'; } .clearfix:after{ clear: both; } /*-----------------------------------------------------------------*/ /* 3. Header /*-----------------------------------------------------------------*/ #ABdev_main_header{ position: relative; z-index: 9999; width: 100%; padding: 0; background: #334271; } #topbar_and_header.fixed #ABdev_main_header{ position: fixed; top: 0; left: 0; } body.admin-bar #topbar_and_header.fixed #ABdev_main_header{ top: 32px; } #ABdev_main_header.fixed{ position: fixed; top: 0; left: 0; } body.admin-bar #ABdev_main_header.fixed{ top: 32px; } #ABdev_header_spacer{ height: 101px; } #ABdev_topbar{ position: relative; z-index: 9999; width: 100%; min-height: 48px; padding: 0; padding-top: 8px; padding-bottom: 8px; background: #ececec; } #ABdev_menu_search{ position: relative; display: inline-block; width: 170px; margin-left: 13px; } #ABdev_menu_search input{ font-size: 14px; margin: 0; padding: 4px 0 4px 10px; border: none; } #ABdev_menu_search .placeholder{ color: #555; } #ABdev_menu_search ::-webkit-input-placeholder{ color: #555; } #ABdev_menu_search :-moz-placeholder{ opacity: 1; color: #555; } #ABdev_menu_search ::-moz-placeholder{ opacity: 1; color: #555; } #ABdev_menu_search :-ms-input-placeholder{ color: #555; } #ABdev_menu_search .submit{ position: absolute; top: 6px; right: 5px; cursor: pointer; } #ABdev_menu_search .submit i{ color: #ff3b30; } #ABdev_menu_search .submit:hover i{ color: #555; } #ABdev_main_slider{ position: relative; padding: 0; background: #f2f3f4; background-size: cover; } .ABdev_main_slider_scroll_info{ font-family: Lato, sans-serif; text-transform: uppercase; } .pattern_overlayed #ABdev_main_slider_content{ z-index: 1; } #main_logo_textual{ font-size: 24px; line-height: 24px; margin: 0; color: #fff; } #main_logo_tagline{ font-size: 12px; margin: 0; color: #fff; } #logo{ position: relative; float: left; padding: 25px 30px 25px 0; } #logo:before{ position: absolute; z-index: 0; top: 0; right: -30px; width: 5000px; height: 100%; content: ''; background-color: #FFF !important; /*background-color: #ff3b30;*/ } @font-face { font-family: 'AktivGrotesk'; src: url('/wp-content/themes/shard/fonts/AktivGrotesk-Light.woff2') format('woff2'), url('/wp-content/themes/shard/fonts/AktivGrotesk-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'AktivGrotesk'; src: url('/wp-content/themes/shard/fonts/AktivGrotesk-Regular.woff2') format('woff2'), url('/wp-content/themes/shard/fonts/AktivGrotesk-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AktivGrotesk'; src: url('/wp-content/themes/shard/fonts/AktivGrotesk-Medium.woff2') format('woff2'), url('/wp-content/themes/shard/fonts/AktivGrotesk-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, only screen and (min-resolution: 120dpi) { #ABdev_main_header #main_logo { display: block !important; width: 125px !important; } #logo { float:none !important; } div#logo:after { content: "203.367.7444"; color: #000; font-size: 22px; z-index: 9999; float: left; position: absolute; top: 25px; left: 155px; } div#text-3 { display: none; } } .boxed_body_wrapper #logo:before{ position: absolute; z-index: 0; top: 0; right: -30px; width: 260px; height: 100%; content: ''; background-color: #FFF !important; /*background-color: #ff3b30;*/ } #logo .logo_inner{ position: relative; z-index: 1; } /*-------- 3.1. Main menu --------*/ #ABdev_menu_toggle{ display: none; cursor: pointer; } nav > ul{ position: relative; float: right; margin: 0; margin-top: 30px; list-style: none; } nav > ul > li{ line-height: 14px; float: left; } nav > ul > li a{ font-family: Lato, sans-serif; font-size: 14px; display: inline-block; text-align: center; color: #202024; } nav > ul > li > a{ margin-right: 5px; margin-left: 5px; padding: 10px 19px; text-transform: uppercase; color: #aaa; } nav > ul > li > a:last-child{ margin-right: 0; } nav > ul > li > a > i{ font-size: 16px; display: inline-block; margin-bottom: 19px !important; } nav > ul > li span{ display: block; } nav > ul ul{ position: absolute; z-index: 2001; display: none; min-width: 228px; margin: 0; margin-top: 30px; list-style: none; border-top: 2px solid #ff3b30; background: #ececec; box-shadow: 0 0 20px 0 rgba( 0, 0, 0, 0.1 ); } #dz_main_header.sticky_header_low nav > ul ul{ margin-top: 10px; } nav > ul > li > ul:before{ position: absolute; z-index: 2004; top: -36px; left: 0; display: block; width: 228px; min-width: 228px; height: 36px; content: ''; } #dz_main_header.sticky_header_low nav > ul > li > ul:before{ top: -15px; height: 15px; } nav > ul li:hover > ul, nav > ul li.sfHover > ul{ z-index: 2003; display: block; } nav > ul ul li{ position: relative; padding: 3px 0; border-bottom: 1px solid #c0c0c0; } nav > ul ul li a{ width: 100%; padding: 10px 13px 10px 13px; text-align: left; } nav > ul ul li:hover{ background: #fff; } nav > ul ul li:hover a{ color: #202024; } nav > ul ul ul{ position: absolute; z-index: 2002; top: 0; left: 100%; margin-top: -2px; margin-left: 0; } nav > ul ul ul:before{ position: absolute; top: 0; left: -11px; width: 11px; height: 100px; content: ''; } .sf-arrows .sf-with-ul:after{ font-family: 'icomoon'; position: relative; top: 2px; float: right; margin-left: 5px; content: '\69'; color: #aaa; } .sf-arrows ul .sf-with-ul:after{ top: 0; content: '\69'; } .sf-arrows ul li:hover .sf-with-ul:after{ color: #fff; } .sf-arrows > li:hover > .sf-with-ul:after{ color: #d84949; } .sf-arrows .current_menu_ancestor .sf-with-ul:after{ color: #333; } nav > ul > li:hover > a, nav > ul > .current-menu-item > a, nav > ul > .current-post-ancestor > a, nav > ul > .current-menu-ancestor > a{ color: #fff; } #magic-line, #portfolio_magic-line{ position: absolute; z-index: -1; top: 0; left: 0; display: block; height: 100%; margin-left: 5px; border: 1px solid #c0c0c0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portfolio_magic-line{ height: 34px; border: 1px solid #ff3b30; } /*-------- 3.2. Header Style 2 --------*/ #topbar_and_header.th_style_2 nav > ul{ margin: 14px 0; } #topbar_and_header.th_style_2 nav > ul .menu-depth-1{ margin-top: 14px; } #topbar_and_header.th_style_2 nav > ul > li > ul:before{ top: -20px; height: 20px; } #topbar_and_header.th_style_2 input{ font-size: 14px; font-style: italic; } #topbar_and_header.th_style_2 #header_phone_email_info{ padding-top: 4px; padding-left: 205px; color: #c0c0c0; } #topbar_and_header.th_style_2 #header_phone_email_info a{ color: #888; } #topbar_and_header.th_style_2 #header_phone_email_info a:hover{ color: #ff3b30; } #topbar_and_header.th_style_2 #header_phone_email_info i{ font-size: 16px; position: relative; top: 2px; margin-right: 10px; } #topbar_and_header.th_style_2 #header_phone_email_info span{ font-size: 14px; margin-right: 30px; padding-right: 30px; color: #888; border-right: 1px solid #d6d6d6; } #topbar_and_header.th_style_2 #header_phone_email_info span:last-child{ margin-right: 0; padding-left: 0; border: none; } #topbar_and_header.th_style_2 #logo:before{ background-color: transparent; } #topbar_and_header.th_style_2 #logo{ position: absolute; top: -48px; float: left; padding: 0; } #topbar_and_header.th_style_2 #header_social_search .social_link{ margin-right: 14px; } #topbar_and_header.th_style_2 #header_social_search .social_link i{ position: relative; top: 2px; color: #888; } #topbar_and_header.th_style_2 #header_social_search .social_link:hover i{ color: #ff3b30; } #topbar_and_header.th_style_2.th_style_invert #header_phone_email_info span, #topbar_and_header.th_style_2.th_style_invert #header_social_search .social_link i, #topbar_and_header.th_style_2.th_style_invert #header_phone_email_info a, #topbar_and_header.th_style_2.th_style_invert #header_phone_email_info span{ color: #c0c0c0; } #topbar_and_header.th_style_2.th_style_invert #header_phone_email_info a:hover, #topbar_and_header.th_style_2.th_style_invert #header_social_search .social_link i:hover{ color: #ff3b30; } /*-------- 3.3. Header Style 1 & 2 Inverted --------*/ #topbar_and_header.th_style_invert #ABdev_topbar{ background: #202024; } #topbar_and_header.th_style_invert #ABdev_main_header{ background: #ececec; } #topbar_and_header.th_style_invert #logo:before{ display: none; } #topbar_and_header.th_style_invert nav > ul > li a{ color: #555; } #topbar_and_header.th_style_invert nav > ul > li:hover > a, #topbar_and_header.th_style_invert nav > ul > .current-menu-item > a, #topbar_and_header.th_style_invert nav > ul > .current-post-ancestor > a, #topbar_and_header.th_style_invert nav > ul > .current-menu-ancestor > a{ color: #202024; } #topbar_and_header.th_style_invert nav > ul > .current-menu-item{ border-color: #202024; } #topbar_and_header.th_style_invert #magic-line{ border-color: #c0c0c0; } #topbar_and_header.th_style_1 #header_phone_email_info{ padding-top: 4px; color: #888; } #topbar_and_header.th_style_1 #header_phone_email_info a{ color: #888; } #topbar_and_header.th_style_1 #header_phone_email_info span{ font-size: 14px; margin-right: 30px; padding-right: 30px; color: #888; border-right: 1px solid #d6d6d6; } #topbar_and_header.th_style_1 #header_phone_email_info span:last-child{ margin-right: 0; padding-left: 0; border: none; } #topbar_and_header.th_style_1 #header_phone_email_info i{ font-size: 16px; position: relative; top: 2px; margin-right: 10px; } #topbar_and_header.th_style_1 #header_social_search{ padding-top: 2px; cursor: default; } #topbar_and_header.th_style_1 #header_social_search .social_link{ margin-right: 14px; color: #888; } #topbar_and_header.th_style_1 #header_social_search .social_link i{ position: relative; top: 2px; color: #888; } #topbar_and_header.th_style_1.th_style_invert #header_social_search .social_link i, #topbar_and_header.th_style_1.th_style_invert #header_phone_email_info span, #topbar_and_header.th_style_1.th_style_invert #header_phone_email_info a{ color: #c0c0c0; } #topbar_and_header.th_style_1 #header_social_search .social_link:hover i, #topbar_and_header.th_style_1 #header_phone_email_info a:hover{ color: #ff3b30; } #fixed_header_spacer{ position: static; top: 0; left: 0; width: 100%; } body.admin-bar #fixed_header_spacer{ top: 32px; } /*-------- 3.4. Header Style 3 --------*/ #topbar_and_header.th_style_3 nav > ul{ float: left; margin-top: 0; } #topbar_and_header.th_style_3 nav > ul ul{ margin-top: 0; margin-left: 5px; } #topbar_and_header.th_style_3 nav > ul ul ul{ margin-top: -2px; margin-left: 0; } #topbar_and_header.th_style_3 nav > ul > li > ul:before{ top: -6px; height: 6px; } #topbar_and_header.th_style_3 nav > ul > li > a{ padding: 18px 19px; } #topbar_and_header.th_style_3 nav > ul > li:hover > a, #topbar_and_header.th_style_3 nav > ul > .current-menu-item > a{ color: #fff; } #topbar_and_header.th_style_3 #logo:before{ display: none; } #topbar_and_header.th_style_3 #magic-line{ border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #ff3b30; } #topbar_and_header.th_style_3 #ABdev_menu_search{ font-size: 14px; font-style: italic; float: right; margin: 10px 0 10px 0; } #topbar_and_header.th_style_3.th_style_invert #header_social_search span, #topbar_and_header.th_style_3.th_style_invert #header_social_search span a, #topbar_and_header.th_style_3.th_style_invert #header_social_search .social_link{ color: #c0c0c0; } #topbar_and_header.th_style_3 #header_social_search span{ font-size: 14px; padding: 0 30px; color: #888; border-right: 1px solid #888; } #topbar_and_header.th_style_3 #header_social_search span i{ position: relative; top: 3px; padding-right: 10px; } #topbar_and_header.th_style_3 #header_social_search span a, #topbar_and_header.th_style_3 #header_social_search .social_link{ color: #888; } #topbar_and_header.th_style_3 #header_social_search .social_link{ margin-left: 14px; } #topbar_and_header.th_style_3 #header_social_search span:hover a, #topbar_and_header.th_style_3 #header_social_search .social_link i:hover{ color: #ff3b30; } /*-------- 3.5. Mega Menu --------*/ .sf-mega{ position: absolute; z-index: 9999; top: 100%; right: 0; display: none; width: 1170px; padding-top: 30px; color: #202024; box-shadow: 4px 5px 8px 0 rgba( 0, 0, 0, 0.1 ); } #topbar_and_header.th_style_2 .sf-mega{ padding-top: 14px; } #topbar_and_header.th_style_3 .sf-mega{ right: auto; left: 0; margin-left: 0!important; padding: 0; } .sf-mega-inner{ border-top: 2px solid #ff3b30; background: #ececec; } nav > ul .sf-mega ul{ min-width: 0; } nav > ul li:hover > .sf-mega, nav > ul li.sfHover > .sf-mega{ display: block; } .sf-mega li, .sf-mega ul{ position: static !important; display: block !important; height: auto !important; margin: 0; padding: 0; border: none; background: none; box-shadow: none; } nav > ul .sf-mega li:hover{ background: none; } nav > ul .sf-mega-inner{ display: table !important; width: 100%; } nav > ul .sf-mega-inner > ul{ display: table-row !important; } nav > ul .sf-mega-inner > ul > li{ display: table-cell !important; padding-top: 8px; vertical-align: top; border-right: 1px solid #c0c0c0; } nav > ul .sf-mega-inner > ul > li:last-child{ border-right: none; } .sf-mega li, .sf-mega li{ border-bottom: none; } nav > ul .sf-mega-inner > ul > li > a{ font-size: 16px; font-weight: 700; margin-bottom: 11px; text-transform: uppercase; color: #202024; } nav > ul .sf-mega-inner > ul > li > ul > li a{ font-size: 14px; color: #202024; } nav > ul .sf-mega-inner a{ margin-bottom: 1px; padding: 13px 18px 13px 18px; text-transform: none; } nav > ul .sf-mega-inner a:hover{ background: #fff; } nav > ul > .mega1 .sf-mega-inner > ul > li{ width: 100%; } nav > ul > .mega2 .sf-mega-inner > ul > li{ width: 50%; } nav > ul > .mega3 .sf-mega-inner > ul > li{ width: 33.33333333333333%; } nav > ul > .mega4 .sf-mega-inner > ul > li{ width: 25%; } nav > ul > .mega5 .sf-mega-inner > ul > li{ width: 20%; } nav > ul > .mega6 .sf-mega-inner > ul > li{ width: 16.66666666666667%; } nav > ul > .mega7 .sf-mega-inner > ul > li{ width: 14.28571428571429%; } nav > ul .sf-mega-inner .description_menu_item{ font-size: 16px; font-weight: 300; line-height: 22px; padding: 20px; } nav > ul .sf-mega-inner .description_menu_item a{ font-size: inherit; line-height: inherit; display: inline; padding: 0; color: #ff3b30; } nav > ul .sf-mega-inner .description_menu_item a:hover{ color: #202024; background: none; } /*-------- 3.6. Title/Breadcrumbs Bar --------*/ #title_breadcrumbs_bar{ font-family: Lato, sans-serif; font-size: 18px; font-weight: 300; position: relative; overflow: hidden; padding: 72px 0; background: #777e8e; } #title_breadcrumbs_bar h1{ line-height: 35px; margin-bottom: 10px; color: #fff; font-weight:bold; } #title_breadcrumbs_bar .tbb_breadcrumbs{ position: absolute; bottom: 0; left: 0; width: 100%; } #title_breadcrumbs_bar .tbb_breadcrumbs .container{ position: relative; } #title_breadcrumbs_bar .breadcrumbs{ line-height: 30px; position: absolute; right: 0; bottom: 0; display: inline-block; } #title_breadcrumbs_bar .breadcrumbs .breadcrumbs_inner{ font-size: 16px; position: relative; } #title_breadcrumbs_bar .breadcrumbs:before{ position: absolute; left: -20px; width: 5000px; height: 100%; content: ''; background-color: #ff3b30; } #title_breadcrumbs_bar .breadcrumbs{ font-size: 13px; color: #fff; } #title_breadcrumbs_bar .breadcrumbs a, #title_breadcrumbs_bar .breadcrumbs .current{ font-size: 16px; color: #fff; } #title_breadcrumbs_bar .breadcrumbs i{ font-size: 8px; top: 0; } #title_breadcrumbs_bar .bokah_circle{ position: absolute; width: 100px; height: 100px; opacity: .08; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #fff; } #title_breadcrumbs_bar .bokah_circle_1{ width: 70px; height: 70px; opacity: .04; } #title_breadcrumbs_bar .bokah_circle_2{ width: 100px; height: 100px; opacity: .05; } #title_breadcrumbs_bar .bokah_circle_3{ width: 125px; height: 125px; opacity: .06; } #title_breadcrumbs_bar .bokah_circle_4{ width: 150px; height: 150px; opacity: .07; } #title_breadcrumbs_bar .bokah_circle_5{ width: 200px; height: 200px; opacity: .08; } #title_breadcrumbs_bar .bokah_circle_6{ width: 270px; height: 270px; opacity: .07; } #title_breadcrumbs_bar .bokah_circle_7{ width: 350px; height: 350px; opacity: .05; } /*-----------------------------------------------------------------*/ /* 4. Slider place /*-----------------------------------------------------------------*/ #frontpage_slider{ margin: 0; padding: 0; } .tp-leftarrow.tparrows, .tp-rightarrow.tparrows{ width: 44px; height: 44px; text-align: center; background: #fff !important; border-radius: 0; } .tp-leftarrow.tparrows{ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tp-rightarrow.tparrows{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .tp-leftarrow.tparrows:hover, .tp-rightarrow.tparrows:hover{ background: #ff3b30 !important; } .tp-leftarrow.tparrows:before, .tp-rightarrow.tparrows:before{ font-family: 'icomoon'; font-size: 16px; line-height: 44px; display: block; width: 100%; height: 100%; content: '\6b' !important; text-align: center; color: #505558; margin-left: 0 !important; } .tp-leftarrow.tparrows:hover:before, .tp-rightarrow.tparrows:hover:before{ color: #fff !important; } .tp-rightarrow.tparrows:before{ content: '\69' !important; margin-right: 0 !important; } .tp-bullets .tp-bullet{ background: none; width: 7px; height: 7px; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tp-bullets .tp-bullet:hover, .tp-bullets .tp-bullet.selected{ background-color: #fff; } /*-----------------------------------------------------------------*/ /* 5. Blog /*-----------------------------------------------------------------*/ .sidebar_left{ margin-left: 0 !important; } /*-------- 5.1. Blog Timeline --------*/ #timeline_posts{ overflow: hidden; background: url('images/timeline_line.png') center top repeat-y; } .timeline_post{ position: absolute; top: -2000px; float: left; width: 535px; margin-bottom: 40px; transition: top 1s; background: #ececec; } .timeline_post h3{ margin-bottom: 0; padding: 25px 25px 0 25px; } .timeline_post h3 a{ color: #202024; } .timeline_post h3 a:hover{ color: #ff3b30; } .timeline_post_first{ width: 535px; } .timeline_appended{ -webkit-transition: top 0s, opacity 1s; -moz-transition: top 0s, opacity 1s; -ms-transition: top 0s, opacity 1s; -o-transition: top 0s, opacity 1s; transition: top 0s, opacity 1s; } .timeline_postmeta{ font-size: 13px; line-height: 13px; padding: 13px 15px 12px 15px; } .timeline_postmeta_soundcloud{ padding: 8px 15px 12px 15px; } .timeline_postmeta a{ font-size: 14px; float: right; padding-left: 10px; color: #555; } .timeline_postmeta a:hover{ color: #ff3b30; } .timeline_postmeta p{ font-size: 14px; display: inline-block; margin-bottom: 0; } .timeline_postmeta i{ margin-right: 6px; color: #c0c0c0; } .timeline_postmeta .timeline_icon{ float: right; padding-left: 10px; color: #555; } .timeline_content{ padding: 17px 25px 1px 25px; } .timeline_content p{ font-size: 14px; } .timeline_post .post-readmore{ padding: 22px 22px 0 22px; } .timeline_post .post-readmore p{ margin-bottom: 22px; } .timeline_post_left:after, .timeline_post_right:after{ position: absolute; display: block; width: 5px; height: 5px; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff3b30; } .timeline_post_left:after{ top: 33px; right: -53px; } .timeline_post_right:after{ top: 74px; left: -52px; } .timeline_post_left:before, .timeline_post_right:before{ position: absolute; display: block; content: ''; } .timeline_post_left:before{ top: 24px; right: -12px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #ececec; } .timeline_post_right:before{ top: 65px; left: -12px; width: 0; height: 0; border-top: 12px solid transparent; border-right: 12px solid #ececec; border-bottom: 12px solid transparent; } #timeline_loading{ padding-top: 40px; padding-bottom: 40px; text-align: center; } .timeline_loading_loader{ background: url('images/ajax-loader.gif') center 40px no-repeat; } /*-------- 5.2. Blog Posts --------*/ .post_content{ position: relative; min-height: 200px; } .post_wrapper{ margin-bottom: 40px; } .post_content p:last-child{ margin-bottom: 0; } .post_content .post_main:before{ position: absolute; top: 23px; left: -12px; display: block; width: 0; height: 0; content: ''; border-top: 12px solid transparent; border-right: 12px solid #ececec; border-bottom: 12px solid transparent; } .post_content .post_badges .post_date .post_day{ font-size: 20px; font-weight: 300; display: block; padding-bottom: 5px; text-align: right; } .post_content .post_badges .post_date .post_our_minute{ font-size: 22px; font-weight: 300; color: #323232; } .post_content .post_badges .post_date .post_am_pm{ font-size: 22px; font-weight: 400; padding-left: 5px; color: #323232; } .blog_classic_layout .post_content .post_main:before, .post_content .post_main.post_main_alternative:before{ display: none; } .post_content .postmeta_under_image section{ border-bottom: none; } .post_content .postmeta_under_image{ position: relative; padding-top: 37px; background-color: #fff; } .post_content .postmeta_under_image.no_featured_post_media{ padding-top: 0; } .post_content .post_main{ position: relative; margin-left: 200px; background-color: #ececec; } .post_content .author_and_categories_badges{ position: absolute; left: -195px; width: 170px; text-align: right; } .post_content .author_and_categories_badges .posted_by_author{ font-size: 18px; } .post_content .author_and_categories_badges .posted_by_author strong{ font-size: 20px; display: block; margin-bottom: 20px; } .post_content .no_featured_post_media .author_and_categories_badges{ margin-top: 124px; } .post_content .author_and_categories_badges .posted_by_author strong{ font-weight: 400; text-align: right; } .post_content .author_and_categories_badges .categories{ font-size: 18px; font-weight: 300; padding-top: 10px; list-style-type: none; text-align: right; } .post_content .author_and_categories_badges .categories ul li{ padding-top: 5px; list-style-type: none; text-align: right; } .post_content .author_and_categories_badges .categories ul li a{ font-size: 20px; font-weight: 400; color: #505558; } .post_content .author_and_categories_badges .categories ul li:hover a{ color: #ff3b30; } .blog_category_index .post_main{ margin-left: 200px; } .blog_category_index .post_content .post_main .post_main_inner{ font-size: 14px; padding: 0 26px; } .blog_category_index .post_content .post_main p{ font-size: 14px; margin-bottom: 25px; } .post_content .post_main h3.post_main_title{ margin-bottom: 18px; padding: 22px 26px 0 0; } .post_content .post_main h3.post_main_title a{ font-size: 24px; font-weight: 700; color: #202024; } .post_content .post_main h3.post_main_title a:hover{ color: #ff3b30; } .post_content .postmeta_under_image h3{ margin-bottom: 32px; padding: 0; } .post_content .postmeta_under_image p{ padding: 0; } .post_content .post_badges{ position: relative; float: left; width: 170px; text-align: left; color: #505558; } .post_content .post_badges i{ font-size: 32px; float: right; margin-bottom: 13px; padding: 19px; color: #fff; border-radius: 3px; background: #ff3b30; } .post_content .post_main:after{ position: absolute; top: 70px; left: -65px; display: block; width: 1px; height: 100%; content: ''; background: #c0c0c0; } .post_content .post_badges .post_author{ display: block; margin-bottom: 8px; padding-bottom: 16px; } .post_content .post_badges .post_date{ font-size: 13px; display: block; float: left; margin-top: 11px; color: #555; } .post_content .post_badges_single{ position: relative; float: left; width: 170px; text-align: left; color: #505558; } .post_content .post_badges_single i{ font-size: 32px; float: right; margin-bottom: 13px; padding: 19px; color: #fff; border-radius: 3px; background: #ff3b30; } .post_content .post_badges_single .post_date{ font-size: 13px; display: block; float: left; margin-top: 11px; } .post_content .post_badges_single .post_date .post_day{ font-size: 20px; font-weight: 300; display: block; padding-bottom: 5px; text-align: right; text-transform: lowercase; } .post_content .post_badges_single .post_our_minute{ font-size: 22px; font-weight: 300; color: #323232; } .post_content .post_badges_single .post_am_pm{ font-size: 16px; font-weight: 400; padding-left: 5px; color: #323232; } .post_meta_tags{ font-size: 13px; text-align: right; } .post_meta_tags a{ color: #555; } .post_meta_tags a:hover{ color: #ff3b30; } .post_meta_tags i{ font-size: 12px; position: relative; top: 2px; margin-right: 5px; margin-left: 10px; color: #555; } .post_main .postmeta-above, .post_main .postmeta-under{ position: relative; display: block; text-align: right; } .post_main .postmeta-above a, .post_main .post-readmore a{ font-size: 14px; display: inline-block; margin-bottom: 0; padding: 9px 10px 9px 10px; color: #555; } .post_main_soundcloud .post-readmore a{ padding-top: 4px; } .post_main .postmeta-above a:hover, .post_main .post-readmore a:hover{ color: #ff3b30; } .post_main .post-readmore i{ font-size: 5px; margin-left: 5px; } .post_main .postmeta-above i{ font-size: 5px; position: absolute; top: 18px; right: 83px; color: #555; } .post_main .postmeta-above p{ display: inline-block; margin-right: 25px; margin-bottom: 0; } .post_main .postmeta-above .post_meta_comments{ margin: 0; } .post_main .postmeta-under{ margin: 17px 0 40px 0; padding: 40px 0; } .post_main .postmeta-under p{ margin-bottom: 0; } .post_meta_share{ float: left; } .post_meta_tags{ float: right; } .post_meta_share a{ line-height: 32px; left: 0; display: inline-block; width: 76px; height: 32px; margin-left: 2px; text-align: center; color: #555; border-radius: 3px; background: #ececec; } .post_meta_share span{ font-family: Lato, sans-serif; font-size: 20px; font-weight: 300; position: relative; top: -1px; margin-right: 10px; color: #505558; } .post_meta_share a:hover i{ color: #fff; } .post_meta_share i{ font-size: 16px !important; top: 0 !important; padding-right: 5px; } .postmeta_under_text_tags{ font-style: italic; text-transform: uppercase; } .post_meta_share .post_share_facebook:hover{ color: #fff; background: #3b5998; } .post_meta_share .post_share_twitter:hover{ color: #fff; background: #4099ff; } .post_meta_share .post_share_googleplus:hover{ color: #fff; background: #d34836; } .post_meta_share .post_share_linkedin:hover{ color: #fff; background: #0e76a8; } .post_about_author{ margin-bottom: 40px; } .post_about_author img{ float: left; margin-right: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post-readmore{ text-align: right; } .post-readmore i{ font-size: 5px; position: absolute; right: 94px; bottom: 17px; color: #555; } .post_excerpt{ line-height: 38px; margin-top: -4px; } .sticky .post_content .post_badges i{ background: #202024; } .sticky .post_content .post_main{ background-color: #ddd; } .blog_classic_layout .post_content .post_main{ margin-left: 0; background: #fff; } .blog_classic_layout .post_content .post_main:after, .post_content .post_main_alternative:after{ display: none; } .blog_classic_layout .post_content .post_main img, .blog_classic_layout .post_content .post_main iframe, .blog_classic_layout .post_content .post_main .videoWrapper-vimeo, .blog_classic_layout .post_content .post_main .videoWrapper-youtube{ margin-bottom: 23px; } .blog_classic_layout .post_content .post_main h3, .blog_classic_layout .post_content .post_main p{ padding: 0; } .blog_classic_layout .post_content .post_main .post-readmore{ margin-bottom: 24px; padding-top: 9px; border-top: 1px solid #ececec; } .blog_classic_layout .post_content .post_main .post-readmore p{ float: left; margin: 0; padding: 0; } .blog_classic_layout .post_content .post_main .post-readmore a{ padding: 0 10px 9px 10px; } .blog_classic_layout .post_content .post_main .post-readmore p a{ padding: 0; } .blog_classic_layout .post_content .post_main .post-readmore .date_icon, .blog_classic_layout .post_content .post_main .post-readmore .tags_icon{ font-size: 15px; position: relative; bottom: 0; left: 0; margin-right: 8px; margin-left: 0; color: #c0c0c0; } .blog_classic_layout .post_content .post_main .post-readmore .tags_icon{ margin-left: 30px; } /*-------- 5.3. Post Comments --------*/ #comments_section{ padding-top: 75px; padding-bottom: 0; padding-left: 200px; border-top: 1px solid #ececec; } #comments_section ul, #comments_section ol{ margin-left: 0; list-style: none; } .comment p{ margin-bottom: 0; text-align: left; } #comments_section .logged-in-as, #comments_section .comment-notes{ margin-bottom: 22px; } .comment{ position: relative; min-height: 70px; margin-bottom: 40px; } .comment .children{ padding-left: 50px; } .children .comment:last-child{ margin-bottom: 0; } .comment .avatar{ position: absolute; top: 0; left: -100px; width: 70px; height: 70px; border-radius: 3px; } .comment .comment-text{ padding: 10px 0 35px 0; border-bottom: 1px solid #e6ebed; } .comment .children{ padding-top: 40px; } .comment .comment-author{ font-family: Lato, sans-serif; font-size: 18px; font-weight: 400; color: #555; } .comment time{ font-size: 13px; font-style: italic; float: right; color: #c0c0c0; } .comment .comment-text .reply, .comment .comment-text .reply a{ font-size: 13px; font-weight: 300; text-transform: lowercase; color: #ff3b30; } .comment .reply a:hover{ color: #555; } .comment .reply{ float: right; margin-top: 23px; padding-left: 5px; background: #fff; } .comment .reply a:hover, .comment .edit-link a:hover{ color: #ff3b30; } #respond{ padding-top: 30px; } #respond .comment-form{ position: relative; padding-bottom: 71px; } #respond #comment{ margin-bottom: 35px; margin-left: 16px; } #respond .comment-form-comment{ margin-bottom: 0; } #respond .form-submit{ display: block; margin-bottom: 0; } #respond #comment-submit{ font-family: Lato, sans-serif; font-size: 16px; font-weight: 400; float: right; margin: 0; background: #ff3b30; -webkit-appearance: none; -moz-appearance: none; } #respond #comment-submit:hover{ border-color: #505558; background: #505558; } #respond input[type='text']{ width: 100%; height: 42px; margin-bottom: 0; border-radius: 3px; background: #fff; } #respond .comment_fields{ float: left; width: 50%; } #respond .comment_fields p{ width: 95%; margin-right: 1% !important; margin-bottom: 41px; } #respond .comment-form-comment{ float: right; width: 50%; } body.logged-in #respond .comment-form-comment{ float: none; width: 100%; } #respond .comment-form-comment textarea{ width: 95%; height: 126px; border-radius: 3px; background: #fff; } body.logged-in #respond .comment-form-comment textarea{ width: 100%; } body.logged-in #respond #comment{ margin-left: 0; } /*-------- 5.4. Post Pagination --------*/ #blog_pagination{ padding-top: 72px; text-align: right; } #blog_pagination .blog_pagexofy{ font-size: 22px; line-height: 48px; } #blog_pagination .page-numbers{ font-size: 22px; line-height: 14px; display: inline-block; margin: 0; padding: 13px 9px 13px 9px; color: #505558; } #blog_pagination .page-numbers.current, #blog_pagination .page-numbers:hover{ color: #ff3b30; } #blog_pagination .prev{ margin-right: 10px; } #blog_pagination .next{ margin-left: 10px; padding-right: 0; } #blog_pagination .prev i, #blog_pagination .next i{ font-size: 14px; position: relative; top: -1px; } #inner_post_pagination > span, #inner_post_pagination > a{ font-size: 14px; line-height: 14px; float: left; margin: 0; padding: 13px 16px 13px 16px; color: #505558; border-top: 1px solid #e6ebed; border-right: 1px solid #e6ebed; border-bottom: 1px solid #e6ebed; background: #f5f7f8; } #inner_post_pagination > a{ background: #fff; } #inner_post_pagination > a span{ border: none; } #inner_post_pagination > a:hover{ color: #ff3b30; background: #505558; } #inner_post_pagination > span:first-child, #inner_post_pagination > a:first-child{ border-left: 1px solid #e6ebed; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #inner_post_pagination > span:last-child, #inner_post_pagination > a:last-child{ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /*-----------------------------------------------------------------*/ /* 6. Videos /*-----------------------------------------------------------------*/ .videoWrapper-youtube{ position: relative; overflow: hidden; height: 0; padding-top: 0; padding-bottom: 56.25%; } .videoWrapper-youtube iframe, .videoWrapper-youtube object, .videoWrapper-youtube embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoWrapper-vimeo{ position: relative; overflow: hidden; height: 0; padding-top: 30px; padding-bottom: 53%; } .videoWrapper-vimeo iframe, .videoWrapper-vimeo object, .videoWrapper-vimeo embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-----------------------------------------------------------------*/ /* 7. Contact Form 7 /*-----------------------------------------------------------------*/ .contact_form_row{ padding-top: 51px; } .wpcf7 input{ margin: 0 0 30px 0; margin-top: 0; } .wpcf7 input[type='text']{ border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; -webkit-appearance: none; -moz-appearance: none; } .wpcf7 textarea{ margin: 0 0 30px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; } .wpcf7 input[type='file']{ padding-right: 20px; } .wpcf7 input[type='checkbox']{ width: 12px; height: 12px; margin: 0 10px 0 0; padding: 0; } .wpcf7-response-output{ margin-top: 20px; } .wpcf7-not-valid-tip{ width: auto !important; padding: 4px 8px !important; color: #fff !important; border: none !important; background: #858585 !important; } .wpcf7-validation-errors{ margin: 20px 0 40px 0 !important; margin-bottom: 40px !important; padding: 19px !important; color: #d04544 !important; border: none !important; background: #ffe9e9 !important; } #dz_contact_form_submit{ width: 100%; height: 55px; margin-top: 0; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; background: #ff3b30 !important; -webkit-appearance: none; -moz-appearance: none; } div.wpcf7 .ajax-loader{ position: relative; top: -20px; left: 50%; margin-left: -8px; } .contact_section_alternative .wpcf7 textarea{ font-style: italic; height: 208px; margin-bottom: 35px; padding: 9px 0 9px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; -webkit-appearance: none; -moz-appearance: none; } .contact_section_alternative .wpcf7-text, .contact_section_alternative .wpcf7-email{ font-style: italic; margin-bottom: 41px; padding: 9px 0 9px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; -webkit-appearance: none; -moz-appearance: none; } .contact_section_alternative .wpcf7-submit{ font-family: Lato, sans-serif; font-size: 16px; font-weight: 400; font-style: normal; line-height: 20px !important; float: right; margin-bottom: 80px; padding: 10px 41px !important; cursor: pointer; -webkit-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in; -moz-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in; -ms-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in; -o-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in; transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in; white-space: nowrap; text-decoration: none; color: #fff; border: none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ff3b30 !important; -webkit-appearance: none; -moz-appearance: none; } .contact_section_alternative .wpcf7-submit:hover{ -webkit-transition: background 180ms, color 180ms, border-color 180ms; -moz-transition: background 180ms, color 180ms, border-color 180ms; -ms-transition: background 180ms, color 180ms, border-color 180ms; -o-transition: background 180ms, color 180ms, border-color 180ms; transition: background 180ms, color 180ms, border-color 180ms; background: #505558 !important; } .wpcf7 .wpcf7-list-item{ display: block; } .wpcf7 .project_description{ width: 100%; height: 228px; } .wpcf7 .drag_and_drop{ width: 100%; height: 205px; margin-bottom: 0; border: 3px dashed #c0c0c0; background: #ececec; } .wpcf7 .start_date, .wpcf7 .due_date{ font-size: 24px; height: 196px; text-align: center; color: #555; border-radius: 0; background: #ececec; } .wpcf7 .choose_date input{ width: 15px; height: 15px; margin: 0 10px 0 0; padding: 0; } .wpcf7 .select_budget{ color: #555; background: #ececec; } /*-----------------------------------------------------------------*/ /* 8. Widgets /*-----------------------------------------------------------------*/ .sidebar_right{ padding-left: 12px; } .sidebar_left{ padding-right: 12px; } .widget input{ margin-bottom: 0; } .sidebar-widget-heading h5, #reply-title{ font-family: Lato, sans-serif; font-size: 18px; font-weight: 700; line-height: 20px; position: relative; display: block; margin-bottom: 18px; padding-bottom: 10px; text-align: left; color: #202024; } #comments-title{ margin-bottom: 70px; } .widget{ margin-bottom: 77px; } aside .widget a{ color: #555; } aside .widget a:hover{ color: #ff3b30; } .widget ul{ margin-left: 0; list-style: none; } .widget ul.children{ padding-left: 20px; } .widget ul.children li{ border-bottom: none; } .widget_categories ul li{ border-bottom: 1px solid #ececec; } .widget_categories ul li, .widget_pages ul li, .widget_nav_menu ul li{ position: relative; padding: 5px 0; } .widget_categories ul li a:before, .widget_pages ul li a:before, .widget_nav_menu ul li a:before{ position: relative; bottom: 3px; display: inline-block; width: 0; height: 0; padding-right: 9px; content: ''; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #ff3b30; } /*-------- 8.1. Search --------*/ .widget_search form{ position: relative; } .widget_search a{ cursor: pointer; } .widget_search i{ font-size: 12px; position: absolute; top: 15px; right: 10px; color: #ff3b30; } .widget_search i:hover{ color: #c0c0c0; } .widget_search input{ font-size: 16px; font-style: italic; height: 42px; padding: 10px 20px; border-radius: 3px; background: #fff; } .search_results_content_item{ position: relative; padding-left: 41px; } .search_resuls_number{ font-family: Lato, sans-serif; font-size: 19px; font-weight: 300; line-height: 19px; position: absolute; top: 0; left: 0; } .search_results_content_item h4{ margin-bottom: 12px; } #search_results_sum_title{ margin-bottom: 50px; } /*-------- 8.2. Categories --------*/ aside.sidebar .widget_pages li, aside.sidebar .widget_recent_entries li, aside.sidebar .widget_archive li, aside.sidebar .widget_nav_menu li, aside.sidebar .widget_meta li, aside.sidebar .widget_rss li, aside.sidebar .widget_categories li{ text-align: left; } aside.sidebar .widget_nav_menu li.menu-item-has-children{ padding-bottom: 0; border: none; } aside.sidebar .widget_nav_menu li ul{ margin-top: 7px; margin-bottom: 0; } aside.sidebar .widget_nav_menu li ul li{ padding-left: 20px; } aside.sidebar .widget_rss .rsswidget{ font-family: Lato, sans-serif; font-size: 18px; color: #505558; } aside.sidebar .widget_rss .rss-date{ display: block; } aside.sidebar .widget_rss .rssSummary{ font-size: 13px; } /*-------- 8.3. Tag Cloud --------*/ .tagcloud a{ font-size: 16px !important; line-height: 16px; float: left; margin: 0 5px 5px 0; padding: 7px 11px 7px 11px; color: #555; border: 1px solid #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ececec; } .tagcloud a:hover{ color: #fff !important; background: #ff3b30; } .tagcloud:after{ display: block; clear: both; height: 0; content: ''; } #dz_main_footer .tagcloud a{ border: 1px solid #5f5f5e; } #dz_main_footer .tagcloud a:hover{ color: #434342; border-color: #929292; } /*-------- 8.4. Flickr stream --------*/ #main_footer .flickr_stream a{ position: relative; float: left; } aside.sidebar .flickr_stream a{ position: relative; float: left; margin: 0 10px 10px 0; } aside.sidebar .flickr_stream a:nth-child(3n+0){ margin-right: 10px; } aside.sidebar .flickr_stream a:nth-child(4n+0){ margin-right: 0; } .flickr_stream a{ position: relative; z-index: 0; overflow: hidden; } .flickr_stream a:after{ position: absolute; top: 50%; left: 50%; display: block; width: 200%; height: 0; content: ''; -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); background: rgb(32,32,36); background: rgba(32,32,36,0.9); } .flickr_stream a:hover:after{ height: 200%; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } #main_footer .flickr_stream img{ width: 80px; height: 80px; } aside.sidebar .flickr_stream img{ width: 82px; height: 82px; } /*-------- 8.5. Contact Info Widget --------*/ .contact_info_widget{ font-weight: 300; } .contact_info_widget > div > span{ display: inline-block; width: 70px; } .contact_info_widget .contact_info_widget_email{ margin-bottom: 22px; } /*-----------------------------------------------------------------*/ /* 9. Pages /*-----------------------------------------------------------------*/ /*-------- 9.1. Portfolio --------*/ #ABdev_latest_portfolio{ margin-bottom: 40px; } .portfolio_item{ color: #929292; } .portfolio_item, .portfolio_item .overlayed{ position: relative; text-align: center; } .portfolio_item h4{ position: relative; z-index: 1; margin: 0 0 27px 0; } .portfolio_item h4 a{ font-family: Lato, sans-serif; font-size: 30px; font-weight: 300; text-transform: uppercase; color: #fff; } .portfolio_item h4 a:hover{ color: #ff3b30; } .portfolio_item .overlayed .overlay{ position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity: 0; color: #fff; filter: alpha(opacity=0); } .portfolio_item .overlayed .overlay > *{ position: relative; z-index: 1; } .portfolio_item .overlayed .overlay .overlay_title{ font-family: Lato, sans-serif; font-size: 24px; font-weight: 300; margin-top: 49px; margin-bottom: 17px; color: #fff; } .portfolio_item .overlayed .overlay .portfolio_item_tags{ font-size: 14px; font-weight: 700; margin-bottom: 25px; color: #fff; } .portfolio_item:hover .overlayed .overlay{ opacity: 1; filter: alpha(opacity=100); } .portfolio_item .overlayed .overlay:after{ position: absolute; z-index: 0; top: 50%; left: 50%; display: block; width: 200%; height: 0; content: ''; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); opacity: 0; background: rgb(32,32,36); background: rgba(32,32,36,0.9); } .portfolio_item:hover .overlayed .overlay:after{ height: 300%; opacity: 1; } .portfolio_item .dnd-button, .portfolio_item .tcvpb-button{ position: relative; display: inline-block; width: auto; height: auto; margin: 0; color: #fff; border: 1px solid #ff3b30; } .portfolio_item .dnd-button i, .portfolio_item .tcvpb-button i{ margin-left: 9px; } .portfolio_item .dnd-button:after, .portfolio_item .tcvpb-button:after{ background: #ff3b30; } .portfolio_item .tcvpb-button{ position: relative; display: inline-block; width: auto; height: auto; margin: 0; color: #fff; border: 1px solid #ff3b30; } .portfolio_item .tcvpb-button i{ margin-left: 9px; } .portfolio_item .tcvpb-button:after{ background: #ff3b30; } .single_portfolio_meta{ margin-bottom: 33px; color: #929292; } .single_portfolio_meta .icon-calendar{ margin-left: 30px; } .portfolio_item_meta h2{ margin-bottom: 18px; border-bottom: 0; } .portfolio_item_meta .portfolio_item_meta_label{ font-weight: 700; color: #555; } .portfolio_item_meta .portfolio_item_meta_data{ position: relative; padding-top: 6px; padding-left: 71px; text-align: left; } .portfolio_item_meta p:last-child{ padding-top: 40px; border-top: 1px solid #ececec; } .portfolio_item_meta p:nth-child(10){ padding-bottom: 11px; } .portfolio_item_image{ margin-bottom: 18px; } .portfolio_item_view_link{ padding: 22px 0 50px 0; text-align: center; } .portfolio_item_view_link a{ font-family: Lato, sans-serif; font-weight: 300; display: inline-block; padding: 8px 30px; color: #202024; border: 1px solid #ff3b30; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; } .portfolio_item_view_link a:hover, .portfolio_item_view_link a:hover i{ -webkit-transition: all 180ms ease-in; -moz-transition: all 180ms ease-in; -ms-transition: all 180ms ease-in; -o-transition: all 180ms ease-in; transition: all 180ms ease-in; color: #ff3b30; } .portfolio_item_view_link a i{ font-size: 13px; padding-left: 9px; -webkit-transition: all 180ms ease-in; -moz-transition: all 180ms ease-in; -ms-transition: all 180ms ease-in; -o-transition: all 180ms ease-in; transition: all 180ms ease-in; color: #202024; } .portfolio_share_social a:first-child{ margin-left: 0; } .portfolio_single_column_item{ margin-bottom: 80px; } .portfolio_single_column_item .portfolio-readmore .more-link{ margin-top: 0; } .portfolio_single_column_item h2 a{ margin-bottom: 18px; color: #202024; border-bottom: 0; } .portfolio_single_column_item h2:hover a{ color: #ff3b30; } .portfolio_single_column_item h5{ margin-bottom: 27px; } .portfolio_single_detail{ margin-bottom: 24px; padding-top: 6px; } .portfolio_item_meta .portfolio_item_meta_label{ display: inline-block; width: 90px; } .portfolio_item_meta .portfolio_item_meta_data{ padding: 0; } .isotope-item{ z-index: 2; } .isotope-hidden.isotope-item{ z-index: 1; pointer-events: none; } .isotope, .isotope .isotope-item{ -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; } .isotope{ -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item{ -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{ -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } #filters{ margin: 0; margin-bottom: 50px; list-style: none; } #filters.portfolio_filter{ position: relative; } #filters li{ display: inline-block; margin: 0; padding: 0 5px; list-style: none; } #filters li:nth-of-type(2){ padding-left: 0; } #filters li a{ font-family: Lato, sans-serif; font-size: 16px; font-weight: 300; display: inline-block; padding: 5px 21px 5px 21px; color: #555; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #filters i{ font-size: 9px; top: 0; margin-right: 10px; margin-left: 15px; } .portfolio_item_4{ display: block; float: left; width: 25%; } .portfolio_item_3{ display: block; float: left; width: 33.33333333333333%; } .more_portfolio_link{ margin: 42px 0 30px 0; text-align: center; } .more_portfolio_link a{ font-family: Lato, sans-serif; font-size: 20px; font-weight: 300; padding: 10px 30px 12px 30px; color: #505558; border: 1px solid #e6ebed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .more_portfolio_link a:hover{ color: #fff; border: 1px solid #505558; background: #505558; } .home_version_2_recent_works .more_portfolio_link a{ font-size: 16px; font-weight: 700; border: 1px solid #ff3b30; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .home_version_2_recent_works .more_portfolio_link a:hover{ background: #ff3b30; } .portfolio-readmore{ margin-top: 30px; } .portfolio-readmore .more-link{ margin-top: 30px; } #single_portfolio_pagination{ min-height: 64px; margin-top: 70px; } #single_portfolio_pagination a{ font-family: Lato, sans-serif; font-size: 16px; font-weight: 300; padding: 7px 20px; color: #505558; border: 1px solid #e6ebed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #single_portfolio_pagination a i{ font-size: 10px; color: #bec6cb; } #single_portfolio_pagination .prev, #single_portfolio_pagination .next{ margin-top: -22px; } #single_portfolio_pagination .prev i{ margin-right: 8px; } #single_portfolio_pagination .next i{ margin-left: 8px; } #single_portfolio_pagination a:hover{ color: #fff; border: 1px solid #505558; background: #505558; } #single_portfolio_pagination .next{ float: right; } /*-------- 9.2. Contact Page - Contact Info --------*/ .contact_page_info{ position: relative; padding-left: 72px; text-align: left; } .contact_page_info span{ line-height: 32px; position: absolute; left: 0; display: inline-block; width: 32px; height: 32px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #242e35; } .contact_page_info i{ position: relative; top: -2px; } .dnd_section_dd.contact_section_alternative strong, .tcvpb_section_tc.contact_section_alternative strong{ float: left; } .tcvpb_section_tc.contact_section_alternative strong{ float: left; } /*-------- 9.3. About us page --------*/ .section_stats{ padding: 37px 0 0 0; } /*-------- 9.4. 404 page --------*/ #page404{ margin-bottom: 76px; text-align: center; border-bottom: none; } #page404 .big_404{ font-family: Lato, sans-serif; font-size: 270px; font-weight: 700; line-height: 270px; padding-top: 20px; color: #ececec; } #page404 .error{ font-family: Lato, sans-serif; font-size: 75px; font-weight: 300; line-height: 75px; padding-top: 12px; color: #ececec; } #page404 .text_404{ padding-bottom: 7px; text-align: left; } #page404 h2{ font-family: Lato, sans-serif; font-size: 75px; font-weight: 700; line-height: 60px; padding-top: 56px; } #page404 h4{ padding: 25px 0 59px 0; } #page404 h2, h4, li{ text-align: left; } #page404 ul{ margin-left: 0; } #page404 ul li{ margin-bottom: 8px; } /*-----------------------------------------------------------------*/ /* 10. Other /*-----------------------------------------------------------------*/ /*-------- 10.1. AB testimonials --------*/ .ABt_testimonials_slide .testimonial_small .source a{ display: block; } .ABt_testimonials_slide .testimonial_small p{ border-bottom: 5px solid #ececec; } .ABt_testimonials_slide .testimonial_small img{ width: 60px; height: 60px; border-radius: 3px; } /*-----------------------------------------------------------------*/ /* 11. Footer /*-----------------------------------------------------------------*/ #main_footer{ color: #555; } #main_footer h4{ margin-bottom: 34px; } #main_footer a{ font-weight: 300; } #main_footer a:hover{ color: #202024; } #main_footer p{ margin-bottom: 22px; } #footer_columns{ padding-top: 77px; background: #ececec; } #main_footer .widget_pages li, #main_footer .widget_recent_entries li, #main_footer .widget_archive li, #main_footer .widget_nav_menu li, #main_footer .widget_meta li, #main_footer .widget_rss li, #main_footer .widget_categories li{ line-height: 20px; margin-bottom: 10px; } #main_footer .widget_pages li a, #main_footer .widget_recent_entries li a, #main_footer .widget_archive li a, #main_footer .widget_nav_menu li a, #main_footer .widget_meta li a, #main_footer .widget_rss li a, #main_footer .widget_categories li a{ color: #555; } #main_footer .widget_pages li a:hover, #main_footer .widget_recent_entries li a:hover, #main_footer .widget_archive li a:hover, #main_footer .widget_nav_menu li a:hover, #main_footer .widget_meta li a:hover, #main_footer .widget_rss li a:hover, #main_footer .widget_categories li a:hover{ color: #ff3b30; } #footer_copyright{ font-size: 16px; font-weight: 300; line-height: 30px; overflow-x: hidden; padding-bottom: 40px; color: #202024; background:#fff; } #footer_copyright_text{ float: left; padding-top: 15px; color: #c0c0c0; } #footer_social{ float: right; margin-right: 30px; padding-top: 15px; } #footer_social a{ margin-left: 14px; } #footer_social i{ color: #c0c0c0; } #footer_social i:hover{ color: #ff3b30; } #footer_logo{ position: relative; float: right; width: 23.07692307692308%; padding: 11px 0 14px 24px; } #footer_logo:before{ position: absolute; z-index: 0; top: 0; left: 0; width: 5000px; height: 100%; content: ''; background-color:#FFF !important; /*background-color: #ff3b30;*/ } #footer_logo .footer_logo_inner{ position: relative; z-index: 1; } .tp-caption:hover .tp-video-play-button { display: none; } .google-map { padding-bottom:0px !important; }