/** * @package WordPress * @subpackage Construction PRO * @version 1.1.0 * * Theme CSS Rules * Created by CMSMasters * */ /*------------------------------------------------------------------------- 0. LESS Variables + Functions 1. Browser Reset 2. Globally Applied Styles 3. Header + Centered + Right + Fixed Version 4. Content + Sidebar Styles 5. Bottom + Footer Styles 6. Blog (Default, Masonry, Timeline) + Post Styles 7. Portfolio (Grid, Puzzle) + Project Styles 8. Posts Slider Styles 9. Profiles + Profile Styles 10. Shortcodes Styles 11. Widgets Styles 12. Search + Archives + Sitemap + Error + Other Styles 13. Contact Forms Styles 14. CSS3 Animations -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 0. LESS Variables + Functions */ /*-------------------------------------------------------------------------*/ /***************** Variables ******************/ @input_pad: 8px; @line_height_pad: 20px; @blocks_hor_pad: 20px; @cont_vert_pad: 30px; @col_mar: 2%; @col_mar_min: 1.5%; @resp_blocks_pad: 45.3%; @preloader_blog_standard_pad: 45.3%; @preloader_blog_masonry_pad: 68.9%; @preloader_blog_timeline_pad: 45.3%; @preloader_portfolio_grid_pad: 60.3%; @preloader_posts_slider_pad: 60.3%; @preloader_archives_pad: 100%; @sidebar_width: 26%; @content_width: 100% - @sidebar_width; @dropdown_width: 170px; @dropdown_width_top: 146px; @dropdown_anim_pad: 20px; @cont_width_def: 980px; @footer_def_copy_height: 60px; /***************** Functions ******************/ .fl () { float:left; } .fr () { float:right; } .dn () { display:none; } .db () { display:block; } .tal () { text-align:left; } .tac () { text-align:center; } .tar () { text-align:right; } .cl () { clear:both; } .ovh () { overflow:hidden; } .m0a () { margin:0 auto; } .bd (@w:1px; @t:solid) { border-width:@w; border-style:@t; } .bdt (@w:1px; @t:solid) { border-top-width:@w; border-top-style:@t; } .bdb (@w:1px; @t:solid) { border-bottom-width:@w; border-bottom-style:@t; } .bdr (@w:1px; @t:solid) { border-right-width:@w; border-right-style:@t; } .bdl (@w:1px; @t:solid) { border-left-width:@w; border-left-style:@t; } .color_white_opacity (@op:.5) { color:rgba(255, 255, 255, @op); } .bg_white_opacity (@op:.5) { background-color:rgba(255, 255, 255, @op); } .fullwidth_in_block () { width:100%; height:100%; position:absolute; top:0; left:0; } .op (@op:.5) { opacity:@op; } .display_flex () { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; } .display_inline_flex () { display:-webkit-inline-flex; display:-moz-inline-flex; display:-ms-inline-flex; display:inline-flex; } .flex_direction (@d:row) { -webkit-flex-direction:@d; -moz-flex-direction:@d; -ms-flex-direction:@d; flex-direction:@d; } .flex_wrap (@d:nowrap) { -webkit-flex-wrap:@d; -moz-flex-wrap:@d; -ms-flex-wrap:@d; flex-wrap:@d; } .justify_content (@d:flex-start) { -webkit-justify-content:@d; -moz-justify-content:@d; -ms-justify-content:@d; justify-content:@d; } .align_items (@d:stretch) { -webkit-align-items:@d; -moz-align-items:@d; -ms-align-items:@d; align-items:@d; } .align_content (@d:stretch) { -webkit-align-content:@d; -moz-align-content:@d; -ms-align-content:@d; align-content:@d; } .cl_after () { content:'.'; .db; clear:both; height:0; visibility:hidden; overflow:hidden; } .valign_after () { content:''; .dib; height:100%; .valignm; } .pos_abs (@w:1em; @h:1em; @l:0; @r:0; @t:0; @b:0) { width:@w; height:@h; margin:auto !important; position:absolute; left:@l; right:@r; top:@t; bottom:@b; } .pos_rel () { position:relative; } .dib () { display:inline-block; } .valignt () { vertical-align:top; } .valignm () { vertical-align:middle; } .valignb () { vertical-align:bottom; } .bdbx () { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .ctbx () { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .bdrs (@radius:5px) { -webkit-border-radius:@radius; border-radius:@radius; } .bxsh_color (@x:0; @y:0; @blur:5px; @spred:0; @color:255; @alpha:.05) { -webkit-box-shadow:@x @y @blur @spred rgba(@color, @color, @color, @alpha); box-shadow:@x @y @blur @spred rgba(@color, @color, @color, @alpha); } .bxsh (@x:0; @y:0; @blur:5px; @spred:0; @alpha:.05) { -webkit-box-shadow:@x @y @blur @spred rgba(0, 0, 0, @alpha); box-shadow:@x @y @blur @spred rgba(0, 0, 0, @alpha); } .bxsh_white (@x:0; @y:0; @blur:5px; @spred:0; @alpha:.05) { -webkit-box-shadow:@x @y @blur @spred rgba(255, 255, 255, @alpha); box-shadow:@x @y @blur @spred rgba(255, 255, 255, @alpha); } .bxshi (@x:0; @y:0; @blur:5px; @spred:0; @alpha:.05) { -webkit-box-shadow:inset @x @y @blur @spred rgba(0, 0, 0, @alpha); box-shadow:inset @x @y @blur @spred rgba(0, 0, 0, @alpha); } .bxshi_white (@x:0; @y:0; @blur:5px; @spred:0; @alpha:.05) { -webkit-box-shadow:inset @x @y @blur @spred rgba(255, 255, 255, @alpha); box-shadow:inset @x @y @blur @spred rgba(255, 255, 255, @alpha); } .bxsh_none () { -webkit-box-shadow:none; box-shadow:none; } .trans(@trans:0) when not (@trans = 0) { -webkit-transition:@trans; -moz-transition:@trans; -ms-transition:@trans; -o-transition:@trans; transition:@trans; } .arrow_top (@h:5px; @w:5px) { border-top:0 solid transparent !important; border-left:@w solid transparent !important; border-right:@w solid transparent !important; border-bottom-width:@h; border-bottom-style:solid; } .arrow_bottom (@h:5px; @w:5px) { border-bottom:0 solid transparent !important; border-left:@w solid transparent !important; border-right:@w solid transparent !important; border-top-width:@h; border-top-style:solid; } .arrow_left (@h:5px; @w:5px) { border-left:0 solid transparent !important; border-top:@w solid transparent !important; border-bottom:@w solid transparent !important; border-right-width:@h; border-right-style:solid; } .arrow_right (@h:5px; @w:5px) { border-right:0 solid transparent !important; border-top:@w solid transparent !important; border-bottom:@w solid transparent !important; border-left-width:@h; border-left-style:solid; } .arrow_top_left (@h:5px; @w:5px) { border-right:@w solid transparent !important; border-left:0 solid transparent !important; border-bottom:0 solid transparent !important; border-top-width:@h; border-top-style:solid; } .arrow_top_right (@h:5px; @w:5px) { border-bottom:@h solid transparent !important; border-top:0 solid transparent !important; border-left:0 solid transparent !important; border-right-width:@w; border-right-style:solid; } .arrow_bottom_left (@h:5px; @w:5px) { border-top:@h solid transparent !important; border-right:0 solid transparent !important; border-bottom:0 solid transparent !important; border-left-width:@w; border-left-style:solid; } .arrow_bottom_right (@h:5px; @w:5px) { border-left:@w solid transparent !important; border-top:0 solid transparent !important; border-right:0 solid transparent !important; border-bottom-width:@h; border-bottom-style:solid; } /*-------------------------------------------------------------------------*/ /* 1. Browser Reset */ /*-------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, figure, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; outline:none; } html { height:100%; overflow-x:hidden; .pos_rel; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } body { overflow-x:hidden; .pos_rel; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } *, *:before, *:after { .bdbx; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object, video, audio, embed, canvas, iframe, main, summary { .db; } video, audio, progress, canvas { vertical-align:baseline; } video { background-color:#000000; } template, [hidden], audio:not([controls]) { display:none; } audio:not([controls]) { height:0; } iframe { margin-bottom:@line_height_pad; max-width:100%; } abbr, address, progress { .dib; text-decoration:none; } abbr:not([class]), acronym { text-decoration:underline; } address { font-style:normal; margin:0 0 @line_height_pad; } code { letter-spacing:1px; .dib; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } ul, ol { list-style-position:inside; margin-bottom:@line_height_pad; li { padding:@line_height_pad / 2 0 0; &:first-child { padding-top:0; } li { &:first-child { padding:@line_height_pad / 2 0 0; } } } ul, ol { margin:0 0 0 @blocks_hor_pad; } } #middle, #bottom { ul, ol { overflow:hidden; } } ol { list-style-type:decimal-leading-zero; } ul { list-style-type:none; padding-left:15px; li { display:block; position:relative; &:before { content:'\e8be'; font-family:'fontello'; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:inherit; width:1em; padding:0; margin:0 5px 0 0; text-align:center; font-variant:normal; text-transform:none; line-height:1em; position:relative; } } } #header, #footer, .esg-grid { ul { padding:0; margin:0; li { &:before { display:none; } } } } dl { .db; overflow:hidden; } dt { .db; font-weight:bold; overflow:hidden; } dd { .db; overflow:hidden; margin:0 0 20px; } blockquote { padding-left:30px; .pos_rel; quotes:none; } blockquote:before, blockquote:after { content:none; } del { text-decoration:line-through; } table { border-collapse:separate; border-spacing:15px; width:100%; caption { text-align:center; padding:20px; } &:not([class]):not([id]) { border-spacing:0; border-collapse:collapse; margin-bottom:20px; th, td { padding:10px; .bd; } } } .pls-container, .pls-container table, .cmsmasters_table, .shop_table, .group_table, .variations, .shop_attributes { border-collapse:collapse; border-spacing:0; .valignm; } img { display:inline-block; color:transparent; height:auto; font-size:0; vertical-align:middle; max-width:100%; &.wp-smiley, &.emoji { font-size:1em; } } a { background:transparent; &:active, &:hover { outline:0; } } img { border:0; } figure { background-image:none !important; } fieldset { margin:25px 2px 30px; padding:1.5em 1em .5em; .bd(0); legend { padding:3px 10px; margin-top:-25px; } } input { line-height:normal; } button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0; } textarea { resize:vertical; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; } optgroup { font-weight:bold; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto; } input[type=search] { -webkit-appearance:textfield; } input[type=submit], input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none; } input[type="checkbox"], input[type="radio"] { padding:0; } button { overflow:visible; } button, select { text-transform:none; } button[disabled], html input[disabled] { cursor:default; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } input[type=text]::-ms-clear, p:empty { .dn; } :focus { outline:0; } pre { overflow:auto; } svg:not(:root) { overflow:hidden; } code, kbd, pre, samp { font-family:monospace; font-size:1em; } sub, sup, small { font-size:75%; } sub, sup { line-height:0; .pos_rel; } sup { vertical-align:super; } sub { vertical-align:sub; } b, strong { font-weight:bold; } th, td, caption { font-weight:normal; } dfn { font-style:italic; } hr { height:0; .ctbx; } mark { color:#000000; } .gallery-caption, .sticky, .bypostauthor, .screen-reader-text, .wp-caption-text { outline:none; } /*-------------------------------------------------------------------------*/ /* 2. 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; } input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]), textarea, select, option { padding:@input_pad; margin:0; max-width:100%; .bd; } input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):focus, textarea:focus { .bd; } input[type=submit], input[type=button], button { max-width:100%; cursor:pointer; } option { border:0; } nav { .db; .pos_rel; > div { > ul { list-style:none; .db; .pos_rel; z-index:202; zoom:1; ul { list-style:none; visibility:hidden; position:absolute; left:0; top:100%; z-index:203; opacity:0; ul { left:100%; top:0; } } li { .db; padding:0; .pos_rel; z-index:203; &:hover { z-index:204; > ul { visibility:visible; opacity:1; } } } a { .db; .pos_rel; z-index:204; } } } } .jetpack_subscription_widget #subscribe-email input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]), .widget_wysija input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]) { width:100% !important; padding:@input_pad !important; } .widget_wysija_cont .wysija-submit { display:inline-block !important; margin:0 !important; } .gform_wrapper input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]), .gform_wrapper textarea { padding:@input_pad !important; } .gform_wrapper select { padding:@input_pad !important; margin:0 !important; } .full-width { min-width:100%; } audio.full-width { width:100%; } .alignleft, .fl { .fl; } .alignright, .fr { .fr; } .aligncenter { .tac; } 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 { .cl; } .ovh { .ovh; } .low_case { text-transform:lowercase; } .up_case { text-transform:uppercase; } .cmsmasters_responsive_width { display:block; width:auto; visibility:hidden; } .cmsmasters_column { .pos_rel; min-height:1px; } .one_first, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .one_sixth { margin:0 @col_mar; .pos_rel; .fl; } .one_sixth { width:round((100% / 6) - (@col_mar * 2), 2); } .one_fifth { width:round((100% / 5) - (@col_mar * 2), 2); } .one_fourth { width:round((100% / 4) - (@col_mar * 2), 2); } .one_third { width:round((100% / 3) - (@col_mar * 2), 2); } .one_half { width:round((100% / 2) - (@col_mar * 2), 2); } .two_third { width:round(((100% * 2) / 3) - (@col_mar * 2), 2); } .three_fourth { width:round(((100% * 3) / 4) - (@col_mar * 2), 2); } .one_first { width:round(100% - (@col_mar * 2), 2); float:none; .pos_rel; .cl; } .cmsmasters_row_margin { &.cmsmasters_row_columns_behavior { .display_flex; &:after { content:none; } &.cmsmasters_131313 { width:99.99%; } .cmsmasters_column { .display_flex; &:after { content:none; } > div { width:100%; } } } } [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%; .pos_rel; } #footer, .headline_inner, .cmsmasters_breadcrumbs_inner { .ovh; } .header_top_outer, .header_mid_outer, .header_bot_outer { .pos_rel; } .post-password-form, .header_top_inner, .header_mid_inner, .header_bot_inner, .content_wrap, .headline_inner, .bottom_outer, .footer_inner, .cmsmasters_row_inner, .footer_copyright_wrapper span { .pos_rel; width:@cont_width_def; padding:0 @blocks_hor_pad; .m0a; } .content_wrap .post-password-form { width:auto; padding:0; } .cmsmasters_row { .cmsmasters_row_outer_parent { padding:.1px 0; } .cmsmasters_row_inner { &.cmsmasters_row_fullwidth { width:100%; padding:0 @blocks_hor_pad * 2; } } .cmsmasters_row_overlay { .fullwidth_in_block; } } .cmsmasters_row_margin { margin:0 -@col_mar - 0.07; .pos_rel; } .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 { &:after { .cl_after; } } .content { width:@content_width; padding:40px 0 30px; .pos_rel; .fl; &.fr { .fr; } } .sidebar { width:@sidebar_width; padding:40px 0 @cont_vert_pad 30px; .pos_rel; .fr; &.fl { padding:40px 30px @cont_vert_pad 0; .fl; } } .bottom_bg { padding-top:86px; padding-bottom:80px - @line_height_pad; } .bottom_inner { margin:0 -@col_mar; aside { .pos_rel; float:left; margin:0 @col_mar; } } .resp_nav_wrap { .dn; } /***************** Icons ******************/ /* global */ .cmsmasters_theme_icon_comment:before { content: '\eae5'; } .cmsmasters_theme_icon_like:before { content: '\e8a8'; } .cmsmasters_theme_icon_date:before { content: '\e874'; } .cmsmasters_theme_icon_search:before { content: '\eaac'; } .cmsmasters_theme_icon_cancel:before { content: '\e8c2'; } .cmsmasters_theme_icon_check:before { content: '\e8be'; } .cmsmasters_theme_icon_resp_nav:before { content: '\e925'; } .cmsmasters_theme_icon_person:before { content: '\e813'; } .cmsmasters_theme_icon_pj:before { content: '\e806'; } .cmsmasters_theme_icon_link_pj:before { content: '\eacb'; } .cmsmasters_theme_icon_details:before { content: '\e925'; } /* arrows */ .attachment_nav_btn_prev a:before, .cmsmasters_theme_icon_slide_prev:before, .cmsmasters_prev_arrow span:before { content: '\eb1d'; } .attachment_nav_btn_next a:after, .cmsmasters_theme_icon_slide_next:before, .cmsmasters_next_arrow span:before { content: '\eb1e'; } .cmsmasters_theme_icon_slide_top:before { content: '\eb1f'; } .cmsmasters_theme_icon_slide_bottom:before { content: '\eb1c'; } /* blog */ .cmsmasters_theme_icon_std:before { content: '\e85e'; } .cmsmasters_theme_icon_aside:before { content: '\e862'; } .cmsmasters_theme_icon_link:before { content: '\e836'; } .cmsmasters_theme_icon_image:before { content: '\e831'; } .cmsmasters_theme_icon_gallery:before { content: '\e87e'; } .cmsmasters_theme_icon_video:before { content: '\e87d'; } .cmsmasters_theme_icon_audio:before { content: '\e860'; } .cmsmasters_theme_icon_chat:before { content: '\e849'; } .cmsmasters_theme_icon_stick:before { content: '\e830'; } /* social */ .cmsmasters_theme_icon_user_mail:before { content: '\eaae'; } .cmsmasters_theme_icon_user_website:before { content: '\e836'; } .cmsmasters_theme_icon_user_phone:before { content: '\eafd'; } .cmsmasters_theme_icon_user_address:before { content: '\e908'; } .cmsmasters_theme_icon_user_twitter:before { content: '\eb9a'; } .cmsmasters_theme_icon_user_time:before { content: '\eb0b'; } /* shop */ .cmsmasters_theme_icon_basket:before { content: '\eb02'; } .cmsmasters_theme_icon_star_empty:before { content: '\e8aa'; } .cmsmasters_theme_icon_star_full:before { content: '\e8aa'; } /***************** Elements ******************/ /* Cmsmasters Moving Bar */ li.cmsmasters_mov_bar { position:absolute !important; height:4px !important; top: 50%; margin: 14px 18px 0 18px !important; padding:0 !important; span { .db; height:2px; .pos_rel; } } .post-password-form { padding-top:40px; p:first-child { font-weight:bold; } label { .dib; } input[type="password"] { .db; } input[type=submit] { display:inline-block; margin:0 0 0 5px; vertical-align:middle; } } /* Prelodaer */ .preloader { .db; width:100%; height:0; padding-bottom:@resp_blocks_pad; .pos_rel; .tac; .full-width { .fullwidth_in_block; } &.highImg { height:auto; padding:0; .full-width { height:auto; .pos_rel; top:auto; left:auto; } } } /* Resizable Block */ .resizable_block { .db; width:100%; height:0; padding-bottom:@resp_blocks_pad; .pos_rel; .ovh; .full-width { .fullwidth_in_block; } } /* Img Wrapper */ .cmsmasters_img_wrap { .db; .pos_rel; .ovh; .tac; .img_placeholder { width:100%; height:100%; position:absolute; left:0; top:0; &:before { font-size:40px; .pos_abs; } } .highImg { .img_placeholder { .db; padding-bottom:@resp_blocks_pad; .pos_rel; } } } /* Img Rollover */ .cmsmasters_img_rollover_wrap { .db; .pos_rel; .ovh; .img_placeholder { width:100%; height:100%; position:absolute; left:0; top:0; &:before { font-size:40px; .pos_abs; } } &.highImg { .img_placeholder { .db; padding-bottom:@resp_blocks_pad; .pos_rel; } } .cmsmasters_img_rollover { width:100%; height:100%; position:absolute; left:0; top:0; .tac; .op(0); .cl; > a { margin-top:20px; margin-right:20px; font-size:16px; line-height: 16px; font-family:fontello; width:40px; height:40px; z-index: 2; .fr; .pos_rel; &:before { .pos_abs; } } > a + a { margin-right:10px; } &:after { content:''; z-index: 1; .pos_abs(100%, 100%, auto, auto); .db; .op(0); } } &:hover { .cmsmasters_img_rollover { &:after { .op(0.7); } } .cmsmasters_img_rollover { .op(1); } } } /* Placeholder Small */ .img_placeholder_small { height:52px; width:72px; .db; .pos_rel; &: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; .pos_rel; > 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 { .dib; width:100%; .pos_rel; .search_field { padding:0; margin:0; input { width:100%; padding-right:40px; } } .search_button { padding:0; margin:0; .pos_abs(36px, 36px, auto, 0); button { background:none; .db; width:100%; min-width:0; height:100%; padding:0; margin:0; cursor:pointer; .bd(0); .bxsh_none; &:before { font-size:14px; font-family:fontello; font-style:normal; font-variant:normal; font-weight:normal; line-height:1em; text-align:center; text-decoration:inherit; text-transform:none; margin-left:0; margin-right:0; } } } } #page { .search_bar_wrap { p.search_button_open { .dn; } } } /* Icon Arrow global styles */ .cmsmasters_prev_arrow, .cmsmasters_next_arrow { .dib; width:32px; height:32px; .pos_rel; cursor:pointer; .tac; &:after { .valign_after; } span { .dib; width:6px; height:10px; .valignm; &:before { font-family:'fontello'; font-size:14px; line-height:10px; text-align:center; .db; 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(2px, 2px, 0, 0, -4px); &:before, &:after, span:before, span:after { content:''; background:transparent; position:absolute; height:1px; .bdl(2px); .bdr(2px); } &: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; } } /* Core Owl Carousel CSS v1.3.2 */ .owl-carousel { width:100%; .pos_rel; -ms-touch-action:pan-y; .dn; .owl-wrapper-outer { width:100%; .pos_rel; .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 { .pos_rel; .dn; &:after { content:'.'; line-height:0; .db; 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); } } .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); } } .cmsmasters_owl_slider { .pos_rel; padding:60px 0 0; .owl-pagination { .db; width:100%; position:absolute; .owl-page { .dib; margin:0 3px 1px; text-indent:-9999px; cursor:pointer; &:hover, &.active { .bxsh_none; } &.active { cursor:default; } } } .owl-buttons { position: absolute; right: 0; top: 0; .tac; > div { .dib; } > div + div { margin-left:6px; } } &.cmsmasters_big_btns { .owl-pagination { top:auto; bottom:13px; .tac; .owl-page { width:8px; height:8px; } } .owl-buttons { position: inherit; right: auto; top: auto; > div { .dib; height: 100%; width: 40px; position: absolute; top: 18px; margin:0; > span { .db; width: 40px; height: 60px; margin: auto !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor:pointer; span { .dib; width: 10px; height: 18px; .valignm; &:before { font-size:26px; line-height:18px; } } } &:after { content: ''; .dib; height: 100%; .valignm; } &.owl-prev { left: 0; } &.owl-next { right: 0; } } } } } /* Slide Top Button */ #slide_top { text-align:center; width:40px; height:40px; position:fixed; bottom:20px; right:20px; z-index:99999; .dn; &:before { font-size:20px; line-height:38px; } > span { .dib; text-indent:-9999px; } } /* Items Filter */ .cmsmasters_items_filter_wrap { padding:0; margin:0 0 100px; .pos_rel; .ovh; .cmsmasters_items_filter { .ovh; } .cmsmasters_items_filter_block { .cmsmasters_items_filter_list { margin:0; padding:10px 0; .pos_rel; .tac; .ovh; li { .pos_rel; .dib; width:auto; height:auto; padding:14px 0; margin:0 26px; -moz-transition:all .3s ease; transition:all .3s ease; &:before { content:none; } > a.button { padding:0; .pos_rel; } &.current { > a { &:before { width:100%; } } } > a { &:before { content: ''; width: 0; height: 2px; top: auto; bottom: -6px; position: absolute; .db; } &:hover { &:before { width:100%; } } } } } } } div.cmsmasters_items_filter_wrap + div.cmsmasters_items_sort_block { margin-top:-44px; } .cmsmasters_items_sort_block { .db; .pos_rel; .tac; width:100%; margin-bottom:68px; > span { cursor:default; margin-right:20px; } .cmsmasters_items_sort_but { margin:0 5px; padding:0; &:before { margin:3px 0 0px 1px; font-size: 14px; .fr; } &.reversed { &:before { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); } } } a + a { margin-left:15px; } } /* More Items Loader and Pagination */ .cmsmasters_wrap_more_items { width:100%; .ovh; } .cmsmasters_wrap_items_loader { margin:70px 0 0; padding:40px 0 30px; .bdt(2px); .tac; .ovh; .cmsmasters_items_loader { .dib; } } .cmsmasters_wrap_pagination { margin:70px 0 0; padding:40px 0 30px; .bdt(2px); .tac; .ovh; ul { .dib; padding:0; margin:0; .tac; li { .db; padding:0 0 4px 4px; .fl; &:first-child { padding-left:0; } &:before { content:none; } .page-numbers { line-height:32px; height:32px; min-width:32px; .pos_rel; .db; &.next, &.prev { padding-top:1px; } } > span { cursor:default; } } } } /* Post Navigation */ .post_nav { padding:26px 0 0; margin-bottom:20px; .pos_rel; .ovh; > span { .db; .pos_rel; a { .dib; padding:5px 0; .pos_rel; z-index:2; } > span { margin:auto !important; position:absolute; top:0; bottom:0; } &.cmsmasters_prev_post { padding-right:20px; .fl; a { padding-left:52px; } > span { left:0; right:auto; } } &.cmsmasters_next_post { padding-left:20px; .fr; a { padding-right:52px; .tar; } > span { left:auto; right:0; } } } } /* Share Posts */ .share_posts { padding:68px 0 0; .pos_rel; .ovh; .share_posts_title { margin-bottom:30px; .pos_rel; } .share_posts_inner { .pos_rel; .ovh; padding-bottom:3px; } a { margin: 0 30px 10px 0; .pos_rel; .dib; &:last-child { margin-right:0px;; } &:before { content:''; width:0; height:2px; top:auto; left:0; bottom:-6px; position:absolute; .db; } &:hover { &:before { width:100%; } } } } /* About Author */ .about_author { padding:72px 0 0; .pos_rel; .about_author_title { margin-bottom:30px; .pos_rel; } .about_author_inner { padding:0; .ovh; } .about_author_avatar { margin:14px 32px 0 0; .fl; .ovh; .bdrs(50%); } .about_author_cont { .pos_rel; .ovh; p { padding:0 0 10px; } } .about_author_cont_title { margin:0 0 12px; } } /* Single Post Slider */ .cmsmasters_single_slider { padding:76px 0 0; .pos_rel; .ovh; .cmsmasters_single_slider_title { margin-bottom:36px; } .preloader { padding-bottom:@preloader_posts_slider_pad; &.highImg { height:auto; padding:0; } } .cmsmasters_owl_slider { padding-top:0; padding-bottom:0; } .cmsmasters_single_slider_inner { margin:0 -10px; } .cmsmasters_single_slider_item { min-width:200px; padding:0 10px; .pos_rel; } .cmsmasters_single_slider_item_outer { .pos_rel; .ovh; } .cmsmasters_single_slider_item_inner { padding:15px 0 20px; .pos_rel; .ovh; } .cmsmasters_single_slider_item_title { margin:0; padding:0; } .owl-buttons { top:-64px; padding:0 10px; } } .project_navi { padding:20px 0; .ovh; } /* Post Comments */ .post_comments { padding:80px 0 0; .pos_rel; &:after { .cl_after; } .post_comments_title { margin:0 0 10px 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:14px 0 0; &:before { content:none; } } .cmsmasters_comment_item { padding:12px 0; .pos_rel; } .cmsmasters_comment_item_date { padding:0 0 0 14px; position:absolute; right:0; top:6px; } .cmsmasters_comment_item_avatar { .db; margin:0 22px 0 0; .fl; .ovh; .bdrs(50%); } .cmsmasters_comment_item_cont { .pos_rel; .ovh; } .cmsmasters_comment_item_cont_info { margin:-6px 0 0; padding:0 0 5px 0; .pos_rel; .ovh; .bdb(2px); > a { .dib; margin:0 0 0 10px; } } .cmsmasters_comment_item_title { .dib; margin:0; padding:0; } .cmsmasters_comment_item_content { padding-top:15px; > *:last-child { margin-bottom:0; padding-bottom:0; } } } /* Comment Respond */ .comment-respond { padding:62px 0; .pos_rel; &:after { .cl_after; } textarea { min-height:86px; } p { padding-bottom:10px; .pos_rel; .ovh; label { position: absolute; top: 0; left: 0; padding: 9px 12px; opacity:1; cursor:pointer; } &.area_opened { label { opacity:0; cursor:text; } } } .comment-reply-title { margin-bottom:30px; .pos_rel; small { .fr; } } .comment-form { .pos_rel; &:after { .cl_after; } } .comment-notes, .logged-in-as { padding-bottom:34px; .cl; } .comment-form-author, .comment-form-email { padding-right:10px; width: 260px; max-width: 100%; .fl; } .comment-form-comment { padding-right:10px; width:520px; max-width: 100%; .cl; textarea { width:100%; } } .form-submit { padding-top:10px; .cl; } } /* Attachment */ body.attachment { #middle_content { padding:70px 0 0; } } /* Attachment Edit Link */ .post-edit-link { padding:9px 20px; cursor:pointer; margin:10px 0; .pos_rel; .dib; } /* Attachment Navigation */ .attachment_nav_btn a:before, .attachment_nav_btn a:after { font-family:'fontello'; line-height:32px; width:32px; height:32px; .tac; .dib; } .attachment_nav_btn_prev a:before { margin-right:22px; } .attachment_nav_btn_next a:after { margin-left:22px; } /* WP Default Elements */ /* Tags */ address, cite { font-style:italic; } /* Default pagination */ .subpage_nav { .cl; strong { margin-bottom:10px; .fl; } strong + a, strong + span { .cl; } > a, > span { line-height:32px; height:32px; min-width:32px; font-size:12px; .pos_rel; .fl; .tac; } > span { cursor:default; } > span + a, > a + span, > a + a { margin:0 0 0 4px; } span { .tac; } } /* Comment Navigation*/ .comment_nav { margin:20px 0; .pos_rel; .ovh; .cmsmasters_prev_arrow { margin-right:15px; } .cmsmasters_next_arrow { margin-left:15px; } a { padding:5px 0; z-index:2; .dib; .pos_rel; } } .cmsmasters_the_bg_grid:before { background-image: url(../../img/pattern.png); content: ""; display: block; width: 100%; height: 100%; background-size: 3px; background-repeat: repeat; position: absolute; } /*-------------------------------------------------------------------------*/ /* 3. Header + Centered + Right + Fixed Versions */ /*-------------------------------------------------------------------------*/ /***************** Header ******************/ #header { nav { > div { > ul { > li { float:left; &.menu-item-dropdown-right { > ul { left:auto; right:0; ul { left:auto; right:100%; } } } } ul { margin:@dropdown_anim_pad 0 0; ul { margin:-15px 0 0 @dropdown_anim_pad; } } li { &:hover { > ul { margin:-15px 0 0 0; } } } > li:hover { > ul { margin:0; } } > li.menu-item-dropdown-right { ul ul { margin:-15px @dropdown_anim_pad 0 0; } } > li.menu-item-dropdown-right { > ul li:hover { > ul { margin:-15px 0 0 0; } } } > li.menu-item-mega { &.menu-item-dropdown-right { > div.menu-item-mega-container { left:auto; right:0; ul { right:auto; } } } ul { border:0; width:auto; padding:0; margin:0; .pos_rel; top:auto; left:auto; right:auto; z-index:203; } > div.menu-item-mega-container { .db; width:auto; padding:18px 10px 28px 10px; margin:@dropdown_anim_pad 0 0; visibility:hidden; overflow:hidden; position:absolute; left:0; top:100%; z-index:203; opacity:0; li.menu-item-has-children { ul { > li { &.current-menu-ancestor { > a { padding-left:0; } } } } } > ul { display:table; width:100%; margin-left:0; margin-right:0; > li { display:table-cell; padding:0 @blocks_hor_pad * 0.75; > a { padding-left:0; span { .db; &.nav_subtitle { width: 100%; } } } a:empty { padding:0; margin:0; } > ul { width:@dropdown_width; } } } } &:hover { > div.menu-item-mega-container { margin:-1px 0 0; visibility:visible; opacity:1; ul { visibility:visible; opacity:1; } } } &.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%; } } } } } } } #header { width:100%; position:absolute; z-index:9999; .header_top_close_but, .header_top_but { .dn; } .header_top_but { .cmsmasters-icon-up-open-1, .cmsmasters-icon-down-open-1 { font-size:14px; &:before { .pos_abs(14px, 16px, 0, 0); } } } .header_top_inner { .responsive_top_nav { .dn; } .header_top_left { .ovh; } .header_top_right { .fr; } } .header_mid_inner { .logo_wrap { .dib; height:100%; .pos_rel; .fl; .logo_aligner { .dib; height:100%; vertical-align:middle } .logo_text_wrap { .dib; .valignm; } .title { .db; line-height:1em; } .title_text { padding:0 0 0 3px; } } .social_wrap { .social_wrap_inner { display:table; ul { display:table-cell; .valignm; } } } .slogan_wrap_inner { .slogan_wrap_text { height:100%; .pos_rel; .cmsmasters_meta_block { display:table; height:100%; .pos_rel; .op(1); &.custom_closed { margin-right:-30px; visibility:hidden; text-indent:-9999px; .op(0); } .cmsmasters_meta_block_aligner { display: table-cell; .valignm; .cmsmasters_meta_block_cell { div { .pos_rel; .dib; .valignm; h5 { margin-bottom: -2px; } p { padding:0; } } &:before { .pos_rel; .dib; .valignm; font-size:26px; margin-right:14px; margin-left:0; } } } .cmsmasters_meta_block_aligner + .cmsmasters_meta_block_aligner { padding-left:40px; } } } } } } #navigation { ul { padding:14px 0 28px; li { padding:0 25px; &:first-child { > a { .bdt(0); margin-top:1px; } ul { top:0px; } } a { width:@dropdown_width; padding:5px 0; .bdt; } > a { .ovh; &[data-tag] { &:before { content:attr(data-tag); .dib; float:none; padding:0 0.5em; margin-left:1em; .pos_rel; z-index:206; } > span { width:auto; .fl; } } } } } li.menu-item-icon { > a { span[class^="cmsmasters-icon-"]:before { margin:0 10px 0 0; } } &.menu-item-hide-text { > a { span[class^="cmsmasters-icon-"]:before { margin:0 .3em; } } } } > li { padding:0 26px; > a { display:table-cell; .valignm; &[data-tag] { &:before { content:attr(data-tag); .db; padding:2px 10px; margin-left:10px; .pos_rel; z-index:206; .fr; } } > span { .dib; padding:10px 0; .pos_rel; z-index:205; -moz-user-select: none; -khtml-user-select: none; user-select: none; > img { .dib; margin-top:-3px; margin-right:5px; } } > span.nav_subtitle { .db; } } &.menu-item-hide-text { > a { > span { font-size:0; line-height:0; &:before { margin-right:0; } } } } &.menu-item-mega { ul li:hover, ul li.current-menu-item, ul li.current-menu-ancestor { > a { background-color:transparent; } } > div.menu-item-mega-container { > ul { padding-top:@line_height_pad / 2; margin-top:@line_height_pad / 2; &:after { content:''; .db; width:150%; height:1px; margin-left:-@blocks_hor_pad; position:absolute; top:0; left:0; } &:first-child { padding-top:0; margin-top:0; &:after { display:none; } } > li { > a { .bdt(0); > span { > span.nav_subtitle { .db; } } } &:hover { > a { > span { > span.nav_subtitle { .db; } } } } &.menu-item-hide-text { > a { > span { font-size:0; line-height:0; > span.nav_subtitle { font-size:0; line-height:0; } } } } } > li, > li:hover { > a { padding:7px 0; margin-bottom:@line_height_pad / 2; } } > li.current-menu-item { > a { background:none; } } } ul { background:none; li { padding:0; &.menu-item-hide-text { > a { .tac; > span { &:before { margin-right:0; } } } } } ul { li.menu-item-mega-description { span.menu-item-mega-description-container { .db; padding:@line_height_pad / 2 @blocks_hor_pad / 2; } } } } li { > a:hover { background:none; } li li:first-child { .bdt; } } } } } } .responsive_nav { .db; font-size:20px; .db; width:40px; height:40px; .pos_rel; &:before { font-size:inherit; .pos_abs; } &:hover, &.active { &:before { .pos_abs; } } } .header_top_inner { nav > div > ul { z-index:205; > li { padding:0 12px; &:last-child { padding-right:0; } > a { padding:5px 0; > span.cmsmasters_count { .dib; padding:0 6px 1px; margin-left:7px; } img { .dib; margin-top:-3px; margin-right:5px; } } a { .color_white_opacity(.5); } ul { top:100%; li { &:first-child { padding-top:6px; } > a { padding:2px 12px; width:@dropdown_width_top; } &:last-child { padding-bottom:16px; } } ul { top:0; #header & { margin-top:0; } } } } > li + li { margin-left:3px; &:after { content: '\e9c1'; font-family: 'fontello'; left: -3px; top: 50%; margin-top: -1px; position: absolute; .db; width: 3px; height: 3px; font-size: 3px; line-height: 3px; } } } .header_top_aligner, .nav_wrap, .social_wrap, .meta_wrap { .dib; .valignm; } .meta_wrap { .color_white_opacity(1); a { .color_white_opacity(1); } > * { margin:0 0 0 30px; &:first-child { margin:0; } } } .social_wrap { .pos_rel; .ovh; ul { .db; height:20px; li { .dib; .pos_rel; padding:0; height:20px; margin-left:6px; bottom:1px; } } a { .dib; font-size:20px; width:20px; height:20px; &[class^="cmsmasters-icon-"]:before, &[class*=" cmsmasters-icon-"]:before, &[class^="cmsmasters_theme_icon_"]:before, &[class*=" cmsmasters_theme_icon_"]:before { width:1em; height:1em; margin:0; } } } } .header_mid { clear:both; } .header_mid_inner { .search_wrap { width:30px; margin-left: 14px; .fr; .search_wrap_inner { display: table; .search_wrap_inner_left { display: table-cell; .valignm; height:100%; } } .search_bar_wrap { .db; right:-10px; width:30px; form { margin:0; display: table; width: 100%; p { display: table-cell; .valignm; height:30px; .pos_rel; .ovh; &.search_field { .dn; input[type=search] { background-color:transparent; width:0; float:right; padding:4px 0; opacity:0; .bd(0); .bdrs(0); } } &.search_button, &.search_button_open { width:30px; padding:0; button { background-color:transparent; .db; width:30px; height:30px; padding:0; margin:0; .bd(0); .bdrs(0); &:before { line-height:30px; width:30px; height:30px; } } } } } } &.search_opened { width:250px; .search_bar_wrap { width:250px; form { .bdb(2px); p { &.search_field { display: table-cell; input[type=search] { width:100%; opacity:1; } } &.search_button { button { .tar; &:before { width:8px; font-size:10px; } } } } } } } } .slogan_wrap { margin-left:15px; } .resp_nav_wrap, .slogan_wrap, .social_wrap { float:right; visibility:visible; text-indent:inherit; .op(1); &.resp_nav_closed, &.slogan_closed, &.social_closed { margin-right:0; visibility:hidden; text-indent:-9999px; .op(0); } } .social_wrap { ul { li { .dib; margin-left: 10px; padding:0; } } a { width:28px; height:28px; &[class^="cmsmasters-icon-"]:before, &[class*=" cmsmasters-icon-"]:before, &[class^="cmsmasters_theme_icon_"]:before, &[class*=" cmsmasters_theme_icon_"]:before { font-size:28px; width:1em; height:1em; margin:0; } } } nav { float:right; visibility:visible; text-indent:inherit; .op(1); &.nav_closed { margin-right:-30px; visibility:hidden; text-indent:-9999px; .op(0); } } #navigation { margin-right: -18px; > li { padding:0; margin:0 18px; > a { border:0; > span { .dib; padding:0; .pos_rel; z-index:205; } > span.nav_subtitle { .db; margin-top: -6px; margin-bottom: 14px; } } &.menu-item-mega { > div { > ul { > li { &:hover, &.current-menu-item { > a { background-color:transparent; } } } } } } } } .logo { display:table-row; width:auto; .valignm; img { max-height:100%; .pos_abs(auto, auto, 0, auto); } .logo_retina { .dn; } } } .header_bot_inner { .cl; nav { .fl; #navigation { > li { > a { > span { .dib; padding:0; .pos_rel; z-index:205; } > span.nav_subtitle { .db; margin-top:-4px; } } &.menu-item-mega { > div { > ul { > li { &:hover, &.current-menu-item { > a { background-color:transparent; } } } } } } } } } .slogan_wrap { .pos_rel; .fr; .slogan_wrap_inner { .pos_rel; height:100%; .slogan_wrap_text { .pos_rel; height:100%; display:table; .cmsmasters_header_bot_btn { display:table-cell; .pos_rel; height:100%; padding:0 20px; .valignm; .ovh; } } } } } /***************** Centered Header ******************/ .enable_header_centered { .header_mid_inner, .header_bot_inner { .tac; > nav { .dib; float:none; > div > ul { ul { text-align:left; } } } } #header { .header_mid_inner { .logo_wrap { float:none; } } } } /***************** Right Header ******************/ .enable_header_right { .header_bot_inner { .tar; > nav { .fr; > div > ul { ul { text-align:left; } } } .slogan_wrap { .fl; } } } /***************** Fixed Header ******************/ #page { &.fixed_header { #header { position:fixed; } } } /*-------------------------------------------------------------------------*/ /* 4. Content + Sidebar Styles */ /*-------------------------------------------------------------------------*/ body .headline { background-color:transparent; } .cmsmasters_breadcrumbs { .pos_rel; .ovh; .cmsmasters_breadcrumbs_aligner { .dib; .valignm; } .cmsmasters_breadcrumbs_inner { .dib; padding-top:10px; padding-bottom:10px; .valignm; } } .headline_outer { .pos_rel; z-index:1; .bxsh_color(0, 4px, 3px, -2px, 41, 0.1); .headline_color { width:100%; height:100%; position:absolute; left:0; top:0; } .headline_inner { padding:0 @blocks_hor_pad; .pos_rel; z-index:1; .headline_aligner { .dib; .valignm; } .headline_text { .dib; .valignm; .pos_rel; &:before { .pos_abs(1em, 1em, 0, 0, 0, auto); .valignm; } .entry-title { margin:0; } .entry-subtitle { margin:5px 0 0; } } &.align_left { .tal; .headline_text { .tal; &:before { right:auto; } } .cmsmasters_breadcrumbs { .fr; } } &.align_right { .tar; .headline_text { .tar; &:before { left:auto; } } .cmsmasters_breadcrumbs { .fl; } } &.align_center { padding:0 0 30px; .tac; .headline_text { .tac; &:before { bottom:auto; } &.headline_icon { padding-top: 55px; } } .cmsmasters_breadcrumbs { margin-top: -25px; .tac; .cmsmasters_breadcrumbs_aligner { display:none; } .cmsmasters_breadcrumbs_inner { padding:0; } } } &.cmsmasters_heading_custom { padding:16px 0 30px; &.align_center { .headline_text { padding-top:0px; margin-bottom:6px; &.headline_icon { padding-top: 55px; } .entry-subtitle { margin:4px 0 0; } } .cmsmasters_breadcrumbs { margin-top:0; } } } &.cmsmasters_heading_icon_value { padding:38px 0 30px; } } } .content_wrap { .db; min-width:inherit; } /*-------------------------------------------------------------------------*/ /* 5. Bottom + Footer Styles */ /*-------------------------------------------------------------------------*/ /***************** Bottom ******************/ .bottom_inner { .widgettitle { margin-bottom:35px; .pos_rel; } } /***************** Footer ******************/ .footer_inner { text-align:center; padding:66px @blocks_hor_pad 0; .logo { .dib; margin-bottom:26px; > .footer_logo_retina { display:none; } } nav { margin-bottom:16px; > div { text-align:center; > ul { .dib; .valignm; ul { display:none; &.submenu-languages { .db; padding-top:10px !important; } } > li { padding:0 7px; .fl; > a { line-height:1em; } } > li + li { margin-left:8px; } } } } .social_wrap { .social_wrap_inner { text-align:center; ul { li { .dib; padding:0; } } a { width:28px; height:28px; &[class^="cmsmasters-icon-"]:before, &[class*=" cmsmasters-icon-"]:before, &[class^="cmsmasters_theme_icon_"]:before, &[class*=" cmsmasters_theme_icon_"]:before { font-size:28px; width:1em; height:1em; } } } } .footer_custom_html { margin-bottom:42px; .tac; .ovh; } } .cmsmasters_footer_default { .footer_copyright_wrapper { margin-top:20px; span.copyright { height:@footer_def_copy_height; .db; padding:20px 0; .tac; width:100%; } } } .cmsmasters_footer_small { .footer_inner { padding:@blocks_hor_pad; .tal; .ovh; nav { margin:0; .fr; .ovh; div { ul { li { &:last-child { padding-right:0; } } } } } .social_wrap { margin:0; .fr; .social_wrap_inner { .tal; ul { height:20px; li { padding-left:0; height:20px; &:first-child { padding-left:0; } &:last-child { a { &:before { margin-right:0; } } } } } a { width:20px; height:20px; &[class^="cmsmasters-icon-"]:before, &[class*=" cmsmasters-icon-"]:before, &[class^="cmsmasters_theme_icon_"]:before, &[class*=" cmsmasters_theme_icon_"]:before { font-size:20px; width:1em; height:1em; } } } } .footer_custom_html { margin:0; .fr; .tal; .ovh; * { padding-bottom:0; margin-bottom:0; } .button, input[type=submit], input[type=button], button { padding-bottom:9px; } } .copyright { .ovh; } } } /***************** Fixed Footer ******************/ .fixed_footer { #main { z-index:2; } #footer { position:fixed; bottom:0; .footer_inner { nav { z-index:1; } } } } /*-------------------------------------------------------------------------*/ /* 6. Blog (Default, Masonry, Timeline) + Post Styles */ /*-------------------------------------------------------------------------*/ /***************** Blog ******************/ .blog { .pos_rel; &:after { .cl_after; } &.columns { margin:0 -20px; } &.timeline { &:before { content:''; .pos_abs(2px, 100%); } } } a.cmsmastersLike:before, a.cmsmasters_post_comments:before { position:relative; margin:0 6px 0 0; } .cmsmastersLike.active { cursor:default !important; } /***************** Blog Default ******************/ .post.cmsmasters_default_type { max-width:100%; width:100%; padding:70px 0 0; .pos_rel; .ovh; .preloader { padding-bottom:@preloader_blog_standard_pad; &.highImg { height:auto; padding:0; } } &:first-child { padding-top:0; } .cmsmasters_post_cont { .cmsmasters_post_header { > .cmsmasters_post_title { margin-bottom:14px; } } div + .cmsmasters_post_header, figure + .cmsmasters_post_header { margin-top:32px; } .cmsmasters_post_cont_info { padding:6px 0; .bdt(2px); .bdb(2px); .up_case; .ovh; .cmsmasters_post_meta_info { padding-left:15px; .fr; .tal; a + a { margin-left:12px; } } > span { margin-right:20px; &:last-child { margin:0; } } a, span { .up_case; } } .cmsmasters_post_content { padding:26px 0 6px; } } } .cmsmasters_post_title { word-wrap:break-word; -ms-word-wrap:break-word; } .blog { div.cmsmasters_post_cont_info + footer.cmsmasters_post_footer { margin-top:20px; } } .post { .cmsmasters_owl_slider { &.cmsmasters_big_btns { .owl-buttons > div { top:0; } } } &.format-gallery { .cmsmasters_post_cont { .cmsmasters_owl_slider { padding:0; } } } } /* Sticky Post */ .sticky { .cmsmasters_post_cont { padding:38px; .bd(2px); } } /***************** Blog Masonry ******************/ .post.cmsmasters_masonry_type { min-width:280px; padding:0 20px; margin-bottom:56px; .fl; .op(0); &.shortcode_animated { .op(1); } .preloader { padding-bottom:@preloader_blog_masonry_pad; &.highImg { height:auto; padding:0; } } .cmsmasters_video_wrap, .resizable_block { padding-bottom:@preloader_blog_masonry_pad; } .cmsmasters_post_cont { .cmsmasters_img_wrap, .cmsmasters_owl_slider { margin-bottom:12px; } .cmsmasters_post_cont_info { margin-bottom:8px; > span + span { margin-left:3px; } } .cmsmasters_post_header { margin-bottom:10px; .cmsmasters_post_title { margin:0; } } .cmsmasters_post_body_info { .pos_rel; .ovh; .cmsmasters_post_meta_info { padding-left:15px; .fr; a + a { margin-left:12px; } } .cmsmasters_post_date { .dib; .pos_rel; .ovh; .cl; .valignm; } } .cmsmasters_post_content { margin-top:6px; padding-top:15px; .bdt(2px); p { padding:0; } p + p { padding-top:20px; } } .cmsmasters_post_footer { margin-top:20px; } .cmsmasters_audio { > div { margin-bottom:14px; } } .cmsmasters_video_wrap { margin-bottom:14px; } } &.format-gallery { .cmsmasters_big_btns { .owl-buttons > div { top:0; } } } } /***************** Blog Timeline ******************/ .post.cmsmasters_timeline_type { width:50%; padding-bottom:50px; .fl; .op(0); &:before { content:''; z-index:-1; .pos_abs(100%, 2px, 0, 0, 40px, auto); } .preloader { padding-bottom:@preloader_blog_timeline_pad; &.highImg { height:auto; padding-bottom:0; } } .cmsmasters_post_info { position:absolute; top:0; width:80px; height:80px; .cmsmasters_post_date { display:table; width:100%; height:100%; .published { display:table-cell; vertical-align:middle; .cmsmasters_year, .cmsmasters_day_mon { display:block; text-align:center; } .cmsmasters_day_mon { margin-top:-4px; } } } } &.cmsmasters_timeline_left { margin-left:-@line_height_pad * 2; .cmsmasters_post_cont { margin-right:16%; } .cmsmasters_post_info { right:-40.5px; } } &.cmsmasters_timeline_right { margin-left:@line_height_pad * 2; .cmsmasters_post_cont { margin-left:16%; } .cmsmasters_post_info { left:-40.5px; } } &:not(.has-post-thumbnail), &.format-audio { &.cmsmasters_timeline_left { .cmsmasters_post_cont { padding-right:30px; margin-right:16%; .bdr(2px); } } &.cmsmasters_timeline_right { .cmsmasters_post_cont { padding-left:30px; .bdl(2px); } } } .cmsmasters_post_cont { .cmsmasters_owl_slider { &.cmsmasters_big_btns { .owl-buttons > div { top:0; } } } .cmsmasters_audio, .cmsmasters_owl_slider, .cmsmasters_img_wrap { margin-bottom:25px; } .cmsmasters_audio { > div { margin:0; } } .cmsmasters_post_header { margin-bottom:9px; .cmsmasters_post_title { margin:0; } } .cmsmasters_post_body_info { .pos_rel; .ovh; .cmsmasters_post_meta_info { padding-left:15px; .fr; a + a { margin-left: 12px; } } .cmsmasters_post_cont_info { .dib; .pos_rel; .ovh; .cl; .valignm; > span { margin-right: 20px; &:last-child { margin:0; } } } } .cmsmasters_post_content { margin-top: 6px; padding-top: 15px; .bdt(2px); p { padding:0; } p + p { padding-top:20px; } } .cmsmasters_post_footer { margin-top:24px; } } &.shortcode_animated { margin-left:0; .op(1); } } /***************** Blog Post ******************/ .content_wrap.fullwidth .opened-article { padding-top:60px; &:after { .cl_after; } } .blog.opened-article { .post { padding:0; .cmsmasters_post_content { padding-top:30px; } .cmsmasters_post_cont { .cmsmasters_post_header { margin-bottom:16px; .cmsmasters_post_title { margin:0; } } .cmsmasters_post_cont_info { padding:7px 0; .bdt(2px); .bdb(2px); .cl; .cmsmasters_post_meta_info { padding-left:15px; .fr; a + a { margin-left: 12px; } } > span { margin-right:20px; &:last-of-type { margin:0; } } } .cmsmasters_post_content { padding-top:22px; padding-bottom:38px; margin-bottom:6px; .bdb(2px); } .cmsmasters_video_wrap, .cmsmasters_img_wrap, .cmsmasters_owl_slider { margin-bottom:15px; } .cmsmasters_owl_slider { &.cmsmasters_big_btns { .owl-buttons > div { top:0; } } } div.cmsmasters_post_cont_info + span.cmsmasters_post_tags { margin-top: 4px; .dib; } } } > aside { padding-top:32px; } > aside + aside { padding-top:62px; } } /*-------------------------------------------------------------------------*/ /* 7. Portfolio (Grid, Puzzle) + Project Styles */ /*-------------------------------------------------------------------------*/ /***************** Portfolio ******************/ .portfolio { .pos_rel; &:after { .cl_after; } .project { min-width:260px; .pos_rel; .fl; .project_inner { padding:18px 0 0; .cmsmasters_project_header { .cmsmasters_project_title { margin:0; } } } .preloader { padding-bottom:@preloader_portfolio_grid_pad; &.highImg { height:auto; padding-bottom:0; } } } &.large_gap { margin:0 -15px; .project { padding-left:15px; padding-right:15px; padding-bottom:40px; } } &.small_gap { padding:1px 1px 0; .ctbx; .project { overflow:visible; .project_outer { margin-right:1px; margin-bottom:1px; .project_inner { padding:18px 20px 18px 0; } } } } &.zero_gap { .project_outer { .project_inner { padding:18px 20px 18px 0; } } } &.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; } } /***************** Portfolio Grid ******************/ .portfolio.grid { .project { .project_outer { .pos_rel; } .project_inner { .pos_rel; .cmsmasters_project_body_info { .pos_rel; .ovh; .cl; .cmsmasters_project_meta_info { .fr; a + a { margin-left: 12px; } } .cmsmasters_project_cont_info { padding-right: 15px; .dib; .pos_rel; .ovh; .cl; .valignm; } } .cmsmasters_project_content { margin-top:16px; padding-top:15px; .bdt(2px); p { padding:0; } p + p { padding-top:20px; } } } } } /***************** Portfolio Puzzle ******************/ .portfolio.puzzle { .project { .project_outer { .pos_rel; .project_inner { padding:0; &.cmsmasters_img_rollover { &:after { z-index:1; } .project_cont_wrap { position:absolute; display:table; padding:20px; width:100%; height:100%; z-index:2; .tac; .project_cont_wrap_inner { display:table-cell; .valignm; .tac; .cmsmasters_project_header { margin-bottom:4px; } .cmsmasters_project_cont_info { margin-bottom:12px; .tac; } .cmsmasters_project_footer { a + a { margin-left:12px; } } } } } } } } } /***************** Portfolio Project ******************/ .portfolio.opened-article { .project { min-width:1px; float:none; overflow:visible; .cl; &:after { .cl_after; } .cmsmasters_project_header { padding:0 0 35px; margin-bottom:50px; .tac; .bdb; .ovh; .cl; .cmsmasters_project_title { margin:0; } } .project_content { padding-bottom:30px; .pos_rel; .ovh; .project_gallery_row { margin:0 -@col_mar; position:relative; .one_third, .one_half, .one_first { margin:0 @col_mar (@col_mar * 2); } .one_first .preloader { padding-bottom:60.2%; &.highImg { height:auto; padding:0; } } & + .cmsmasters_project_content { margin-top:35px; } } > figure, > .cmsmasters_owl_slider, > .cmsmasters_video_wrap { margin-bottom:35px; } &.with_sidebar { width:74%; padding-right:60px; .fl; } .cmsmasters_project_content { .bdb(2px); } } .project_sidebar { width:26%; margin:-5px 0 0; .fl; .project_details { padding-bottom:25px; margin-bottom:35px; .bdb(2px); .project_details_title { margin:0 0 18px; } .project_details_item { padding:4px 0; .pos_rel; .ovh; > div { width:50%; .fl; .ovh; } .project_details_item_desc { .tar; } } } .project_features { padding-bottom:25px; margin-bottom:35px; .bdb(2px); .project_features_title { margin:0 0 18px; } .project_features_item { padding:4px 0; .pos_rel; .ovh; > div { width:50%; .fl; .ovh; } .project_features_item_desc { .tar; } } } .share_posts { padding:0; margin:0; &:after { .cl_after; } .share_posts_title { margin:0 0 30px; } .share_posts_inner { a { margin-right:14px; } a:last-of-type { margin-right:0; } } } } .cmsmasters_owl_slider.cmsmasters_big_btns { .owl-buttons > div { top:0; } } } > aside { padding-top:32px; } > aside + aside { padding-top:62px; } .cmsmasters_owl_slider { padding-top:0; } } /*-------------------------------------------------------------------------*/ /* 8. Posts Slider Styles */ /*-------------------------------------------------------------------------*/ /***************** Posts Slider ******************/ .cmsmasters_posts_slider { margin:0 -20px; .pos_rel; .ovh; .preloader { padding-bottom:@preloader_posts_slider_pad; &.highImg { height:auto; padding:0; } } .owl-controls { .owl-buttons { padding:0 20px; } } } /***************** Posts Slider Blog ******************/ .cmsmasters_posts_slider .post { padding:0 20px 40px; min-width:280px; .thumb_wrap { margin-bottom:16px; } .cmsmasters_slider_post_header { margin-bottom:10px; .cmsmasters_slider_post_title { margin:0; } } .cmsmasters_post_cont_info { margin-bottom:10px; span + span { margin-left:3px; } } .cmsmasters_post_body_info { margin-bottom:16px; padding-bottom:6px; .bdb(2px); .pos_rel; .ovh; .cl; .cmsmasters_slider_post_meta_info { .fr; a + a { margin-left: 12px; } } .cmsmasters_post_cont_info { padding-right:15px; margin:0; .dib; .pos_rel; .ovh; .valignm; } } .cmsmasters_slider_post_content { p { padding:0; } p + p { padding-top:20px; } } .cmsmasters_slider_post_footer { margin-top:20px; } } /***** Posts Slider Portfolio *****/ .cmsmasters_posts_slider .project { min-width:200px; padding:0 20px 40px; .pos_rel; .ovh; .slider_project_inner { padding:18px 0 0; } .cmsmasters_slider_project_header { .cmsmasters_slider_project_title { margin:0; } } .cmsmasters_slider_project_body_info { .pos_rel; .ovh; .cl; .cmsmasters_slider_project_meta_info { .fr; a + a { margin-left: 12px; } } .cmsmasters_slider_project_cont_info { padding-right: 15px; .dib; .pos_rel; .ovh; .cl; .valignm; } } .cmsmasters_slider_project_content { margin-top:16px; padding-top:15px; .bdt(2px); p { padding:0; } p + p { padding-top:20px; } } } /*-------------------------------------------------------------------------*/ /* 9. Profiles + Profile Styles */ /*-------------------------------------------------------------------------*/ /***************** Profiles ******************/ .cmsmasters_profile { .pos_rel; .ovh; .entry-title { margin:0; } .pl_subtitle { margin:0; } .entry-content { margin-top:16px; padding-top:22px; .bdt(2px); } .pl_social { margin:26px 0 0; .pl_social_list { list-style:none; margin:0; padding:0; .op(.1); .cl; li { margin:0; padding:0; .fl; &:before { content:none; } a { font-size:13px; width:28px; height:28px; .db; .bdrs(50%); &:before { font-size:13px; .tac; .pos_abs; } } } li + li { margin-left:12px; } } } } /***************** Profiles Vertical ******************/ .cmsmasters_profile.vertical { .profile { display:table; width:100%; padding:24px 0; .pos_rel; &:before { content:''; .db; width:4px; position:absolute; top:50%; left:0; } .pl_img { display:table-cell; width:37%; padding:0 40px 0 0; .valignt; img, .pl_noimg { width:100%; z-index:2; .pos_rel; -webkit-transform:scale(.3); -moz-transform:scale(.3); transform:scale(.3); } figure { .pos_rel; } figure a:after, .pl_noimg:after { content:''; .db; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; .op(0); } .pl_noimg { .pos_rel; width:100%; height:0; padding-bottom:100%; min-width:100%; &:before { .pos_abs; font-size:50px; } } &:hover { figure a:after, .pl_noimg:after { .op(.3); } } } .pl_content { display:table-cell; width:63%; padding:0; .valignt; } &:nth-child(even) { direction:rtl; > * { direction:ltr; } &:before { left:auto; right:0; } .pl_img { padding:0 0 0 40px; } } .pl_social { .pl_social_list { .op(.1); } } &.shortcode_animated { .pl_img { img, .pl_noimg { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } } .pl_social { .pl_social_list { margin:0; .op(1); } } } } } /***************** Profiles Horizontal ******************/ .cmsmasters_profile.horizontal { margin:0 -@col_mar; .profile { padding:0 0 30px; margin-bottom:30px; &:before { content:''; .db; height:4px; position:absolute; top:0; left:50%; } .entry-content { margin:20px 0 10px; } .pl_social { .pl_social_list { .op(1); } } figure { .pos_rel; } .pl_img { padding:0; margin-bottom:22px; img { width:100%; } figure a:after { content:''; .db; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; .op(0); } &:hover { figure a:after { .op(.3); } } } &.one_first { .pl_img, .pl_content, .entry-content, .pl_social { .tac; } .pl_social_list { .dib; } } } .one_fourth:nth-child(4n+1), .one_third:nth-child(3n+1), .one_half:nth-child(2n+1) { clear:both; } } /***************** Profiles Open Profile ******************/ .profiles.opened-article { &:after { .cl_after; } .profile { .pos_rel; .cl; &:after { .cl_after; } .cmsmasters_profile_header { padding:0 0 60px; margin-bottom:50px; .tac; .bdb(2px); .ovh; .cl; .cmsmasters_profile_title { margin:0; } .cmsmasters_profile_subtitle { margin:10px 0 0; } } .profile_content { padding-bottom:30px; .pos_rel; .ovh; &.with_sidebar { width:74%; padding-right:60px; .fl; } .pl_img { margin-bottom:35px; } .cmsmasters_profile_content { .bdb(2px); } } .profile_sidebar { width:26%; margin:-5px 0 0; .fl; .profile_details { padding-bottom:25px; margin-bottom:35px; .bdb(2px); .profile_details_title { margin:0 0 18px; } .profile_details_item { padding:4px 0; .pos_rel; .ovh; > div { width:60%; word-wrap:break-word; .fl; .ovh; &:first-child { width:40%; } } .profile_details_item_desc { .tar; } } } .profile_features { padding-bottom:25px; margin-bottom:35px; .bdb(2px); .profile_features_title { margin:0 0 18px; } .profile_features_item { padding:4px 0; .pos_rel; .ovh; > div { width:50%; .fl; .ovh; } .profile_features_item_desc { .tar; } } } .profile_social_icons { padding:0; margin:0; .profile_social_icons_title { margin:0 0 30px; } .profile_social_icons_list { list-style:none; margin:0 0 30px; padding:0; .cl; li { margin:0; padding:0; .fl; &:before { content:none; } a { font-size:13px; width:28px; height:28px; .db; .bdrs(50%); &:before { font-size:13px; .tac; .pos_abs; } } } li + li { margin-left:14px; } } } } } > aside { padding-top:32px; } > aside + aside { padding-top:62px; } } /*-------------------------------------------------------------------------*/ /* 10. Shortcodes Styles */ /*-------------------------------------------------------------------------*/ /***************** Divider ******************/ hr { border:0; border-top-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; .pos_rel; .cl; } .cmsmasters_widget_divider { margin:0 @col_mar @line_height_pad; 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 { .pos_rel; overflow:hidden; .cmsmasters_heading_divider { .dib; height:2px; position:absolute; top:50%; } .cmsmasters_heading_divider_left_wrap, .cmsmasters_heading_divider_right_wrap { .dib; width:0; } &.cmsmasters_heading_divider_short { .cmsmasters_heading_divider { width:10%; } .cmsmasters_heading_divider_left { margin-left:-10%; } } &.cmsmasters_heading_divider_medium { .cmsmasters_heading_divider { width:20%; } .cmsmasters_heading_divider_left { margin-left:-20%; } } &.cmsmasters_heading_divider_long { .cmsmasters_heading_divider { width:100%; } .cmsmasters_heading_divider_left { margin-left:-100%; } } &.cmsmasters_heading_divider_short, &.cmsmasters_heading_divider_medium, &.cmsmasters_heading_divider_long { .cmsmasters_heading { max-width:80%; } } .cmsmasters_heading { .dib; margin:0; &:before, a:before { margin-left:0; margin-right:0.5em; } } } /***************** Featured Block ******************/ .cmsmasters_featured_block { .pos_rel; .ovh; .featured_block_inner { width:100%; padding:20px 20px 0; .pos_rel; .ovh; } } /***************** Table ******************/ .cmsmasters_table { width:100%; tr { .bdt(2px); td, th { padding:17px 22px; &.cmsmasters_table_cell_aligncenter { text-align:center; } &.cmsmasters_table_cell_alignleft { text-align:left; } &.cmsmasters_table_cell_alignright { text-align:right; } } } tbody tr td { padding:15px 22px; } tfoot tr td { padding:19px 22px; } tbody tr:first-child, tr.cmsmasters_table_row_header, tr.cmsmasters_table_row_footer { .bdt(0); } } /***************** Notice ******************/ .cmsmasters_notice { .db; width:100%; padding:15px 22px; margin-bottom:@line_height_pad; .pos_rel; .bd(0); &[class*=" cmsmasters-icon-"], &[class*=" cmsmasters_theme_icon_"] { padding-left:88px; } &:before { font-size:28px; .pos_abs(1em, 1em, 22px, auto); } .notice_content { .pos_rel; padding:@line_height_pad 0 0; } .notice_close { font-size:8px; line-height:20px; text-align:center; .pos_abs(20px, 20px, auto, 0, 0, auto); &:before { top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; position: absolute; height: 8px; } } &.cmsmasters_notice_success { &:before { color:#339448; } } &.cmsmasters_notice_error { &:before { color:#ce4e45; } } &.cmsmasters_notice_info { &:before { color:#2f6aa7; } } &.cmsmasters_notice_warning { &:before { color:#e4a91f; } } &.cmsmasters_notice_download { &:before { color:#653888; } } } /***************** Icon ******************/ .cmsmasters_icon_wrap { .cmsmasters_simple_icon { border-style:solid; .dib; } } /***************** Icon List ******************/ .cmsmasters_icon_list_items { list-style:none; padding:0; margin:0; .pos_rel; .cmsmasters_icon_list_item { &:before { left:50px; right:auto; } .cmsmasters_icon_list_icon { width:100px; height:100px; margin:1px; .pos_rel; &: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 { 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 { padding:0; margin-top:10px; &:before { left:-32px; top:0; } } } &.cmsmasters_icon_list_type_block { padding:0; margin:0; .cmsmasters_icon_list_item { .db; width:100%; padding:0 0 50px; .pos_rel; .ovh; &:before { content:''; .db; 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 { .db; 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; .pos_rel; .icon_box_heading { .pos_rel; span { .pos_rel; word-wrap: break-word; } } &: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 { content:none; .icon_box_heading { &:before { content:'\00a0'; background-position:center center; background-repeat:no-repeat; background-size:cover; .dib; .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 { &:before { margin-right:15px; vertical-align:inherit; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); .op(0); } } &.shortcode_animated { h1, h2, h3, h4, h5, h6 { &:before { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } } } } .icon_box_text { margin-bottom:10px; } } /***************** Toggles ******************/ .cmsmasters_toggles { .pos_rel; .cmsmasters_toggles_filter { padding:0 0 15px; .pos_rel; } .cmsmasters_toggle_wrap { .pos_rel; .cmsmasters_toggle_title { .pos_rel; > .cmsmasters_toggle_plus { .db; z-index:1; .pos_abs(32px, 32px, auto, 0); > span { .db; .pos_abs(8px, 2px); &.cmsmasters_toggle_plus_vert { width:2px; height:8px; } } } > a { .db; padding:11px 40px 11px 0; .pos_rel; z-index:2; } } .cmsmasters_toggle { display:none; &:after { .cl_after; } .cmsmasters_toggle_inner { padding:10px 0 0 0; .cmsmasters_img { margin-bottom:20px; } } } &.current_toggle { .cmsmasters_toggle_title { .cmsmasters_toggle_plus_vert { display:none; } } .cmsmasters_toggle { .db; } } } &.toggles_mode_accordion { .cmsmasters_toggles_filter { padding-bottom:10px; } .cmsmasters_toggle_wrap { margin:0; .cmsmasters_toggle_title { > .cmsmasters_toggle_plus { background:transparent !important; width: 8px; } > a { padding:16px 40px 16px 0; } &:before { content:''; .db; width:100%; height:2px; position:absolute; bottom:0; top:auto; left:0; } } .cmsmasters_toggle { .cmsmasters_toggle_inner { padding:28px 0 0; } } } } } /***************** Tabs ******************/ .cmsmasters_tabs { .pos_rel; &:after { .cl_after; } .cmsmasters_tabs_list { list-style:none; padding:0; margin:0; .pos_rel; &:after { .cl_after; } .cmsmasters_tabs_list_item { .db; padding:0; margin:0; &:before { display:none; } > a { .db; padding:18px 20px; .pos_rel; &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { padding:18px 20px 18px 44px; } &:before { font-size:24px; height: 1em; padding:0; position:absolute; left:10px; top:0; bottom:0; margin:auto; } } } } .cmsmasters_tabs_wrap { .pos_rel; .ovh; .cmsmasters_tab { display:none; &:after { .cl_after; } &:first-child, &.active_tab { .db; } } } &.tabs_mode_tab { .cmsmasters_tabs_list { .tac; .cmsmasters_tabs_list_item { .dib; a { padding: 21px 20px 21px 20px; } &:first-child { margin-left:0; } &.current_tab, &:hover { &:before { width:100%; left:0; } } span { padding-bottom:4px; .ovh; .pos_rel; .bdb(2px); } } } .cmsmasters_tabs_wrap { .cmsmasters_tab { .cmsmasters_tab_inner { padding:40px 0 20px; p { padding:0; } p + p { padding-top:20px; } .cmsmasters_img { margin-bottom:20px; &.cmsmasters_image_l { margin-right:40px; } &.cmsmasters_image_r { margin-left:40px; } } } } } } &.tabs_mode_tour { display:block; width:100%; .cl; &.tabs_pos_right { .cmsmasters_tabs_list { .fr; } } .cmsmasters_tabs_list { display:block; width:25%; padding-left:4px; .valignt; .fl; .cmsmasters_tabs_list_item { margin-top:4px; &:first-child { margin-top:0; } > a { padding:11px 10px 11px 20px; &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { padding:11px 30px; } &:before { font-size:21px; height:24px; padding:0; position:absolute; left:0; right:auto; top:0; bottom:0; margin:auto; .tal; .db; } } } } .cmsmasters_tabs_wrap { display:block; width:75%; padding:0 0 20px 32px; .valignt; .fl; .cmsmasters_tab { .cmsmasters_tab_inner { padding:0; .cmsmasters_img { margin-bottom:20px; } } } } &.tabs_pos_right { direction:rtl; .cmsmasters_tabs_list { .tar; padding-left:0; direction:ltr; .cmsmasters_tabs_list_item { > a { padding:11px 20px 11px 10px; &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { padding:11px 28px 11px 20px; } &:before { right:0; left:auto; .tar; } } } } .cmsmasters_tabs_wrap { direction:ltr; padding:0 32px 20px 0; } } } } .cmsmasters_tabs { &.tabs_mode_tab { .cmsmasters_tabs_list_item { > a { &[class^="cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"] { padding:18px 20px 18px 40px; } } } } } /***************** Stats ******************/ .cmsmasters_stats { .pos_rel; .tac; &:after { .cl_after; } .cmsmasters_stat_wrap { margin-bottom:40px; .cmsmasters_stat { .pos_rel; .cmsmasters_stat_inner { .db; .pos_rel; } } } &.stats_mode_bars { .cmsmasters_stat_wrap { .cmsmasters_stat_container { width:100%; height:274px; margin:0 0 26px; .pos_rel; } .cmsmasters_stat { width:0; .ovh; .cmsmasters_stat_inner { &[class^="cmsmasters-icon-"], &[class*=" cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"], &[class*=" cmsmasters_theme_icon_"] { &:before { font-size:20px; margin:0; position:absolute; left:15px; top:10px; } } .cmsmasters_stat_title { position:absolute; left:15px; top:10px; } .cmsmasters_stat_counter_wrap { position:absolute; left:auto; right:15px; top:10px; } } canvas { .dn; } } } &.stats_type_vertical { .cmsmasters_stat_wrap { .cmsmasters_stat { width:100%; height:0; position:absolute; bottom:0; left:0; .ovh; .cmsmasters_stat_inner { height:100%; &:before { right: auto; left: 20px; top: auto; bottom: 20px; } .cmsmasters_stat_counter_wrap { left: auto; right: 20px; top: auto; bottom: 15px; } } } .cmsmasters_stat_title { .db; padding-bottom:8px; } .cmsmasters_stat_subtitle { .db; } } } &.stats_type_horizontal { .cmsmasters_stat_wrap { padding-bottom:15px; margin-bottom:0px; .pos_rel; &:before { content:''; .db; width:100%; height:5px; position:absolute; top:35px; left:0; } .cmsmasters_stat { min-height:40px; .cmsmasters_stat_inner { width:100%; height:5px; position:absolute; bottom:0; left:0; .cmsmasters_stat_counter_wrap { left:auto; right:0; top:auto; bottom:8px; } &:before, .cmsmasters_stat_title { left:0; top:auto; bottom:9px; } &[class^="cmsmasters-icon-"], &[class*=" cmsmasters-icon-"], &[class^="cmsmasters_theme_icon_"], &[class*=" cmsmasters_theme_icon_"] { .cmsmasters_stat_title { left:30px; } } } } .cmsmasters_stat_subtitle { .dib; padding-top:15px; } } } } &.stats_mode_circles { .cmsmasters_stat_wrap { margin:0 0 40px 0; .valignt; .tac; .pos_rel; &.one_fifth { width:20%; } &.one_fourth { width:25%; } &.one_third { width:33.3%; } &.one_half { width:50%; } &.one_first { width:100%; } .cmsmasters_stat { .dib; width:150px; height:150px; margin:0 0 @line_height_pad; .cmsmasters_stat_inner { width:140px; height:140px; padding-top:54px; position:absolute; left:5px; top:5px; z-index:2; .tac; .bdrs(50%); &:before { font-size:26px; margin-top:-10px; } .cmsmasters_stat_counter_wrap { .db; .tac; } } canvas { width:100%; height:100%; max-width:150px; max-height:150px; .pos_rel; z-index:1; .bdrs(50%); } &.stat_only_number { .cmsmasters_stat_inner { padding-top:55px; } } &.stat_has_titleicon { .cmsmasters_stat_inner { padding-top:48px; .cmsmasters_stat_counter_wrap { margin-top: 8px; } } } } .cmsmasters_stat_title { .db; padding:0 10px; .tac; } .cmsmasters_stat_subtitle { .db; .tac; margin-top: 12px; } } } } /***************** Counters ******************/ .cmsmasters_counters { .pos_rel; .tac; &:after { .cl_after; } canvas { .dn; } .cmsmasters_counter_wrap { padding:0 2px; margin:0; .fl; .valignt; .tac; &.one_fifth:nth-child(5n+1), &.one_fourth:nth-child(4n+1), &.one_third:nth-child(3n+1), &.one_half:nth-child(2n+1), &.one_first:nth-child(1n+1){ .cl; } &.one_fifth { width:20%; } &.one_fourth { width:25%; } &.one_third { width:33.3%; } &.one_half { width:50%; } &.one_first { width:100%; } &.one_half, &.one_first { .cmsmasters_counter { .tac; .cmsmasters_counter_inner { .dib; } } } .cmsmasters_counter { min-height:100px; padding:0 20px; margin:0 0 @line_height_pad; .pos_rel; .ovh; .cmsmasters_counter_inner { .db; margin:30px 0; .pos_rel; &:before { border-style:solid; position:absolute; left:0; top:0; } .cmsmasters_counter_counter_wrap { padding-right:18px; .dib; .valignt; .pos_rel; &:before { content:''; width:2px; height:100%; position:absolute; left:auto; right:0; bottom:auto; top:0; .db; } } .cmsmasters_counter_counter_info_wrap { .dib; .pos_rel; padding-left:15px; } .cmsmasters_counter_title { .db; } .cmsmasters_counter_subtitle { .db; margin-top:5px; } } &.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; } } } &.counter_has_icon, &.counter_has_image { .cmsmasters_counter_counter_wrap { padding-right:0; .db; .pos_rel; &:before { content:none; } } .cmsmasters_counter_counter_info_wrap { padding-left:0; } .cmsmasters_counter_subtitle { margin-top:18px; padding-bottom: 20px; } } } } &.counters_type_vertical { .cmsmasters_counter_wrap { .cmsmasters_counter { .tac; .cmsmasters_counter_inner { .tal; &:before { left:50%; } .cmsmasters_counter_counter_wrap { padding-right:0; padding-bottom:9px; &:before { content:''; width:100%; height:2px; position:absolute; left:0; right:auto; top:auto; bottom:0; .db; } } .cmsmasters_counter_counter_info_wrap { margin-top:24px; padding-left:0; .db; .cmsmasters_counter_subtitle { margin-top:2px; } } } &.counter_has_icon, &.counter_has_image { .cmsmasters_counter_inner { .tac; .cmsmasters_counter_counter_wrap { padding:0; &:before { content:none; } } .cmsmasters_counter_counter_info_wrap { margin-top:4px; .tac; .cmsmasters_counter_subtitle { margin-top: 18px; .db; } } } } } } } } /***************** Button ******************/ .button, input[type=submit], input[type=button], button { .dib; font-weight:bold; padding:9px 20px; border-color:transparent; .bd(0); .tac; .bdrs(0); } .cmsmasters_button { border:0; .dib; padding:9px 20px; cursor:pointer; .pos_rel; .bdrs(0); &:before { line-height:inherit !important; .pos_rel; z-index:10; } span { .pos_rel; z-index:10; } &.cmsmasters_but_clear_styles { background:none; border:0; margin:0; padding:9px @line_height_pad; .ovh; .bdrs(0); .bxsh_none; &:hover { margin:0; .bxsh_none; } &:after { content:''; position:absolute; } } &.cmsmasters_but_bg_hover { .bd; } &.cmsmasters_but_bg_slide_left { .bd; &:after { width:0; height:100%; left:0; top:0; } &:hover { &:after { width:100%; } } } &.cmsmasters_but_bg_slide_right { .bd; &:after { width:0; height:100%; right:0; top:0; } &:hover { &:after { width:100%; } } } &.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 { .bxshi(0, -3px, 0, 0, .2); &:hover { 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; bottom: 0; height: 22px; } &: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); height:22px; } span { .db; .pos_rel; } } &.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%); } } } } .cmsmasters_paypal_donations > form:hover + .cmsmasters_button { margin-top:3px; -webkit-box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.02); box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.02); &.cmsmasters_but_clear_styles { margin:0; -webkit-box-shadow:none; box-shadow:none; } &.cmsmasters_but_bg_slide_left:after { width:100%; } &.cmsmasters_but_bg_slide_right:after { width:100%; } &.cmsmasters_but_bg_slide_top:after { height:100%; } &.cmsmasters_but_bg_slide_bottom:after { height:100%; } &.cmsmasters_but_bg_expand_vert:after { width:90%; opacity:1; } &.cmsmasters_but_bg_expand_hor:after { height:75%; opacity:1; } &.cmsmasters_but_bg_expand_diag:after { height:170%; opacity:1; } &.cmsmasters_but_shadow { padding-bottom:0; top:3px; -webkit-box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.02); box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0.02); } &.cmsmasters_but_icon_dark_bg:before, &.cmsmasters_but_icon_light_bg:before, &.cmsmasters_but_icon_divider: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_slide_left:before { left:0; } &.cmsmasters_but_icon_slide_right:before { right:0; } &.cmsmasters_but_icon_hover_slide_left:before { left:0; } &.cmsmasters_but_icon_hover_slide_left 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:0; } &.cmsmasters_but_icon_hover_slide_right 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:0; } &.cmsmasters_but_icon_hover_slide_top 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:0; } &.cmsmasters_but_icon_hover_slide_bottom span { -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); -ms-transform:translateY(-200%); -o-transform:translateY(-200%); transform:translateY(-200%); } } /***************** Link line ******************/ .cmsmasters_link_line { .pos_rel; .dib; &:before { content:''; width:0; height:2px; top:auto; bottom: -6px; position:absolute; .db; } &:hover { &:before { width:100%; } } } /***************** Contact Form 7 ******************/ .wpcf7-form { input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]), select, textarea, option { min-width:100px; width:100%; } } /***************** Hover slider ******************/ .cmsmasters_hover_slider { .pos_rel; .ovh; li:before { .dn; } .cmsmasters_hover_slider_items { list-style:none; width:100%; height:1px; padding:0 0 @preloader_blog_masonry_pad; margin:0; .pos_rel; > li { list-style:none; padding:0; width:100%; height:100%; visibility:hidden; position:absolute; left:0; top:0; .op(0); > figure.cmsmasters_hover_slider_full_img { width:100%; max-width:100%; height:100%; max-height:100%; img { .db; width:100%; max-width:100%; height:100%; max-height:100%; position:absolute; } } } } .cmsmasters_hover_slider_thumbs { font-size:0; line-height:0; margin:0 -4px; padding:0; letter-spacing:-1px; > li { letter-spacing:normal; .dib; display:-moz-inline-stack; padding:10px 5px 0; .valignt; a { .db; .pos_rel; -webkit-transform:scale(.5); -moz-transform:scale(.5); transform:scale(.5); .op(.3); &:before { content:''; .db; width:100%; height:100%; position:absolute; top:0; left:0; .op(.7); } &:hover:before { .op(0); } } img { .db; } &.hovered_item a:before { .op(0); } &.shortcode_animated { a { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); .op(1); } } } } } .js_body .cmsmasters_hover_slider_items > li > figure.cmsmasters_hover_slider_full_img img { position:absolute; } /***************** Content slider ******************/ .content_slider { padding-top:0; margin-bottom:20px; .item > img { width:100%; } &.cmsmasters_big_btns { .owl-buttons > div { top:0; } } } /***************** 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 { .db; width:100%; } &.shortcode_animated { .op(1); } &.cmsmasters_caption { figure { .db; } figcaption { padding:9px 0; .bdb(2px); .tac; } } } } /***************** Quotes ******************/ .cmsmasters_quotes_slider { margin-bottom:20px; .cmsmasters_quote_inner { padding:25px 40px; .pos_rel; } .quote_subtitle { &:before { content:'\2010'; margin-right:4px; } } .quote_link { &:before { content:'\2010'; margin-right:4px; } } .quote_content { .pos_rel; margin:0 0 30px; .ovh; p { padding:0; } img { width:auto; } } .owl-controls { .owl-buttons { .tac; padding-bottom:22px; > div { .dib; } > div + div { margin-left:5px; } } } &.cmsmasters_quotes_slider_type_box { .cmsmasters_quote { padding-top:25px; .pos_rel; .ovh; .cmsmasters_quote_inner { padding:0 20px; .quote_content { .pos_rel; margin:0 0 24px; padding-left:64px; &:before { content:'\201C'; position:absolute; top:0; left: 14px; margin-top:-8px; } } } } .quote_image { margin:0 10px 8px 0; .dib; img { max-width:50px; .bdrs(50%); } } .quote_author { .pos_rel; } .quote_author_info { .pos_rel; .dib; .valignm; } .quote_title { .dib; } .quote_subtitle { &:before { content:'\2010'; margin-right:4px; } } .quote_link { &:before { content:'\2010'; margin-right:4px; } } .owl-controls { .owl-buttons { position:absolute; right:0; bottom:16px; padding:0; } } } &.cmsmasters_quotes_slider_type_center { .cmsmasters_quote { padding-top:75px; } .cmsmasters_quote_inner { .tac; } .quote_content { margin-bottom:20px; .tac; } .wrap_quote_title { .tac; margin-bottom: 30px; .quote_title { .dib; } } .quote_image { padding-bottom:14px; margin-top:-100px; img { width:80px; .bdrs(50%); } } } } .quote_title { margin-bottom:0; } .quote_content_wrap { .ovh; } .cmsmasters_quote_inner { blockquote { padding:0; } } .quote_grid { margin-bottom:0; .pos_rel; .ovh; &.quote_four:after, &.quote_four:before, &.quote_three:before { content:''; position:absolute; top:0; left:66.66%; height:100%; .bdl(2px); } &.quote_one { .cmsmasters_quote { float:none; padding-left:0; } .quote_vert { .dn; } } &.quote_two { .quotes_list { .cmsmasters_quote { padding-top:20px; padding-left:0; &:nth-child(2) { padding-right:0; padding-left:50px; } } } div.quotes_list + div.quotes_list { .cmsmasters_quote { padding-top:40px; } } .cmsmasters_quote { width:50%; } .quote_vert { left:50%; } } &.quote_three { .quotes_list { .cmsmasters_quote { padding-top:20px; &:first-child { padding-left:0; } &:nth-child(3) { padding-right:0; } } } div.quotes_list + div.quotes_list { .cmsmasters_quote { padding-top:40px; } } .cmsmasters_quote { width:33.33%; padding:20px 30px 12px; .quote_author { .tal; } .quote_author_info { .quote_link { .db; &:before { content:none; } } } } .quote_vert { left:33.33%; } } &.quote_four { .cmsmasters_quote { width:25%; padding:20px 20px 12px; &:first-child { padding-left:0; } &:nth-child(4) { padding-right:0; } .quote_image { margin:0 10px 8px 0; .dib; } .quote_author { .tal; } .quote_author_info { .quote_subtitle { .db; &:before { content:none; } } .quote_link { .db; &:before { content:none; } } } } &:before { left:50%; } &:after { left:75%; } .quote_vert { left:25%; } } .quote_vert { position:absolute; top:0; height:100%; .bdl(2px); } .quote_content { .pos_rel; margin:0 0 20px; padding-left:64px; &:before { content:'\201C'; position:absolute; top:0; left: 14px; margin-top:-8px; } p { padding:0; } } .quote_image { margin:0 10px 8px 0; .dib; img { max-width:50px; .bdrs(50%); } } .quote_author { .pos_rel; } .quote_author_info { .pos_rel; .dib; .valignm; } .quote_title { .dib; } .quote_subtitle { &:before { content:'\2010'; margin-right:4px; } } .quote_link { &:before { content:'\2010'; margin-right:4px; } } .cmsmasters_quote { padding:40px 50px 38px; .fl; .cmsmasters_quote_inner { .quote_content_wrap { display:table-cell; .valignm; } } } .quotes_list { width:100%; padding-left:0; margin-bottom:-2px; .bdb(2px); .ovh; &:last-child { .bdb(0); } } } /***************** Pricing tables ******************/ .cmsmasters_pricing_table { padding-top:32px; margin:0 -20px; .pos_rel; .ovh; .cmsmasters_pricing_item_wrap { padding:0 22px 55px; .db; .pos_rel; .fl; } .cmsmasters_pricing_item { margin:0 1px; .pos_rel; .bd(2px); .ovh; .cmsmasters_pricing_item_inner { padding:20px 20px 50px 20px; .pos_rel; .tac; .pricing_header { .pos_rel; .tac; .pricing_title { padding: 28px 0 26px; margin-bottom:0; padding-left: 5px; padding-right: 5px; } .cmsmasters_price_wrap { padding:0 0 28px; .pos_rel; .tac; .cmsmasters_coins, .cmsmasters_currency, .cmsmasters_price, .cmsmasters_period { .dib; } .cmsmasters_currency { .valignt; margin-top: 2px; } .cmsmasters_coins { .valignt; margin-left: -3px; margin-top: 2px; } .cmsmasters_period { &:before { content:'\2F'; margin-right:5px; } } } } .feature_list { padding-left:0; font-size:13px; margin:54px 0 0; [class*="cmsmasters-icon-"]:before, [class*="cmsmasters_theme_icon_"]:before { margin-right:10px; } li { a { font-size:13px; } } li + li { padding-top:14px; } } .cmsmasters_button { margin-top:52px; } } &.pricing_best { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } } &.pricing_one .cmsmasters_pricing_item_wrap { width:100%; float:none; clear:both; .pricing_best { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } &.pricing_two .cmsmasters_pricing_item_wrap { width:50%; .pricing_best { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } } &.pricing_three .cmsmasters_pricing_item_wrap { width:33.33%; } &.pricing_four .cmsmasters_pricing_item_wrap { width:25%; } &.pricing_one .cmsmasters_pricing_item_wrap:nth-child(1n+1), &.pricing_two .cmsmasters_pricing_item_wrap:nth-child(2n+1), &.pricing_three .cmsmasters_pricing_item_wrap:nth-child(3n+1), &.pricing_four .cmsmasters_pricing_item_wrap:nth-child(4n+1) { clear: both; } } /***************** 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 { .dib; max-width:100%; &.cmsmasters_image_l { margin-right:@line_height_pad; .fl; } &.cmsmasters_image_r { margin-left:@line_height_pad; .fr; } &.with_caption { .bdb(2px); } .cmsmasters_img_caption { padding:10px 0; .tac; } } .wp-caption { max-width:100%; padding:20px 20px 0; margin-bottom:@line_height_pad; &.aligncenter { margin-left:auto; margin-right:auto; } &.alignleft { margin-right:25px; } &.alignright { margin-left:25px; } a { .db; } .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 { padding:10px; } } &.gallery-columns-1 .gallery-item { width:round(100% - (@col_mar * 2), 2); position:relative; float:none; .cl; } &.gallery-columns-2 .gallery-item { width:round((100% / 2) - (@col_mar * 2), 2); &:nth-child(2n+1) { .cl; } } &.gallery-columns-3 .gallery-item { width:round((100% / 3) - (@col_mar * 2), 2); &:nth-child(3n+1) { .cl; } } &.gallery-columns-4 .gallery-item { width:round((100% / 4) - (@col_mar * 2), 2); &:nth-child(4n+1) { .cl; } } &.gallery-columns-5 .gallery-item { width:round((100% / 5) - (@col_mar * 2), 2); &:nth-child(5n+1) { .cl; } } &.gallery-columns-6 .gallery-item { width:round((100% / 6) - (@col_mar * 2), 2); &:nth-child(6n+1) { .cl; } } &.gallery-columns-7 .gallery-item { width:round((100% / 7) - (@col_mar * 2), 2); &:nth-child(7n+1) { .cl; } } &.gallery-columns-8 .gallery-item { width:round((100% / 8) - (@col_mar * 2), 2); &:nth-child(8n+1) { .cl; } } &.gallery-columns-9 .gallery-item { width:round((100% / 9) - (@col_mar * 2), 2); &: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; margin-bottom:40px; padding-bottom:40px; .bdb(2px); &:last-of-type { margin-bottom:0; .bdb(0); } } } .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; &:last-child { margin-right:0; } .social_vertical & { float:none; margin-right:0; } } /***************** Twitter Stripe ******************/ .cmsmasters_twitter_wrap { .pos_rel; .ovh; .cmsmasters_owl_slider { padding:0; } .cmsmasters_twitter { .cmsmasters_twitter_item { display:table; width:100%; position:relative; &:after { content:''; display:inline-block; height:100%; min-height:100px; vertical-align:middle; width:0; } .cmsmasters_twitter_item_content { display:table-cell; width:100%; padding:0 80px 0 150px; vertical-align:middle; } } .published { width:105px; height:20px; margin:auto !important; padding:0 15px 0 0; position:absolute; left:34px; right:auto; top:0; bottom:0; } .cmsmasters_twitter_item_content { display:block; } .owl-controls { .owl-buttons { .pos_abs(70px, 32px, auto, 0, 0, 0); } } } } .twr_icon { font-size:26px; line-height:26px; .db; .pos_abs(1em, 1em, 0, auto); &:before { margin:0 !important; } } /***************** Dropcap ******************/ .cmsmasters_dropcap { margin:5px 33px 5px 23px; line-height:50px; .fl; &.type2 { width:50px; height:50px; .bdrs(50%); .tac; margin:5px 25px 5px 0; } } /***************** Clients ******************/ .cmsmasters_clients_slider { margin:0; .owl-buttons { top:10px; } &.cmsmasters_clients_no_arrows { padding-top:0; } } .cmsmasters_clients_item { height:180px; line-height:180px; text-align:center; .valignm; img { .dib; padding:20px; max-width:100%; max-height:100%; height:auto; width:auto; .valignm; } a { .db; line-height:180px; } } .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:20px 0; 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; } } /*-------------------------------------------------------------------------*/ /* 11. Widgets Styles */ /*-------------------------------------------------------------------------*/ .widget { .pos_rel; padding:0 0 @line_height_pad; .sidebar & { margin-bottom:40px; padding-bottom:40px; .bdb(2px); &:last-child { margin-bottom:0; .bdb(0); } } .widgettitle { margin-bottom:30px; } ul { padding-left:0; margin-bottom:0; li { padding:7px 0; .bdt; &:before { content:none; } &:first-child { .bdt(0); } li:first-child { .bdt; } } } } .bottom_inner { .widget_text li { .bd(0); } } /***************** Widget Custom Menu ******************/ .widget_nav_menu > div > ul { padding:0; ul { margin:0; } > li:first-child { margin-top:0; } li { margin-top:5px; padding:0; .bd(0); &:before { content:none; } li:first-child { padding:0; .bd(0); } a { .db; padding:11px 10px 11px 20px; .pos_rel; } } > li { > a { padding-left:20px; } > ul { > li { > a { padding-left:35px; } > ul { > li { > a { padding-left:50px; } > ul { > li { > a { padding-left:65px; } > ul { > li { > a { padding-left:80px; } } } } } } } } } } } /***************** 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 Facebook ******************/ .widget_custom_facebook_entries iframe { margin-bottom:0; } /***************** Widget Pages and Categories ******************/ #page { .widget_categories { ul > li { > ul { > li { > a { padding-left:15px; } > ul { > li { > a { padding-left:30px; } > ul { > li { > a { padding-left:45px; } > ul { > li { > a { padding-left:60px; } } } } } } } } } } } .widget_pages { ul > li { > ul { > li { > a { padding-left:30px; } > ul { > li { > a { padding-left:45px; } > ul { > li { > a { padding-left:60px; } > ul { > li { > a { padding-left:75px; } } } } } } } } } } } .widget_pages { ul { li { margin-top:5px; padding:0; .bd(0); &:before { content:none; } a { .db; padding:11px 15px; } } ul { margin-left:0; } } } .widget_categories ul { margin:0; li { padding:7px 0; .bd(0); } } } /***************** Widget Contact Info ******************/ .widget_custom_contact_info_entries span { .db; } .widget_custom_contact_info_entries > span { padding-top: 7px; padding-bottom: 7px; margin-bottom: 10px; } .widget_custom_contact_info_entries > span, .widget_custom_contact_info_entries > div { padding-top: 7px; &:before { .db; width:34px; height:34px; line-height:34px; } } .contact_widget_name, .contact_widget_email, .contact_widget_url, .contact_widget_phone, .contact_widget_time, .adress_wrap { padding-left:53px; .pos_rel; &:before { font-size:16px; position:absolute; left:0; top:0; } } /***************** Widget Twitter ******************/ .widget_custom_twitter_entries { .pos_rel; .tweet_list { li { padding: 2px 0; .bd(0); .tweet_time { padding-left:40px; margin-top:24px; .db; .pos_rel; &:before { font-size:25px; .pos_abs(1em,1em,0,auto,0,0); } } } li + li { margin-top:32px; } } } /***************** Widget Calendar ******************/ #wp-calendar { border-spacing:0; width:auto; min-width:200px; .tac; caption { padding:11px 20px; } th { min-width:30px; padding:14px 0 16px; } td { min-width:30px; padding:5px 0; } tfoot { a { .dib; padding-top:6px; } #prev { .tal; } #next { .tar; } } } /***************** Widget Flickr ******************/ .widget_custom_flickr_entries { .wrap { margin:0 -7px; } .more_button { display:none; } .flickr_badge_image { margin:0 7px 18px; .fl; } } /***************** Widget Posts Tabs ******************/ .widget_custom_posts_tabs_entries { .cmsmasters_tabs.lpr { .pos_rel; } .cmsmasters_tabs { .cmsmasters_tabs_list { .cmsmasters_tabs_list_item { margin: 0 10px; .tac; .bd(0); &:first-child { margin: 0 10px; } a { padding:11px 0; span { .bd(0); } } } } .cmsmasters_tabs_list + .cmsmasters_tabs_wrap { margin-top:22px; } .cmsmasters_tabs_wrap { .cmsmasters_tab { li { .bd(0); .cmsmasters_img_wrap { a { &.preloader { padding-bottom:72%; } img { max-width:100%; width:72px; } } } .alignleft { margin-right:20px; } } &.tab_comments { li:first-child { padding-top:1px; } small { .db; } small + p { margin-top:5px; } p { padding:0; } } } } } } /***************** Widget RSS ******************/ .iclflag { display:inline; } .rss-date { .db; } .rsswidget img { margin:0 3px 2px 0; } /***************** Widget Latest and Popular Projects ******************/ .widget_custom_popular_projects_entries, .widget_custom_latest_projects_entries { .pos_rel; .widgettitle { padding-right:80px; margin-bottom:28px; } .owl-buttons { position: absolute; right: 0; top: -55px; .tac; > div { .dib; } > div + div { margin-left:6px; } } .pj_ddn { header { margin-bottom: 2px; .entry-title { margin:0; } } .cmsmasters_slider_project_body_info { .pos_rel; .ovh; .cl; .cmsmasters_slider_project_meta_info { .fr; a + a { margin-left: 12px; } } .cmsmasters_slider_project_cont_info { padding-right: 15px; .dib; .pos_rel; .ovh; .cl; .valignm; } } } } .widget_custom_popular_projects_entries { .popular_pj_img { .img_placeholder { height:150px; max-height:100%; width:100%; .tac; .db; .pos_rel; &:before { font-size:40px; .pos_abs; } } } .popular_pj_img + .pj_ddn { padding-top:18px; } } .widget_custom_latest_projects_entries { .latest_pj_img { .img_placeholder { height:150px; max-height:100%; width:100%; .tac; .db; .pos_rel; &:before { font-size:40px; .pos_abs; } } } .latest_pj_img + .pj_ddn { padding-top:18px; } } /***************** Widget Archive and Categories ******************/ .widget_categories, .widget_archive { .pos_rel; label { .db; } select { width:100%; } label + select { margin-top:5px; } } .widget_categories, .widget_archive { ul { li { padding:0; .bd(0); &:before { content:none; } a { } } li + li { margin-top:5px; } } } /***************** Widget Recent Posts ******************/ .widget_recent_entries { ul { li { padding:0; .bd(0); a, span { .db; } } li + li { margin-top:20px; } } } /***************** Widget Recent Comments ******************/ .widget_recent_comments { ul { li { padding:0; .bd(0); a { .db; } } li + li { margin-top:20px; } } } /***************** Widget Meta ******************/ .widget_meta { ul { li { .bd(0); } } } /*-------------------------------------------------------------------------*/ /* 12. Search + Archives + Sitemap + Error + Other Styles */ /*-------------------------------------------------------------------------*/ /***************** Archives + Search ******************/ .cmsmasters_search, .cmsmasters_archive { .pos_rel; .ovh; } .cmsmasters_archive { .about_author { padding:0; margin-bottom:72px; } } .cmsmasters_archive_type { padding:30px 0 0; .ovh; .pos_rel; .cl; &: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; .pos_rel; } .cmsmasters_archive_item_cont_wrap { .ovh; } .cmsmasters_archive_item_type { padding:4px 15px; position:absolute; left:0; top:0; z-index:1; cursor:default; .db; .ovh; &.cmsmasters_archive_item_type_no_img { margin-bottom: 10px; .dib; .pos_rel; } } .cmsmasters_archive_item_header { padding:0 0 4px; } .cmsmasters_archive_item_header + .cmsmasters_archive_item_content { padding-top:10px; } .cmsmasters_archive_item_title { margin:0; } .cmsmasters_archive_item_content { padding-top: 22px; padding-bottom: 38px; margin-bottom: 6px; p { padding:0; } } .cmsmasters_archive_item_info { padding:0 0 22px 0; .bdb(2px); .ovh; .cl; } .cmsmasters_archive_item_date_wrap { padding:0 0 0 20px; .fr; } .cmsmasters_archive_item_user_name { padding:0 20px 0 0; } } .search-results { .cmsmasters_archive_type .cmsmasters_archive_item_content { padding-bottom:0; } } /***************** Sitemap ******************/ .middle_content .cmsmasters_sitemap_wrap { padding:40px 0 50px; } .cmsmasters_sitemap_wrap { .pos_rel; .ovh; ul, ol, li { margin:0; padding:0; .pos_rel; .ovh; &:before { content:none; } } .cmsmasters_divider { margin-bottom:40px; } .cmsmasters_sitemap { padding:0; margin:0; .ovh; > li { width:100%; padding-top:40px; .pos_rel; &:before { content:''; .db; width:100%; height:2px; position:absolute; left:0; top:0; } &:first-child { margin-top:0; padding-top:0; &:before { content:none; } } > a { .dib; margin-bottom:35px; + ul { margin-top:-10px; } } > ul { width:100%; .ovh; > li { width:25%; padding-top:0; padding-right:20px; margin-bottom:40px; .fl; &: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 0; margin:0; .ovh; > li { width:25%; padding-right:20px; margin-bottom:40px; .fl; &: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 20px; margin:0; .ovh; > li { width:25%; margin-bottom:20px; padding-right:20px; .fl; &: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_bg { height:100%; > .content_wrap { padding:90px 0 190px; .tac; .error_inner { .pos_rel; .dib; .error_subtitles { position:absolute; left:0; top: 20%; .ovh; .error_subtitle { margin-bottom:15px; font-size:30px; .tal; } .error_subtitle_sec { text-transform:none; font-weight:400; .tal; } } .error_title { font-size:440px; line-height:440px; font-weight:800; margin:0 0 70px; .dib; } .search_bar_wrap { margin:0; width:270px; max-width:100%; .db; .fl; } .error_button_wrap { margin-left: 20px; .db; .fl; } } } } } /***************** 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; } /***************** PayPal Donations ******************/ .cmsmasters_paypal_donations { .dib; .pos_rel; > form { > .paypal-donations { input[type="image"] { .db; z-index:100; .pos_abs(100%, 100%); .op(0); } > img { .dn; } } } .cmsmasters_button { .pos_rel; z-index:10; } } /*-------------------------------------------------------------------------*/ /* 13. Contact Forms Styles */ /*-------------------------------------------------------------------------*/ .cmsmasters-form-builder { margin:0 -@col_mar; .success_box { margin:0 @col_mar 10px; width:round(100% - (@col_mar * 2), 2); } form { .form_info { padding-bottom:20px; } } .form_info { margin:0 @col_mar; .pos_rel; &.submit_wrap { padding-top:10px; } label { span { margin-left:-4px; } } &.cmsmasters_input, &.cmsmasters_textarea { label { position: absolute; top: 0; left: 0; padding: 9px 12px; opacity:1; cursor:pointer; } &.area_opened { label { opacity:0; cursor:text; } } } &.cmsmasters_select { label { .dn; } } } [class*="one_"] input[type="text"], [class*="one_"] select, [class*="one_"] textarea { width:100%; } } #page .cmsmasters-form-builder textarea { min-height:120px; height:120px; } select { min-width:100px; height:40px; } select[multiple] { height:auto; } span.wpcf7-list-item { .db; } .wpcf7-list-item-label, body .cmsmasters-form-builder .check_parent input[type="checkbox"] + label, body .cmsmasters-form-builder .check_parent input[type="radio"] + label { padding-left:25px; .pos_rel; float:left; cursor:pointer; } .wpcf7-list-item label { .pos_rel; .db; overflow:hidden; padding:5px 0; } .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"] { position:absolute; top:0; left:0; float:left; opacity:0; } .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 { position:absolute; top:4px; left:4px; width:9px; height:9px; content:''; opacity:0; -webkit-transform:scale(.75); -moz-transform:scale(.75); transform:scale(.75); } .cmsmasters-form-builder .check_parent input[type="radio"] + label:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:after { position:absolute; top:4px; left:4px; .db; width:9px; height:9px; content:''; opacity:0; .bdrs(50%); -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); } .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, .cmsmasters-form-builder .check_parent input[type="radio"]:checked + label:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label:after { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1; } .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 { .db; content:''; width:17px; height:17px; text-align:center; position:absolute; left:0; top:0; .bd; } .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%); } .widget_custom_contact_form_entries { input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]), textarea, select { width:100%; } .cmsmasters-form-builder { .form_info.submit_wrap { padding-top:12px; padding-bottom:0; } } } /*-------------------------------------------------------------------------*/ /* 14. CSS3 Animations */ /*-------------------------------------------------------------------------*/ html.csstransitions { .cmsmasters_img_rollover:after { .trans(~'opacity .3s ease-in-out'); } input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]), textarea, select { .trans(~'border-color .2s ease-in-out'); } .widget_custom_contact_form_entries .form_info.submit_wrap .button, .profile_social_icons_list li a, .cmsmasters_profile .pl_social .pl_social_list li a, .header_bot_inner .slogan_wrap .slogan_wrap_inner .slogan_wrap_text .cmsmasters_header_bot_btn, .owl-pagination .owl-page { .trans(~'background-color .3s ease-in-out'); } .project_inner.cmsmasters_img_rollover, .cmsmasters_meta_block, .cmsmasters_img_rollover_wrap .cmsmasters_img_rollover { .trans(~'opacity .3s ease-in-out'); } .cmsmasters_tabs.tabs_mode_tour .cmsmasters_tabs_list .cmsmasters_tabs_list_item a, .subpage_nav > a, a.responsive_nav, .widget_pages ul li a, .widget_nav_menu > div > ul li a, .attachment_nav_btn a:before, .attachment_nav_btn a:after, .cmsmasters_img_rollover > a, .cmsmasters_wrap_pagination ul li a.page-numbers, .cmsmasters_prev_arrow, .cmsmasters_next_arrow, .comment-respond #commentform input[type=submit] { .trans(~'color .3s ease-in-out, background-color .3s ease-in-out'); } .cmsmasters_items_filter_list li a:before, .cmsmasters_link_line:before, .share_posts a:before { .trans(width .3s ease-in-out); } a, .img_placeholder_small, .cmsmasters_sitemap_wrap .cmsmasters_sitemap > li > ul > li > ul li a:before, .header_mid_inner .social_wrap a, .search_bar_wrap .search_button button, p.search_button_open button { .trans(color .3s ease-in-out); } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item a { .trans(~'color .3s ease-in-out, background-color .3s ease-in-out'); } #page .post-password-form input[type=submit], .post .cmsmasters_post_footer .button { .trans(~'color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out'); } .cmsmasters_tabs.tabs_mode_tab .cmsmasters_tabs_list .cmsmasters_tabs_list_item span { .trans(border-color .3s ease-in-out); } .cmsmasters-form-builder .form_info label { .trans(opacity .3s ease-in-out); } .header_mid_outer, .header_bot_outer { .trans(~'background-color .2s ease-in-out'); } .cmsmasters_toggles .cmsmasters_toggle_wrap .cmsmasters_toggle_title .cmsmasters_toggle_plus, .cmsmasters_toggles .cmsmasters_toggle_wrap .cmsmasters_toggle_title .cmsmasters_toggle_plus span, .cmsmasters_toggles.toggles_mode_accordion .cmsmasters_toggle_title:before, .cmsmasters_notice .notice_close { .trans(~'background-color .3s ease-in-out'); } #header nav, .resp_nav_wrap, .slogan_wrap, .social_wrap, nav > div > ul ul, nav > div > ul div, nav > div > ul ul ul { .trans(~'opacity .3s ease-in-out .5s, margin .3s ease-in-out .5s'); } .header_mid { .trans(~'margin .3s ease-in-out .3s'); } .cmsmasters_hover_slider_thumbs > li img, .social_wrap a { .trans(~'opacity .4s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out, color .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); } #slide_top, #navigation li > a, #navigation li > a[data-tag]:before { .trans(~'border-color .3s ease-in-out, background-color .3s ease-in-out, color .2s ease-in-out, padding-left .3s ease-in-out'); } nav > div > ul > li:hover > a:before { .trans(~'opacity .3s ease-in-out, bottom .3s ease-in-out'); } .search_wrap { .trans(~'background-color .3s ease-in-out, width .5s ease-in-out'); } .search_wrap input[type=search] { .trans(~'opacity .4s ease-in-out, width .4s ease-in-out'); } .search_wrap .search_bar_wrap { .trans(~'width .5s ease-in-out, padding .5s ease-in-out'); } .cmsmasters_mov_bar, .wpcf7 .wpcf7-form .wpcf7-submit, .cmsmasters_button, .cmsmasters_button span, .cmsmasters_button.cmsmasters_but_clear_styles:before, .cmsmasters_button.cmsmasters_but_clear_styles:after, .post-edit-link { .trans(~'all .3s ease-in-out'); } .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, .cmsmasters-form-builder .check_parent input[type="radio"] + label:after, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-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_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'); } .portfolio.grid article.project figure { .trans(~'opacity .7s ease-in-out'); } .portfolio.puzzle .project .project_outer figure img, .portfolio.puzzle .project .project_outer figure .img_placeholder, .portfolio.puzzle .project .project_outer .project_inner { .trans(~'all .2s ease-in-out'); } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal.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.stats_type_vertical.shortcode_animated .cmsmasters_stat_inner { -webkit-animation:bar_up 2s ease-in; -moz-animation:bar_up 2s ease-in; -ms-animation:bar_up 2s ease-in; -o-animation:bar_up 2s ease-in; animation:bar_up 2s ease-in; } .cmsmasters_stats.stats_mode_bars.stats_type_horizontal.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.stats_type_vertical.shortcode_animated .cmsmasters_stat_inner:before { -webkit-animation:bar_icon 2.2s ease-out; -moz-animation:bar_icon 2.2s ease-out; -ms-animation:bar_icon 2.2s ease-out; -o-animation:bar_icon 2.2s ease-out; animation:bar_icon 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; } @-webkit-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-moz-keyframes bar_move { from { width: 0; } to { width: 100%; } } @-ms-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_up { from { -webkit-transform: translate(0, 100%); } to { -webkit-transform: translate(0, 0%); } } @-moz-keyframes bar_up { from { -moz-transform: translate(0, 100%); } to { -moz-transform: translate(0, 0%); } } @-ms-keyframes bar_up { from { -ms-transform: translate(0, 100%); } to { -ms-transform: translate(0, 0%); } } @-o-keyframes bar_up { from { -o-transform: translate(0, 100%); } to { -o-transform: translate(0, 0%); } } @keyframes bar_up { from { transform: translate(0, 100%); } to { transform: translate(0, 0%); } } @-webkit-keyframes bar_title { from { margin-left: -200px; opacity:0; } to { margin-left: 0px; opacity:1; } } @-moz-keyframes bar_title { from { margin-left: -200px; opacity:0; } to { margin-left: 0px; opacity:1; } } @-ms-keyframes bar_title { from { margin-left: -200px; opacity:0; } to { margin-left: 0px; opacity:1; } } @-o-keyframes bar_title { from { margin-left: -200px; opacity:0; } to { margin-left: 0px; opacity:1; } } @keyframes bar_title { from { margin-left: -200px; opacity:0; } to { margin-left: 0px; opacity:1; } } @-webkit-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-moz-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-ms-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-o-keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @keyframes bar_icon { from { margin-right: -200px; } to { margin-right: 0px; } } @-webkit-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes bar_inner { from { opacity: 0; } to { opacity: 1; } } @-ms-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; } } }