芝麻web文件管理V1.00
编辑当前文件:/home/projzpbv/www/wp-content/themes/cleanora/theme-framework/theme-style/css/less/style.less
/** * @package WordPress * @subpackage Cleanora * @version 1.1.0 * * Design CSS Rules * Created by CMSMasters * */ /*------------------------------------------------------------------------- 1. Globally Applied Styles / body 1.1. Instagram / #sbi_load 1.2. Icons 1.2.1. Global 1.2.2. Arrows 1.2.3. Widget Add Info 1.2.4. Twitter stripe 1.3. Elements 1.3.1. Icon Arrow Global Styles 1.3.2. Pixel Arrow Global Styles 1.3.3. Post Password Form / .post-password-form 1.3.4. Prelodaer / .preloader 1.3.5. Resizable Block / .resizable_block 1.3.6. Img Wrapper / .cmsmasters_img_wrap 1.3.7. Img Rollover / .cmsmasters_img_rollover_wrap 1.3.8. Placeholder Small / .img_placeholder_small 1.3.9. Video Wrapper / .mejs-container 1.3.10. Search Bar / .search_bar_wrap 1.3.10. Social Icons / .social_wrap 1.3.11. Core Owl Carousel CSS v1.3.2 / .owl-carousel 1.3.12. Slide Top Button / #slide_top 1.3.13. Opened Article / .opened-article 1.3.14. Likes and Comments 1.3.14.1. Likes / .cmsmasters_likes 1.3.14.2. Comments / .cmsmasters_comments 1.3.15. Button 1.3.16. Items Filter / .cmsmasters_items_filter_wrap 1.3.17. More Items Loader and Pagination 1.3.17.1. More Items Loader / .cmsmasters_wrap_more_items 1.3.17.2. Subpage Pagination / .subpage_nav 1.3.17.2. Pagination / .cmsmasters_wrap_pagination 1.3.18. Post Navigation / .post_nav 1.3.19. Share Posts / .share_posts 1.3.20. About Author / .about_author 1.3.21. Single Post Slider / .cmsmasters_single_slider 1.3.22. Single Pings List / .cmsmasters_pings_list 1.3.23. Post Comments / .post_comments 1.3.24. Comment Respond / .comment-respond 2. Header / #header 2.1. Header Top / .header_top 2.1.1. Header Top Navigation / .top_line_nav 2.2. Header Mid / .header_mid 2.1.1. Header Mid Navigation / .mid_nav 2.3. Header Bot / .header_bot 2.1.1. Header Bot Navigation / .bot_nav 2.4. Header Search Form 3. Headline Styles 4. Bottom + Footer Styles 4.1. Bottom / #bottom 4.2. Footer / #footer 4.2.1. Footer Default / .cmsmasters_footer_default 4.2.2. Footer Small / .cmsmasters_footer_small 5. Blog / .blog 5.1. Blog Default / .cmsmasters_post_default 5.2. Blog Masonry / .cmsmasters_post_masonry 5.3. Blog Timeline / .cmsmasters_post_timeline 5.4. Blog Post / .cmsmasters_open_post 6. Portfolio / .portfolio 6.1. Portfolio Grid / .cmsmasters_project_grid 6.2. Portfolio Puzzle / .cmsmasters_project_puzzle 6.3. Portfolio Open Project / .cmsmasters_open_project 7. Posts Slider Styles / .cmsmasters_posts_slider 7.1. Posts Slider Blog / .cmsmasters_slider_post 7.2. Posts Slider Portfolio / .cmsmasters_slider_project 8. Profiles + Profile Styles / .cmsmasters_profile 8.1. Profiles Horizontal / .cmsmasters_profile_horizontal 8.2. Profiles Vertical / .cmsmasters_profile_vertical 8.3. Profiles Open Profile / .cmsmasters_open_profile 9. Shortcodes Styles 9.1. Divider / .cmsmasters_divider 9.2. Special Heading / .cmsmasters_heading_wrap 9.3. Featured Block / .cmsmasters_featured_block 9.4. Table / .cmsmasters_table 9.5. Notice / .cmsmasters_notice 9.6. Icon / .cmsmasters_icon_wrap 9.7. Icon List / .cmsmasters_icon_list_items 9.8. Icon Box / .cmsmasters_icon_box 9.9. Toggles / .cmsmasters_toggles 9.10. Tabs / .cmsmasters_tabs 9.11. Stats / .cmsmasters_stats 9.12. Counters / .cmsmasters_counters 9.13. CMSMASTERS Button / .cmsmasters_button 9.14. Contact Form 7 / .wpcf7-form 9.15. Hover slider / .cmsmasters_hover_slider 9.16. Content slider / .cmsmasters_content_slider 9.17. Gallery / .cmsmasters_gallery 9.18. Quotes / .cmsmasters_quotes_slider 9.19. Pricing tables / .cmsmasters_pricing_table 9.20. Google Maps / .google_map 9.21. Caption / .cmsmasters_img 9.22. WP Gallery / .gallery 9.23. Sidebar / .cmsmasters_sidebar 9.24. Share / .share_wrap 9.25. Twitter Stripe / .cmsmasters_twitter_wrap 9.26. Dropcap / .cmsmasters_dropcap 9.27. Clients / .cmsmasters_clients_slider 10. Widgets Styles / .widget 10.1. Widget Advertisement / .widget_custom_advertisement_entries 10.2. Widget Lists 10.2.1. Widget Pages / .widget_pages 10.2.2. Widget Categories / .widget_categories 10.2.3. Widget Archive / .widget_archive 10.2.4. Widget Meta / .widget_meta 10.2.5. Widget Recent Comments / .widget_recent_comments 10.2.6. Widget Recent Entries / .widget_recent_entries 10.3. Widget Calendar / #wp-calendar 10.4. Widget Contact Form / .widget_custom_contact_form_entries 10.5. Widget Contact Info / .widget_custom_contact_info_entries 10.6. Widget Custom Menu / .widget_nav_menu 10.7. Widget Facebook / .widget_custom_facebook_entries 10.8. Widget Flickr / .widget_custom_flickr_entries 10.9. Widget Latest and Popular Projects 10.9.1. Widget Latest Projects / .widget_custom_popular_projects_entries 10.9.2. Widget Popular Projects / .widget_custom_latest_projects_entries 10.10. Widget Posts Tabs / .widget_custom_posts_tabs_entries 10.11. Widget RSS / .widget_rss 10.12. Widget Tag Cloud / .widget_tag_cloud 10.13. Widget Twitter / .widget_custom_twitter_entries 11. Search + Archives + Sitemap + Error + Other Styles 11.1. Archives + Search 11.1.1. Archives / .cmsmasters_archive 11.1.2. Search / .cmsmasters_search 11.2. Sitemap / .cmsmasters_sitemap_wrap 11.3. Error / .error 11.4. Attachment Page / .cmsmasters_attach_img 11.5. Other 12. Contact Forms Styles 12.1. Form Builder / .cmsmasters-form-builder 12.2. Contact Form 7 / .wpcf7 13. CSS3 Animations / .csstransitions 13.1. Custom Animations 13.2. Global Animations -------------------------------------------------------------------------*/ @import "general.less"; /*-------------------------------------------------------------------------*/ /* Globally Applied Styles /*-------------------------------------------------------------------------*/ body { text-align:left; } div { text-align:left; } p { padding:0 0 @line_height_pad; margin:0; } h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 @line_height_pad; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family:inherit; font-size:inherit; font-weight:inherit; font-style:inherit; line-height:inherit; } ul, ol { list-style-position:inside; margin-bottom:@line_height_pad; } ul { .default_list(); } ol { list-style-type:decimal-leading-zero; } ul li, ol li { padding:@default_list_top_pad 0 0; } ul li:first-child, ol li:first-child { padding-top: 0; } ul ul, ol ul, ul ol, ol ol { margin:0 0 0 @default_list_left_pad; padding:@default_list_top_pad 0 0; } .esg-grid { ul { padding:0; margin:0; li { &:before { .dn; } } } } blockquote { .default_blockquote(); } table { .default_table(); } iframe { margin-bottom:@line_height_pad; } address { margin:0 0 @line_height_pad; } pre { margin:0 0 @line_height_pad; } dd { margin:0 0 @line_height_pad; } @{input_text}, textarea, option { padding:@input_pad; max-width:100%; .bd; } @{input_text}, textarea { padding:@input_pad 20px; &::-moz-placeholder { .op(1); } } textarea { overflow:auto; } select { .default_select(); } select::-ms-expand { display: none; } select[multiple] { height:auto; background-image:none; option { padding-left:0; padding-right:0; background:none !important; } } input[type=text], input[type=search], input[type=password], input[type=email], input[type=tel], input[type=url], input[type=number], input[type=date], textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; } textarea { .bdrs(15px); .ovh; } input[type="date"]::-webkit-clear-button { display:none; } input[type="date"]::-webkit-inner-spin-button { display:none; } @{input_text} { height:@input_height; .bdrs(@bdrs_width); } @{input_text}:focus, textarea:focus { outline:none; } input:-webkit-autofill { -webkit-animation-name:autofill; -webkit-animation-fill-mode:both; } input[type=submit], input[type=button], button { max-width:100%; cursor:pointer; } option { outline:none; } .jetpack_subscription_widget #subscribe-email @{input_text}, .widget_wysija @{input_text} { width:100% !important; padding:0 170px 0 30px !important; } .widget_wysija_cont .wysija-submit { display:inline-block !important; margin:0 !important; } .single.single-wysijap .cmsmasters_open_post { > * { .dn; } .cmsmasters_post_content { display:block; } } .gform_wrapper @{input_text}, .gform_wrapper textarea { padding:@input_pad !important; } .gform_wrapper select { padding:@input_pad !important; margin:0 !important; } nav { display:block; height:100%; position:relative; li.menu-item-has-children { cursor:pointer; } ul { /* clear ul styles */ margin:0; padding:0; &:after { .cl_after; } li { margin:0; padding:0; &:before { display:none; } } } > div { height:100%; &:after { .valign_after; } } > div > ul { list-style:none; display:inline-block; width:100%; height:100%; vertical-align:middle; position:relative; z-index:202; zoom:1; ul { list-style:none; width:@mid_nav_dropdown_width; margin:@mid_nav_dropdown_vert_mar_start 0 0; padding:@mid_nav_dropdown_pad_top 0 @mid_nav_dropdown_pad_bot; visibility:hidden; position:absolute; left:0; top:100%; z-index:203; .op(0); .bd; .header_top & { width:@top_nav_dropdown_width; margin:@top_nav_dropdown_vert_mar_start 0 0; padding:@top_nav_dropdown_pad_top 0 @top_nav_dropdown_pad_bot; } .header_bot & { width:@bot_nav_dropdown_width; margin:@bot_nav_dropdown_vert_mar_start 0 0; padding:@bot_nav_dropdown_pad_top 0 @bot_nav_dropdown_pad_bot; } ul { margin:0 0 0 @mid_nav_dropdown_hor_mar_start; left:100%; top:-(@mid_nav_dropdown_pad_top + 1); .header_top & { margin:0 0 0 @top_nav_dropdown_hor_mar_start; top:-(@top_nav_dropdown_pad_top + 1); } .header_bot & { margin:0 0 0 @bot_nav_dropdown_hor_mar_start; top:-(@bot_nav_dropdown_pad_top + 1); } } } li.menu-item-dropdown-right { .tar; * { .tar; } > ul { left:auto; right:0; ul { margin:0 @mid_nav_dropdown_hor_mar_start 0 0; left:auto; right:100%; .header_bot & { margin:0 @bot_nav_dropdown_hor_mar_start 0 0; } } } > div.menu-item-mega-container { left:auto; right:0; ul { right:auto; } } } li { &:hover { > ul { margin:@mid_nav_dropdown_vert_mar_end 0 0; visibility:visible; opacity:1; .header_top & { margin:@top_nav_dropdown_vert_mar_end 0 0; } .header_bot & { margin:@bot_nav_dropdown_vert_mar_end 0 0; } &:before { content:''; width:100%; height:@mid_nav_dropdown_vert_mar_end; position:absolute; left:0; top:-(@mid_nav_dropdown_vert_mar_end + 1); .header_top & { width:100%; height:@top_nav_dropdown_vert_mar_end; top:-(@top_nav_dropdown_vert_mar_end + 1); } .header_bot & { width:100%; height:@bot_nav_dropdown_vert_mar_end; top:-(@bot_nav_dropdown_vert_mar_end + 1); } } } > div.menu-item-mega-container { margin:@mid_nav_dropdown_vert_mar_end 0 0; visibility:visible; opacity:1; .header_bot & { margin:@bot_nav_dropdown_vert_mar_end 0 0; } &:before { content:''; width:100%; height:@mid_nav_dropdown_vert_mar_end; position:absolute; left:0; top:-(@mid_nav_dropdown_vert_mar_end + 1); .header_bot & { width:100%; height:@bot_nav_dropdown_vert_mar_end; top:-(@bot_nav_dropdown_vert_mar_end + 1); } } ul { visibility:visible; opacity:1; } } } li:hover { > ul { margin:0 0 0 @mid_nav_dropdown_hor_mar_end; .header_top & { margin:0 0 0 @top_nav_dropdown_hor_mar_end; } .header_bot & { margin:0 0 0 @bot_nav_dropdown_hor_mar_end; } &:before { width:@mid_nav_dropdown_hor_mar_end; height:100%; top:0; left:-(@mid_nav_dropdown_hor_mar_end + 1); .header_top & { width:@top_nav_dropdown_hor_mar_end; height:100%; left:-(@top_nav_dropdown_hor_mar_end + 1); } .header_bot & { width:@bot_nav_dropdown_hor_mar_end; height:100%; left:-(@bot_nav_dropdown_hor_mar_end + 1); } } } } &.menu-item-dropdown-right { li:hover { > ul { margin:0 @mid_nav_dropdown_hor_mar_end 0 0; .header_bot & { margin:0 @bot_nav_dropdown_hor_mar_end 0 0; } &:before { left:auto; right:-(@mid_nav_dropdown_hor_mar_end + 1); .header_bot & { right:-(@bot_nav_dropdown_hor_mar_end + 1); } } } } } } li { display:block; margin:0; padding:0; position:relative; z-index:203; &:hover { z-index:204; } } a { display:block; position:relative; z-index:204; } .menu-item-mega-description-container { display:block; padding:10px 15px; .ovh; } .nav_title { &[class^="cmsmasters-icon-"]:before, &[class*=" cmsmasters-icon-"]:before { margin:0 .5em 0 0; } } .menu-item-hide-text { > a { .nav_title { &[class^="cmsmasters-icon-"]:before, &[class*=" cmsmasters-icon-"]:before { margin:0 .3em; } } } &:not(.menu-item-icon) { > a { display:none; } } } > li { .fl; .bdr; &:last-child { .bdr(0); } li { .bdb; &:last-child { .bdb(0); } } } li.menu-item-mega ul { background-color:transparent; border:0; width:auto; margin:0; padding:0; position:relative; left:auto; right:auto; top:auto; bottom:auto; z-index:203; } div.menu-item-mega-container { display:block; width:auto; margin:@mid_nav_dropdown_vert_mar_start 0 0; padding:20px 10px 30px; visibility:hidden; position:absolute; left:0; top:100%; z-index:203; .op(0); .bd; .header_bot & { margin:@bot_nav_dropdown_vert_mar_start 0 0; } > ul { display:table; width:100%; margin-left:0; margin-right:0; > li { display:table-cell; padding:0 5px; .bdb(0); > a { margin-bottom:10px; } > ul { width:@mid_nav_dropdown_width; margin:0; padding:0; .header_bot & { width:@bot_nav_dropdown_width; } } &:hover > ul { margin:0; padding:0; .header_bot & { margin:0; padding:0; } } a:empty { padding:0; margin:0; } } } } li.menu-item-mega-fullwidth { > div.menu-item-mega-container > ul > li a, > div.menu-item-mega-container > ul > li ul { width:auto; } &.menu-item-mega-cols-two > div.menu-item-mega-container > ul > li { width:50%; } &.menu-item-mega-cols-three > div.menu-item-mega-container > ul > li { width:33.33%; } &.menu-item-mega-cols-four > div.menu-item-mega-container > ul > li { width:25%; } &.menu-item-mega-cols-five > div.menu-item-mega-container > ul > li { width:20%; } } } } .full-width { min-width:100%; } audio.full-width { width:100%; } .alignleft, .fl { .fl; } .alignright, .fr { .fr; } .aligncenter { .tac; } .aligncenter, .alignnone { clear:both; } img { &.alignleft, &.fl { margin-right:@blocks_hor_pad; margin-bottom:@line_height_pad; } &.alignright, &.fr { margin-left:@blocks_hor_pad; margin-bottom:@line_height_pad; } &.aligncenter { margin:0 auto @line_height_pad; display:block; } &.alignnone { margin-bottom:@line_height_pad; } } .dn { .dn; } .tal, .ta_left { .tal; } .tac, .ta_center { .tac; } .tar, .ta_right { .tar; } .cl, .clear { display:block; .cl; } .ovh { .ovh; } .low_case { text-transform:lowercase; } .up_case { text-transform:uppercase; } .cmsmasters_responsive_width { display:block; width:auto; visibility:hidden; } .cmsmasters_column { position:relative; min-height:1px; } .cmsmasters_column_sticky { position: relative; top: 0; } .cmsmasters_column_inner { width:100%; position:relative; min-height:1px; } .one_first, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .one_sixth { margin:0 @col_mar; position:relative; .fl; } .one_sixth { width:round((100% / 6) - (@col_mar * 2), 2); } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_sixth { width:round((100% / 6), 2); } .one_fifth { width:round((100% / 5) - (@col_mar * 2), 2); } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_fifth { width:round((100% / 5), 2); } .one_fourth { width:round((100% / 4) - (@col_mar * 2), 2); } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_fourth { width:round((100% / 4), 2); } .one_third { width:round((100% / 3) - (@col_mar * 2), 2); } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_third { width:round((100% / 3), 2); } .one_half { width:round((100% / 2) - (@col_mar * 2), 2); } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_half { width:round((100% / 2), 2); } .two_third { width:round(((100% * 2) / 3) - (@col_mar * 2), 2); } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .two_third { width:round(((100% * 2) / 3), 2); } .three_fourth { width:round(((100% * 3) / 4) - (@col_mar * 2), 2); } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .three_fourth { width:round(((100% * 3) / 4), 2); } .one_first { width:round(100% - (@col_mar * 2), 2); float:none; position:relative; .cl; } .cmsmasters_row_no_margin > .cmsmasters_row_margin > .one_first { width:round(100%, 2); } .cmsmasters_row_margin { &.cmsmasters_row_columns_behavior { .display_flex; .flex_wrap(wrap); &:after { content:none; } &.cmsmasters_131313 { width:99.99%; } .cmsmasters_column { .cmsmasters_column_inner { height:100%; .display_flex; .flex_direction(column); .align_content(flex-start); &:after { content:none; } > div { width:100%; &.cmsmasters_posts_slider { width: ~"calc(100% + 15px * 2)"; } &.cmsmasters_pricing_table, &.gallery { width: calc(100% + @col_mar * 2); } } > .cmsmasters_featured_block { height:100%; } } .safari_only &, .safari_mobile_only & { .display_flex; .cmsmasters_column_inner { min-width:100%; height:auto; .flex_direction(row); .flex_wrap(wrap); .align_content(flex-start); > .cmsmasters_featured_block { height:auto; } } } } } } [data-animation] { .op(0); } [data-animation].animated { .op(1); } #page { &.cmsmasters_boxed { width:@cont_width_def + @blocks_hor_pad; margin:0 auto; #header, #footer { width:@cont_width_def + @blocks_hor_pad; } } } #page, #main, #middle, .middle_content, #bottom, #footer, .headline, .headline_outer, .middle_inner, .cmsmasters_row, .cmsmasters_row_outer, .cmsmasters_row_outer_parent { width:100%; position:relative; } .post-password-form, .header_top_inner, .header_mid_inner, .header_bot_inner, .content_wrap, .headline_inner, .bottom_outer, .footer_inner, .cmsmasters_row_inner { position:relative; width:@cont_width_def; padding:0 @blocks_hor_pad; .m0a; } .content_wrap .post-password-form { width:auto; padding:0; } .cmsmasters_row { &.cmsmasters_row_top_default.cmsmasters_row_bot_default { z-index:0; } &.cmsmasters_row_top_left_diagonal:before, &.cmsmasters_row_bot_left_diagonal:after { content:''; background-color:inherit; width:150%; height:150px; position:absolute; left:auto; right:0; top:0; bottom:auto; z-index:1; -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg); -webkit-transform-origin:100% 0; -moz-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0; } &.cmsmasters_row_bot_left_diagonal:after { top:auto; bottom:0; -webkit-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -ms-transform:rotate(-2deg); transform:rotate(-2deg); } &.cmsmasters_row_top_right_diagonal:before, &.cmsmasters_row_bot_right_diagonal:after { content:''; background-color:inherit; width:150%; height:150px; position:absolute; left:0; right:auto; top:0; bottom:auto; z-index:1; -webkit-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -ms-transform:rotate(-2deg); transform:rotate(-2deg); -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; } &.cmsmasters_row_bot_right_diagonal:after { top:auto; bottom:0; -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg); } &.cmsmasters_row_top_zigzag:before, &.cmsmasters_row_bot_zigzag:after { content:''; background-size:10px 5px; height:5px; width:100%; position:absolute; left:0; right:0; top:auto; bottom:100%; z-index:1; } &.cmsmasters_row_bot_zigzag:after { top:100%; bottom:auto; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } &.cmsmasters_row_top_triangle:before, &.cmsmasters_row_bot_triangle:after { content:''; background-color:inherit; z-index:1; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); .pos_abs(30px, 30px, 0, 0, -15px, auto); } &.cmsmasters_row_bot_triangle:after { top:auto; bottom:-15px; } .cmsmasters_row_outer_parent { padding:.1px 0; z-index:2; } .cmsmasters_row_inner { &.cmsmasters_row_fullwidth { width:100%; padding:0 @blocks_hor_pad * 2; } &.cmsmasters_row_no_margin { > .cmsmasters_row_margin { margin:0; > .cmsmasters_column { margin:0; } } } } .cmsmasters_row_overlay { .fullwidth_in_block; } } .cmsmasters_row_margin { margin:0 -@col_mar - 0.07; position:relative; } .content_wrap { &.r_sidebar, &.l_sidebar, .opened-article, .cmsmasters_tabs { .cmsmasters_row { .ctbx; .cmsmasters_row_inner { width:100%; padding:0; } } } } .content_wrap.cmsmasters_set_fullwidth { width:100%; padding:0; } #page, #middle, .middle_inner, .middle_content, #bottom, .bottom_bg, .content_wrap, .cmsmasters_row_inner, .cmsmasters_row_margin, .cmsmasters_column_inner { &:after { .cl_after; } } #middle { z-index:1; } .middle_content { padding:@cont_vert_pad 0; } .middle_content:empty { .dn; } .content { width:@content_width; padding:@cont_vert_pad 0; position:relative; .fl; &.fr { .fr; } } .sidebar { width:@sidebar_width; padding:@cont_vert_pad 0 @cont_vert_pad @cont_sidebar_pad; position:relative; .fr; &.fl { padding:@cont_vert_pad @cont_sidebar_pad @cont_vert_pad 0; .fl; } } .bottom_bg { .bottom_inner { padding-top:85px; padding-bottom:45px; .bdb; &:after { .cl_after; } } } .bottom_inner { margin:0 -@col_mar; aside { position:relative; float:left; margin:0 @col_mar; } } /* Instagram */ #sbi_load { padding-top:0 !important; } /***************** Icons ******************/ /* Global */ .cmsmasters_theme_icon_comment:before { content: '\e87c'; } .cmsmasters_theme_icon_like:before { content: '\e889'; } .cmsmasters_icon_custom_search:before { content: '\e8a9'; } .cmsmasters_theme_icon_cancel:before { content: '\eabc'; } .cmsmasters_theme_icon_resp_nav:before { content: '\e925'; } .cmsmasters_theme_icon_person:before { content: '\e813'; } .cmsmasters_theme_icon_image:before { content: '\e87e'; } .cmsmasters_theme_icon_check:before { content: '\eabb'; } .cmsmasters_theme_icon_spinner:before { content: '\e9fd'; } .cmsmasters_theme_icon_search:before { content:'\e8a9'; font-family:'fontello-custom'; } /* Arrows */ .cmsmasters_theme_icon_slide_prev:before, .cmsmasters_theme_icon_pagination_prev:before, .cmsmasters_theme_icon_comments_nav_prev:before, .cmsmasters_prev_arrow span:before { content: '\eb21'; } .cmsmasters_theme_icon_slide_next:before, .cmsmasters_theme_icon_pagination_next:before, .cmsmasters_theme_icon_comments_nav_next:before, .cmsmasters_next_arrow span:before { content: '\eb22'; } .cmsmasters_theme_icon_slide_top:before { content: '\eb23'; } .cmsmasters_theme_icon_slide_bottom:before { content: '\eb20'; } .cmsmasters_theme_icon_resp_nav_slide_up:before { content: '\eb23'; } .cmsmasters_theme_icon_resp_nav_slide_down:before { content: '\eb20'; } /* Widget Add Info */ .cmsmasters_theme_icon_user_mail:before { content: '\e885'; } .cmsmasters_theme_icon_user_website:before { content: '\e836'; } .cmsmasters_theme_icon_user_phone:before { content: '\e847'; } .cmsmasters_theme_icon_user_address:before { content: '\e895'; } /* Twitter Stripe */ .cmsmasters_theme_icon_user_twitter:before { content: '\eb9a'; } /***************** Elements ******************/ /* Icon Arrow Global Styles */ .cmsmasters_prev_arrow, .cmsmasters_next_arrow { display:inline-block; width:26px; height:26px; vertical-align:middle; position:relative; .tac; &:after { .valign_after; } span { display:inline-block; width:6px; height:10px; vertical-align:middle; &:before { font-family:'fontello'; font-size:14px; line-height:9px; text-align:center; display:block; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } } } /* Pixel Arrow Global Styles */ .cmsmasters_prev_arrow_pixel, .cmsmasters_next_arrow_pixel { background:#000000; .pos_abs(1px, 1px, 0, auto); &:before, &:after, span:before, span:after { content:''; background:transparent; position:absolute; width:1px; .bdt; .bdb; } &:before { height:3px; left:1px; top:-1px; } &:after { height:5px; left:2px; top:-2px; } span:before { height:7px; left:3px; top:-3px; } span:after { height:9px; left:4px; top:-4px; } } .cmsmasters_next_arrow_pixel { right:0; left:auto; &:before { left:auto; right:1px; } &:after { left:auto; right:2px; } span:before { left:auto; right:3px; } span:after { left:auto; right:4px; } } .cmsmasters_top_arrow_pixel, .cmsmasters_bot_arrow_pixel { background:#000000; .pos_abs(1px, 1px, 0, 0, -4px); &:before, &:after, span:before, span:after { content:''; background:transparent; position:absolute; height:1px; .bdl; .bdr; } &:before { width:3px; top:1px; left:-1px; } &:after { width:5px; top:2px; left:-2px; } span:before { width:7px; top:3px; left:-3px; } span:after { width:9px; top:4px; left:-4px; } } .cmsmasters_bot_arrow_pixel { top:4px; &:before { top:auto; bottom:1px; } &:after { top:auto; bottom:2px; } span:before { top:auto; bottom:3px; } span:after { top:auto; bottom:4px; } } /* Post Password Form */ .post-password-form { padding-top:40px; p:first-child { font-weight:bold; } label { display:inline-block; } input[type="password"] { display:block; } input[type=submit] { line-height:44px; display:inline-block; margin:0 0 0 5px; vertical-align:bottom; } } /* Prelodaer */ .preloader { display:block; width:100%; height:0; padding-bottom:@resp_blocks_pad; position:relative; .tac; .full-width { .fullwidth_in_block; } &.highImg { height:auto; padding:0; .full-width { height:auto; position:relative; top:auto; left:auto; } } } /* Resizable Block */ .resizable_block { display:block; width:100%; height:0; padding-bottom:@resp_blocks_pad; position:relative; .ovh; .full-width { .fullwidth_in_block; } } /* Img Wrapper */ .cmsmasters_img_wrap { display:block; position:relative; .tac; .ovh; .img_placeholder { width:100%; height:100%; position:absolute; left:0; top:0; &:before { font-size:24px; .pos_abs; } } .highImg { .img_placeholder { display:block; padding-bottom:@resp_blocks_pad; position:relative; } } } /* Img Rollover */ .cmsmasters_img_rollover_wrap { display:block; position:relative; .ovh; .img_placeholder { width:100%; height:100%; position:absolute; left:0; top:0; &:before { font-size:24px; .pos_abs; } } &.highImg { .img_placeholder { display:block; padding-bottom:@resp_blocks_pad; position:relative; } } .cmsmasters_img_rollover { width:100%; height:100%; position:absolute; left:0; top:0; .tac; .op(0); &:after { .valign_after; } .cmsmasters_open_post_link { display:inline-block; } .cmsmasters_open_link, .cmsmasters_image_link { display:block; width:100%; height:100%; position:absolute; left:0; top:0; } } &:hover { .cmsmasters_img_rollover { .op(1); } } } /* Placeholder Small */ .img_placeholder_small { height:60px; width:60px; display:block; position:relative; &:before { font-size:18px; .pos_abs; } } /* Video Wrapper */ .wp-video-shortcode, .mejs-layer { max-width:100%; } .mejs-container { &.wp-video-shortcode, &.wp-audio-shortcode { margin-bottom:@line_height_pad; max-width:100%; } } .cmsmasters_video_wrap { width:100%; max-width:100%; height:0; padding-bottom:@resp_blocks_pad; margin-bottom:@line_height_pad; overflow:hidden; position:relative; > div { width:100% !important; height:100%; position:absolute; left:0; top:0; } iframe { width:100%; max-width:auto; height:100%; margin-bottom:0; position:absolute; left:0; top:0; } .wp-video-shortcode, .mejs-layer { width:100% !important; height:100% !important; position:absolute; left:0; top:0; .mejs-overlay-button { margin-top:-50px !important; } } } /* Search Bar */ .search_bar_wrap { display:inline-block; width:100%; position:relative; .search_field { padding:0; margin:0; .ovh; input { width:100%; #middle &, #bottom & { padding-left:20px; padding-right:42px; } } } .search_button { padding:0; margin:0; .pos_abs(50px, 100%, auto, 0); .ovh; button { background:none; display:block; width:100%; height:100%; padding:0; margin:0; cursor:pointer; position:relative; .bd(0); .bxsh_none; &:before { font-size:16px; content:'\e8a9'; font-family:'fontello-custom'; .pos_abs; } } } } /* Social Icons */ .social_wrap { display:block; height:100%; position:relative; .ovh; .social_wrap_inner { height:100%; &:after { .valign_after; } } ul { list-style:none; display:inline-block; margin:0; padding:0; vertical-align:middle; } li { display:inline-block; margin:0 5px 0 0; padding:0; position:relative; vertical-align:middle; &:last-child { margin:0; } &:before { display:none; } } a { display:block; width:30px; height:30px; position:relative; .bdrs(50%); &:before { .pos_abs; } } } /* Core Owl Carousel CSS v1.3.2 */ .cmsmasters_owl_slider:not(.owl-carousel) { > div { width:0; height:0; visibility:hidden; } } .owl-carousel { width:100%; position:relative; -ms-touch-action:pan-y; .dn; .owl-wrapper-outer { width:100%; position:relative; .ovh; &.autoHeight { -webkit-transition:height .5s ease-in-out; -moz-transition:height .5s ease-in-out; -ms-transition:height .5s ease-in-out; -o-transition:height .5s ease-in-out; transition:height .5s ease-in-out; } .owl-wrapper { position:relative; .dn; &:after { content:'.'; line-height:0; display:block; height:0; visibility:hidden; .cl; } .owl-item { .fl; } } .owl-wrapper, .owl-item { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); } .ie_only & { .owl-wrapper, .owl-item { -ms-backface-visibility:visible; } } } .owl-controls { -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } } .owl-pagination { display:block; width:100%; position:absolute; left:0; bottom:0; .tac; .owl-page { display:inline-block; width:10px; height:10px; margin:0 5px 1px; text-indent:-9999px; cursor:pointer; .bdrs(50%); &:hover, &.active { outline:none; } &.active { cursor:default; } } } .owl-buttons { display:block; width:100%; position:absolute; left:0; top:0; .tac; > div { display:inline-block; margin:0 3px; cursor:pointer; position:relative; } } /* Slide Top Button */ #slide_top { text-align:center; width:50px; height:50px; position:fixed; bottom:50px; right:20px; z-index:99999; .dn; .bdrs(6px); &:before { font-size:24px; line-height:50px; } > span { display:inline-block; text-indent:-9999px; } } /* Opened Article */ .opened-article { &.blog { .middle_content & { padding:20px 120px 50px; } } &.portfolio { .middle_content & { padding:0 0 50px; } } &.profiles { .middle_content & { padding:0 20% 50px; } } } /* Likes and Comments */ .cmsmasters_likes, .cmsmasters_comments { a { padding:0 0 0 1px; cursor:pointer; &.active { cursor:default; } span { margin:0 0 0 5px; } &:before { vertical-align:middle; } } } .cmsmasters_comments + .cmsmasters_likes, .cmsmasters_likes + .cmsmasters_comments { padding:0 0 0 10px; } /* Button */ .middle_inner #fbuilder .pbreak .pbPrevious, .middle_inner #fbuilder .pbreak .pbNext, .button, input[type=submit], input[type=button], button, #fbuilder .pbSubmit { .default_button(); } /* Items Filter */ .cmsmasters_items_filter_wrap { padding:0 0 30px; position:relative; .ovh; .cmsmasters_items_filter { position:relative; .ovh; } .cmsmasters_items_sort_block { display:block; margin:0 -15px; position:relative; .fr; .ovh; } .cmsmasters_items_sort_but { display:block; margin:0 15px 5px 15px; padding:0 0 0 25px; .bd(0); .fl; &:before { content:''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); .pos_abs(9px, 1px, -3px, auto); } &:after { content:''; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); .pos_abs(9px, 1px, 3px, auto, 0); } &.reversed { position:relative; &:before { -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } &:after { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } } } .cmsmasters_items_filter_block { position:relative; .ovh; } .cmsmasters_items_filter_but { .dn; } .cmsmasters_items_filter_list { margin:0; padding:0 20px 0 0; .ovh; li { margin:0 40px 5px 0; padding:0; .fl; .ovh; &:before { content:none; } a { display:block; padding:0; cursor:pointer; .bd(0); } &.current a { cursor:default; } } } } /* More Items Loader and Pagination */ .cmsmasters_wrap_more_items { width:100%; position:relative; .ovh; &.cmsmasters_loading { min-height:60px; &:before { font-size:30px; .pos_abs(1em, 1em, 0, 0, auto, 0); } } } .cmsmasters_wrap_items_loader { margin:35px 0 0; padding:25px 0 0; .bdt; .tac; .ovh; .cmsmasters_items_loader { display:block; padding:0 20px; .bd(0); .bdrs(0); } } div.subpage_nav { position:relative; .tac; > strong { .dn; } > span, > a { display:inline-block; padding:0 7px; vertical-align:middle; } } .cmsmasters_wrap_pagination { margin:85px 0 0; padding:20px 0 0; .bdt; .ovh; ul { display:block; padding:0 120px; margin:0; position:relative; .tac; li { display:inline-block; margin:0; padding:1px 3px; vertical-align:middle; position:static; .ovh; &:before { content:none; } .page-numbers { line-height:34px !important; display:block; min-width:34px; height:34px; position:relative; &.next, &.prev { margin:auto !important; position:absolute; top:0; bottom:0; } &.prev { padding:0 0 0 18px; left:0; right:auto; > span { &:before { content:''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); .pos_abs(9px, 1px, 0, auto, 4px); } &:after { content:''; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); .pos_abs(9px, 1px, 0, auto, 0, 8px); } } } &.next { direction:rtl; padding:0 18px 0 0; right:0; left:auto; > span { &:before { content:''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); .pos_abs(9px, 1px, auto, 0, 0, 8px); } &:after { content:''; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); .pos_abs(9px, 1px, auto, 0, 4px); } } } > span { display:block; } } } } &:empty { .dn; } } /* Post Navigation */ .post_nav { padding:44px 0; margin:55px 0 0; position:relative; .bd; .ovh; > span { position:relative; a { display:inline-block; padding:3px 0; position:relative; z-index:2; } > span { width:12px; margin:auto !important; position:absolute; top:0; bottom:0; > span { .dn; } } &.cmsmasters_prev_post { display:block; padding-left:0; padding-right:20px; .fl; a { padding-left:60px; padding-right:0; } > span { left:30px; right:auto; &:before { content:''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); .pos_abs(10px, 1px, 0, auto, 7px); } &:after { content:''; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); .pos_abs(10px, 1px, 0, auto, 0, 7px); } } } &.cmsmasters_next_post { display:block; padding-left:20px; padding-right:0; .fr; a { padding-left:0; padding-right:60px; } > span { left:auto; right:30px; &:before { content:''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); .pos_abs(10px, 1px, auto, 0, 0, 7px); } &:after { content:''; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); .pos_abs(10px, 1px, auto, 0, 7px); } } } } } /* Share Posts */ .share_posts { padding:55px 0 0; position:relative; .ovh; .share_posts_title { position:relative; } .share_posts_inner { position:relative; .ovh; } a { margin:0 1px 0 0; position:relative; &:after { content:','; } &:last-child { margin-left:0; margin-right:0; &:after { content:none; } } } } /* About Author */ .about_author { padding:50px 0 0; position:relative; .about_author_title { margin:0 0 35px; } .about_author_inner { .ovh; } .about_author_avatar { margin:3px 20px 0 0; .fl; .ovh; img { .bdrs(50%); } } .about_author_cont { position:relative; .ovh; p { padding:0 0 10px; } } .about_author_cont_title { margin:0 0 10px; } } /* Single Post Slider */ .cmsmasters_single_slider { padding:50px 0 0; position:relative; .ovh; .preloader { padding-bottom:@preloader_posts_slider_project_pad; &.highImg { height:auto; padding:0; } } .cmsmasters_owl_slider { outline:none; } .cmsmasters_single_slider_title { margin:0 0 35px; } .cmsmasters_single_slider_inner { margin:0 -8px; .owl-pagination, .owl-buttons { .dn; } } .cmsmasters_single_slider_item { min-width:200px; padding:0 8px; position:relative; } .cmsmasters_single_slider_item_outer { position:relative; .ovh; } .cmsmasters_single_slider_item_inner { padding:15px 0 0; position:relative; .ovh; } .cmsmasters_single_slider_item_title { margin:0; padding:0; } } /* Single Pings List */ .cmsmasters_pings_list { padding:50px 0 0; position:relative; .ovh; .pingslist { list-style-type:none; } .comment-body { padding:0 65px 0 0; position:relative; .ovh; .cl; .edit-link { margin:auto !important; position:absolute; left:auto; right:0; top:0; bottom:0; } } } /* Post Comments */ .post_comments { padding:45px 0 0; position:relative; &:after { .cl_after; } .post_comments_title { margin:0; } } .comments_nav { padding:25px 0 10px; .ovh; > span { position:relative; } a { display:block; } .comments_nav_prev { .fl; &:before { .tal; .pos_abs(1em, 1em, 0, auto, -2px); } > a { padding:0 0 0 20px; } } .comments_nav_next { .fr; &:before { .tar; .pos_abs(1em, 1em, auto, 0, -2px); } > a { padding:0 20px 0 0; } } } .commentlist { list-style:none; margin:0; padding:0; &:after { .cl_after; } .children { list-style:none; margin:0; padding:0 0 0 30px; } .comment { margin:0; padding:30px 0 0; &:before { content:none; } &:after { .cl_after; } ul, ol { margin:0 0 20px; .children { margin:0; } li { > ul, > ol { margin:0 0 0 20px; .children { margin:0; } } } } } } .cmsmasters_comment_item { position:relative; &:after { .cl_after; } .cmsmasters_comment_item_date { outline:none; } .cmsmasters_comment_item_avatar { display:block; margin:4px 30px 0 0; .fl; .ovh; img { .bdrs(50%); } .comment-reply-link { display:block; margin:6px 0 0; .tac; } } .cmsmasters_comment_item_cont { position:relative; .ovh; } .cmsmasters_comment_item_cont_info { padding:0 0 10px; position:relative; .ovh; * { display:inline-block; vertical-align:middle; } .cmsmasters_comment_item_title_wrap { margin:0 20px 0 0; .cmsmasters_comment_item_title { + .cmsmasters_comment_item_date:before { content:'- '; } } } } .cmsmasters_comment_item_title { margin:0; padding:0; } .cmsmasters_comment_item_content { > *:last-child { margin-bottom:0; padding-bottom:0; } > ul, > ol { margin:0 0 20px; padding:0; } } } /* Comment Respond */ .comment-respond { padding:45px 0 0; position:relative; &:after { .cl_after; } textarea { min-height:135px; } p { padding-bottom:10px; } .comment-reply-title { position:relative; small { .fr; } } .comment-form { position:relative; &:after { .cl_after; } } .comment-notes, .logged-in-as { padding-bottom:20px; .cl; } .comment-form-author, .comment-form-email { max-width:100%; clear:left; .fl; } .comment-form-cookies-consent { float:none; .cl; input { display:inline; position:relative; top:1px; } label { display:inline; margin-left:5px; } } .form-submit { padding-top:15px; .cl; } } .nocomments { margin:50px 0 0; position:relative; .ovh; } /*-------------------------------------------------------------------------*/ /* Header + Centered + Right + Fixed Versions /*-------------------------------------------------------------------------*/ /***************** Header ******************/ #header { width:100%; position:absolute; z-index:9999; } /***************** Header Top ******************/ .header_top { outline:none; .header_top_but { width:100%; height:34px; position:relative; cursor:pointer; .bdt; .bdb; .dn; &.closed { border-top-color:transparent; } > span { font-size:16px; line-height:16px; .pos_abs; } } .header_top_outer { height:100%; position:relative; } .header_top_inner { height:100%; &:after { .cl_after; } } .social_wrap { height:100%; .fr; li { margin-left:0; margin-right:5px; &:last-child { margin-left:0; margin-right:0; } } a { font-size:12px; line-height:12px; width:22px; height:22px; } } .top_nav_wrap { display:block; height:100%; .fr; } .responsive_top_nav { width:30px; height:30px; position:relative; .dn; .m0a; > span, > span:before, > span:after { width:15px; height:2px; margin:auto !important; position:absolute; left:0; right:0; } > span { top:0; bottom:0; } > span:before { content:''; top:-6px; } > span:after { content:''; bottom:-6px; } &.active { > span { width:0; height:0; position:static; } > span:before { top:0; bottom:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } > span:after { top:0; bottom:0; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } } } .header_top_meta { height:100%; padding:0 20px 0 0; .ovh; &:after { .valign_after; } } .meta_wrap { display:inline-block; vertical-align:middle; position:relative; > * { margin:0 10px 0 0; display:inline-block; &:last-child { margin:0; } &[class^="cmsmasters-icon-"]:before, &[class*=" cmsmasters-icon-"]:before, &[class^="cmsmasters_theme_icon_"]:before, &[class*=" cmsmasters_theme_icon_"]:before { margin-left:0; margin-right:0.5em; vertical-align:middle; } } > p { padding:0; } .adr { white-space:nowrap; } } } /***************** Header Top Navigation ******************/ .top_line_nav { z-index:205; > li { height:100%; .bd; &:last-child { .bdr; } a { padding:0 14px; } } } /***************** Header Mid ******************/ .header_mid { .cl; .header_mid_outer { height:100%; position:relative; } .header_mid_inner { height:100%; &:after { .cl_after; } } .logo_wrap { height:100%; position:relative; .fl; .enable_header_centered & { float:none; .m0a; .tac; } &:after { .valign_after; } .logo_text_wrap { display:inline-block; vertical-align:middle; } .title { display:block; line-height:1em; } .title_text { padding:0 0 0 3px; } .logo { display:inline-block; width:auto; vertical-align:middle; img { max-height:100%; .pos_abs(auto, auto, 0, auto); .enable_header_centered & { left:0; right:0; } } .logo_retina { .dn; } } } .resp_mid_nav_wrap { height:100%; margin:0 0 0 15px; position:relative; .dn; .fr; .ovh; .resp_mid_nav_outer { height:100%; &:after { .valign_after; } } .resp_mid_nav { display:inline-block; vertical-align:middle; width:28px; height:28px; position:relative; > span, > span:before, > span:after { width:15px; height:2px; margin:auto !important; position:absolute; left:0; right:0; } > span { top:0; bottom:0; } > span:before { content:''; top:-6px; } > span:after { content:''; bottom:-6px; } &.active { > span { width:0; height:0; position:static; } > span:before { top:0; bottom:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } > span:after { top:0; bottom:0; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } } } } .mid_search_but_wrap { height:100%; margin:0 0 0 15px; position:relative; .fr; &:after { .valign_after; } .mid_search_but { font-size:18px; line-height:26px; width:26px; height:26px; margin:0; cursor:pointer; display:inline-block; position:relative; vertical-align:middle; &:before { .pos_abs(1em, 1em, 0, 0, 4px); } } } .social_wrap { padding:0 0 0 20px; .fr; .social_wrap_inner { .tar; } li { margin-left:0; margin-right:7px; &:last-child { margin-left:0; margin-right:0; } } a { font-size:14px; line-height:14px; width:28px; height:28px; } } .slogan_wrap { height:100%; display:block; position:relative; .fr; .ovh; .slogan_wrap_inner { height:100%; padding:0 0 0 20px; .tar; &:after { .valign_after; } } .slogan_wrap_text { display:inline-block; vertical-align:middle; font-size:15px; line-height:22px; > * { margin:0 35px 0 0; display:inline-block; &:last-child { margin:0; } &[class^="cmsmasters-icon-"], &[class*=" cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"], &[class*=" cmsmasters_theme_icon_"] { padding-left:40px; position:relative; &:before { font-size:32px; position:absolute; left:0; top:4px; margin:0; } } } h6 { margin:0; text-transform:uppercase; font-weight:500; } > p { padding:0; } .adr { white-space:nowrap; } .cmsmasters_header_phone_number { margin:0; font-size:26px; line-height:26px; font-weight:500; } } } .mid_nav_wrap { height:100%; position:relative; .fr; } } /***************** Header Mid Navigation ******************/ .mid_nav { font-size:0; line-height:0; outline:none; &:after { .valign_after; } > li { float:none; display:inline-block; vertical-align:middle; .bd(0); > a { display:inline-block; padding:8px 20px; vertical-align:middle; .bd; .nav_subtitle { display:block; } .nav_tag { display:inline-block; margin:0 0 0 10px; padding:2px 15px; vertical-align:middle; .bd; .bdrs(@bdrs_width); } } } } /***************** Header Bot ******************/ .header_bot { .cl; .header_bot_outer { height:100%; position:relative; .bdb; .header_bot_border_top { display:block; .bdt; } } .header_bot_inner { height:100%; &:after { .cl_after; } .enable_header_centered & { .tac; } } .resp_bot_nav_wrap { height:100%; padding:7px 15px; position:relative; .dn; .ovh; .resp_bot_nav_outer { height:100%; &:after { .valign_after; } } .resp_bot_nav { display:inline-block; vertical-align:middle; width:28px; height:28px; position:relative; > span, > span:before, > span:after { width:15px; height:2px; margin:auto !important; position:absolute; left:0; right:0; } > span { top:0; bottom:0; } > span:before { content:''; top:-6px; } > span:after { content:''; bottom:-6px; } &.active { > span { width:0; height:0; position:static; } > span:before { top:0; bottom:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } > span:after { top:0; bottom:0; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } } } } .bot_nav_wrap { height:100%; position:relative; .fl; .enable_header_right & { .fr; } .enable_header_centered & { display:inline-block; float:none; } } .header_bot_but_wrap { height:100%; .fr; .enable_header_right & { .fl; } &:after { .valign_after; } .header_bot_button { padding:0 25px; .bd(0); vertical-align:middle; } } } /***************** Header Bot Navigation ******************/ .bot_nav { > li { position:relative; font-size:0; line-height:0; height:100%; .bd(0); &:after { .valign_after; } > a { position:static; display:inline-block; padding:8px 20px; vertical-align:middle; .bd; &:before { content:'' !important; .pos_abs(100%, 4px, 0, 0, -4px, auto); .bdrs(3px 3px 0 0); } .nav_subtitle { display:block; } .nav_tag { display:inline-block; margin:0 0 0 10px; padding:0 10px; vertical-align:middle; .bd; .bdrs(@bdrs_width); } } } } /***************** Header Search Form ******************/ .cmsmasters_header_search_form { width:100%; height:100%; visibility:hidden; position:fixed; z-index:99999; .op(0); &.cmsmasters_show { visibility:visible; .op(1); } .cmsmasters_header_search_form_close { font-size:30px; line-height:30px; display:block; cursor:pointer; .pos_abs(32px, 32px, auto, 50px, 50px, auto); &:before { .pos_abs; } &:hover { .op(.3); } } .cmsmasters_header_search_form_field { max-width:90%; .tac; .pos_abs(800px, 46px); } @{input_text} { font-size:20px; line-height:46px; background-color: transparent; display:inline-block; width:100%; max-width:335px; height:100%; padding:0 25px; vertical-align:middle; .bdr(0); .bdt(0); .bdb(0); .bdrs(0); } button { display:inline-block; padding:0 30px; cursor:pointer; position:relative; .bd; .bdrs(@bdrs_width); &:hover { background-color:transparent; } } } /*-------------------------------------------------------------------------*/ /* Headline Styles /*-------------------------------------------------------------------------*/ body .headline { background-color:transparent; } .cmsmasters_breadcrumbs { position:relative; .ovh; .cmsmasters_breadcrumbs_aligner { display:inline-block; vertical-align:middle; } .cmsmasters_breadcrumbs_inner { display:inline-block; padding-top:13px; vertical-align:middle; .ovh; a:hover, span:not([class]) { word-wrap:break-word; .op(.8); } } } .headline_outer { background-position:top center; position:relative; z-index:1; &.cmsmasters_headline_disabled { outline:none; } .headline_color { width:100%; height:100%; position:absolute; left:0; top:0; } .headline_inner { padding:0 @blocks_hor_pad; position:relative; z-index:1; .ovh; .headline_aligner { display:inline-block; vertical-align:middle; } .headline_text_wrap { display:inline-block; vertical-align:middle; position:relative; } .headline_text { position:relative; &:before { line-height:1em; .pos_abs(1em, 1em, 0, 0, 0, auto); } .entry-title { word-wrap:break-word; margin:0; } .entry-subtitle { margin:13px 0 0; } } &.align_left { .tal; .headline_text { .tal; &:before { right:auto; } } } &.align_right { .tar; .headline_text { .tar; &:before { left:auto; } } .cmsmasters_breadcrumbs { .tar; } } &.align_center { .tac; .headline_text { .tac; &:before { right:auto; } } .cmsmasters_breadcrumbs { .tac; .cmsmasters_breadcrumbs_aligner { display:none; } } } } } .content_wrap { display:block; min-width:inherit; } /*-------------------------------------------------------------------------*/ /* Bottom + Footer Styles /*-------------------------------------------------------------------------*/ /***************** Bottom ******************/ .bottom_inner { .widgettitle { margin-bottom:25px; position:relative; } } /***************** Footer ******************/ #footer { .ovh; } .footer_inner { position:relative; .ovh; } /***************** Footer Default ******************/ .cmsmasters_footer_default { .footer_inner { padding-top:50px; padding-bottom:32px; > div:first-child { padding-top:0; } } .footer_logo_wrap { position:relative; .tac; .ovh; .footer_logo { display:inline-block; > .footer_logo_retina { .dn; } } } .footer_nav_wrap { padding:27px 0 0; position:relative; .ovh; div { .tac; } } .footer_nav { display:inline-block; width:auto; .tac; > li { float:none; display:inline-block; margin:0 15px 5px; vertical-align:middle; .bd(0); ul { display:none !important; } } } .footer_custom_html_wrap { padding:25px 0 0; position:relative; .tac; .ovh; } .footer_custom_html { display:inline-block; .ovh; .tac; } .social_wrap { padding:30px 0 0; .social_wrap_inner { .tac; } li { margin-left:0; margin-right:5px; &:last-child { margin-left:0; margin-right:0; } } a { font-size:12px; line-height:12px; } } .footer_copyright { display:block; margin:50px 0 0; padding:30px 0 0; .bdt; .tac; &:first-child { margin:0; padding:0; .bdt(0); } } } /***************** Footer Small ******************/ .cmsmasters_footer_small { .footer_inner { padding-top:23px; padding-bottom:23px; } .footer_nav_wrap { position:relative; .fr; .ovh; } .footer_nav { > li { margin:0 20px 0 0; .bd(0); &:last-child { margin:0; } ul { display:none !important; } } } .social_wrap { .fr; li { margin-left:0; margin-right:3px; &:last-child { margin-left:0; margin-right:0; } } a { font-size:12px; line-height:12px; } } .footer_custom_html_wrap { position:relative; .fr; .ovh; } .footer_copyright { display:block; padding:1px 20px 1px 0; position:relative; .ovh; } } /*-------------------------------------------------------------------------*/ /* Blog (Default, Masonry, Timeline) + Post Styles /*-------------------------------------------------------------------------*/ /***************** Blog ******************/ .blog { position:relative; &:after { .cl_after; } .post { width:100%; max-width:100%; .preloader { padding-bottom:@preloader_blog_default_pad; &.highImg { height:auto; padding-bottom:0; } } .cmsmasters_video_wrap, .resizable_block { padding-bottom:@preloader_blog_default_pad; } } body.home .middle_content & { padding-bottom:50px; } &.columns { margin:-40px -16px 0; .post { min-width:280px; padding:40px 16px 0; .fl; .op(0); .cmsmasters_4& { width:25%; } .cmsmasters_3& { width:33.33%; } .cmsmasters_2& { width:50%; } &.shortcode_animated { .op(1); } .preloader { padding-bottom:@preloader_blog_masonry_pad; &.highImg { height:auto; padding-bottom:0; } } .cmsmasters_video_wrap, .resizable_block { padding-bottom:@preloader_blog_masonry_pad; } } } &.timeline { .post { width:100%; overflow:visible; .op(0); &.shortcode_animated { .op(1); } .preloader { padding-bottom:@preloader_blog_timeline_pad; &.highImg { height:auto; padding-bottom:0; } } .cmsmasters_video_wrap, .resizable_block { padding-bottom:@preloader_blog_timeline_pad; } } } .owl-pagination { width:100%; left:0; right:0; top:auto; bottom:0; } } /***************** Blog Default ******************/ .cmsmasters_post_default { padding:95px 0 0; position:relative; .ovh; &:first-child { padding-top:0; } &.sticky { .cmsmasters_post_title:before { content:'\e830'; font-family:'fontello'; font-size:18px; display:inline-block; vertical-align:middle; margin-right:10px; position:relative; top:-2px; } } .cmsmasters_post_cont_wrap { position:relative; .ovh; } .cmsmasters_img_wrap { margin-bottom:20px; .ovh; .bdrs(5px); .fullwidth & { margin-bottom:0; width:58%; .fl; } } .cmsmasters_post_cont { padding:0; position:relative; .ovh; &:after { .cl_after; } &.enable_image { .fullwidth & { width:42%; padding:0 0 0 6%; .fl; } } &:not(.enable_image) { padding:0; } } .cmsmasters_post_footer { padding:0 0 10px; .ovh; } .cmsmasters_post_category { display:inline-block; vertical-align:middle; + .cmsmasters_post_author { padding-left: 20px; } } .cmsmasters_post_meta_info { .fl; margin:40px 10px 0 0; } .cmsmasters_post_header { margin:0 0 9px; .cmsmasters_post_title { word-wrap:break-word; margin:0; } .fullwidth & { padding:0 0 9px; } } .cmsmasters_post_content { .ovh; p { margin:0; padding:0; } } .cmsmasters_post_read_more { .fr; margin:40px 0 0 0; } .cmsmasters_post_cont_info { .ovh; padding-bottom: 25px; > span { display:inline-block; vertical-align:middle; } > a:not([class]) { + .cmsmasters_post_author:before { content:'-'; padding:0 3px; } } } .cmsmasters_post_date { + .cmsmasters_post_author:before { content:'-'; padding:0 3px; } } .cmsmasters_owl_slider { outline:none; .fullwidth & { width:60%; padding:0 0 37px 0; .fl; } .owl-buttons { .dn; } .owl-pagination{ #page:not(.fullwidth) & { padding:0; bottom:13px; } } figure { .ovh; } } .cmsmasters_audio { padding:5px 0 12px; } .cmsmasters_post_video_wrap { outline:none; .fullwidth & { width:60%; .fl; } .cmsmasters_img_wrap { .fullwidth & { width:100%; .fl; } } .cmsmasters_video_wrap { .fullwidth & { margin-bottom:0; } } } } /***************** Blog Masonry ******************/ .cmsmasters_post_masonry { position:relative; .cmsmasters_post_cont { position:relative; } .cmsmasters_img_wrap { margin:0 0 25px; position:relative; } .cmsmasters_post_header { padding:0 0 15px; .cmsmasters_post_title { margin:0; } } .cmsmasters_post_footer { padding:0 0 20px; position:relative; .ovh; &.enable_meta_info { .cmsmasters_post_category { padding:0 75px 0 0; } } } .cmsmasters_post_category { display:block; + .cmsmasters_post_meta_info { position:absolute; right:0; top:0; } } .cmsmasters_post_meta_info { display:block; } .cmsmasters_post_content { padding:0 0 13px; .ovh; p { margin:0; padding:0; } } .cmsmasters_post_read_more { display:inline-block; padding:0 0 20px; } .cmsmasters_post_cont_info { .ovh; > span { display:inline-block; vertical-align:middle; } } .cmsmasters_post_date { + .cmsmasters_post_author:before { content:'-'; padding:0 3px; } } .cmsmasters_video_wrap { margin:0 0 25px; } .cmsmasters_audio { outline:none; } .cmsmasters_owl_slider { margin:0 0 25px; .owl-buttons { .dn; } .owl-pagination{ bottom:13px; } } } /***************** Blog Timeline ******************/ .cmsmasters_post_timeline { padding:70px 0 0; position:relative; .ovh; &:first-child { padding-top:0; } .cmsmasters_post_info { display:block; padding:0 0 35px; position:relative; z-index:1; } .cmsmasters_post_date { display:block; .tac; .ovh; .published { outline:none; } span { display:block; } .cmsmasters_day { outline:none; } .cmsmasters_mon_year { padding:3px 0 0; } } .cmsmasters_post_cont { position:relative; .ovh; } .cmsmasters_img_wrap { .bdrs(4px); .ovh; .fullwidth & { width:50%; .fl; } } .cmsmasters_post_cont_inner { padding:25px 0 0; position:relative; .ovh; &.enable_image { .fullwidth & { width:50%; padding:25px 0 0 40px; .fl; } } &:not(.enable_image) { padding:0; .tac; .cmsmasters_post_content, .cmsmasters_post_cont_info { .tac; } .cmsmasters_post_footer { .cmsmasters_post_read_more { display:inline-block; padding:0 0 15px; .tac; } .cmsmasters_post_meta_info { display:block; position:relative; left:auto; top:auto; .tac; } } } } .cmsmasters_post_header { padding:0 0 15px; .cmsmasters_post_title { margin:0; } } .cmsmasters_post_cont_info { padding:0 0 13px; .ovh; > span { display:inline-block; vertical-align:middle; } } .cmsmasters_post_category { + .cmsmasters_post_author:before { content:'-'; padding:0 3px; } } .cmsmasters_post_content { padding:0 0 16px; .ovh; p { margin:0; padding:0; } } .cmsmasters_post_footer { position:relative; .ovh; &.enable_meta_info { .cmsmasters_post_read_more { padding:0 75px 0 0; } } > span { outline:none; } } .cmsmasters_post_read_more { display:inline-block; vertical-align:middle; + .cmsmasters_post_meta_info { position:absolute; right:0; top:0; } } .cmsmasters_post_meta_info { display:block; } .cmsmasters_post_video_wrap { outline:none; .fullwidth & { width:50%; .fl; } .cmsmasters_img_wrap { .fullwidth & { width:100%; .fl; } } .cmsmasters_video_wrap { .fullwidth & { margin-bottom:0; } } } .cmsmasters_owl_slider { outline:none; .fullwidth & { width:50%; padding:0 0 37px 0; .fl; } .owl-buttons { .dn; } .owl-pagination{ #page:not(.fullwidth) & { padding:0; bottom:13px; } } figure { .ovh; } } .cmsmasters_audio { padding:5px 0 12px; } } /***************** Blog Post ******************/ .cmsmasters_open_post { .ovh; .preloader { padding-bottom:@preloader_open_post_pad; &.highImg { height:auto; padding:0; } } .cmsmasters_video_wrap, .resizable_block { padding-bottom:@preloader_open_post_pad !important; } > div:first-child { margin-top:0; } .cmsmasters_post_category { display:block; .tac; } .cmsmasters_post_header { margin:25px 0 0; .tac; .cmsmasters_post_title { margin:0; } } .cmsmasters_post_cont_info { margin:25px 0 0; .tac; .ovh; > span { display:inline-block; vertical-align:middle; } } .cmsmasters_post_date { + .cmsmasters_post_author:before { content:'-'; padding:0 3px; } } .cmsmasters_img_wrap { margin:45px 0 0; .ovh; } .cmsmasters_post_content { margin:45px 0 0; .ovh; > *:last-child { margin-bottom:0; padding-bottom:0; } } .cmsmasters_post_footer { margin:60px 0 0; position:relative; .ovh; > span { display:inline-block; } } .cmsmasters_post_tags { padding:0 75px 0 0; + .cmsmasters_post_meta_info { position:absolute; left:auto; right:0; top:0; } } .cmsmasters_post_meta_info { position:relative; .ovh; } .cmsmasters_owl_slider { margin:45px 0 0; .owl-buttons { .dn; } .owl-pagination{ bottom:13px; } figure { .ovh; } } .cmsmasters_audio { margin:45px 0 0; } .cmsmasters_video_wrap { margin:45px 0 0; } } /*-------------------------------------------------------------------------*/ /* Portfolio (Grid, Puzzle) + Project Styles /*-------------------------------------------------------------------------*/ /***************** Portfolio ******************/ .portfolio { position:relative; &:after { .cl_after; } .cmsmasters_project_grid, .cmsmasters_project_puzzle { min-width:235px; .fl; .preloader { padding-bottom:@preloader_portfolio_grid_pad; &.highImg { height:auto; padding-bottom:0; } } } &.large_gap { margin:0 -@col_mar; .project { padding-left:@col_mar; padding-right:@col_mar; padding-bottom:@col_mar * 2; } } &.small_gap { padding:1px 1px 0; .ctbx; .project { overflow:visible; .project_outer { margin-left:0; margin-right:1px; margin-bottom:1px; } } } &.grid.perfect .project { figure { .op(0); } &.shortcode_animated { figure { .op(1); } } } &.grid.masonry .project, &.puzzle .project { .op(0); &.shortcode_animated { .op(1); } } &.cmsmasters_5 .project { max-width:20%; } &.cmsmasters_4 .project { max-width:25%; } &.cmsmasters_3 .project { max-width:33%; } &.cmsmasters_2 .project { max-width:50%; } &.isotope.cmsmasters_5 .project, &.isotope.cmsmasters_4 .project, &.isotope.cmsmasters_3 .project, &.isotope.cmsmasters_2 .project { max-width:none; } &.zero_gap { .project_outer, .cmsmasters_img_rollover_wrap { .bdrs(0); } } } /***************** Portfolio Grid ******************/ .cmsmasters_project_grid { position:relative; .cmsmasters_img_rollover { .op(1); .cmsmasters_open_link { &:empty { .dn; } } .cmsmasters_open_post_link { text-indent:-9999px; display:block !important; width:100%; height:100%; padding:0; .bd(0); .bdrs(0); background-color: transparent; } } .cmsmasters_project_read_more { position: absolute; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); top:55%; left:50%; .op(0); padding:12px 26px; .bdrs(30px); line-height: 20px !important; .tac; } .project_outer { position:relative; .ovh; figure { .bdrs(4px); .ovh; } .cmsmasters_rollover_img { &:hover { .cmsmasters_project_read_more { top:50%; .op(1); } img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); } } .cmsmasters_img_rollover { .op(1); } } } .cmsmasters_project_images_wrap { position:relative; .ovh; + .project_inner { padding-top:30px; } } .cmsmasters_project_footer { padding:0 20px 9px 20px; .ovh; .tac(); > span { outline:none; } } .project_inner { padding:0 10px; position:relative; .ovh; } .cmsmasters_project_header { padding:0 0 20px; .tac; .cmsmasters_project_title { margin:0; } } .cmsmasters_project_cont_info { padding:0 0 20px; .tac; .ovh; .cmsmasters_project_author { + .cmsmasters_project_category { padding-left: 20px; } } } .cmsmasters_project_content { .tac; .ovh; padding-bottom: 10px; p { margin:0; padding:0; } } } /***************** Portfolio Puzzle ******************/ .cmsmasters_project_puzzle { position:relative; .cmsmasters_img_rollover { .cmsmasters_open_link { &:empty { .dn; } } .cmsmasters_open_post_link { .pos_abs(100%, 100%); text-indent:-9999px; display:block !important; padding:0; .bd(0); .bdrs(0); .op(0); } } .cmsmasters_in_cat { .dn; } .project_outer { position:relative; .ovh; .bdrs(5px); &:hover { .cmsmasters_img_rollover { .op(1); .cmsmasters_open_post_link { .op(.7); } } .project_inner { .op(1); visibility:visible; } } } .project_inner { padding:0 30px; .pos_abs(100%, 100%); .ovh; .tac; display:flex; flex-direction:column; justify-content:center; .op(0); visibility:hidden; } .cmsmasters_project_header { padding:0 0 15px; .cmsmasters_project_title { margin:0; a:hover { .op(.7); } } } .cmsmasters_project_category { display:block; padding-bottom:5px; a { &:hover { .op(.7); } } } .cmsmasters_project_footer { .ovh; .cmsmastersLike.active { .op(.7); } a:hover { .op(.7); } } } /***************** Portfolio Open Project ******************/ .cmsmasters_open_project { padding:0 0 40px; position:relative; .ovh; .preloader { padding-bottom:@preloader_open_project_pad; &.highImg { height:auto; padding:0; } } .cmsmasters_video_wrap, .resizable_block { padding-bottom:@preloader_open_project_pad; } .owl-pagination { .dn; } .cmsmasters_owl_slider { &:hover { .owl-buttons { > div { .op(1); } } } } .owl-buttons { position:static; width:0; height:0; > div { display:block; width:50px; height:50px; margin:0; .op(0); .pos_abs(50px, 50px); .ovh; &:before { content:''; width:100%; height:100%; position:absolute; left:0; top:0; } &.owl-prev { left:0; right:auto; } &.owl-next { left:auto; right:0; } > span { background:transparent; display:block; width:100%; height:100%; .bd(0); .bdrs(0); .bxsh_none; > span { width:10px; height:26px; &:before { font-size:26px; line-height:26px; } } } } } .cmsmasters_project_likes, .cmsmasters_project_comments { outline:none; } .cmsmasters_project_header { padding:0 0 10px; .tac; .ovh; .cl; .cmsmasters_project_title { margin:0; } } .project_content { width:100%; padding:40px 0 0; .ovh; &.with_sidebar { .cmsmasters_project_content { width:71%; padding:0 40px; .fl; } } .cmsmasters_gallery_row { margin:0 -@col_mar; position:relative; figure { .ovh; } .one_third, .one_half, .one_first { margin-bottom:(@col_mar * 2); } .one_third, .one_half { .preloader { padding-bottom:@preloader_portfolio_grid_pad; &.highImg { height:auto; padding:0; } } } } > .cmsmasters_img_wrap { margin:0 0 50px; .ovh; } > .cmsmasters_owl_slider { margin:0 0 50px; figure { .ovh; } } > .cmsmasters_video_wrap { margin:0 0 50px; } } .cmsmasters_project_content { position:relative; .ovh; } .project_sidebar { width:29%; padding:0 40px 0 0; .fl; > div { margin:35px 0 0; &:first-child { margin:0; } } } .project_details, .project_features { position:relative; .ovh; } .project_details_title, .project_features_title { margin:0 0 25px; padding:0; + .project_details_item, + .project_features_item { padding-top:0; } } .project_details_item, .project_features_item { padding:9px 0; position:relative; .bdb; .ovh; &:first-child { padding-top:0; } &:last-child { padding-bottom:0; .bdb(0); } } .project_details_item_title, .project_features_item_title { max-width:50%; .fl; .ovh; } .project_details_one_item .project_details_item_title, .project_features_one_item .project_features_item_title { max-width:100%; float:none; } .project_details_item_desc, .project_features_item_desc { padding:0 0 0 15px; word-wrap:break-word; .tar; .ovh; } .project_details_one_item .project_details_item_desc, .project_features_one_item .project_features_item_desc { padding-left:0; padding-right:0; } } /*-------------------------------------------------------------------------*/ /* Posts Slider Styles /*-------------------------------------------------------------------------*/ /***************** Posts Slider ******************/ .cmsmasters_posts_slider { margin:0 -15px; position:relative; .ovh; .owl-buttons { .dn; } .preloader { padding-bottom:@preloader_posts_slider_pad; .bdrs(4px); .ovh; &.highImg { height:auto; padding:0; } img { .bdrs(4px); } } .cmsmasters_slider_project { .preloader { padding-bottom:@preloader_posts_slider_project_pad; } } .cmsmasters_owl_slider { padding:0 0 16px; } .cmsmasters_owl_slider_item { min-width:200px; max-width:100%; } .cmsmasters_slider_post, .cmsmasters_slider_project { width:100%; padding:0 15px 30px; } } /***************** Posts Slider Blog ******************/ .cmsmasters_slider_post { position:relative; .cmsmasters_slider_post_outer { position:relative; .ovh; } .cmsmasters_slider_post_img_wrap { position:relative; .ovh; &:hover { img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); } .cmsmasters_slider_post_read_more { top:50%; .op(1); } } .cmsmasters_img_rollover { .op(1); } } .cmsmasters_slider_post_inner { position:relative; .ovh; .tac; padding:25px 4px; } .cmsmasters_slider_post_header { padding:0 0 21px; .cmsmasters_slider_post_title { margin:0; } } .cmsmasters_slider_post_footer { position:relative; .ovh; &.enable_post_meta { .cmsmasters_slider_post_category { padding:0 75px 0 0; } } .cmsmasters_slider_post_meta_info { .tac; } } .cmsmasters_slider_post_content { padding:0 0 11px; .ovh; .tac; p { margin:0; padding:0; } } .cmsmasters_slider_post_read_more { position:absolute; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); top:55%; left:50%; padding:12px 26px; .bdrs(30px); .op(0); .tac; line-height:20px !important; } .cmsmasters_slider_post_cont_info { padding-bottom:20px; .ovh; .tac; .cmsmasters_slider_post_author + .cmsmasters_slider_post_category { padding-left:17px; } > span { display:inline-block; } } .cmsmasters_slider_post_date { + .cmsmasters_slider_post_author:before { content:'-'; padding:0 3px; } + .cmsmasters_slider_post_category { padding-left:17px; } } } /***************** Posts Slider Portfolio ******************/ .cmsmasters_slider_project { position:relative; .cmsmasters_slider_project_outer { padding-top:10px; position:relative; } .cmsmasters_slider_project_img_wrap { position:relative; .bdrs(4px); &:hover { img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); } .cmsmasters_slider_project_read_more { top:50%; .op(1); } } .cmsmasters_img_rollover { .op(1); } } .cmsmasters_slider_project_read_more { position: absolute; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); top:55%; left:50%; padding:12px 26px; .bdrs(30px); .op(0); .tac; line-height:20px !important; } .cmsmasters_slider_project_inner { position:relative; .ovh; .tac; padding: 25px 4px; } .cmsmasters_slider_project_header { padding:0 0 20px; .tac; .cmsmasters_slider_project_title { margin:0; } } .cmsmasters_slider_project_cont_info { .tac; padding:0 0 20px; .ovh; > span { padding:0 10px; } } .cmsmasters_slider_project_content { .tac; padding:0 0 12px; .ovh; p { margin:0; padding:0; } } .cmsmasters_slider_project_footer { .tac; .ovh; } } /*-------------------------------------------------------------------------*/ /* Profiles + Profile Styles /*-------------------------------------------------------------------------*/ /***************** Profiles ******************/ .cmsmasters_profile { position:relative; .ovh; &.horizontal { margin:-40px -@col_mar 0; .cmsmasters_profile_horizontal { margin-top:40px; &.one_half:nth-child(2n+1), &.one_third:nth-child(3n+1), &.one_fourth:nth-child(4n+1) { clear:left; } } } } /***************** Profiles Horizontal ******************/ .cmsmasters_profile_horizontal { position:relative; .profile_outer { position:relative; .tac; .ovh; } .cmsmasters_img_social_wrap { margin:0 40px 26px; position:relative; .ovh; &.no_image { display:block; } .profile_social_icons { width:100%; height:100%; padding:0 10px; position:absolute; left:0; top:0; .op(0); .bdrs(50%); .tac; .ovh; &:after { .valign_after; } } .profile_social_icons_list { a { &:hover { .op(.6); } } } } .cmsmasters_img_social_inner { .bdrs(50%); .ovh; &:hover { .profile_social_icons { .op(1); } } } .cmsmasters_img_wrap { .tac; .bdrs(50%); .ovh; > a { display:block; .bdrs(50%); .ovh; pointer-events:none; } img { .bdrs(50%); } &.no_image { > span { display:block; padding:0 0 100%; .bdrs(50%); &:before { font-size:20px; .pos_abs(); } } } } .profile_social_icons_list { list-style:none; display:inline-block; margin:0; padding:0; vertical-align:middle; &:after { .valign_after; } li { display:inline-block; vertical-align:middle; margin:0; padding:0; position:relative; &:last-child { margin:0; } &:before { display:none; } } a { font-size:14px; line-height:14px; display:block; width:26px; height:26px; position:relative; &:before { .pos_abs; } } } .profile_inner { position:relative; .tac; .ovh; .profile_social_icons { margin:10px 0 0; .dn; .tac; li { margin:0 5px; a { font-size:16px; line-height:16px; } } } } .cmsmasters_profile_header { padding:0; .cmsmasters_profile_subtitle, .cmsmasters_profile_title { margin:0; } } .cmsmasters_profile_content { padding:20px 0 0; position:relative; .tac; .ovh; p { margin:0; padding:0; } } } /***************** Profiles Vertical ******************/ .cmsmasters_profile_vertical { margin:0 0 70px; position:relative; &:last-child { margin:0; } .profile_outer { position:relative; .ovh; } .cmsmasters_img_wrap { display:inline-block; width:30.16%; padding:0 50px 0 0; vertical-align:middle; img { outline:none; } &.no_image { > span { display:block; position:relative; } > span { display:block; padding:0 0 100%; > span { &:before { font-size:20px; .pos_abs(); } } } } } .profile_inner { display:block; width:100%; } .cmsmasters_img_wrap + .profile_inner { display:inline-block; width:69.84%; padding:40px 0 0; vertical-align:top; } .cmsmasters_profile_header { margin:0 0 27px; .cmsmasters_profile_title { margin:0; } } .cmsmasters_profile_content { position:relative; .ovh; p { margin:0; padding:0; } } .profile_social_icons { margin:30px 0 0; position:relative; .ovh; } .profile_social_icons_list { list-style:none; display:block; margin:0; padding:0; li { display:inline-block; margin:0; padding:0; position:relative; vertical-align:middle; &:last-child { margin:0; } &:before { display:none; } } a { font-size:16px; line-height:16px; display:block; width:26px; height:26px; position:relative; &:before { .pos_abs; } } } } /***************** Profiles Open Profile ******************/ .profiles.opened-article { .share_posts { margin:-55px 0 0; } } .cmsmasters_open_profile { padding:0 0 40px; z-index:1; position:relative; .ovh; .cmsmasters_profile_likes, .cmsmasters_profile_comments { outline:none; } .cmsmasters_profile_header { padding:0 0 10px; .tac; .ovh; .cl; .cmsmasters_profile_title { margin:0; } .cmsmasters_profile_subtitle { margin:0; } } .profile_content { width:100%; padding:40px 0 10px; .ovh; } .cmsmasters_profile_content { position:relative; .ovh; } .profile_sidebar { > div { outline:none; } } .profile_details, .profile_features { padding:25px 0 0; position:relative; .ovh; } .profile_details_title, .profile_features_title { margin:0 0 12px; padding:0; } .profile_details_item, .profile_features_item { padding:9px 0; position:relative; .bdb; .ovh; &:last-child { .bdb(0); } } .profile_details_item_title, .profile_features_item_title { max-width:50%; .fl; .ovh; } .profile_details_one_item .profile_details_item_title, .profile_features_one_item .profile_features_item_title { max-width:100%; float:none; } .profile_details_item_desc, .profile_features_item_desc { padding:0 0 0 15px; word-wrap:break-word; .tar; .ovh; } .profile_details_one_item .profile_details_item_desc, .profile_features_one_item .profile_features_item_desc { padding-left:0; padding-right:0; } .profile_social_icons { padding:25px 0 0; position:relative; .ovh; } .profile_social_icons_title { margin:0 0 12px; padding:0; } .profile_social_icons_list { list-style:none; display:block; margin:0; padding:0; li { display:inline-block; vertical-align:middle; margin:0 12px 0 0; padding:0; position:relative; &:last-child { margin:0; } &:before { display:none; } } a { font-size:16px; line-height:16px; display:block; width:1em; height:1em; position:relative; &:before { .pos_abs; } } } } /*-------------------------------------------------------------------------*/ /* Shortcodes Styles /*-------------------------------------------------------------------------*/ /***************** Divider ******************/ hr { border:0; border-bottom-style:solid; margin:(@line_height_pad * 2) 0; } hr, .cmsmasters_widget_divider, .cmsmasters_divider { background-color:transparent; border-bottom-width:1px; width:100%; height:1px; position:relative; .cl; } .cmsmasters_widget_divider { margin:0 @col_mar (@line_height_pad * 2); width:round(100% - (@col_mar * 2), 2); } .cmsmasters_widget_divider { &.solid { border-bottom-style:solid; } &.dashed { border-bottom-style:dashed; } &.dotted { border-bottom-style:dotted; } &.transparent { border-bottom-width:0; } } .cmsmasters_divider { &.cmsmasters_divider_width_short { width:20%; &.cmsmasters_divider_pos_center { left:40%; } &.cmsmasters_divider_pos_right { left:80%; } } &.cmsmasters_divider_width_medium { width:40%; &.cmsmasters_divider_pos_center { left:30%; } &.cmsmasters_divider_pos_right { left:60%; } } &.cmsmasters_divider_width_long { width:100%; } } /***************** Special Heading ******************/ .cmsmasters_heading_wrap { position:relative; .cmsmasters_heading_divider { display:inline-block; height:2px; position:absolute; top:50%; } .cmsmasters_heading_divider_left_wrap, .cmsmasters_heading_divider_right_wrap { display:inline-block; width:0; } &.cmsmasters_heading_divider_short { .cmsmasters_heading_divider { width:10%; } .cmsmasters_heading_divider_left { margin-left:-10%; margin-right:0; } } &.cmsmasters_heading_divider_medium { .cmsmasters_heading_divider { width:20%; } .cmsmasters_heading_divider_left { margin-left:-20%; margin-right:0; } } &.cmsmasters_heading_divider_long { .cmsmasters_heading_divider { width:100%; } .cmsmasters_heading_divider_left { margin-left:-100%; margin-right:0; } } &.cmsmasters_heading_divider_short, &.cmsmasters_heading_divider_medium, &.cmsmasters_heading_divider_long { .cmsmasters_heading { max-width:80%; } } .cmsmasters_heading { display:inline-block; margin:0; &:before, a:before { margin-left:0; margin-right:0.5em; } } } /***************** Featured Block ******************/ .cmsmasters_featured_block { position:relative; .ovh; .featured_block_link { display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; } .featured_block_inner { width:100%; position:relative; .ovh; } } /***************** Table ******************/ .cmsmasters_wrap_table { overflow:auto; } .cmsmasters_table { width:100%; border-collapse:collapse; caption { outline:none; } tr { td, th { &.cmsmasters_table_cell_aligncenter { text-align:center; } &.cmsmasters_table_cell_alignleft { text-align:left; } &.cmsmasters_table_cell_alignright { text-align:right; } } } } /***************** Notice ******************/ .cmsmasters_notice { display:block; padding:0 25px; margin:@line_height_pad 15px @line_height_pad 0; position:relative; .bd; .bdrs(5px); &:after { .cl_after; } &[class*=" cmsmasters-icon-"], &[class*=" cmsmasters_theme_icon_"] { padding-left:90px; padding-right:25px; } &:before { font-size:32px; .pos_abs(1em, 1em, 27px, auto); } .notice_content { position:relative; padding:@line_height_pad 0 0; } .notice_close { font-size:12px; line-height:27px; display:block; .pos_abs(28px, 28px, auto, -15px, -14px, auto); .bd; .bdrs(50%); &:before { .pos_abs; } } &.cmsmasters_notice_warning { background-color:#fffdf9; border-color:#fee2b4; &:before { color:#fdb543; } } &.cmsmasters_notice_success { background-color:#fdfff9; border-color:#d7e4ad; &:before { color:#8bc34a; } } &.cmsmasters_notice_download { background-color:#f9fffa; border-color:#95d4cc; &:before { color:#63b698; } } &.cmsmasters_notice_info { background-color:#fafcff; border-color:#a3add7; &:before { color:#6e95d1; } } &.cmsmasters_notice_error { background-color:#fffdfd; border-color:#eda9bc; &:before { color:#ea5151; } } } /***************** Icon ******************/ .cmsmasters_icon_wrap { a { display:inline-block; } .cmsmasters_simple_icon_title { display:inline-block; margin-left:8px; } .cmsmasters_simple_icon { border-style:solid; display:inline-block; vertical-align:middle; &:before { margin:0; } } } /***************** Icon List ******************/ .cmsmasters_icon_list_items { list-style:none; padding:0; margin:0; position:relative; li:before { position:absolute; background:none; } .cmsmasters_icon_list_item { &:before { width:1em; height:1em; left:50px; right:auto; } .cmsmasters_icon_list_icon { width:100px; height:100px; margin:1px; position:relative; &:before { font-size:32px; line-height:80px; } &:after { content:''; border-width:10px; border-style:solid; width:102px; height:102px; position:absolute; top:-1px; left:-1px; } } .cmsmasters_icon_list_item_title { word-wrap:break-word; margin-bottom:10px; } } &.cmsmasters_color_type_icon { .cmsmasters_icon_list_item { .ovh; } } &.cmsmasters_icon_list_pos_right { .cmsmasters_icon_list_item { &:before { left:auto; right:50px; } } } &.cmsmasters_icon_list_type_list { padding-left:30px; .cmsmasters_icon_list_item { &:before { left:-32px; } > * { margin:0; padding:0; } } } &.cmsmasters_icon_list_type_block { padding:0; margin:0; .cmsmasters_icon_list_item { display:block; width:100%; padding:0 0 50px; position:relative; .ovh; &:before { content:''; display:block; width:1px; height:0; padding:0; position:absolute; top:40px; z-index:1; .op(0); } &:after { .cl_after; } &:last-child { padding-bottom:0; margin-bottom:0; &:before { .dn; } } &.cmsmasters_icon_type_image { .cmsmasters_icon_list_icon { background-position:center center; background-repeat:no-repeat; background-size:cover; } } .cmsmasters_icon_list_icon { display:block; text-align:center; z-index:2; -webkit-transform:scale(.5); -moz-transform:scale(.5); transform:scale(.5); .op(.3); } &.shortcode_animated { &:before { height:100%; .op(1); } .cmsmasters_icon_list_icon { .op(1); -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } } } .cmsmasters_icon_list_item_content { .ovh; } &.cmsmasters_icon_list_pos_left { .cmsmasters_icon_list_item_content { .tal; .cmsmasters_icon_list_item_text { .tal; } } .cmsmasters_icon_list_icon_wrap { padding-right:30px; .fl; } } &.cmsmasters_icon_list_pos_right { .cmsmasters_icon_list_item_content { .tar; .cmsmasters_icon_list_item_text { .tar; } } .cmsmasters_icon_list_icon_wrap { padding-left:30px; .fr; } } } } /***************** Icon Box ******************/ .cmsmasters_icon_box { border-style:solid; border-color:transparent; position:relative; &:before, .icon_box_heading:before { border-style:solid; text-align:center; } &.box_icon_type_image, &.box_icon_type_number { &:before { content:''; background-position:center center; background-repeat:no-repeat; background-size:cover; } &.cmsmasters_icon_heading_left { &:before { content:none; } .icon_box_heading { &:before { content:'\00a0'; background-position:center center; background-repeat:no-repeat; background-size:cover; display:inline-block; .tac; } } } } &.cmsmasters_icon_top { &:before { font-size:0; position:absolute; left:50%; top:30px; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); .op(0); } &.shortcode_animated { &:before { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } } .icon_box_inner { .tac; .icon_box_text { .tac; } } } &.cmsmasters_icon_box_top { border-width:1px; padding:20px 20px 30px; &:before { font-size:0; position:absolute; left:50%; top:35px; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); .op(0); } &[class*=" cmsmasters-icon-"], &[class*=" cmsmasters_theme_icon_"] { padding-top:120px; } &.shortcode_animated { &:before { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } } .icon_box_inner { .tac; .icon_box_text { .tac; } } } &.cmsmasters_icon_box_left { border-width:1px; padding:20px 20px 30px; &:before { font-size:24px; line-height:45px; width:45px; height:45px; margin:0; position:absolute; left:0; top:50%; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); .tac; .op(0); } &.shortcode_animated { &:before { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } } } &.cmsmasters_icon_box_left_top { padding-left:60px; &:before { font-size:24px; line-height:45px; width:45px; height:45px; margin:0; position:absolute; left:0; top:0; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); .tac; .op(0); } &.shortcode_animated { &:before { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } } } &.cmsmasters_icon_heading_left { h1, h2, h3, h4, h5, h6 { display:flex; align-items:center; position:relative; &:before { margin-left:0; margin-right:15px; vertical-align:inherit; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); .op(0); .pos_abs(auto,auto,0,auto,0,0); } } &.shortcode_animated { h1, h2, h3, h4, h5, h6 { display:flex; align-items:center; position:relative; &:before { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); .pos_abs(auto,auto,0,auto,0,0); } } } } .icon_box_text { margin-bottom:10px; } } /***************** Toggles ******************/ .cmsmasters_toggles { position:relative; .cmsmasters_toggles_filter { padding:0 0 15px; position:relative; a { cursor:pointer; &.current_filter { cursor:default; } } } .cmsmasters_toggle_wrap { position:relative; .bdb; &:last-child { .bdb(0); } } .cmsmasters_toggle_title { position:relative; a { display:block; position:relative; z-index:2; } } .cmsmasters_toggle_plus { display:block; z-index:1; .pos_abs(20px, 20px, auto, 0); .tac; &:before { content:'\e950'; font-family:'fontello'; font-size:20px; line-height:12px; width:1em; height:1em; margin:0; } span { .dn; } } .cmsmasters_toggle { .dn; } .cmsmasters_toggle_inner { padding:0 0 20px; position:relative; .ovh; > *:last-child { padding-bottom:0; } } .cmsmasters_toggle_wrap.current_toggle { .cmsmasters_toggle_plus { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } > .cmsmasters_toggle { display:block; } } &.toggles_mode_toggle { .cmsmasters_toggle_title a { padding:20px 60px 20px 0; } } &.toggles_mode_accordion { .cmsmasters_toggle_title a { padding:20px 0; } .cmsmasters_toggle_plus { .dn; } } } /***************** Tabs ******************/ .cmsmasters_tabs { position:relative; &:after { .cl_after; } .cmsmasters_tabs_list { list-style:none; margin:0; padding:0; position:relative; &:after { .cl_after; } } .cmsmasters_tabs_list_item { display:block; margin:0; padding:0; .ovh; &:before { .dn; } a { display:block; position:relative; cursor:pointer; &:before { font-size:20px; line-height:20px; } } } .cmsmasters_tabs_wrap { position:relative; .ovh; } .cmsmasters_tab { .dn; &:after { .cl_after; } &.active_tab { display:block; } } .cmsmasters_tab_inner { position:relative; .ovh; > *:last-child { margin-bottom:0; padding-bottom:0; } } &.tabs_mode_tab { .cmsmasters_tabs_list { .tac; } .cmsmasters_tabs_list_item { display:inline-block; &:last-child { margin:0; } a { padding:15px 30px 25px; &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { padding:35px 30px 25px 30px; } &:before { .pos_abs(1em, 1em, 0, 0, 1px, auto); } } } .cmsmasters_tabs_wrap { .bdt; } .cmsmasters_tab_inner { padding:33px 0 0; } } &.tabs_mode_tour { display:table; .cmsmasters_tabs_list { display:table-cell; width:18%; vertical-align:top; } .cmsmasters_tabs_list_item { &:first-child { a { margin-top:0; &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { margin-top:0; } } } a { margin:8px 20px 8px 0; padding:2px 0; &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { margin:8px 20px 8px 0; padding-left:30px; } &:before { .pos_abs(1em, 1em, 1px, auto); } } } .cmsmasters_tabs_wrap { display:table-cell; width:82%; vertical-align:top; .bdl; .bdb; } .cmsmasters_tab_inner { padding:0 0 40px 30px; } &.tabs_pos_right { direction:rtl; .cmsmasters_tabs_list { text-align:right; direction:ltr; } .cmsmasters_tabs_list_item { &:first-child { a { margin-top:0; &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { margin-top:0; } } } a { &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { margin:10px 0 10px 20px; padding-right:30px; padding-left:0; } &:before { left:auto; right:1px; } } } .cmsmasters_tabs_wrap { direction:ltr; .bdl(0); .bdr; } .cmsmasters_tab_inner { padding:0 30px 40px 0; .tar; } } } } /***************** Stats ******************/ .cmsmasters_stats { position:relative; .tac; &:after { .cl_after; } .cmsmasters_stat_wrap { .cmsmasters_stat { position:relative; .cmsmasters_stat_inner { display:block; position:relative; } } } &.stats_mode_bars { .cmsmasters_stat_wrap { padding-bottom:20px; position:relative; &:last-child { padding-bottom:0; } &:before { content:''; display:block; width:100%; height:3px; position:absolute; top:27px; left:0; } .cmsmasters_stat { width:0; min-height:30px; .ovh; .cmsmasters_stat_inner { width:100%; height:3px; position:absolute; bottom:0; left:0; &[class^="cmsmasters-icon-"], &[class*=" cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"], &[class*=" cmsmasters_theme_icon_"] { &:before { font-size:16px; margin:0; position:absolute; left:0; top:auto; bottom:12px; } .cmsmasters_stat_title { left:25px; } } .cmsmasters_stat_title { position:absolute; left:0; top:auto; bottom:10px; } .cmsmasters_stat_counter_wrap { position:absolute; left:auto; right:0; top:auto; bottom:10px; } } canvas { .dn; } } .cmsmasters_stat_subtitle { display:inline-block; padding:20px 0 0; } } } &.stats_mode_circles { margin-top:-40px; .cmsmasters_stat_wrap { display:inline-block; float:none; margin:0; padding:40px 10px 0; vertical-align:top; .tac; &.one_fifth { width:20%; } &.one_fourth { width:25%; } &.one_third { width:33.3%; } &.one_half { width:50%; } &.one_first { width:100%; } .cmsmasters_stat { display:inline-block; width:170px; height:170px; margin:0 0 15px; .cmsmasters_stat_inner { width:170px; height:170px; padding-top:62px; position:absolute; left:0; top:0; z-index:1; .tac; .bd(3px); .bdrs(50%); &:before { font-size:28px; line-height:28px; margin:0; } .cmsmasters_stat_counter_wrap { display:block; .tac; } } canvas { width:170px; height:170px; position:relative; z-index:2; .bdrs(50%); } &.stat_has_titleicon { .cmsmasters_stat_inner { padding-top:38px; .cmsmasters_stat_counter_wrap { padding:6px 0 0; } } } } .cmsmasters_stat_title { display:block; padding:0; .tac; } .cmsmasters_stat_subtitle { display:block; padding:16px 0 0; .tac; } } } } /***************** Counters ******************/ .cmsmasters_counters { position:relative; .tac; &:after { .cl_after; } canvas { .dn; } .cmsmasters_counter_wrap { display:inline-block; padding:0 2px; margin:0; float:none; vertical-align:top; .tac; &.one_fifth { width:20%; } &.one_fourth { width:25%; } &.one_third { width:33.3%; } &.one_half { width:50%; } &.one_first { width:100%; } .cmsmasters_counter { min-height:100px; padding:0 20px; margin:0 0 (@line_height_pad * 2); position:relative; .ovh; .cmsmasters_counter_inner { display:block; position:relative; &:before { border-style:solid; position:absolute; left:0; top:0; } .cmsmasters_counter_counter_wrap { display:inline-block; width:100%; } .cmsmasters_counter_title { display:inline-block; } } &.counter_has_icon { .cmsmasters_counter_inner { &:before { margin-left:0; margin-right:0; } } } &.counter_has_image { .cmsmasters_counter_inner { &:before { background-position:center center; background-repeat:no-repeat; background-size:cover; } } } } .cmsmasters_counter_subtitle { display:block; margin-top:7px; } } &.counters_type_vertical { .cmsmasters_counter_wrap { .cmsmasters_counter { .tac; .cmsmasters_counter_inner { .tac; &:before { left:50%; } .cmsmasters_counter_counter_wrap { padding:10px 0 0; } } } .cmsmasters_counter_title { margin-top:10px; } .cmsmasters_counter_subtitle { margin-top:9px; .tac; } } } &.counters_type_horizontal { .cmsmasters_counter_wrap { .cmsmasters_counter { .cmsmasters_counter_inner { &:before { margin:auto !important; right:auto; bottom:0; } &:after { .valign_after; } .cmsmasters_counter_counter_wrap { vertical-align:middle; } } } } } } /***************** CMSMASTERS Button ******************/ .cmsmasters_button { white-space:nowrap; display:inline-block; padding:0 40px; cursor:pointer; position:relative; .bd(2px); .bdrs(@bdrs_width); &:before { line-height:inherit !important; position:relative; z-index:10; } span { position:relative; z-index:10; } &.cmsmasters_but_clear_styles { background:none; border:0; margin:0; padding:0 @line_height_pad; .ovh; .bdrs(0); .bxsh_none; &:hover { margin:0; .bxsh_none; } &:after { content:''; position:absolute; } } &.cmsmasters_but_bg_hover { .bd; } &.cmsmasters_but_bd_underline { .bdl(0); .bdr(0); .bdt(0); .bdb; &:before { #page & { .trans(~'none'); } } } &.cmsmasters_but_bg_slide_left { .bd; &:after { width:100%; height:100%; left:-100%; top:0; } &:hover { &:after { left:0%; } } } &.cmsmasters_but_bg_slide_right { .bd; &:after { width:100%; height:100%; right:-100%; top:0; } &:hover { &:after { right:0%; } } } &.cmsmasters_but_bg_slide_top { .bd; &:after { width:100%; height:0; left:0; top:0; } &:hover { &:after { height:100%; } } } &.cmsmasters_but_bg_slide_bottom { .bd; &:after { width:100%; height:0; left:0; bottom:0; } &:hover { &:after { height:100%; } } } &.cmsmasters_but_bg_expand_vert { .bd; &:after { width:0; height:105%; left:50%; top:50%; .op(0); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } &:hover { &:after { width:90%; .op(1); } } } &.cmsmasters_but_bg_expand_hor { .bd; &:after { width:105%; height:0; left:50%; top:50%; .op(0); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } &:hover { &:after { height:75%; .op(1); } } } &.cmsmasters_but_bg_expand_diag { .bd; &:after { width:500%; height:0; left:50%; top:50%; .op(0); -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform:translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg); transform:translateX(-50%) translateY(-50%) rotate(45deg); } &:hover { &:after { height:170%; .op(1); } } } &.cmsmasters_but_shadow { padding-bottom:3px; .bxshi(0, -3px, 0, 0, .2); #page & { .trans(~'none'); } &:hover { padding-bottom:0; margin-top:3px; .bxshi(0, 0, 0, 0, .02); } } &.cmsmasters_but_icon_dark_bg, &.cmsmasters_but_icon_light_bg, &.cmsmasters_but_icon_divider, &.cmsmasters_but_icon_inverse { &:before { margin:auto !important; position:absolute; left:0; top:0; } &:after { content:''; background-color:rgba(0, 0, 0, .2); height:100%; position:absolute; left:0; top:0; } } &.cmsmasters_but_icon_dark_bg, &.cmsmasters_but_icon_light_bg, &.cmsmasters_but_icon_divider { &:hover { &:before { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); } } } &.cmsmasters_but_icon_light_bg { &:after { background-color:rgba(255, 255, 255, .2); } } &.cmsmasters_but_icon_divider { &:after { background-color:transparent; .bdr; } } &.cmsmasters_but_icon_inverse { .bd; &:after { background-color:transparent; } } &.cmsmasters_but_icon_slide_left, &.cmsmasters_but_icon_slide_right { padding-left:(@line_height_pad * 2); padding-right:(@line_height_pad * 2); .bd; } &.cmsmasters_but_icon_slide_left { &:before { .pos_abs((@line_height_pad * 2), auto, -(@line_height_pad * 2), auto); } &:hover { &:before { left:0; } } } &.cmsmasters_but_icon_slide_right { &:before { .pos_abs((@line_height_pad * 2), auto, auto, -(@line_height_pad * 2)); } &:hover { &:before { right:0; } } } &.cmsmasters_but_icon_hover_slide_left, &.cmsmasters_but_icon_hover_slide_right, &.cmsmasters_but_icon_hover_slide_top, &.cmsmasters_but_icon_hover_slide_bottom { .bd; &:before { .pos_abs(100%, auto); } span { display:block; position:relative; .trans(~'all .3s ease-in-out'); } } &.cmsmasters_but_icon_hover_slide_left { &:before { left:-200%; } &:hover { &:before { left:0; } span { -webkit-transform:translateX(200%); -moz-transform:translateX(200%); -ms-transform:translateX(200%); -o-transform:translateX(200%); transform:translateX(200%); } } } &.cmsmasters_but_icon_hover_slide_right { &:before { right:-200%; } &:hover { &:before { right:0; } span { -webkit-transform:translateX(-200%); -moz-transform:translateX(-200%); -ms-transform:translateX(-200%); -o-transform:translateX(-200%); transform:translateX(-200%); } } } &.cmsmasters_but_icon_hover_slide_top { &:before { top:-200%; } &:hover { &:before { top:0; } span { -webkit-transform:translateY(200%); -moz-transform:translateY(200%); -ms-transform:translateY(200%); -o-transform:translateY(200%); transform:translateY(200%); } } } &.cmsmasters_but_icon_hover_slide_bottom { &:before { top:200%; } &:hover { &:before { top:0; } span { -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); -ms-transform:translateY(-200%); -o-transform:translateY(-200%); transform:translateY(-200%); } } } } /***************** Contact Form 7 ******************/ .wpcf7-form { @{input_text}, select, textarea, option { min-width:100px; width:100%; } } /***************** Mailpoet ******************/ .cmsmasters_mailpoet_form { .mailpoet_form { position: relative; margin: 0 !important; .mailpoet_submit { line-height:38px; position:absolute; bottom:5px; right:5px; padding:0 40px !important; } .mailpoet_paragraph { padding:0; } .mailpoet_text { height:52px !important; width:100% !important; padding:@input_pad 20px !important; } } .parsley-errors-list, .mailpoet_validate_success, .mailpoet_validate_error { background:#ffffff; position:absolute; right:0; bottom:100%; width:200px; padding:10px; .bd; } .parsley-errors-list { li { &:before { content:none; } } } } /***************** Hover slider ******************/ .cmsmasters_hover_slider { position:relative; .ovh; li:before { .dn; } .cmsmasters_hover_slider_items { list-style:none; width:100%; height:1px; padding:0 0 @resp_blocks_pad; margin:0; position:relative; li { list-style:none; padding:0; width:100%; height:100%; visibility:hidden; position:absolute; left:0; top:0; .op(0); } .cmsmasters_hover_slider_full_img { width:100%; max-width:100%; height:100%; max-height:100%; } img { display:block; width:100%; max-width:100%; height:100%; max-height:100%; position:absolute; } } .cmsmasters_hover_slider_thumbs { font-size:0; line-height:0; margin:0 -5px; padding:0; word-spacing:-1px; li { word-spacing:normal; display:inline-block; display:-moz-inline-stack; padding:10px 5px 0; vertical-align:top; &.shortcode_animated a { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } &.hovered_item a:before { .op(.4); } } a { display:block; position:relative; -webkit-transform:scale(.5); -moz-transform:scale(.5); transform:scale(.5); .ovh; .op(.3); &:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; .op(0); } &:hover:before { .op(.4); } } img { display:block; width:100px; height:auto; image-rendering:auto; } } } .js_body .cmsmasters_hover_slider_items > li > figure.cmsmasters_hover_slider_full_img img { position:absolute; } /***************** Content slider ******************/ .cmsmasters_content_slider { position:relative; .ovh; &:hover { .owl-buttons { > div { .op(1); } } } img { width:100%; } .owl-buttons { position:static; width:0; height:0; > div { display:block; width:50px; height:50px; margin:0; .op(0); .pos_abs(50px, 50px); .ovh; &:before { content:''; width:100%; height:100%; position:absolute; left:0; top:0; } &.owl-prev { left:0; right:auto; } &.owl-next { left:auto; right:0; } > span { background:transparent; display:block; width:100%; height:100%; .bd(0); .bdrs(0); .bxsh_none; > span { width:10px; height:26px; &:before { font-size:26px; line-height:26px; } } } } } .owl-pagination { bottom:13px; } } /***************** Gallery ******************/ .cmsmasters_gallery { margin:0 0 0 -10px; padding:0; .cmsmasters_gallery_item { min-width:180px; padding:0 0 10px 10px; .fl; .op(0); &:before { display:none; } img { display:block; width:100%; } &.shortcode_animated { .op(1); } &.cmsmasters_caption { figure { display:block; padding:6px 6px 15px; .bd; } figcaption { padding:15px 0 0; .tac; } } } } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img { image-rendering:auto; } /***************** Quotes ******************/ .cmsmasters_quotes_slider { padding:10px 0 65px; position:relative; .ovh; &:before { content: '\201c'; font-family: 'Fira Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 330px; line-height: 275px; position: absolute; height: 90px; top: 10px; left: 245px; opacity: 0.1; } .cmsmasters_quote_block { .ovh; } .owl-buttons { visibility:hidden; .dn; } .owl-pagination { top:auto; bottom:0; width: auto; left: 335px; .tal; } .cmsmasters_quote { position:relative; .ovh; } .cmsmasters_quote_inner { position:relative; .ovh; } .cmsmasters_quote_content { position:relative; .ovh; padding-top: 17px; > *:last-child { margin-bottom:0; padding-bottom:0; } } .cmsmasters_quote_image { margin:27px 125px 0 30px; .tac; .ovh; .fl; img { width:180px; .bdrs(50%); } } .cmsmasters_quote_header { .ovh; display: inline-block; } .cmsmasters_quote_title { margin:0; .tac; } .cmsmasters_quote_subtitle_wrap { margin-top:-10px; } .cmsmasters_quote_subtitle { display:inline-block; margin:0; } .cmsmasters_quote_site { display:inline-block; } .cmsmasters_quote_subtitle + .cmsmasters_quote_site:before { content:'\002F'; display:inline-block; margin:0 4px; } } .cmsmasters_quotes_grid { position:relative; .ovh; .cmsmasters_quotes_vert { .dn; } .cmsmasters_quotes_list { padding:33px 0; position:relative; z-index:2; &:first-of-type { padding-top:0; } &:last-of-type { padding-bottom:0; } .quote_three& { padding:26px 0; &:first-of-type { padding-top:0; } &:last-of-type { padding-bottom:0; } } } .cmsmasters_quote { width:100%; position:relative; .fl; .quote_four& { width:25%; } .quote_three& { width:33.33%; } .quote_two& { width:50%; } .quote_one& { float:none; } } .cmsmasters_quote_inner { position:relative; .ovh; .quote_two& { padding:0 100px 0 0; } .quote_three& { padding:0 40px 0 0; } .quote_four& { padding:0 10px; } } .cmsmasters_quote_content { position:relative; .ovh; padding-left: 90px; &:before { content: '\201c'; font-family: 'Fira Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 330px; line-height: 275px; position: absolute; height: 90px; left: -12px; opacity: 0.1; font-style: initial; } .quote_four& { .tac; } > *:last-child { margin-bottom:0; padding-bottom:0; } } .cmsmasters_quote_img_info_wrap { padding:22px 0 0; .ovh; } .cmsmasters_quote_image { display:inline-block; padding:0 30px 0 0; vertical-align:middle; .ovh; .quote_four& { padding:0 0 20px; display:block; .tac; } img { width:60px; .bdrs(50%); } } .cmsmasters_quote_info_wrap { display:inline-block; vertical-align:middle; padding-top: 4px; .quote_four& { display:block; .tac; } } .cmsmasters_quote_header { padding:0; .ovh; } .cmsmasters_quote_title { margin:0; } .cmsmasters_quote_subtitle_wrap { .ovh; .quote_four& { .tac; } } .cmsmasters_quote_subtitle { display:inline-block; margin:0; .quote_one&, .quote_two&, .quote_three& { + .cmsmasters_quote_site:before { content:'\002F'; display:inline-block; margin:0 4px; } } } .cmsmasters_quote_site { display:inline-block; .quote_four& { display:block; .tac; } } } /***************** Pricing tables ******************/ .cmsmasters_pricing_table { margin:0 -@col_mar -(@col_mar * 2); position:relative; .ovh; .cmsmasters_pricing_item { display:block; margin:0 @col_mar (@col_mar * 2); position:relative; .fl; .ovh; .pricing_four& { width:round((100% / 4) - (@col_mar * 2), 2); &:nth-child(4n+1) { clear:both; } } .pricing_three& { width:round((100% / 3) - (@col_mar * 2), 2); &:nth-child(3n+1) { clear:both; } } .pricing_two& { width:round((100% / 2) - (@col_mar * 2), 2); &:nth-child(2n+1) { clear:both; } } .pricing_one& { float:none; } } .cmsmasters_pricing_item.pricing_best { .cmsmasters_pricing_item_inner { border-style:solid; } } .cmsmasters_pricing_item_inner { .bd(2px); padding:45px 30px 35px; position:relative; .tac; .ovh; .bdrs(5px); } .pricing_title { margin:0; .tac; } .feature_list { list-style:none; margin:0; padding:40px 0 27px; .tac; li { margin:0; padding:3px 0; &:before { content:none; } .feature_icon { display:block; position:relative; &:before { font-size:14px; line-height:20px; display:inline-block; margin:0 5px 0 0; vertical-align:middle; } &:after { .valign_after; } } } } .cmsmasters_price_wrap { word-spacing:-10px; padding:0 0 40px; .ovh; .tac; } .cmsmasters_price, .cmsmasters_currency, .cmsmasters_coins { display:inline-block; vertical-align:middle; } .cmsmasters_period { word-spacing:0; margin-top:8px; display:block; .tac; } } /***************** Google Maps ******************/ .resizable_block .google_map { position:absolute; width:100%; left:0; top:0; height:100%; } .google_map img { max-width:none; } /***************** Caption ******************/ .cmsmasters_img { display:inline-block; max-width:100%; &.cmsmasters_image_l { margin-right:@line_height_pad; .fl; } &.cmsmasters_image_r { margin-left:@line_height_pad; .fr; } &.with_caption { padding:6px 6px 0 6px; border-width:1px; border-style:solid; } .cmsmasters_img_caption { padding:15px 0; .tac; } } .wp-caption { max-width:100%; padding:0; margin-bottom:@line_height_pad; &.aligncenter { margin-left:auto; margin-right:auto; } &.alignleft { margin-right:25px; } &.alignright { margin-left:25px; } .wp-caption-text { padding:15px 0; .tac; } } /***************** WP Gallery ******************/ .gallery { position:relative; margin:0 -@col_mar 20px; img { width:100%; border:none; } .gallery-item { position:relative; float:left; margin:0 @col_mar 20px; .wp-caption-text { word-wrap:break-word; padding:5px; .tac; } } &.gallery-columns-1 .gallery-item { width:round(100% - (@col_mar * 2), 3); position:relative; float:none; .cl; } &.gallery-columns-2 .gallery-item { width:round((100% / 2) - (@col_mar * 2), 3); &:nth-child(2n+1) { .cl; } } &.gallery-columns-3 .gallery-item { width:round((100% / 3) - (@col_mar * 2), 3); &:nth-child(3n+1) { .cl; } } &.gallery-columns-4 .gallery-item { width:round((100% / 4) - (@col_mar * 2), 3); &:nth-child(4n+1) { .cl; } } &.gallery-columns-5 .gallery-item { width:round((100% / 5) - (@col_mar * 2), 3); &:nth-child(5n+1) { .cl; } } &.gallery-columns-6 .gallery-item { width:round((100% / 6) - (@col_mar * 2), 3); &:nth-child(6n+1) { .cl; } } &.gallery-columns-7 .gallery-item { width:round((100% / 7) - (@col_mar * 2), 3); &:nth-child(7n+1) { .cl; } } &.gallery-columns-8 .gallery-item { width:round((100% / 8) - (@col_mar * 2), 3); &:nth-child(8n+1) { .cl; } } &.gallery-columns-9 .gallery-item { width:round((100% / 9) - (@col_mar * 2), 3); &:nth-child(9n+1) { .cl; } } } .gallery:after, .gallery-item:after { .cl_after; } .gallery-caption { outline:none; } /***************** Sidebar ******************/ .cmsmasters_sidebar { margin:0 -@col_mar; aside { margin:0 @col_mar; float:left; } } .sidebar_layout_14141414 { aside { width:round((100% / 4) - (@col_mar * 2), 2); } } .sidebar_layout_141412 { > aside:first-child, > aside:first-child + aside, > div.cl + aside, > div.cl + aside + aside, > div.cmsmasters_widget_divider + aside, > div.cmsmasters_widget_divider + aside + aside { width:round((100% / 4) - (@col_mar * 2), 2); } > aside:first-child + aside + aside, > div.cl + aside + aside + aside, > div.cmsmasters_widget_divider + aside + aside + aside { width:round((100% / 2) - (@col_mar * 2), 2); } } .sidebar_layout_141214 { > aside:first-child, > aside:first-child + aside + aside, > div.cl + aside, > div.cl + aside + aside + aside, > div.cmsmasters_widget_divider + aside, > div.cmsmasters_widget_divider + aside + aside + aside { width:round((100% / 4) - (@col_mar * 2), 2); } > aside:first-child + aside, > div.cl + aside + aside, > div.cmsmasters_widget_divider + aside + aside { width:round((100% / 2) - (@col_mar * 2), 2); } } .sidebar_layout_121414 { > aside:first-child, > div.cl + aside, > div.cmsmasters_widget_divider + aside { width:round((100% / 2) - (@col_mar * 2), 2); } > aside:first-child + aside, > aside:first-child + aside + aside, > div.cl + aside + aside, > div.cl + aside + aside + aside, > div.cmsmasters_widget_divider + aside + aside, > div.cmsmasters_widget_divider + aside + aside + aside { width:round((100% / 4) - (@col_mar * 2), 2); } } .sidebar_layout_131313 { aside { width:round((100% / 3) - (@col_mar * 2), 2); } } .sidebar_layout_3414 { > aside:first-child, > div.cl + aside, > div.cmsmasters_widget_divider + aside { width:round(((100% * 3) / 4) - (@col_mar * 2), 2); } > aside:first-child + aside, > div.cl + aside + aside, > div.cmsmasters_widget_divider + aside + aside { width:round((100% / 4) - (@col_mar * 2), 2); } } .sidebar_layout_1434 { > aside:first-child, > div.cl + aside, > div.cmsmasters_widget_divider + aside { width:round((100% / 4) - (@col_mar * 2), 2); } > aside:first-child + aside, > div.cl + aside + aside, > div.cmsmasters_widget_divider + aside + aside { width:round(((100% * 3) / 4) - (@col_mar * 2), 2); } } .sidebar_layout_2313 { > aside:first-child, > div.cl + aside, > div.cmsmasters_widget_divider + aside { width:round(((100% * 2) / 3) - (@col_mar * 2), 2); } > aside:first-child + aside, > div.cl + aside + aside, > div.cmsmasters_widget_divider + aside + aside { width:round((100% / 3) - (@col_mar * 2), 2); } } .sidebar_layout_1323 { > aside:first-child, > div.cl + aside, > div.cmsmasters_widget_divider + aside { width:round((100% / 3) - (@col_mar * 2), 2); } > aside:first-child + aside, > div.cl + aside + aside, > div.cmsmasters_widget_divider + aside + aside { width:round(((100% * 2) / 3) - (@col_mar * 2), 2); } } .sidebar_layout_1212 { aside { width:round((100% / 2) - (@col_mar * 2), 2); } } .sidebar_layout_11 { aside { width:round(100% - (@col_mar * 2), 2); } } /***************** Share ******************/ .cmsmasters_sharing { .ovh; } .share_wrap { float:left; margin-bottom:20px; margin-right:20px; margin-left:0; &:last-child { margin-right:0; } .social_vertical & { float:none; margin-right:0; } } /***************** Twitter Stripe ******************/ .cmsmasters_twitter_wrap { padding:73px 0 40px; position:relative; .ovh; .owl-pagination { bottom:-47px; } .owl-buttons { visibility:hidden; .dn; } .twr_icon { font-size:64px; line-height:64px; display:block; .pos_abs(1em, 1em, 0, 0, 0, auto); &:before { margin:0 !important; } } .cmsmasters_twitter { position:relative; } .cmsmasters_twitter_item { padding:48px 10% 0; position:relative; .tac; } .published { padding:0; .pos_abs(auto, 20px, 0, 0, 0, auto); } .cmsmasters_twitter_item_content { display:block; } } /***************** Dropcap ******************/ .cmsmasters_dropcap { margin:2px 36px 5px 27px; line-height:60px; .fl; &.type2 { width:60px; height:60px; margin:6px 25px 5px 0; .bdrs(50%); .tac; } } /***************** Clients ******************/ .cmsmasters_clients_slider_wrap { &.enable_arrow_control { &:hover { .owl-buttons { > div { .op(1); } } } .cmsmasters_clients_slider { padding-left:37px; padding-right:37px; &.enable_slides_control { outline:none; } &.enable_arrow_control { outline:none; } } .owl-buttons { position:static; > div { .pos_abs(37px, 100%); .op(0); &.owl-prev { right:auto; > span { &:before { content:''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); .pos_abs(12px, 1px, 0, auto, 8px); } &:after { content:''; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); .pos_abs(12px, 1px, 0, auto, 0, 8px); } } } &.owl-next { left:auto; > span { &:before { content:''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); .pos_abs(12px, 1px, auto, 0, 0, 8px); } &:after { content:''; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); .pos_abs(12px, 1px, auto, 0, 8px); } } } > span { .pos_abs(37px, 37px); > span { .dn; } } } } } &.enable_slider_control { .cmsmasters_clients_slider { padding-top:10px; padding-bottom:10px; } .owl-pagination { line-height:10px; height:10px; } } } .cmsmasters_clients_slider { margin:0; padding:0; .cmsmasters_owl_slider_item { min-width:160px; } } .cmsmasters_clients_item { font-size:0; line-height:180px; height:180px; vertical-align:middle; position:relative; .tac; > span { .tac; .pos_abs(100%, 100%); .op(0); &:after { .valign_after; } } &:hover { > span { .op(1); &:last-child { .op(1); } } } img { display:inline-block; padding:0 20px; max-width:100%; max-height:100%; height:auto; width:auto; vertical-align:middle; } a { line-height:180px; display:block; height:100%; } &:hover { outline:none; } } .cmsmasters_clients_grid { overflow:hidden; &.clients_five .cmsmasters_clients_item { width:20%; } &.clients_four .cmsmasters_clients_item { width:25%; } &.clients_three .cmsmasters_clients_item { width:33.33%; } &.clients_two .cmsmasters_clients_item { width:50%; } .cmsmasters_clients_items { height:auto; } .cmsmasters_clients_item { margin-bottom:20px; float:left; img { -webkit-transform:scale(.5); -moz-transform:scale(.5); transform:scale(.5); .op(.1); } &.shortcode_animated { img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } } } &.clients_one .cmsmasters_clients_item:last-child, &.clients_one .cmsmasters_clients_item { width:100%; float:none; height:auto; line-height:0; } &.clients_two .cmsmasters_clients_item:nth-child(2n+1), &.clients_three .cmsmasters_clients_item:nth-child(3n+1), &.clients_four .cmsmasters_clients_item:nth-child(4n+1), &.clients_five .cmsmasters_clients_item:nth-child(5n+1) { clear:both; } } /*-------------------------------------------------------------------------*/ /* Widgets Styles /*-------------------------------------------------------------------------*/ .widget { position:relative; padding:0 0 (@line_height_pad * 2); } /***************** Widget Text ******************/ .widget_text { ul { li { &:before { content:none; } } } } /***************** Widget Advertisement ******************/ .widget_custom_advertisement_entries { .widgettitle { margin-bottom:25px; } .adv_image_wrap { margin:-5px; overflow:hidden; .adv_widget_image { width:125px; height:125px; float:left; margin:5px; } } } /***************** Widget Lists ******************/ .widget_pages, .widget_categories, .widget_archive, .widget_meta, .widget_recent_comments, .widget_recent_entries { ul { margin:0; padding:0; li { margin:0; padding:0; &:before { content:none; } a { display:inline-block; padding:2px 0; } } } > ul { > li { > ul { > li { > a { padding-left:10px; padding-right:0; } > ul { > li { > a { padding-left:20px; padding-right:0; } > ul { > li { > a { padding-left:30px; padding-right:0; } > ul { > li { > a { padding-left:40px; padding-right:0; } } } } } } } } } } } .post-date { display:block; margin:-3px 0 0; } } .custom_list{ margin:0; padding:0; li { margin:0; padding:0; &:before { content:none; } a { display:inline-block; padding:2px 0; } } } .widget_recent_comments { > ul { > li { padding:4px 0; } } } .widget_categories, .widget_archive { .screen-reader-text { .dn; } } /***************** Widget Text ******************/ .widget_text { li { &:before { content:none; } } } /***************** Widget Calendar ******************/ #wp-calendar { border-spacing:0; width:auto; min-width:200px; caption { text-align:left; padding:0 0 10px; } td, th { padding:5px 0; .bd(0); } #next { .tar; } tfoot { a { display:inline-block; padding-top:10px; } } } /***************** Widget Contact Form ******************/ .widget_custom_contact_form_entries { @{input_text}, textarea, select { width:100%; } .form_info.submit_wrap { padding-top:0; } } /***************** Widget Contact Info ******************/ .widget_custom_contact_info_entries { position:relative; .ovh; > span, .adress_wrap { display:block; margin:20px 0 0; padding:0 0 0 30px; position:relative; &:first-child { margin:0; } &:before { font-size:16px; line-height:18px; .tac; .pos_abs(1em, 1em, 1px, auto); } } .adress_wrap { span { display:block; } &:before { top:2px; bottom:auto; } } } /***************** Widget Custom Menu ******************/ .widget_nav_menu { position:relative; .ovh; ul { margin:0; padding:0; li { margin:0; padding:0; &:before { content:none; } a { display:block; padding:10px 0; position:relative; .bdb; &:empty { .dn; } } } } > div > ul { position:relative; > li { > ul { > li { > a { padding-left:10px; } > ul { > li { > a { padding-left:20px; } > ul { > li { > a { padding-left:30px; } > ul { > li { > a { padding-left:40px; } > ul { > li { > a { padding-left:50px; } > ul { > li { > a { padding-left:60px; } > ul { > li { > a { padding-left:70px; } > ul { > li { > a { padding-left:80px; } > ul { > li { > a { padding-left:90px; } > ul { > li { > a { padding-left:100px; } } } } } } } } } } } } } } } } } } } } } } } } /***************** Widget Facebook ******************/ .widget_custom_facebook_entries iframe { margin-bottom:0; } /***************** Widget Flickr ******************/ .widget_custom_flickr_entries { .wrap { margin:0 -7px; } .more_button { display:none; } .flickr_badge_image { margin:0 7px 18px; .fl; } } /***************** Widget Latest and Popular Projects ******************/ .widget_custom_popular_projects_entries, .widget_custom_latest_projects_entries { position:relative; .cmsmasters_owl_slider { padding:0 0 25px; } .owl-buttons { .dn; } .cmsmasters_slider_project { padding:0 1px 2px; &:hover { .cmsmasters_slider_project_header { bottom:0; .op(1); } } } .cmsmasters_slider_project_img_wrap { position:relative; .ovh; } .cmsmasters_slider_project_inner { padding:20px 0; } .cmsmasters_slider_project_header { width:100%; padding:3px; position:absolute; left:0; bottom:-30px; .op(0); .tal; } .cmsmasters_slider_project_title { padding:18px 20px; } .cmsmasters_slider_project_content { padding:0 0 17px; } } /***************** Widget Posts Tabs ******************/ .widget_custom_posts_tabs_entries { position:relative; .ovh; .cmsmasters_tabs { position:relative; .cmsmasters_tabs_list { .tal; } .cmsmasters_tabs_list_item { display:inline-block; margin:0; padding:0; float:none; + .cmsmasters_tabs_list_item > a:before { content:'-'; padding:0 3px; position:relative; left:auto; right:auto; top:auto; bottom:auto; } a { padding:0; } } .cmsmasters_tabs_wrap { padding:10px 0; position:relative; .bdt(0); .ovh; > .cmsmasters_tab:first-child { display:block; } } .cmsmasters_tab { ul { margin:0; padding:0; } li { margin:25px 0 0; padding:0; position:relative; .ovh; &:first-child { margin:0; } &:before { content:none; } p { margin:0; padding:0; } small { display:block; } } &.tab_latest, &.tab_popular { li:after { .valign_after; height:60px; } } &.tab_comments { li { > p { margin:0; padding:10px 0 0; } } } } .cmsmasters_lpr_tabs_img { margin-right:20px; z-index:1; .ovh; .pos_abs(60px, 60px, 0, auto); } .cmsmasters_lpr_tabs_cont { display:inline-block; vertical-align:middle; padding:0 0 0 75px; position:relative; .ovh; > a { outline:none; } > .published { margin-top:-2px; display:block; } } } } /***************** Widget RSS ******************/ .widget_rss { img { margin:-3px 0 0; } ul { margin:0; padding:0; li { margin:0; padding:20px 0 0; &:first-child { padding:0; } &:before { content:none; } .rsswidget { outline:none; } .rss-date { display:block; } .rssSummary { padding:5px 0 0; .ovh; } cite { display:block; padding:7px 0 0; } } } } /***************** Widget Tag Cloud ******************/ .widget_tag_cloud { position:relative; .ovh; a { line-height:1em; display:inline-block; margin:0 4px 0 0; &:last-child { margin:0; } } } /***************** Widget Twitter ******************/ .widget_custom_twitter_entries { position:relative; .ovh; ul { margin:0; padding:0; li { margin:0 0 15px; padding:0 0 15px; position:relative; .bdb; &:last-child { margin:0; padding:0; .bdb(0); } &:before { content:none; } } } .tweet_time { display:block; margin:0 0 12px; padding:0 0 0 28px; position:relative; &:before { font-size:18px; line-height:18px; .pos_abs(1em, 1em, 0, auto); } } .tweet_text { display:block; .ovh; } } /*-------------------------------------------------------------------------*/ /* Search + Archives + Sitemap + Error + Other Styles /*-------------------------------------------------------------------------*/ /***************** Archives + Search ******************/ .cmsmasters_search, .cmsmasters_archive { position:relative; .ovh; > .about_author { max-width:700px; padding:0 0 50px; .m0a; } .cmsmasters_search_zero { .search_bar_wrap { max-width:400px; } } .content & { .cmsmasters_search_zero { .tal; &.tar { float:none; } } } .middle_content & { .cmsmasters_search_zero { max-width:650px; &.tac { margin:0 auto; } } } } .cmsmasters_archive_type { padding:50px 0 0; .ovh; &:first-of-type { padding-top:0; } .preloader { padding-bottom:@preloader_archives_pad; &.highImg { height:auto; padding:0; } } .cmsmasters_archive_item_img_wrap { margin:0 30px 0 0; width:23%; .fl; .cmsmasters_img_wrap { .ovh; } } .cmsmasters_archive_item_cont_wrap { .ovh; } .cmsmasters_archive_item_type { padding:0 0 20px; .ovh; } .cmsmasters_archive_item_header { padding:0 0 25px; } .cmsmasters_archive_item_title { word-wrap:break-word; margin:0; } .cmsmasters_archive_item_content { padding:0 0 20px; position:relative; .ovh; p { padding:0; } } .cmsmasters_archive_item_info { position:relative; .ovh; > * { display:inline-block; vertical-align:middle; &.cmsmasters_archive_item_category { margin:0 0 0 20px; &:first-child { margin:0; } } } } .cmsmasters_archive_item_date_wrap { + .cmsmasters_archive_item_user_name:before { content:'-'; padding:0 3px; } } } /***************** Sitemap ******************/ .middle_content .cmsmasters_sitemap_wrap { padding:0 0 50px; } .cmsmasters_sitemap_wrap { position:relative; .ovh; ul, ol, li { margin:0; padding:0; position:relative; .ovh; } > ul:last-child { padding-bottom:0; &:before { content:none; } } .cmsmasters_divider { margin-bottom:30px; } .cmsmasters_sitemap { padding:0; margin:0; .ovh; > li { width:100%; padding-top:30px; position:relative; &:before { content:''; display:block; width:100%; height:1px; margin:0; position:absolute; left:0; top:0; .bdrs(0); } &:first-child { margin-top:0; padding-top:0; &:before { content:none; } } > a { display:inline-block; margin-bottom:35px; + ul { margin-top:-10px; } } > ul { width:100%; .ovh; > li { width:25%; padding-top:0; padding-right:20px; margin-bottom:40px; .fl; &:before { content:none; } &:nth-child(5), &:nth-child(9), &:nth-child(13), &:nth-child(17), &:nth-child(21), &:nth-child(25), &:nth-child(29), &:nth-child(33), &:nth-child(37), &:nth-child(41), &:nth-child(45) { clear:both; } > ul { padding-top:20px; ul { padding-top:10px; } li { margin-left:20px; padding-top:10px; &:first-child { padding-top:0; } } > li { margin-left:0; } } } } } } .cmsmasters_sitemap_category { padding:5px 0 30px; margin:0; .ovh; &:before { content:''; display:block; width:100%; height:1px; margin:0; position:absolute; left:0; bottom:0; .bdrs(0); } > li { width:25%; padding-right:20px; margin-bottom:20px; .fl; &:before { content:none; } &:nth-child(5), &:nth-child(9), &:nth-child(13), &:nth-child(17), &:nth-child(21), &:nth-child(25), &:nth-child(29), &:nth-child(33), &:nth-child(37), &:nth-child(41), &:nth-child(45) { clear:both; } > ul { padding-top:20px; ul { padding-top:10px; } li { margin-left:20px; padding-top:10px; &:first-child { padding-top:0; } } > li { margin-left:0; } } } } .cmsmasters_sitemap_archive { padding:5px 0 30px; margin:0; .ovh; &:before { content:''; display:block; width:100%; height:1px; margin:0; position:absolute; left:0; bottom:0; .bdrs(0); } > li { width:25%; margin-bottom:20px; padding-right:20px; .fl; &:before { content:none; } &:nth-child(5), &:nth-child(9), &:nth-child(13), &:nth-child(17), &:nth-child(21), &:nth-child(25), &:nth-child(29), &:nth-child(33), &:nth-child(37), &:nth-child(41), &:nth-child(45) { clear:both; } } } } /***************** Error ******************/ .error { .ovh; .error_inner { padding:240px 20px 50px; } .error_title { font-size:264px; line-height:1em; font-weight:500; word-wrap:break-word; margin:0; padding:0 0 5px; .tac; } .error_subtitle { text-align:center; margin:0; padding:0; } } .error_cont { padding:40px 0 250px; .tac; .search_bar_wrap { display:inline-block; vertical-align:middle; width:270px; max-width:100%; margin:0 10px 20px; @{input_text} { height:46px; .bdrs; #middle & { padding:13px 20px; } } } .error_button_wrap { display:inline-block; vertical-align:middle; margin:0 10px 20px; } } /***************** Attachment Page ******************/ .cmsmasters_attach_img { padding:40px 0; position:relative; .ovh; .cmsmasters_attach_img_info { padding:0 0 20px; margin:0 0 30px; position:relative; .ovh; } .cmsmasters_attach_img_edit { margin:0; padding:0; .fr; } .cmsmasters_attach_img_meta { margin:0; padding:0; .ovh; } } /***************** Other ******************/ #main { .with_frm_style .frm_form_fields input, #wpcontent .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields textarea { padding:@input_pad; } } #lang_sel ul { overflow:visible; } #lang_sel_footer { display:none; } /*-------------------------------------------------------------------------*/ /* Contact Forms Styles /*-------------------------------------------------------------------------*/ .cmsmasters-form-builder { margin:0 -@col_mar; label { margin-bottom:5px; } .success_box { margin:0 @col_mar 10px; width:round(100% - (@col_mar * 2), 2); } .form_info { margin:0 @col_mar; margin-bottom:5px; padding-bottom:10px; &.submit_wrap { padding-top:10px; } } [class*="one_"] input[type="text"], [class*="one_"] select, [class*="one_"] textarea { width:100%; } textarea { min-height:160px !important; height:160px; } .formError .formErrorContent { margin-bottom:5px; } } span.wpcf7-list-item { display:block; } /*-------------------------------------------------------------------------*/ /* Calculated Fields Form /*-------------------------------------------------------------------------*/ .page #fbuilder { label { position: relative; } .fields { padding-bottom:15px; &.column2 { width:round((100% / 2) + (@col_mar * 2), 2); padding-left:@col_mar * 2; &[style] { width:round((100% / 2) - (@col_mar * 2), 2); padding-left:0; } } &.column3 { width:round(((100% - (@col_mar * 4)) / 3) + (@col_mar * 2), 2); padding-left:(@col_mar * 2); &[style] { width:round(((100% - (@col_mar * 4)) / 3), 2); padding-left:0; } } &.column4 { width:round(((100% - (@col_mar * 6)) / 4) + (@col_mar * 2), 2); padding-left:(@col_mar * 2); &[style] { width:round(((100% - (@col_mar * 6)) / 4), 2); padding-left:0; } } .two_column, .three_column { width:50%; padding-right:(@col_mar * 2); } > label { display:block; padding-bottom:10px; } > fieldset { margin:0; padding:0; background-color:transparent; border:none; legend { .bd(0); padding:0; margin-bottom:5px; margin-top:0; background-color:transparent; } } } .dfield { > div { margin-top:5px; } select { border-radius:30px; height:@input_height; } } .codepeoplecalculatedfield { font-weight:bold; height:@input_height; padding-left:15px; } .fform { padding: 5px 0 11px; } .cff-html-field { padding-bottom:0; h1, h2, h3, h4, h5, h6 { margin-bottom:0; } } } #fbuilder input[type="checkbox"] + .field_before, #fbuilder input[type="radio"] + .field_before { width: 17px; height: 22px; } .wpcf7-list-item-label, #fbuilder input[type="checkbox"] + .field_before, #fbuilder input[type="radio"] + .field_before, body .cmsmasters-form-builder .check_parent input[type="checkbox"] + label, body .cmsmasters-form-builder .check_parent input[type="radio"] + label { padding-left:29px; padding-right:0; position:relative; cursor:pointer; .fl; } .wpcf7-list-item label { position:relative; display:block; overflow:hidden; padding:5px 0; } #fbuilder input[type="checkbox"], #fbuilder input[type="radio"], .cmsmasters-form-builder .check_parent input[type="checkbox"], .cmsmasters-form-builder .check_parent input[type="radio"], .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"], .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] { .fl; .op(0); .pos_abs(1em, 1em, 0, auto); } #fbuilder input[type="checkbox"] + .field_before:before, #fbuilder input[type="radio"] + .field_before:before, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:before, .cmsmasters-form-builder .check_parent input[type="checkbox"] + label:before, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:before, .cmsmasters-form-builder .check_parent input[type="radio"] + label:before { content:''; .bd; .pos_abs(17px, 17px, 1px, auto); } #fbuilder input[type="radio"] + .field_before:before, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:before, .cmsmasters-form-builder .check_parent input[type="radio"] + label:before { .bdrs(50%); } #fbuilder input[type="checkbox"] + .field_before:after, #fbuilder input[type="radio"] + .field_before:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="checkbox"] + label:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="radio"] + label:after { content:''; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); .pos_abs(9px, 9px, 5px, auto); .op(0); } .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="radio"] + label:after, #fbuilder input[type="radio"] + .field_before:after { .bdrs(50%); } #fbuilder input[type="checkbox"]:checked + .field_before:after, #fbuilder input[type="radio"]:checked + .field_before:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"]:checked + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="checkbox"]:checked + label:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="radio"]:checked + label:after { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } /*-------------------------------------------------------------------------*/ /* CSS3 Animations /*-------------------------------------------------------------------------*/ html.csstransitions { /* Custom Animations */ @{input_text}, textarea, select { .trans(~'border-color .2s ease-in-out'); } .cmsmasters_open_project .owl-buttons > div > span > span:before { .trans(~'color .3s ease-in-out'); } #slide_top, .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div > span:before, .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div > span:after, .post_nav > span > span:before, .post_nav > span > span:after, .cmsmasters_wrap_pagination ul li .page-numbers > span:before, .cmsmasters_wrap_pagination ul li .page-numbers > span:after, .header_mid .resp_mid_nav_wrap .resp_mid_nav > span, .header_mid .resp_mid_nav_wrap .resp_mid_nav > span:before, .header_mid .resp_mid_nav_wrap .resp_mid_nav > span:after, .header_bot .resp_bot_nav_wrap .resp_bot_nav > span, .header_bot .resp_bot_nav_wrap .resp_bot_nav > span:before, .header_bot .resp_bot_nav_wrap .resp_bot_nav > span:after, .header_top .responsive_top_nav > span, .header_top .responsive_top_nav > span:before, .header_top .responsive_top_nav > span:after { .trans(~'background-color .3s ease-in-out'); } .cmsmasters_project_puzzle a, .cmsmasters_header_search_form .cmsmasters_header_search_form_close, .cmsmasters_clients_slider_wrap.enable_arrow_control .owl-buttons > div, .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_inner a, .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap .profile_social_icons, .cmsmasters_profile_horizontal .cmsmasters_img_social_wrap .profile_social_icons_list a, .cmsmasters_project_grid .cmsmasters_img_rollover, .cmsmasters_open_project .owl-buttons > div { .trans(~'opacity .3s ease-in-out'); } .button, input[type=submit], input[type=button], button, .pbSubmit, .cmsmasters_header_search_form button, .cmsmasters_notice .notice_close { .trans(~'color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out'); } .owl-pagination .owl-page { .trans(~'background-color .3s ease-in-out, border-color .3s ease-in-out'); } ul.navigation > li > a .nav_tag { .trans(~'color .3s ease-in-out, border-color .3s ease-in-out'); } .cmsmasters_content_slider .owl-buttons > div { .trans(~'opacity .3s ease-in-out, color .3s ease-in-out'); } .cmsmasters_header_search_form { .trans(~'opacity .5s ease-in-out, visibility .5s ease-in-out'); } .cmsmasters_project_puzzle .project_outer .cmsmasters_img_rollover .cmsmasters_open_post_link, .cmsmasters_project_puzzle .project_outer .cmsmasters_img_rollover { .trans(~'opacity .3s ease-in-out, visibility .3s ease-in-out'); } .cmsmasters_project_grid .cmsmasters_project_footer { .trans(~'opacity .4s ease-in-out, top .4s ease-in-out'); } .cmsmasters_slider_project .cmsmasters_slider_project_img_wrap, .cmsmasters_slider_project .cmsmasters_slider_project_read_more, .cmsmasters_project_puzzle .project_inner, .cmsmasters_toggles .cmsmasters_toggle_plus, .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:before, .cmsmasters_items_filter_wrap .cmsmasters_items_sort_but:after, .cmsmasters_project_grid .cmsmasters_project_read_more, .cmsmasters_slider_post .cmsmasters_slider_post_read_more { .trans(~'all .3s ease-in-out'); } /* Global Animations */ a, .img_placeholder_small, .cmsmasters_icon_wrap .cmsmasters_simple_icon_title, .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul li a:before { .trans(color .3s ease-in-out); } .header_mid, .header_bot { .trans(~'background-color .2s ease-in-out'); } .cmsmasters_social_icon, .edge_only .cmsmasters_but_icon_inverse { .trans(~'color .3s ease-in-out, background-color .3s ease-in-out'); } nav > div > ul ul, nav > div > ul div { .trans(~'opacity .3s ease-in-out .1s, margin-top .3s ease-in-out .1s'); } nav > div > ul ul ul { .trans(~'opacity .3s ease-in-out .1s, margin-left .3s ease-in-out .1s, margin-right .3s ease-in-out .1s'); } nav > div > ul li a, .cmsmasters_icon_wrap .cmsmasters_simple_icon { .trans(~'background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out'); } nav > div > ul li a .nav_subtitle { .trans(~'color .3s ease-in-out'); } .header_top .header_top_but { .trans(~'color .3s ease-in-out, border-color .3s ease-in-out'); } .cmsmasters_toggles .cmsmasters_toggle_plus span { .trans(~'background-color .3s ease-in-out, height .1s ease-in-out'); } .cmsmasters_hover_slider_thumbs > li img { .trans(~'opacity .4s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out'); } .cmsmasters_hover_slider_items > li { .trans(~'opacity .5s ease-in-out, visibility .5s ease-in-out'); } .cmsmasters_hover_slider_thumbs > li a { .trans(border-color .3s ease-in-out); } .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs > li a:before { .trans(opacity .4s ease-in-out); } .isotope > * { .trans(opacity .8s ease-in-out); } .cmsmasters_project_grid .project_outer .cmsmasters_img_rollover, .cmsmasters_slider_post .cmsmasters_slider_post_img_wrap .cmsmasters_img_rollover, .cmsmasters_slider_project .cmsmasters_slider_project_img_wrap .cmsmasters_img_rollover { .trans(~'box-shadow .3s ease-in-out'); } .cmsmasters_project_grid .project_outer img, .cmsmasters_slider_project .cmsmasters_img_rollover_wrap img, .cmsmasters_slider_post .cmsmasters_slider_post_outer img { .trans(~'transform .3s ease-in-out'); } .cmsmasters_button, .cmsmasters_button.cmsmasters_but_clear_styles:before, .cmsmasters_button.cmsmasters_but_clear_styles:after { .trans(~'all .3s ease-in-out'); } #fbuilder input[type="checkbox"] + .field_before:after, #fbuilder input[type="radio"] + .field_before:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="checkbox"] + label:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:after, .cmsmasters-form-builder .check_parent input[type="radio"] + label:after { .trans(~'all .2s ease-out'); } .cmsmasters_icon_box.cmsmasters_icon_top:before, .cmsmasters_icon_box.cmsmasters_icon_box_top:before, .cmsmasters_icon_box.cmsmasters_icon_box_left_top:before, .cmsmasters_icon_box.cmsmasters_icon_box_left:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h1:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h2:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h3:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h4:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h5:before, .cmsmasters_icon_box.cmsmasters_icon_heading_left h6:before { .trans(~'all 1s cubic-bezier(.55, .3, .5, 1.65)'); } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item:before { .trans(~'opacity 5s ease-in-out, height .8s ease-in'); } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon, .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon:after { .trans(~'all .5s ease-in-out'); } .cmsmasters_icon_list_items.cmsmasters_icon_list_type_block .cmsmasters_icon_list_item .cmsmasters_icon_list_icon:before { .trans(~'color .4s ease-in-out, font-size .4s ease-in-out, line-height .4s ease-in'); } .cmsmasters_clients_item img, .cmsmasters_clients_item span, .cmsmasters_hover_slider .cmsmasters_hover_slider_thumbs a { .trans(~'all .5s ease-in-out'); } .cmsmasters_profile .profile img { .trans(~'all .7s cubic-bezier(.55, .3, .5, 1.65)'); } .cmsmasters_profile .profile .pl_social_list { .trans(~'opacity .5s ease-out, margin .5s ease-out'); } .cmsmasters_project_grid figure { .trans(~'opacity .7s ease-in-out'); } .cmsmasters_stats.stats_mode_bars.shortcode_animated .cmsmasters_stat_inner { -webkit-animation:bar_move 2s ease-in; -moz-animation:bar_move 2s ease-in; -ms-animation:bar_move 2s ease-in; -o-animation:bar_move 2s ease-in; animation:bar_move 2s ease-in; } .cmsmasters_stats.stats_mode_bars.shortcode_animated .cmsmasters_stat_inner:before, .cmsmasters_stats.stats_mode_bars.shortcode_animated .cmsmasters_stat_inner .cmsmasters_stat_title { -webkit-animation:bar_title 2.2s ease-out; -moz-animation:bar_title 2.2s ease-out; -ms-animation:bar_title 2.2s ease-out; -o-animation:bar_title 2.2s ease-out; animation:bar_title 2.2s ease-out; } .cmsmasters_stats.stats_mode_bars.shortcode_animated .cmsmasters_stat_inner .cmsmasters_stat_counter_wrap { -webkit-animation:bar_inner 1s ease-in-out; -moz-animation:bar_inner 1s ease-in-out; -ms-animation:bar_inner 1s ease-in-out; -o-animation:bar_inner 1s ease-in-out; animation:bar_inner 1s ease-in-out; } .cmsmasters_column_sticky{ .trans(~'-webkit-transform .3s ease, transform .3s ease'); } @-webkit-keyframes autofill { to { color:inherit; background:transparent; } } @-webkit-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-moz-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-o-keyframes bar_move { from { width: 0; } to { width: 100%; } } @keyframes bar_move { from { width: 0; } to { width: 100%; } } @-webkit-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-moz-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-o-keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @keyframes bar_title { from { margin-left: -200px; } to { margin-left: 0px; } } @-webkit-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } }