/* * AIT WordPress Theme * * Copyright (c) 2014, Affinity Information Technology, s.r.o. (http://ait-themes.club) */ /* Table of Content 1. FONTS 2. FONT SIZES 3. MAIN LAYOUT 4. BASIC STYLES 5. SITE HEADER 6. MAIN MENU 7. MEGA MENU 8. BREADCRUMB and PAGE TITLE 9. CONTENT and BASIC TEXT LAYOUT 10. COLUMNS 11. SHORTCODES 12. REVOLUTION SLIDER 13. EASY SLIDER 14. PORTFOLIO 15. ITEM-ORGANIZER 16. HALF-DETAIL 17. FAQ 18. TOGGLES 19. PRICE-TABLE 20. OPENING-HOURS 21. COUNTDOWN 22. COUNTERS 23. TWITTER 24. MEMBER 25. GOOGLE-MAP 26. FACEBOOK 27. VIDEO 28. SOUNDCLOUD 29. MIXCLOUD 30. PARTNERS 31. ADVERTISING 32. SITEMAP 33. RULE 34. CONTACT-FORM 35. UNIVERSAL CAROUSEL 36. WP GALLERY 37. BLOG 38. WOOCOMMERCE 39. COMMENTS 40. AUTHOR BIO 41. PAGINATIONS 42. SEARCH PAGE 43. WIDGETS 44. FOOTER WIDGETS LAYOUT 45. FOOTER WIDGETS 46. WIDGETS: button layout 47. SITE FOOTER 48. EASY RESERVATIONS PLUGIN - COLORS 49. RESPONSIVE STYLES */ /**************************************************/ /*** && INTRO ***/ /**************************************************/ /* Default LESS variables: @design-url: 'http://..../design' @theme-url: 'http://....' @img-url: 'http://..../design/img' @fonts-url: 'http://..../design/fonts' @assets-url: 'http://..../ait-theme/assets' @default-lang: 'en_US' // just example */ @import "reset.css"; @import "alert.css"; @import "mixins.less"; /* && end of INTRO */ @fancyFontIcons = "FontAwesome"; @fancyIcons = "FontAwesome"; /**************************************************/ /*** && FONT SIZES ***/ /**************************************************/ @txtLineDim = 1.6923; @titLineDim = 1.3; .lineHeight(@value, @increment) { line-height: round((@value * @increment) / 2) * 2; } /* Desktop Sizes */ /* Responsive Sizes */ @txtSize = @theme-typography-txtSize; @txtSizeR = @theme-typography-txtSize + 4px; @smlSize = @theme-typography-smlSize; @smlSizeR = @theme-typography-smlSize + 2px; @decSize = @theme-typography-decSize; @decSizeR = @theme-typography-decSize + 2px; @mnuSize = @theme-typography-mnuSize; @mnuSizeR = @theme-typography-mnuSize + 0px; @h1Size = @theme-typography-h1Size; @h1SizeR = @theme-typography-h1Size + 0px; @h2Size = @theme-typography-h2Size; @h2SizeR = @theme-typography-h2Size + 2px; @h3Size = @theme-typography-h3Size; @h3SizeR = @theme-typography-h3Size + 2px; @h4Size = @theme-typography-h4Size; @h4SizeR = @theme-typography-h4Size + 2px; @h5Size = @theme-typography-h5Size; @h5SizeR = @theme-typography-h5Size + 2px; @h6Size = @theme-typography-h6Size; @h6SizeR = @theme-typography-h6Size + 2px; .txtcrop(@size) { @lnHeight = round((@size * @txtLineDim) / 2) * 2; &.txtrows-none { } &.txtrows-1 { height: @lnHeight * 1; overflow: hidden; } &.txtrows-2 { height: @lnHeight * 2; overflow: hidden; } &.txtrows-3 { height: @lnHeight * 3; overflow: hidden; } &.txtrows-4 { height: @lnHeight * 4; overflow: hidden; } &.txtrows-5 { height: @lnHeight * 5; overflow: hidden; } } /*** Font Sizes Template ***/ .bodysize { font-size: @txtSize; .lineHeight(@txtSize, @txtLineDim); } .smallsize { font-size: @smlSize; .lineHeight(@smlSize, @txtLineDim); } .decsize { font-size: @decSize; .lineHeight(@decSize, @txtLineDim); } .menusize { font-size: @mnuSize; .lineHeight(@mnuSize, @titLineDim); } .h1size { font-size: @h1Size; .lineHeight(@h1Size, @titLineDim); } .h2size { font-size: @h2Size; .lineHeight(@h2Size, @titLineDim); } .h3size { font-size: @h3Size; .lineHeight(@h3Size, @titLineDim); } .h4size { font-size: @h4Size; .lineHeight(@h4Size, @titLineDim); } .h5size { font-size: @h5Size; .lineHeight(@h5Size, @titLineDim); } .h6size { font-size: @h6Size; .lineHeight(@h6Size, @titLineDim); } .cropBodySize { .txtcrop(@txtSize); } .cropSmallSize { .txtcrop(@smlSize); } .cropDecSize { .txtcrop(@decSize); } @import "fontsize.less"; /* .littlesize { font-size: 11px; } .normalsize { font-size: 12px; } .largesize { font-size: 14px; } .menuUlSize { font-size: 18px; line-height: 26px; } .menuUlUlSize { font-size: 14px; line-height: 24px; } .tableth { font-size: 13px; line-height: 20px; } .portfolioFilterSize { font-size: 14px; line-height: 24px; } .portfolioFilterUlSize { font-size: 12px; line-height: 24px; } .portfolioTitlSize { .h4size; height: 26px; } .portfolioDescSize { .smallsize; } .testimonialsText { font-size: 14px; line-height: 22px; } .testimonialsAuthor { font-size: 14px; line-height: 22px; } .widgetsButtonSize { font-size: 11px !important; line-height: 16px !important; } .calTableSize { font-size: 12px; line-height: 22px; } .searchLabelSize { font-size: 12px; line-height: 20px; } .searchSize { font-size: 14px; line-height: 24px; height: 26px; } */ /* Woocommerce */ .wooStars { font-size: 8px; line-height: 8px; } .wooWidgetPrice { font-size: 16px; line-height: 20px; } .wooProductRemove { font-size: 26px; } .wooDetailPrice { font-size: 20px; line-height: 30px; } .wooProductDetailTitle { font-size: 24px; line-height: 30px;} .wooProductTitle { font-size: 16px; line-height: 24px; } .wooPriceMetaSize { line-height: 20px; font-size: 13px; } .starsSize { font-size: 12px; } /* && end of FONT SIZES */ /**************************************************/ /*** && MAIN LAYOUT ***/ /**************************************************/ @boxOnBgLight = #ffff00; @boxOnBgDark = #ff0000; @pageCorner = 6px; html { background: @theme-general-mainbg-image @theme-general-mainbg-color @theme-general-mainbg-repeat @theme-general-mainbg-scroll @theme-general-mainbg-position; } body { margin: 0px; color: @theme-general-txtColor; min-width: 320px; } @elmPadTop = 0px; @elmPadBot = 70px; @elmPadTopBG = 70px; @elmPadBotBG = 50px; @elmMarBotBG = 60px; @elmInsidePadTop = 0px; @elmInsidePadBot = 20px; @elmInsidePadTopBG = 20px; @elmInsidePadBotBG = 0px; @elmInsideMarBotBG = 40px; @elmInsidePadSidesBG = 20px; .layout-narrow .page-container { max-width: @theme-general-websiteWidth + 80px; margin: auto; .borderbox; padding-top: 20px; } .grid-main, .elm-wrapper, .elements-sidebar-wrap { max-width: @theme-general-websiteWidth + 0px; padding: 0px 12px; margin: auto; } .elements-sidebar-wrap .grid-main, .elements-sidebar-wrap .elm-wrapper, .column .grid-main, .column .elm-wrapper { max-width: 100%; padding: 0px; margin: 0px; } .elm-wrapper:after { .clearfix; } .page-container { position: relative; } .layout-wide .page-container { overflow: hidden; } .elements { background: @theme-general-pageBgColor; } .layout-narrow .elements, .layout-narrow .elements .main-sections > *:first-child { .border-radius(@pageCorner @pageCorner 0px 0px); padding-top: 0; overflow: hidden; } .layout-narrow .elements .page-title + .main-sections > *:first-child, .layout-narrow .elements .breadcrumb + .main-sections > *:first-child { padding-top: 50px; } .layout-narrow .elements .page-title + .main-sections > .elements-with-sidebar, .layout-narrow .elements .breadcrumb + .main-sections > .elements-with-sidebar { padding-top: 0; } .layout-narrow .elm-revolution-slider ~ .elements, .layout-narrow .elm-revolution-slider ~ .elements .main-sections > *:first-child { .border-radius(0); overflow: visible; } .layout-narrow .elements { overflow: visible; } .main-sections { } .main-sections:after { .clearfix; } .main-sections > .elm-main:first-child/*, .main-sections .elements-with-sidebar:first-child*/ { padding-top: 50px; } .main-sections .elements-with-sidebar + section { padding-top: 60px; } .elm-main { padding-top: @elmPadTop; padding-bottom: @elmPadBot; clear: both; } .elm-main.elm-has-bg { padding-top: @elmPadTopBG; padding-bottom: @elmPadBotBG; margin-bottom: @elmMarBotBG; } .elements-sidebar-wrap .elm-main, .column .elm-main { padding-top: @elmInsidePadTop; padding-bottom: @elmInsidePadBot; } .elements-sidebar-wrap .elm-main.elm-has-bg, .column .elm-main.elm-has-bg { padding: @elmInsidePadTopBG @elmInsidePadSidesBG @elmInsidePadBotBG @elmInsidePadSidesBG; margin-bottom: @elmInsideMarBotBG; .border-radius(5px); } .elm-main .elm-mainheader { margin-bottom: 30px; } .elm-main.fullsize .elm-mainheader { padding-left: 50px; padding-right: 50px; } .elements-sidebar-wrap .elm-main.fullsize .elm-mainheader, .column .elm-main.fullsize .elm-mainheader { padding-left: 0; padding-right: 0; } .elements-sidebar-wrap .elm-main.elm-has-bg.fullsize .elm-mainheader, .column .elm-main.elm-has-bg.fullsize .elm-mainheader { padding-left: @elmInsidePadSidesBG; padding-right: @elmInsidePadSidesBG; } .elm-main .elm-maintitle { margin-bottom: 0px; } .elm-main .elm-maindesc { margin-top: 5px; margin-bottom: 0px; } .elm-main .align-left .elm-maintitle, .elm-main .align-left .elm-maindesc { text-align: left; } .elm-main .align-center .elm-maintitle, .elm-main .align-center .elm-maindesc { text-align: center; } .elm-main .align-right .elm-maintitle, .elm-main .align-right .elm-maindesc { text-align: right; } .elm-main.fullsize, .elements-sidebar-wrap .elm-main.fullsize, .column .elm-main.fullsize { padding-left: 0px; padding-right: 0px; } .elm-main.fullsize .elm-wrapper { padding-left: 0px; padding-right: 0px; max-width: 100%; } /*** sidebars ***/ @sidebarRight = @theme-general-rightSidebarWidth + 0.0%; @sidebarLeft = @theme-general-leftSidebarWidth + 0.0%; @sidebarOffset = @theme-general-sidebarGap + 0.0%; @contentFull = 100%; @contentRS = 100% - @sidebarRight - @sidebarOffset; @contentLS = 100% - @sidebarLeft - @sidebarOffset; @contentRLS = 100% - @sidebarRight - @sidebarLeft - (@sidebarOffset * 2); .right-sidebar .sidebar-right-area { width: @sidebarRight; float: right; .borderbox; } .left-sidebar .sidebar-left-area { width: @sidebarLeft; float: left; margin-right: @sidebarOffset; .borderbox; } .right-sidebar .elements-area { width: @contentRS; float: left; } .left-sidebar .elements-area { width: @contentLS; float: left; } .right-sidebar.left-sidebar .elements-area { width: @contentRLS; float: left; } .elements-with-sidebar .elements-sidebar-wrap:after { .clearfix; } .elements-area, .sidebar-right-area, .sidebar-left-area { padding-bottom: 20px; } /* Customization for MAIN LAYOUT */ .elm-main .elm-mainheader { margin-bottom: 40px; } .elm-main .elm-maindesc { margin-top: 15px; } .elements-with-sidebar { border-top: 1px solid @theme-general-linesColor; border-bottom: 1px solid @theme-general-linesColor; } .main-sections > .elements-with-sidebar:first-child { border-top: none; } .main-sections .elements-sidebar-wrap { position: relative; padding-top: 50px; } .layout-narrow .sidebar-left-area:before, .layout-narrow .sidebar-right-area:before { content: ""; background: darken(@theme-general-pageBgColor, 3%); position: absolute; top: 0; bottom: 0; width: @theme-general-rightSidebarWidth + 5.3%;} .layout-narrow .sidebar-right-area:before { right: -28px; } .layout-narrow .sidebar-left-area:before { left: -28px; } .layout-wide .sidebar-left-area:before, { content: ""; background: darken(@theme-general-pageBgColor, 3%); position: absolute; top: 0; bottom: 0; width: 100%; } .layout-wide .sidebar-right-area:before { content: ""; background: darken(@theme-general-pageBgColor, 3%); position: absolute; top: 0; bottom: 0; width: 100%; } .layout-wide .sidebar-left-area:before { left: -(@contentFull - @sidebarLeft - (@sidebarOffset / 2)); right: 0; } .layout-wide .sidebar-right-area:before { margin-left: -30px; } .sidebar-right-area > *, .sidebar-left-area > * { position: relative; } /* end Customization for MAIN LAYOUT */ /* && end of MAIN LAYOUT */ /**************************************************/ /*** && BASIC STYLES ***/ /**************************************************/ a { color: @theme-general-lnkColor; text-decoration: none; outline: none; .transition(all 0.5s); } a:hover { color: @theme-general-hvrColor; text-decoration: none; } :before, :after { .transition(all 0.5s); } strong { color: @theme-general-titColor; } a.post-edit-link, a.comment-edit-link, a.comment-reply-link { display: inline-block; vertical-align: top; background: #ff0000; color: #ffffff; padding: 0px 10px; } a.post-edit-link:hover, a.comment-edit-link:hover { background: #cc0000; color: #ffffff; } a.comment-reply-link { background: @theme-general-decColor; } a.comment-reply-link:hover { background: darken(@theme-general-decColor, 10%); } h1 { margin: 0px 0px 20px 0px; color: @theme-general-titColor; } h2 { margin: 0px 0px 20px 0px; color: @theme-general-titColor; } h3 { margin: 0px 0px 15px 0px; color: @theme-general-titColor; } h4 { margin: 0px 0px 15px 0px; color: @theme-general-titColor; } h5 { margin: 0px 0px 10px 0px; color: @theme-general-titColor; } h6 { margin: 0px 0px 10px 0px; color: @theme-general-titColor; } h1, h2, h3, h4, h5, h6 { a, a:hover { color: @theme-general-titColor; text-decoration: none; } strong { color: @theme-general-decColor; } } .entry-content > ul, .entry-content > ul ul { list-style-type: none; margin-bottom: 20px; } .entry-content > ul li { padding: 0px 0px 10px 30px; position: relative; .borderbox;} .entry-content > ul li:before { content: ""; width: 20px; height: 20px; background: url('@{img-url}/lists.png') -60px 0px no-repeat @theme-general-decColor; .rounded; position: absolute; top: 0px; left: 0px; } input, textarea { color: #333333; } select { color: #333333; } input[type="submit"] { background: @theme-general-lnkColor; color: #FFFFFF; padding: 5px 10px; border: none; cursor: pointer; .transition(background 0.5s); } input[type="submit"]:hover { background: @theme-general-hvrColor; } input[type="reset"] { background: #d67171; color: #FFFFFF; padding: 5px 10px; border: none; cursor: pointer; .transition(background 0.5s); } input[type="reset"]:hover { background: darken(#d67171, 10%); } .sbHolder { width: 100%; background: #ffffff; border: 1px solid @theme-general-linesColor; .borderbox; max-width: 100%; padding: 0px; height: 26px; position: relative; z-index: 10; } .sbHolder a { vertical-align: top; height:auto; } .sbHolder a:link, .sbHolder a:visited, .sbHolder a:hover { color: #333333; } .sbHolder .sbSelector { padding: 2px 5px; text-indent: 0px; width: -webkit-calc(~"100% - 24px"); width: calc(~"100% - 24px"); .borderbox; position: static; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sbHolder .sbToggle { width: 24px; height: 100%; .borderbox; } .sbHolder .sbToggle:before { content: ""; border-width: 5px 5px 0px 5px; border-style: solid; border-color: #333333 transparent transparent transparent; position: absolute; top: 10px; left: 6px; .transition(none); } .sbHolder .sbToggleOpen:before { border-width: 0px 5px 5px 5px; border-style: solid; border-color: transparent transparent #333333 transparent; position: absolute; top: 10px; left: 6px; } .sbHolder .sbOptions { width: 100%; left: -1px; top: auto !important; margin-top: 2px; background: #ffffff; border: 1px solid @theme-general-linesColor; padding: 4px 0px; } .sbHolder .sbOptions li { padding: 0px 4px; } .sbHolder .sbOptions li a { padding: 4px; border-bottom: 1px dotted @theme-general-linesColor; } .sbHolder .sbOptions li a:hover { background: lighten(@theme-general-linesColor, 10%); } .sbHolder .sbOptions li:last-child a { border-bottom-width: 0px; } .ui-datepicker { width: 230px; padding: 3px; border: 1px solid darken(@theme-general-linesColor, 10%); .boxshadow1; .border-radius(4px); background: #ffffff; color: @theme-general-txtColor; z-index: 100 !important; } .ui-datepicker .ui-widget-header { border: 1px solid @theme-general-linesColor; background: lighten(@theme-general-linesColor, 5%); .border-radius(0px); color: @theme-general-titColor; padding: 4px 4px; margin: 1px 1px 0px 1px; position: relative; } .ui-datepicker .ui-datepicker-title { margin: 0px 30px; text-align: center; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { display: block; width: 20px; height: 20px; position: absolute; top: 4px; background: darken(@theme-general-linesColor, 10%); .rounded; border: none; cursor: pointer; } .ui-datepicker .ui-datepicker-prev { left: 4px; } .ui-datepicker .ui-datepicker-next { right: 4px; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background: @theme-general-titColor;} .ui-datepicker .ui-datepicker-prev:before { content: ""; border-width: 5px 6px 5px 0px; border-style: solid; border-color: transparent #ffffff transparent transparent; position: absolute; top: 5px; left: 6px; } .ui-datepicker .ui-datepicker-next:before { content: ""; border-width: 5px 0px 5px 6px; border-style: solid; border-color: transparent transparent transparent #ffffff; position: absolute; top: 5px; right: 6px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker table { margin: 2px 0px 0px 0px; border-collapse: collapse; width: 100%; } .ui-datepicker table th { padding: 4px 0px; text-align: center; color: @theme-general-titColor; } .ui-datepicker table td { border: none; padding: 1px; text-align: center; } .ui-datepicker table td a.ui-state-default { display: block; border: 1px solid @theme-general-linesColor; padding: 2px 2px; text-align: center; color: @theme-general-txtColor; background: lighten(@theme-general-linesColor, 10%); text-decoration: none; } .ui-datepicker table td a.ui-state-default:hover { border-color: darken(@theme-general-linesColor, 10%); background: darken(@theme-general-linesColor, 0%); color: @theme-general-titColor; } .ui-datepicker table td a.ui-state-highlight { border-color: @theme-general-decColor; background: @theme-general-decColor; color: #FFFFFF; } .ui-datepicker table td a.ui-state-highlight:hover { border-color: darken(@theme-general-decColor, 10%); background: darken(@theme-general-decColor, 10%); color: #FFFFFF; } img { max-width: 100%; .borderbox; height: auto; } img.wp-smiley { margin: 0px !important; vertical-align: middle; position: relative; top: -1px; } /*.tp-loader,*/ .ait-preloader { display: inline-block; width: 48px; height: 48px; opacity: 0.4; vertical-align: top; background: url('@{img-url}/preloader_default.gif') center center no-repeat; .rounded; position: relative; border: 3px solid #ffffff; font-size: 0px; line-height: 0px; text-indent: -9999px; .borderbox; } /*.tp-loader:before,*/ .ait-preloader:before { content: ""; display: block; background: url('@{img-url}/preloader_model.png') center center no-repeat; .rounded; position: absolute; left: 0; top: 0; right: 0; bottom: 0; .borderbox; } /*.tp-loader:after,*/ .ait-preloader:after { content: ""; display: block; width: 30px; height: 30px; background: transparent; border: 7px solid #ffffff; .rounded; position: absolute; left: 50%; top: 50%; margin: -15px 0px 0px -15px; .borderbox; } .elm-main .loading { text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } .elm-main .loading .ait-preloader { position: absolute; top: 50%; left: 50%; margin-top: -38px; margin-left: -24px; } iframe { max-width: 100%; vertical-align: top; .borderbox; } .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; } .aligncenter { display: block !important; margin: auto; } /* Customization for BASIC STYLES */ input, textarea, select { color: @theme-general-txtColor; } input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], select, textarea { vertical-align: top; .borderbox; border: 1px solid @theme-general-linesColor; padding: 4px; background: rgba(255, 255, 255, 0.6); height: 30px; .border-radius(4px); } textarea { height: auto; } blockquote, q { width: 95%; padding-left: 55px; .borderbox; } blockquote:before, q:before { content: "\f10e"; font-family: 'FontAwesome'; font-size: 30px; color: @theme-general-linesColor; position: absolute; margin: 0 20px 10px -50px; } /* end Customization for BASIC STYLES */ /* && end of BASIC STYLES */ /**************************************************/ /*** && SITE HEADER ***/ /**************************************************/ .headerBG('page') when (iscolor(@theme-header-headbg-color)) { padding-top: 20px; } .headerBG('container') when (iscolor(@theme-header-headbg-color)) { padding-left: 40px; padding-right: 40px; } .headerBG('elements') when (iscolor(@theme-header-headbg-color)) { .border-radius(0px); } .header-container { padding-top: 40px; padding-bottom: 30px; } .header-container:after { .clearfix; } .layout-narrow .header-container { max-width: inherit; padding-left: 0; padding-right: 0; } .layout-narrow .header-container { .headerBG('container'); } .layout-narrow .page-container { .headerBG('page'); } .layout-narrow .elements { .headerBG('elements'); } .site-header { position: relative; z-index: 500; background: @theme-header-headbg-image @theme-header-headbg-color @theme-header-headbg-repeat @theme-header-headbg-scroll @theme-header-headbg-position; } .layout-narrow .site-header { .border-radius(@pageCorner @pageCorner 0px 0px); } .site-logo { position: relative; display: block; padding: 0px 0px 0px 0px; width: 20%; float: left; z-index: 1; } .site-logo a, .site-logo a:hover { color: @theme-general-titColor; text-decoration: none; color: @theme-general-titColor; } .site-tools { position: absolutere; width: 100%; /*width: 77%; float: right;*/ text-align: right; padding-top: 0px; } .socialBG('link') when (iscolor(@theme-social-socbg)) { background: @theme-social-socbg; } .socialBG('hover') when (iscolor(@theme-social-socbg)) { background: darken(@theme-social-socbg, 25%); } .social-icons { display: inline-block; vertical-align: middle; margin-top: 10px; } .social-icons li { display: inline-block; vertical-align: top; text-align: center; margin: 0px 0px 0px 10px; .border-radius(3px); .socialBG('link'); .transition(all 0.5s); } .social-icons li:hover { .socialBG('hover'); } .social-icons li a { display: inline-block; vertical-align: top; padding: 3px; height: 20px; } .social-icons .s-icon { vertical-align: top; border: none; max-height: 100%; } .social-icons .s-title { display: none; } .social-icons li.iconFont a { min-width: 20px; color: @theme-header-menuColor; } .social-icons li.iconFont a:hover { color: @theme-header-menuHover; } .site-search { display: inline-block; vertical-align: middle; margin: 10px 5px 0px 5px; .border-radius(6px); .socialBG('link'); } .site-search form { padding: 6px 6px 6px 10px; } .site-search form div { padding-right: 32px; position: relative; } .site-search label { display: block; } .site-search label .screen-reader-text { display: inline-block; vertical-align: top; padding: 3px 0px; margin-right: 5px; color: #ffffff; text-shadow: -1px -1px 0px rgba(0,0,0,0.2); } .site-search input.search-field { background: #ffffff; border: 1px solid #cccccc; .borderbox; padding: 0px 4px; vertical-align: top; } .site-search input.search-submit { width: 26px; height: 26px; padding: 0px; border: none; font-size: 0px; line-height: 0px; text-indent: -9999px; background: url('@{img-url}/basic_icons.png') -52px 0px no-repeat; position: absolute; top: 0px; right: 0px; cursor: pointer; } .wpml-icons { display: inline-block; vertical-align: middle; margin-top: 10px; } .language-icons { float: right; } .language-icons__list { display: none; position: absolute; padding-top: 7px; z-index: 100; white-space: nowrap; right: 0; padding-top: 10px; border-bottom: 1px solid @theme-general-linesColor; } .language-icons__list li { padding: 0 5px; background: @theme-header-menubg; } /*.language-icons__list li:first-child { padding-top: 5px; } .language-icons__list li:last-child { padding-bottom: 5px; }*/ .language-icons__list li a { color: @theme-header-menuColor; border-bottom: 1px solid @theme-general-linesColor; } .language-icons > a:after { content: "\f0d7"; font-family: 'FontAwesome'; padding-left: 5px; } .language-icons__list li:last-child a { border-bottom: none; } .language-icons__list li a:hover { background: @theme-header-menuHover; color: #ffffff; } .language-icons:hover .language-icons__list { display: block; } .language-icons__icon { display: block; padding: 5px 10px; color: @theme-header-menuColor; border-top: none; .borderbox; } .language-icons__icon:hover { color: @theme-header-menuColorAct; } .language-icons__icon_main { padding: 0; border: none; background: none; } .language-icons:hover > a { background: rgba(255,255,255,0.9); color: @theme-header-menuHover; } .language-icons img { margin-right: 5px; max-width: none; } /* Sticky navigation */ .stickyHeaderBg(@newBgColor) when not (iscolor(@theme-header-menubg)) { background-color: @newBgColor; } .sticky-menu { opacity: 0; position: fixed; top: -200px; left: 0px; width: 100%; .transition(~"opacity 0.5s, top 0.5s"); z-index: 700; .stickyHeaderBg(#ffffff); .box-shadow(0 1px 2px -1px rgba(0, 0, 0, 0.2)); } .sticky-menu .header-container { background: @theme-header-headbg-color; } .sticky-menu .header-container { margin: 0px; max-width: none; padding: 5px 10px; position: absolute; top: 5px; right: 5px; .stickyHeaderBg(#ffffff); .border-radius(3px); } .sticky-menu .site-logo { padding: 0px; } .sticky-menu .site-logo img { max-height: 28px; padding: 3px; /*vertical-align: top;*/ margin-left: -3px; display: inline-block; } .sticky-menu .site-description { display: none; } .sticky-menu .site-tools { display: none; } .sticky-menu .nav-menu-container { float: right; } .sticky-menu .main-nav { margin: 0px; } .sticky-menu .main-nav .assistive-text { display: none; } .header-scrolled .sticky-menu { opacity: 1; top: 0px; } .admin-bar.header-scrolled .sticky-menu { top: 32px; } /* Customization for SITE HEADER */ .social-icons { border-left: 1px solid @theme-general-linesColor; padding-left: 8px; } .sticky-menu .header-container { background: @theme-header-menubg; } .layout-narrow { .sticky-menu { background: none; .box-shadow(none); } .sticky-menu .grid-main { background: @theme-header-menubg; .stickyHeaderBg(#ffffff); padding: 5px 20px; max-width: @theme-general-websiteWidth + 80px; .box-shadow(0 1px 2px -1px rgba(0, 0, 0, 0.2)); .borderbox; } .sticky-menu .nav-menu-main > ul > li:last-child > a { padding-right: 0; } } .language-icons { border: 1px solid @theme-general-linesColor; margin: 12px 0 0 25px; padding: 0; } .language-icons a { text-transform: uppercase; font-size: 14px; min-width: 102px; text-align: left; } .language-icons__list { border: none; padding: 2px 0 0 0; } .language-icons__list li { background: rgba(255,255,255,0.9); padding: 0; border: 1px solid @theme-general-linesColor; border-top: none; min-width: 102px; text-align: left; } .language-icons__list li:first-child { border-top: 1px solid @theme-general-linesColor;} .language-icons__list li:hover { border-color: @theme-header-menuHover; } .language-icons__list li a { border: none; } .language-icons__icon { padding: 0 7px; } /* end Customization for SITE HEADER */ /* && end of SITE HEADER */ /* GENERAL MENU STYLING */ /**************************************************/ /*** && MAIN MENU ***/ /**************************************************/ .menu-container { background: @theme-header-menubg; display: inline-block; max-width: 100%; vertical-align: top; text-align: left; } .main-nav { } .main-nav:after { .clearfix; } .main-nav a { text-decoration: none; } .main-nav > a { color: @theme-header-menuColor; } .main-nav > a:hover { color: @theme-header-menuColorAct; } .main-nav .assistive-text { float: right; display: block; padding: 12px 0px; } .main-nav-wrap .menu-toggle { display: none; } /* Main Navigation */ @ulBorder = 5px; /*** space around the items for 2+ levels ***/ @ulWidth = 200px; /*** width of the items for 2+ levels ***/ .nav-menu-main { } .nav-menu-main ul { z-index: 100; } .nav-menu-main ul:after { .clearfix; } .nav-menu-main > ul > li { float: left; position: relative; text-align: left; } .nav-menu-main > ul > li:hover { } .nav-menu-main > ul > li > a { color: @theme-header-menuColor; text-decoration: none; display: block; padding: 10px 20px; text-transform: uppercase; } .nav-menu-main > ul > li > a:hover { color: @theme-header-menuHover; } .nav-menu-main > ul > li > a img, .nav-menu-main > ul > li ul a img { margin-top: -2px; padding-right: 10px; vertical-align: middle; } .nav-menu-main > ul > li ul { width: @ulWidth; padding: 0px @ulBorder; position: absolute; top: 44px; left: 0px; background: #ffffff; .boxshadow1; .border-radius(0px 0px 5px 5px); } .nav-menu-main > ul > li li { width: 100%; padding-right: (@ulBorder + 1px); position: relative; } .nav-menu-main > ul > li li a { display: block; color: @theme-general-txtColor; padding: 5px 15px; border-bottom: 1px dotted #eeeeee; } .nav-menu-main > ul > li li:last-child a { border-bottom-width: 0px; } .nav-menu-main > ul > li li a:hover { background: #eeeeee; color: #000000; } .nav-menu-main > ul > li ul ul { top: -@ulBorder; left: (@ulWidth + @ulBorder + 1px); .border-radius(0px 5px 5px 5px); } /* Align Right */ .nav-menu-main > ul > li.sub-menu-right-position li { padding-right: 0; margin-left: -(@ulBorder + 1px); padding-left: (@ulBorder + 1px); } .nav-menu-main > ul > li.sub-menu-right-position ul { left: auto; right: 0; text-align: left; } .nav-menu-main > ul > li.sub-menu-right-position ul ul { right: (@ulWidth + @ulBorder + 1px); .border-radius(5px 0px 5px 5px); } /* Align Left */ .nav-menu-main > ul > li.sub-menu-left-position > ul { left: 0; margin-left: 0; text-align: left; } /* Align Center */ .nav-menu-main > ul > li.sub-menu-center-position > ul { left: 50% !important; margin-left: -((@ulWidth)/2 + @ulBorder) !important; text-align: center; } /* show or hide 2+ levels by standard method */ /* .nav-menu-main li > ul { display: none; } */ /* .nav-menu-main li:hover > ul { display: block; } */ .nav-menu-main > ul > li.current_page_item > a, .nav-menu-main > ul > li.current_page_parent > a, .nav-menu-main > ul > li.current_page_ancestor > a, .nav-menu-main > ul > li.current-menu-item > a, .nav-menu-main > ul > li.current-menu-parent > a, .nav-menu-main > ul > li.current-menu-ancestor > a { color: @theme-header-menuColorAct; /*.box-shadow(0px 0px 1px rgba(255,255,255,0.3) inset);*/ } .nav-menu-main > ul ul li.current_page_item > a, .nav-menu-main > ul ul li.current_page_parent > a, .nav-menu-main > ul ul li.current_page_ancestor > a, .nav-menu-main > ul ul li.current-menu-item > a, .nav-menu-main > ul ul li.current-menu-parent > a, .nav-menu-main > ul ul li.current-menu-ancestor > a { color: @theme-general-decColor; } /* Main Navigation - CSS effects */ .nav-menu-main { .fadeMenu; } /* .nav-menu-main li:hover > ul > li { margin-top: 0px; } .nav-menu-main li:hover > ul > li:first-child { margin-top: @ulBorder; } .nav-menu-main li:hover > ul > li:last-child { margin-bottom: @ulBorder; } html.ie8 .nav-menu-main li:hover > ul > li:last-child { margin-bottom: 0px; } /*** fix for ie8 ***/ /* html.ie8 .nav-menu-main li:hover > ul { padding-bottom: @ulBorder; } /*** fix for ie8 ***/ /**************************************************/ /*** && MEGA MENU ***/ /**************************************************/ /*** Content of "Main Navigation - CSS effects" has to be deleted except the ".nav-menu-main{ .fadeMenu; }" ***/ /* Main menu collision RESET */ .nav-menu-main li > ul > li { margin-top: 0px; } .nav-menu-main li > ul > li:first-child { margin-top: @ulBorder; } .nav-menu-main li > ul > li:last-child { margin-bottom: @ulBorder; } html.ie8 .nav-menu-main li > ul > li:last-child { margin-bottom: 0px; } /*** fix for ie8 ***/ html.ie8 .nav-menu-main li > ul { padding-bottom: @ulBorder; } /*** fix for ie8 ***/ .menu-item-has-columns .sub-menu .sub-menu li { margin-bottom: 0 !important; } /* Main menu styles RESET */ .nav-menu-main > ul > li.menu-item-has-columns:hover ul, .nav-menu-main > ul > li.menu-item-has-columns:hover li { overflow: visible; opacity: 1; height: auto; width: auto; } .nav-menu-main > ul > li.menu-item-has-columns ul ul { left: 0; } .nav-menu-main > ul > li.menu-item-has-columns > ul ul { background: none; .box-shadow(none); display: table; position: static; font-size: 0; } .menu-item-ait-row ul, .menu-item-ait-row > ul li ul { padding: 0 !important; } .nav-menu-main > ul > li.menu-item-has-columns li a { border-bottom: none; } .menu-item-ait-row > ul > li > ul li:last-child a, .menu-item-ait-row > ul > li > ul > li > ul li a { border-bottom: none !important; } .menu-item-ait-row > ul > li > ul > li ul li:first-child { margin-top: 0; } li.menu-item-ait-row { padding-right: 0 !important; } .menu-item-has-columns .sub-menu .sub-menu li:first-child { margin-top: 0; } /* end of Main Menu RESET */ .menu-item-has-columns > ul > li { display: block; } /* rows */ .menu-item-has-columns > ul > li > ul > li { display: table-cell; white-space: nowrap; width: auto; } /* columns */ .menu-item-ait-row > ul li { width: @ulWidth !important; } /* columns width */ ul.has-min-width-set li { width: 100% !important; } /* columns with min-width */ .nav-menu-main > ul > li li { font-size: 14px; } .nav-menu-main > ul > li.menu-item-has-columns li:last-child { padding-right: 0;} .menu-item-has-columns .sub-menu .sub-menu li { padding-right: 0; } /* Megamenu Content Align Fix */ .site-tools, .sticky-menu .main-nav { position: relative; } /* Megamenu Align Positions */ /* Right */ li.menu-item-has-columns.sub-menu-right-position > ul.sub-menu { right: 0; left: auto; margin-left: 0; } /* Left */ li.menu-item-has-columns.sub-menu-left-position > ul.sub-menu { left: 0; margin-left: 0; } /* Center - located in responsive.less (641 px)*/ /* Content aligns */ li.menu-item-has-columns.sub-menu-content-left-position, li.menu-item-has-columns.sub-menu-content-right-position, li.menu-item-has-columns.sub-menu-content-full-width-position { position: static; } /* Content Left */ li.menu-item-has-columns.sub-menu-content-left-position > ul.sub-menu { left: 0; margin-left: 0; } .layout-narrow .sticky-menu li.menu-item-has-columns.sub-menu-content-left-position > ul.sub-menu { left: -20px; } /* Content Right */ li.menu-item-has-columns.sub-menu-content-right-position > ul.sub-menu { right: 0; left: auto; margin-left: 0; } .layout-narrow .sticky-menu li.menu-item-has-columns.sub-menu-content-right-position > ul.sub-menu { right: -20px; } /* Full Content Width */ li.menu-item-has-columns.sub-menu-content-full-width-position > ul.sub-menu { right: 0; left: 0; margin-left: 0 !important; } .layout-narrow .sticky-menu li.menu-item-has-columns.sub-menu-content-full-width-position > ul.sub-menu { right: -20px; left: -20px; } /* Styles for Mega Menu */ .menu-item-column-label { font-weight: bold; padding: 5px 15px 0; .borderbox; } .menu-item-ait-row a { border-bottom: 1px dotted #eeeeee !important; } .menu-item-ait-row > ul > li > ul > li ul li:first-child a { border-top: 1px dotted #eeeeee !important; } .menu-item-ait-row a img, .menu-item-column-label img { margin-top: -2px; padding-right: 10px; vertical-align: middle; } .menu-item-column-label a { padding: 0 !important; border: none !important; } /* end Styles for Mega Menu */ /* && end of MAIN MENU */ /**************************************************/ /*** && BREADCRUMB and PAGE TITLE ***/ /**************************************************/ .breadcrumb { padding: 5px 0px; background: lighten(@theme-general-linesColor, 10%); } .breadcrumbs { text-align: right; } .page-title { padding: 40px 0px; border-bottom: 2px solid @theme-general-linesColor; } .page-title h1 { margin: 0px; } .page-title .entry-meta { position: absolute; top: 16px; right: 0px; } .page-title .entry-title:after { .clearfix; } .page-title .entry-title-wrap { position: relative; } .page-title .entry-data { position: relative; } .page-title .entry-thumbnail-wrap { padding-top: 30px; } .page-title .entry-thumbnail a.thumb-link { display: block; .hvrIcon('zoom_full.png','.entry-thumbnail-icon'); } .page-title .post-title .entry-title-wrap { margin-left: 100px; } .page-title .post-title .entry-data { padding-right: 70px; } .logged-in .page-title .standard-title h1, .logged-in .page-title .blog-title h1, .logged-in .page-title .post-title h1 { padding-right: 100px; } .page-title .author { margin-right: 10px; } .page-title .comments-link { position: absolute; top: -3px; right: 0px; } .page-title .page-description { clear: both; margin-top: 20px; } /* Customization for BREADCRUMB and PAGE TITLE */ .layout-narrow .page-title { .border-radius(@pageCorner @pageCorner 0px 0px); overflow: hidden; } .page-title { position: relative; background-size: cover !important; background-position: center; padding: 0; border-bottom: none; } .page-title:after { content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; left: 0; right: 0; height: 9px; } .page-title .thumb-link { position: absolute; right: 0; top: 0; padding: 20px; opacity: 0; font-size: 26px; .transition(all 0.5s); } .page-title:hover .thumb-link { opacity: 1; } .page-title .entry-header { position: relative; margin-left: -40px; padding: 50px 40px; width: 100%; } .page-title .entry-header:after { .clearfix; } .page-title .entry-header.has-image { width: 29%; } .layout-wide .page-title .entry-header.has-image:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; margin-left: -100%; } .page-title h1 { padding-right: 0 !important; text-transform: uppercase; } .page-title .post-title .entry-title-wrap { margin-left: 0; } .page-title .entry-date { position: absolute; background: #ffffff; right: 0; width: 140px; margin-right: -140px; height: auto; text-align: left; .border-radius(0); } .page-title .entry-date span { display: inline-block; } .page-title .entry-date .link-month, .page-title .entry-date .link-year { position: absolute; left: 70px; margin: 0; color: @theme-general-titColor; font-size: 12px; text-transform: uppercase; } .page-title .entry-date .link-month { top: 11px; } .page-title .entry-date .link-year { top: 25px; } .page-title .entry-date .link-day { color: @theme-general-decColor; width: 25px; padding: 10px 15px; font-size: 30px; text-align: center; text-shadow: none; border-right: 1px solid rgba(0,0,0,0.15); } .page-title .entry-date .link-day small { display: none; } .page-title .entry-data { position: absolute; width: 100%; top: 73px; right: -40px; margin-right: -100%; padding-right: 0 !important; } .page-title .entry-data li { margin-bottom: 6px; } .page-title .entry-data li a { background: rgba(51, 51, 51, 0.9); padding: 4px 10px; color: #ffffff; text-transform: uppercase; .transition(all 0.5s ease 0s); } .page-title .entry-data a:hover { padding-right: 20px; } .page-title .page-description { margin-bottom: 5px; } .page-title .author { float: left; background: rgba(255, 255, 255, 0.25); margin: 30px 0 0 -40px; padding: 3px 20px 2px 40px; color: #ffffff; text-transform: uppercase; .transition(all 0.5s ease 0s); } .layout-wide .page-title .author { margin: 30px 0 0 0; padding: 3px 20px 2px 20px; } .page-title .author a { color: #ffffff; } .page-title .author a:hover { padding-right: 10px; } .page-title .nav-single { float: right; clear: none; background: none; margin: 30px 0 0; padding: 0; } .page-title .nav-single span { font-size: 0; } .page-title .nav-single a { padding: 0 12px; } .page-title .nav-single a .meta-nav { background: none; height: auto; text-indent: 0; line-height: normal; .border-radius(0px); } .page-title .nav-single a .meta-nav:before { border: none; top: 3px; left: 0; color: #ffffff; font-family: @fancyFontIcons; font-size: 22px; opacity: 0.5; .transition(all 0.5s ease 0s); } .page-title .nav-single a:hover .meta-nav:before { opacity: 1; } .page-title .nav-single .nav-previous a .meta-nav:before { content: "\f053"; } .page-title .nav-single .nav-next a .meta-nav:before { content: "\f054"; left: auto; right: 0; } .page-title .nav-single .nav-next { padding-left: 0; } .single-ait-portfolio-item .page-title { .entry-date, .entry-data, .author, .nav-single { display: none; } .entry-header.has-image { width: 31.5%; } } /* Breadcrumbs */ .breadcrumb { background: none; padding: 13px 0px; border-bottom: 1px solid @theme-general-linesColor; } .breadcrumbs:before { position: absolute; left: 0; top: -3px; content: "\f015"; background: @theme-general-themeColor; margin-right: 10px; padding: 5px 7px; font-family: @fancyFontIcons; color: #ffffff; font-size: 16px; line-height: normal; .rounded; } .breadcrumb .grid-main:after { .clearfix; } .breadcrumbs { position: relative; float: left; width: 75%; margin-top: 5px; padding-left: 40px; text-align: left; color: lighten(@theme-general-txtColor, 10%); .borderbox; } .breadcrumbs-before:after { content: ~"'\\'"; padding-left: 10px; font-size: 30px; font-weight: 300; color: rgba(0, 0, 0, 0.1); vertical-align: top; } .breadcrumbs a { padding: 0 10px; color: lighten(@theme-general-txtColor, 10%); } .breadcrumbs a:hover { color: @theme-general-decColor; } .breadcrumb-sep { color: rgba(0, 0, 0, 0.1); font-size: 30px; vertical-align: top; } .breadcrumb-end { padding-left: 10px; color: @theme-general-decColor; } /* end Customization for BREADCRUMB and PAGE TITLE */ /* && end of BREADCRUMB and PAGE TITLE */ /**************************************************/ /*** && SEARCH ***/ /**************************************************/ .breadcrumb .search { float: right; width: 22%; } .breadcrumb .search-form { float: right; } .breadcrumb .screen-reader-text { display: none; } .search-form div { position: relative; background: @theme-general-themeColor; padding: 0 0 0 15px; .border-radius(50px); .borderbox; } .search-form label { line-height: inherit !important; } .search-form label:after { content: "\f002"; position: absolute; top: 5px; right: 12px; font-family: @fancyFontIcons; color: #ffffff; font-size: 16px; } .search-form .search-field { background: none; margin: 0 36px 0 0; padding: 4px 0; width: 55px; color: #ffffff; border: none; text-transform: uppercase; .transition(all 0.5s ease 0s); font-size: 14px; line-height: 24px; } .search-form:hover .search-field, .search-form .search-field:focus { width: 210px; outline: none; } .search-form .search-submit { position: absolute; right: 0; top: 0; background: none; width: 36px; height: 32px; padding: 0; border: none; font-size: 0; text-indent: -9999px; vertical-align: top; } .search-form .search-submit:hover { background: rgba(255, 255, 255, 0.1); } .search-form { input::-webkit-input-placeholder { color: #ffffff; opacity: 1; } input:-moz-placeholder { color: #ffffff; opacity: 1; } input::-moz-placeholder { color: #ffffff; opacity: 1; } input:-ms-input-placeholder { color: #ffffff; opacity: 1; } } /* && end of SSEARCH */ /**************************************************/ /*** && CONTENT and BASIC TEXT LAYOUT ***/ /**************************************************/ .elm-content-main .elm-wrapper:after { .clearfix; } .entry-content:after { .clearfix; } .entry-content p { margin-bottom: 20px; } .entry-content img { margin-bottom: 20px; } .entry-content table { width: 100%; margin-bottom: 20px; } .entry-content table td, .entry-content table th { vertical-align: top; } .entry-content table thead th { text-align: left; color: @theme-general-titColor; } .entry-content table tbody th { text-align: left; } .entry-content .tabstyle1 { width: 100%; overflow: auto; margin-bottom: 20px; } .entry-content .tabstyle1 table { margin-bottom: 0px; white-space: nowrap; } .entry-content .tabstyle1 table th, .entry-content .tabstyle1 table td { padding: 3px 10px; border-bottom: 1px solid @theme-general-linesColor; } .entry-content .tabstyle1 table thead th { padding-top: 8px; padding-bottom: 5px; color: @theme-general-titColor; background: lighten(@theme-general-linesColor, 5%); border-bottom: 2px solid @theme-general-titColor; } .entry-content .tabstyle1 table tbody th { color: @theme-general-titColor; background: lighten(@theme-general-linesColor, 11%); } /* && end of CONTENT and BASIC TEXT LAYOUT */ /**************************************************/ /*** && COLUMNS ***/ /**************************************************/ .elm-columns-main { padding-bottom: 20px; } .elements-sidebar-wrap .elm-columns-main { padding-bottom: 0px; } .elm-columns-main.elm-has-bg { padding-bottom: 0px; } @columnMargin = 4.4%; .column-grid { clear: both; padding: 0px; } .column-grid:after { .clearfix; } .column { float: left; margin-right: @columnMargin; min-height: 5px; } .column-first { } .column-last { float: right; margin-right: 0; } @grid2col1 = (( 100% + @columnMargin ) / 2 ) - @columnMargin; @grid3col1 = (( 100% + @columnMargin ) / 3 ) - @columnMargin; @grid3col2 = ( 2 * @grid3col1) + ( 1 * @columnMargin ); @grid4col1 = (( 100% + @columnMargin ) / 4 ) - @columnMargin; @grid4col2 = ( 2 * @grid4col1) + ( 1 * @columnMargin ); @grid4col3 = ( 3 * @grid4col1) + ( 2 * @columnMargin ); @grid5col1 = (( 100% + @columnMargin ) / 5 ) - @columnMargin; @grid5col2 = ( 2 * @grid5col1) + ( 1 * @columnMargin ); @grid5col3 = ( 3 * @grid5col1) + ( 2 * @columnMargin ); @grid5col4 = ( 4 * @grid5col1) + ( 3 * @columnMargin ); @grid6col1 = (( 100% + @columnMargin ) / 6 ) - @columnMargin; @grid12col1 = (( 100% + @columnMargin ) / 12 ) - @columnMargin; @grid12col2 = ( 2 * @grid12col1) + ( 1 * @columnMargin ); @grid12col3 = ( 3 * @grid12col1) + ( 2 * @columnMargin ); @grid12col4 = ( 4 * @grid12col1) + ( 3 * @columnMargin ); @grid12col5 = ( 5 * @grid12col1) + ( 4 * @columnMargin ); @grid12col6 = ( 6 * @grid12col1) + ( 5 * @columnMargin ); @grid12col7 = ( 7 * @grid12col1) + ( 6 * @columnMargin ); @grid12col8 = ( 8 * @grid12col1) + ( 7 * @columnMargin ); @grid12col9 = ( 9 * @grid12col1) + ( 8 * @columnMargin ); @grid12col10 = ( 10 * @grid12col1) + ( 9 * @columnMargin ); @grid12col11 = ( 11 * @grid12col1) + ( 10 * @columnMargin ); .column-grid-2 .column-span-2 { width: 100%; } .column-grid-2 .column-span-1 { width: @grid2col1; } .column-grid-2 .column-push-1 { margin-left: @grid2col1 + @columnMargin; } .column-grid-3 .column-span-3 { width: 100%; } .column-grid-3 .column-span-2 { width: @grid3col2; } .column-grid-3 .column-span-1 { width: @grid3col1; } .column-grid-3 .column-push-2 { margin-left: @grid3col2 + @columnMargin; } .column-grid-3 .column-push-1 { margin-left: @grid3col1 + @columnMargin; } .column-grid-4 .column-span-4 { width: 100%; } .column-grid-4 .column-span-3 { width: @grid4col3; } .column-grid-4 .column-span-2 { width: @grid4col2; } .column-grid-4 .column-span-1 { width: @grid4col1; } .column-grid-4 .column-push-3 { margin-left: @grid4col3 + @columnMargin; } .column-grid-4 .column-push-2 { margin-left: @grid4col2 + @columnMargin; } .column-grid-4 .column-push-1 { margin-left: @grid4col1 + @columnMargin; } .column-grid-5 .column-span-5 { width: 100%; } .column-grid-5 .column-span-4 { width: @grid5col4; } .column-grid-5 .column-span-3 { width: @grid5col3; } .column-grid-5 .column-span-2 { width: @grid5col2; } .column-grid-5 .column-span-1 { width: @grid5col1; } .column-grid-5 .column-push-4 { margin-left: @grid5col4 + @columnMargin; } .column-grid-5 .column-push-3 { margin-left: @grid5col3 + @columnMargin; } .column-grid-5 .column-push-2 { margin-left: @grid5col2 + @columnMargin; } .column-grid-5 .column-push-1 { margin-left: @grid5col1 + @columnMargin; } .column-grid-6 .column-span-1 { width: @grid6col1; } .column-grid-12 .column-span-12 { width: 100%; } .column-grid-12 .column-span-11 { width: @grid12col11; } .column-grid-12 .column-span-10 { width: @grid12col10; } .column-grid-12 .column-span-9 { width: @grid12col9; } .column-grid-12 .column-span-8 { width: @grid12col8; } .column-grid-12 .column-span-7 { width: @grid12col7; } .column-grid-12 .column-span-6 { width: @grid12col6; } .column-grid-12 .column-span-5 { width: @grid12col5; } .column-grid-12 .column-span-4 { width: @grid12col4; } .column-grid-12 .column-span-3 { width: @grid12col3; } .column-grid-12 .column-span-2 { width: @grid12col2; } .column-grid-12 .column-span-1 { width: @grid12col1; } .column-grid-12 .column-push-11 { margin-left: @grid12col11 + @columnMargin; } .column-grid-12 .column-push-10 { margin-left: @grid12col10 + @columnMargin; } .column-grid-12 .column-push-9 { margin-left: @grid12col9 + @columnMargin; } .column-grid-12 .column-push-8 { margin-left: @grid12col8 + @columnMargin; } .column-grid-12 .column-push-7 { margin-left: @grid12col7 + @columnMargin; } .column-grid-12 .column-push-6 { margin-left: @grid12col6 + @columnMargin; } .column-grid-12 .column-push-5 { margin-left: @grid12col5 + @columnMargin; } .column-grid-12 .column-push-4 { margin-left: @grid12col4 + @columnMargin; } .column-grid-12 .column-push-3 { margin-left: @grid12col3 + @columnMargin; } .column-grid-12 .column-push-2 { margin-left: @grid12col2 + @columnMargin; } .column-grid-12 .column-push-1 { margin-left: @grid12col1 + @columnMargin; } /* && end of COLUMNS */ /**************************************************/ /*** && SHORTCODES ***/ /**************************************************/ img.ait-sc-thumb { display: inline-block; padding: 5px; background: #FFFFFF; border: 1px solid @theme-general-linesColor; } .wp-caption { display: block; margin-bottom: 20px; .borderbox; max-width: 100%; } .wp-caption.alignleft { padding-right: 10px; margin-right: 10px; } .wp-caption.alignright { padding-left: 10px; margin-left: 10px; } .wp-caption.aligncenter { padding-left: 5px; padding-right: 5px; } .wp-caption img { vertical-align: top; margin-bottom: 0px; } .wp-caption .wp-caption-text { background: lighten(@theme-general-linesColor, 5%); margin: 1px 0px 0px 0px; padding: 2px 5px; text-align: center; } /*** rule ***/ .ait-sc-rule { display: block; clear: both; width: 100%; position: relative; } .ait-sc-rule.rule-basic { border-bottom: 2px solid @theme-general-linesColor; padding-top: 10px; margin-bottom: 40px; } .ait-sc-rule.rule-top { border-bottom: 2px solid @theme-general-linesColor; padding-top: 10px; margin-bottom: 40px; } .ait-sc-rule.rule-top .ait-sc-rule-btn-top { display: inline-block; padding: 0px 15px 2px 15px; background: lighten(@theme-general-linesColor, 5%); cursor: pointer; text-align: center; position: absolute; top: 12px; right: 0px; } .ait-sc-rule.rule-empty { height: 20px; clear: none; } .ait-sc-rule.rule-clear { } /*** button ***/ @butBorder = 2px; /* buton's border width */ @butspaceAll = 0px; /* buton's padding */ @butspaceText = 8px; /* Text padding only */ @butspaceIcon = 13px; /* Icon padding only */ @butspaceIconMore = 5px; /* increase padding for Top and Bottom icon alignment */ @butspaceTextMore = 0px; /* Text offset if the icon is defined */ .ait-sc-button { background: @theme-general-titColor; border: @butBorder solid @theme-general-titColor; display: inline-block; vertical-align: top; .borderbox; max-width: 100%; padding: @butspaceAll; .border-radius(6px); text-shadow: 1px 1px 1px rgba(0,0,0,0.2); overflow: hidden; } .ait-sc-button:hover { .box-shadow(0px 50px 80px -50px rgba(255,255,255,0.5) inset); } .ait-sc-button.alignleft { margin-bottom: 20px; } .ait-sc-button.alignright { margin-bottom: 20px; } .ait-sc-button.aligncenter { margin-bottom: 20px; } .ait-sc-button .container { display: table; width: 100%; .borderbox;} .ait-sc-button .wrap { display: table-row; } .ait-sc-button .icon { display: table-cell; vertical-align: top; padding: @butspaceIcon; } .ait-sc-button .icon img { margin: 0px; display: inline-block; vertical-align: top; } .ait-sc-button .text { display: table-cell; vertical-align: middle; .borderbox; padding: @butspaceText; } .ait-sc-button .title { color: lighten(@theme-general-titColor, 100%); display: block; } .ait-sc-button .description { color: lighten(@theme-general-titColor, 50%); display: block; } .ait-sc-button.buticon .text { padding: @butspaceIcon; } .ait-sc-button.buticon.buticon-left .icon, .ait-sc-button.buticon.buticon-right .icon { text-align: center !important; } .ait-sc-button.buticon.buticon-left .text { padding-left: @butspaceTextMore; } .ait-sc-button.buticon.buticon-right .text { padding-right: @butspaceTextMore; } .ait-sc-button.buticon.buticon-top span, .ait-sc-button.buticon.buticon-bottom span { display: block; } .ait-sc-button.buticon.buticon-top .icon { padding-top: (@butspaceIcon + @butspaceIconMore); } .ait-sc-button.buticon.buticon-top .text { padding-bottom: (@butspaceIcon + @butspaceIconMore); padding-top: @butspaceTextMore; } .ait-sc-button.buticon.buticon-bottom .icon { padding-bottom: (@butspaceIcon + @butspaceIconMore); } .ait-sc-button.buticon.buticon-bottom .text { padding-top: (@butspaceIcon + @butspaceIconMore); padding-bottom: @butspaceTextMore; } .ait-sc-button.notext span { display: block; } .ait-sc-button.notext .icon { padding: @butspaceIcon !important; } /* Customization for BUTTON */ .ait-sc-button { background: @theme-general-decColor; .border-radius(0); text-shadow: none; border: none; } .ait-sc-button:hover { .box-shadow(0 1000px 0 0 rgba(255, 255, 255, 0.2) inset); } .ait-sc-button .title { text-transform: uppercase; } .ait-sc-button .description { color: #ffffff; } /* end Customization for BUTTON */ /*** lists ***/ ul.ait-sc-lists { list-style-type: none; margin-bottom: 20px; } ul.ait-sc-lists:after { .clearfix; } ul.ait-sc-lists li { padding: 0px 0px 10px 30px; position: relative; .borderbox;} ul.ait-sc-lists li:last-child { padding-bottom: 0px; } ul.ait-sc-lists li:before { content: ""; width: 20px; height: 20px; background: url('@{img-url}/lists.png') top left no-repeat; .rounded; position: absolute; top: 0px; left: 0px; } ul.ait-sc-lists.line li { border-top: 1px solid @theme-general-linesColor; padding-top: 10px; } ul.ait-sc-lists.line li:first-child { border-top-width: 0px; padding-top: 0px; } ul.ait-sc-lists.line li:before { top: 10px; } ul.ait-sc-lists.line li:first-child:before { top: 0px; } ul.ait-sc-lists.style1 li:before, ul.ait-sc-lists li.style1:before { background-position: 0px 0px; background-color: #76CA33; } ul.ait-sc-lists.style2 li:before, ul.ait-sc-lists li.style2:before { background-position: -20px 0px; background-color: #ED1212; } ul.ait-sc-lists.style3 li:before, ul.ait-sc-lists li.style3:before { background-position: -40px 0px; background-color: #FFCC00; } ul.ait-sc-lists.style4 li:before, ul.ait-sc-lists li.style4:before { background-position: -60px 0px; background-color: @theme-general-decColor; } ul.ait-sc-lists.style5 li:before, ul.ait-sc-lists li.style5:before { background-position: -80px 0px; background-color: @theme-general-decColor; } ul.ait-sc-lists.style6 li:before, ul.ait-sc-lists li.style6:before { background-position: -100px 0px; background-color: @theme-general-titColor; } ul.ait-sc-lists.layout-half li { width: @grid2col1; margin-right: @columnMargin; float: left; } ul.ait-sc-lists.layout-half li:nth-child(2n) { margin-right: 0px; } ul.ait-sc-lists.layout-half li:nth-child(2n+1) { clear: both; } ul.ait-sc-lists.layout-half.line li:nth-child(2) { border-top-width: 0px; padding-top: 0px;} ul.ait-sc-lists.layout-half.line li:nth-child(2):before { top: 0px; } .entry-content ol { list-style: inside none disc; margin-bottom: 20px; } .entry-content ol li { list-style-type: decimal; padding: 0 0 10px; } /* Customization for Lists */ ul.ait-sc-lists li:before { background: none; font-family: @fancyFontIcons; font-size: 23px; } ul.ait-sc-lists.style1 li:before, ul.ait-sc-lists li.style1:before { color: @theme-general-themeColor; content: "\f05d"; background: none; } ul.ait-sc-lists.style2 li:before, ul.ait-sc-lists li.style2:before { color: #ED1212; content: "\f00d"; background: none; } ul.ait-sc-lists.style3 li:before, ul.ait-sc-lists li.style3:before { color: #FFCC00; content: "\f005"; background: none; } ul.ait-sc-lists.style4 li:before, ul.ait-sc-lists li.style4:before { color: @theme-general-lnkColor; content: "\f0da"; background: none; font-size: 16px; margin-left: 3px; } ul.ait-sc-lists.style5 li:before, ul.ait-sc-lists li.style5:before { color: @theme-general-lnkColor; content: "\f10c"; background: none; font-size: 12px; } ul.ait-sc-lists.style6 li:before, ul.ait-sc-lists li.style6:before { color: @theme-general-lnkColor; content: "\f111"; background: none; font-size: 12px; } /* end Customization for Lists */ /*** notifications ***/ @ntficonsize = 32px; @ntferrorcolor = #ee0000; @ntfsuccesscolor = #67B700; @ntfinfocolor = #6dc1d8; @ntfattentioncolor = #E7B300; .ait-sc-notification { min-height: @ntficonsize - 5px; border: 3px solid @theme-general-linesColor; background: lighten(@theme-general-linesColor, 5%); .border-radius(5px); padding: 15px 38px 10px (@ntficonsize + 35px); position: relative; margin-bottom: 20px; .box-shadow((@ntficonsize + 40px) 0px 0px -20px rgba(0,0,0,0.05) inset);} .ait-sc-notification:before { content: ""; width: @ntficonsize; height: @ntficonsize; position: absolute; top: 10px; left: 10px; background: url('@{img-url}/notifications.png') top left no-repeat #ff0000; .rounded; } .ait-sc-notification .notify-wrap:after { .clearfix; } .ait-sc-notification .notify-wrap :nth-child(n) { margin-bottom: 5px !important; } .ait-sc-notification .close { display: block; width: 16px; height: 16px; text-indent: -9999px; font-size: 0px; line-height: 0px; background: #333333; .border-radius(2px); position: absolute; top: 10px; right: 10px; background: url('@{img-url}/notifications.png') -136px -8px no-repeat; background-color: rgba(0,0,0,0.2); } .ait-sc-notification .close:hover { background-color: rgba(0,0,0,0.5); } .ait-sc-notification.error { background-color: lighten(@ntferrorcolor, 50%); border-color: @ntferrorcolor; } .ait-sc-notification.success { background-color: lighten(@ntfsuccesscolor, 50%); border-color: @ntfsuccesscolor; } .ait-sc-notification.info { background-color: lighten(@ntfinfocolor, 50%); border-color: @ntfinfocolor; } .ait-sc-notification.attention { background-color: lighten(@ntfattentioncolor, 47%); border-color: @ntfattentioncolor; } .ait-sc-notification.error:before { background-color: @ntferrorcolor; background-position: 0px 0px; } .ait-sc-notification.success:before { background-color: @ntfsuccesscolor; background-position: -@ntficonsize 0px; } .ait-sc-notification.info:before { background-color: @ntfinfocolor; background-position: (-@ntficonsize * 2) 0px; } .ait-sc-notification.attention:before { background-color: @ntfattentioncolor; background-position: (-@ntficonsize * 3) 0px; } /*** modal windows ***/ .ait-sc-modal-content.entry-content { padding: 20px; } /* && end of SHORTCODES */ /**************************************************/ /*** && REVOLUTION SLIDER ***/ /**************************************************/ .elm-revolution-slider .slider .rev_slider { background-position: center center; } .elm-revolution-slider .slider-alternative img { display: block; } .elm-revolution-slider { min-height: 100px; position: relative; } /*.elm-revolution-slider .slider .tp-loader { position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; }*/ .elm-revolution-slider .tp-caption { h1 { font-size: 40px; line-height: 50px; white-space: normal; margin: 0px; } h2 { font-size: 30px; line-height: 40px; white-space: normal; margin: 0px; } h3 { font-size: 26px; line-height: 36px; white-space: normal; margin: 0px; } h4 { font-size: 22px; line-height: 30px; white-space: normal; margin: 0px; } h5 { font-size: 18px; line-height: 26px; white-space: normal; margin: 0px; } h6 { font-size: 14px; line-height: 22px; white-space: normal; margin: 0px; } p { white-space: normal; } iframe { max-width: none; } } .layout-narrow .elm-revolution-slider { .border-radius(@pageCorner @pageCorner 0px 0px); overflow: hidden; } /* && end of REVOLUTION SLIDER */ /**************************************************/ /*** && EASY SLIDER ***/ /**************************************************/ /*** base styles **********************************/ .elm-easy-slider-main .bx-wrapper .bx-viewport { border: none; background: none; left: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .elm-easy-slider-main .bx-wrapper .bx-loading { display: none; } .elm-easy-slider-main .bx-wrapper img { width: 100%; } .elm-easy-slider-main .bx-wrapper .bx-caption span { color: inherit; display: inline; font: inherit; padding: 0;} .elm-easy-slider-main .bx-wrapper li { position: relative; } .elm-easy-slider-main .bx-wrapper li .bx-caption { position: absolute; top: 0px; left: 0px; bottom: 0px; overflow: hidden; background: none; width: 100%; } .elm-easy-slider-main .bx-wrapper li .bx-caption-wrap { width: 100%; position: absolute; left: 50%; top: 0px; bottom: 0px; } .elm-easy-slider-main .bx-wrapper li .bx-cap-table { display: table; width: 100%; height: 100%; margin-left: -50%; table-layout: fixed; } .elm-easy-slider-main .bx-wrapper li .bx-cap-row { display: table-row; } .elm-easy-slider-main .bx-wrapper li .bx-cap-cell { display: table-cell; width: 100%; height: 100%; } .elm-easy-slider-main .bx-wrapper li .text-left { text-align: left; } .elm-easy-slider-main .bx-wrapper li .text-center { text-align: center; } .elm-easy-slider-main .bx-wrapper li .text-right { text-align: right; } .elm-easy-slider-main .bx-wrapper li.top-left .bx-cap-cell { vertical-align: top; text-align: left; padding-bottom: 0px !important; } .elm-easy-slider-main .bx-wrapper li.top-center .bx-cap-cell { vertical-align: top; text-align: center; padding-bottom: 0px !important; } .elm-easy-slider-main .bx-wrapper li.top-right .bx-cap-cell { vertical-align: top; text-align: right; padding-bottom: 0px !important; } .elm-easy-slider-main .bx-wrapper li.center-left .bx-cap-cell { vertical-align: middle; text-align: left; padding-top: 0px !important; padding-bottom: 0px !important; } .elm-easy-slider-main .bx-wrapper li.center-center .bx-cap-cell { vertical-align: middle; text-align: center; padding-top: 0px !important; padding-bottom: 0px !important; } .elm-easy-slider-main .bx-wrapper li.center-right .bx-cap-cell { vertical-align: middle; text-align: right; padding-top: 0px !important; padding-bottom: 0px !important; } .elm-easy-slider-main .bx-wrapper li.bottom-left .bx-cap-cell { vertical-align: bottom; text-align: left; padding-top: 0px !important; } .elm-easy-slider-main .bx-wrapper li.bottom-center .bx-cap-cell { vertical-align: bottom; text-align: center; padding-top: 0px !important; } .elm-easy-slider-main .bx-wrapper li.bottom-right .bx-cap-cell { vertical-align: bottom; text-align: right; padding-top: 0px !important; } .elm-easy-slider-main .bx-wrapper li.top-full .bx-caption-wrap, .elm-easy-slider-main .bx-wrapper li.bottom-full .bx-caption-wrap { max-width: 100%; left: 0px; } .elm-easy-slider-main .bx-wrapper li.top-full .bx-cap-table, .elm-easy-slider-main .bx-wrapper li.bottom-full .bx-cap-table { margin-left: 0%; } .elm-easy-slider-main .bx-wrapper li.top-full .bx-caption-desc, .elm-easy-slider-main .bx-wrapper li.bottom-full .bx-caption-desc { width: 100% !important; } .elm-easy-slider-main .bx-wrapper li.top-full .bx-caption-desc-wrap, .elm-easy-slider-main .bx-wrapper li.bottom-full .bx-caption-desc-wrap { margin: auto; } .elm-easy-slider-main .bx-wrapper li.top-full .bx-cap-cell { vertical-align: top; text-align: center; } .elm-easy-slider-main .bx-wrapper li.bottom-full .bx-cap-cell { vertical-align: bottom; text-align: center; } .elm-easy-slider-main .bx-wrapper li .bx-caption-desc { display: inline-block; max-width: 100%; } .elm-easy-slider-main .elm-easy-slider .bx-wrapper ul li.big-description .bx-caption { position: static !important; } .elm-easy-slider-main .elm-easy-slider .bx-wrapper ul li.big-description .bx-caption .bx-cap-table { margin: 0px !important; height: auto !important; } .elm-easy-slider-main .elm-easy-slider .bx-wrapper ul li.big-description .bx-caption .bx-cap-cell { height: auto !important; padding: 0px !important; } .elm-easy-slider-main .elm-easy-slider .bx-wrapper ul li.big-description .bx-caption .bx-caption-wrap { max-width: 100% !important; position: static !important; margin: 0px !important; } .elm-easy-slider-main .elm-easy-slider .bx-wrapper ul li.big-description .bx-caption .bx-caption-desc { width: 100% !important; } .elm-easy-slider-main .elm-easy-slider .bx-wrapper ul li.big-description .bx-caption .bx-caption-desc-wrap { max-width: 100% !important; text-align: center !important; } .elm-easy-slider-main .bx-wrapper .bx-pager, .elm-easy-slider-main .bx-wrapper .bx-controls-auto { font-size: 0px; line-height: 0px; padding: 0px; margin: 0px; } /*** preloading ***********************************/ .elm-easy-slider-main ul.easy-slider { opacity: 0; white-space: nowrap; height: 100%; width: 100%; overflow: hidden;} .elm-easy-slider-main ul.easy-slider li { white-space: normal; display: inline-block; vertical-align: top; max-width: 100%; } .elm-easy-slider-main ul.easy-slider li .bx-caption { display: none; } .elm-easy-slider-main.load-finished ul.easy-slider li .bx-caption { display: block; } .elm-easy-slider-main.load-finished ul.easy-slider { opacity: 1; } /*** design styles ********************************/ .elm-easy-slider-main .elm-easy-slider { position: relative; } .elm-easy-slider-main .bx-wrapper .bx-viewport { .box-shadow(none); } .elm-easy-slider-main .bx-wrapper li .bx-caption-wrap { max-width: @theme-general-websiteWidth + 0px; } .elm-easy-slider-main .bx-wrapper li .bx-cap-cell { .borderbox; } .elm-easy-slider-main .bx-wrapper li.top-full .bx-caption-desc-wrap, .elm-easy-slider-main .bx-wrapper li.bottom-full .bx-caption-desc-wrap { max-width: @theme-general-websiteWidth + 0px; } .elm-easy-slider-main .bx-wrapper li .bx-caption-desc { .borderbox; padding: 10px 20px 20px 20px; } .elm-easy-slider-main .bx-wrapper li .bx-caption .bx-caption-desc { width: 350px; /* default width */ background: none; /* do not change */ color: #ffffff; /* default color */ h1, h2, h3, h4, h5, h6 { color: #ffffff; margin: 10px 0px 0px 0px; } h3.bx-title { line-height: normal; } p { margin-top: 10px; } strong { color: #ffffff; } a { color: #ffffff; } a:hover { color: #ffffff; text-decoration: underline; } span.bx-link-button { background: @theme-general-lnkColor; color: #ffffff; opacity: 1; display: inline-block; .border-radius(3px); padding: 1px 8px; margin-top: 15px; .transition(all 0.5s); } span.bx-link-button:hover { background: @theme-general-hvrColor; opacity: 1; } } /*** description corner radius ********************/ @descRadius = 5px; .elm-easy-slider-main .bx-wrapper li .bx-caption-desc { .border-radius(@descRadius); } .elm-easy-slider-main .bx-wrapper li.top-full .bx-caption-desc, .elm-easy-slider-main .bx-wrapper li.bottom-full .bx-caption-desc { .border-radius(0px); } .elm-easy-slider-main.fullsize { .bx-wrapper li.top-left .bx-caption-desc, .bx-wrapper li.top-center .bx-caption-desc, .bx-wrapper li.top-right .bx-caption-desc { .border-radius(0px 0px @descRadius @descRadius); } .bx-wrapper li.bottom-left .bx-caption-desc, .bx-wrapper li.bottom-center .bx-caption-desc, .bx-wrapper li.bottom-right .bx-caption-desc { .border-radius(@descRadius @descRadius 0px 0px); } .bx-wrapper .V-Offset li.top-left .bx-caption-desc, .bx-wrapper .V-Offset li.top-center .bx-caption-desc, .bx-wrapper .V-Offset li.top-right .bx-caption-desc { .border-radius(@descRadius); } .bx-wrapper .V-Offset li.bottom-left .bx-caption-desc, .bx-wrapper .V-Offset li.bottom-center .bx-caption-desc, .bx-wrapper .V-Offset li.bottom-right .bx-caption-desc { .border-radius(@descRadius); } .bx-wrapper .VH-Offset li .bx-caption-desc { .border-radius(@descRadius); } .bx-wrapper .VH-Offset li.top-full .bx-caption-desc, .bx-wrapper .VH-Offset li.bottom-full .bx-caption-desc { .border-radius(0px); } } .elements-sidebar-wrap .elm-easy-slider-main.fullsize, .column .elm-easy-slider-main.fullsize, .elm-easy-slider-main.contentsize { .bx-wrapper li.top-left .bx-caption-desc { .border-radius(0px 0px @descRadius 0px);} .bx-wrapper li.top-center .bx-caption-desc { .border-radius(0px 0px @descRadius @descRadius); } .bx-wrapper li.top-right .bx-caption-desc { .border-radius(0px 0px 0px @descRadius); } .bx-wrapper li.center-left .bx-caption-desc { .border-radius(0px @descRadius @descRadius 0px); } .bx-wrapper li.center-right .bx-caption-desc { .border-radius(@descRadius 0px 0px @descRadius); } .bx-wrapper li.bottom-left .bx-caption-desc { .border-radius(0px @descRadius 0px 0px); } .bx-wrapper li.bottom-center .bx-caption-desc { .border-radius(@descRadius @descRadius 0px 0px); } .bx-wrapper li.bottom-right .bx-caption-desc { .border-radius(@descRadius 0px 0px 0px); } .bx-wrapper .V-Offset li.top-left .bx-caption-desc { .border-radius(0px @descRadius @descRadius 0px);} .bx-wrapper .V-Offset li.top-center .bx-caption-desc { .border-radius(@descRadius); } .bx-wrapper .V-Offset li.top-right .bx-caption-desc { .border-radius(@descRadius 0px 0px @descRadius); } .bx-wrapper .V-Offset li.bottom-left .bx-caption-desc { .border-radius(0px @descRadius @descRadius 0px); } .bx-wrapper .V-Offset li.bottom-center .bx-caption-desc { .border-radius(@descRadius); } .bx-wrapper .V-Offset li.bottom-right .bx-caption-desc { .border-radius(@descRadius 0px 0px @descRadius); } .bx-wrapper .H-Offset li.top-left .bx-caption-desc { .border-radius(0px 0px @descRadius @descRadius);} .bx-wrapper .H-Offset li.top-right .bx-caption-desc { .border-radius(0px 0px @descRadius @descRadius); } .bx-wrapper .H-Offset li.center-left .bx-caption-desc { .border-radius(@descRadius); } .bx-wrapper .H-Offset li.center-right .bx-caption-desc { .border-radius(@descRadius); } .bx-wrapper .H-Offset li.bottom-left .bx-caption-desc { .border-radius(@descRadius @descRadius 0px 0px); } .bx-wrapper .H-Offset li.bottom-right .bx-caption-desc { .border-radius(@descRadius @descRadius 0px 0px); } .bx-wrapper .VH-Offset li .bx-caption-desc { .border-radius(@descRadius); } .bx-wrapper .VH-Offset li.top-full .bx-caption-desc, .bx-wrapper .VH-Offset li.bottom-full .bx-caption-desc { .border-radius(0px); } } .elm-easy-slider-main .elm-easy-slider .bx-wrapper ul li.big-description .bx-caption .bx-cap-cell { background: darken(@theme-general-linesColor, 20%) !important; } .elm-easy-slider-main .elm-easy-slider .bx-wrapper ul li.big-description .bx-caption .bx-caption-desc { .border-radius(0px) !important; padding-bottom: 30px !important; } /*** description effects **************************/ @capDelay = 0.5s; .elm-easy-slider-main .bx-wrapper .descanimation-fade { li .bx-caption .bx-caption-desc { opacity: 0; .transition(all 1s); -webkit-transition-delay: @capDelay; transition-delay: @capDelay; } li .bx-caption.animation-start .bx-caption-desc { opacity: 1; } } .elm-easy-slider-main .bx-wrapper .descanimation-rotate { li .bx-caption .bx-caption-desc { transform: perspective( 600px ) rotateY( 90deg ); -webkit-transform: perspective( 600px ) rotateY( 90deg ); opacity: 0; .transition(all 1s); -webkit-transition-delay: @capDelay; transition-delay: @capDelay; } li .bx-caption.animation-start .bx-caption-desc { transform: perspective( 600px ) rotateY( 0deg ); -webkit-transform: perspective( 600px ) rotateY( 0deg ); opacity: 1; } } .elm-easy-slider-main .bx-wrapper .descanimation-move { li .bx-caption .bx-caption-desc { .transition(all 1s); -webkit-transition-delay: @capDelay; transition-delay: @capDelay; } li.top-full .bx-caption .bx-caption-desc { .translate(~"0px,-60px"); opacity: 0; } li.top-left .bx-caption .bx-caption-desc { .translate(~"-60px,0px"); opacity: 0; } li.top-center .bx-caption .bx-caption-desc { .translate(~"0px,-60px"); opacity: 0; } li.top-right .bx-caption .bx-caption-desc { .translate(~"60px,0px"); opacity: 0; } li.center-left .bx-caption .bx-caption-desc { .translate(~"-60px,0px"); opacity: 0; } li.center-center .bx-caption .bx-caption-desc { .translate(~"0px,60px"); opacity: 0; } li.center-right .bx-caption .bx-caption-desc { .translate(~"60px,0px"); opacity: 0; } li.bottom-left .bx-caption .bx-caption-desc { .translate(~"-60px,0px"); opacity: 0; } li.bottom-center .bx-caption .bx-caption-desc { .translate(~"0px,60px"); opacity: 0; } li.bottom-right .bx-caption .bx-caption-desc { .translate(~"60px,0px"); opacity: 0; } li.bottom-full .bx-caption .bx-caption-desc { .translate(~"0px,60px"); opacity: 0; } li .bx-caption.animation-start .bx-caption-desc { .translate(~"0px,0px"); opacity: 1; } } .elm-easy-slider-main .bx-wrapper .descanimation-zoom { li .bx-caption .bx-caption-desc { .scale(0); opacity: 0; .transition(all 0.5s); -webkit-transition-delay: @capDelay; transition-delay: @capDelay; } li .bx-caption.animation-start .bx-caption-desc { .scale(1); opacity: 1; } } .elm-easy-slider-main .bx-wrapper ul /* effects-off for big-description */ { li.big-description .bx-caption .bx-caption-desc { .transition(none); opacity: 1; .scale(1); transform: none; -webkit-transform: none; -webkit-transition-delay: 0s; transition-delay: 0s; } } /*** slider controls ******************************/ @ctrlOffset = 10px; /* top offset of slider controllers (bullets, thumbs) */ @ctrlOffsetFullwidth = 20px; /* top offset of slider controllers (bullets, thumbs) for FULLWIDTH slider */ @ctrlSpaces = 4px; /* spaces between thumbs and bullets*/ @ctrlBallSize = 13px; /* size of bullets */ .elm-easy-slider-main .elm-easy-slider { margin-bottom: 20px; } .elm-easy-slider-main .bx-wrapper { margin-bottom: 0px; } .elm-easy-slider-main .easy-pager-bullets.pager-pos-outside .bx-wrapper { margin-bottom: 20px + @ctrlOffset + @ctrlBallSize; } /*** arrows ***/ .elm-easy-slider-main .bx-wrapper .bx-controls-direction a { display: block; width: 40px; height: 40px; margin-top: -20px; position: absolute; top: 50%; z-index: 500; background: url('@{img-url}/easy-slider-arrows.png') no-repeat darken(@theme-general-titColor, 100%); opacity: 0; .rounded; .box-shadow(0px 0px 0px 3px rgba(255, 255, 255, 0.3)); } .elm-easy-slider-main .bx-wrapper:hover .bx-controls-direction a { opacity: 0.5; } .elm-easy-slider-main .bx-wrapper:hover .bx-controls-direction a:hover { opacity: 1; } .elm-easy-slider-main .bx-wrapper .bx-controls-direction a.bx-prev { left: 15px; background-position: left center; } .elm-easy-slider-main .bx-wrapper .bx-controls-direction a.bx-next { right: 15px; background-position: right center; } /*** bullets ***/ .elm-easy-slider-main .bx-wrapper .bx-pager, .elm-easy-slider-main .bx-wrapper .bx-controls-auto { padding-top: @ctrlOffset; position: absolute; bottom: -(@ctrlOffset + @ctrlBallSize); } .elm-easy-slider-main .bx-wrapper .bx-pager.bx-default-pager a { display: block; width: @ctrlBallSize; height: @ctrlBallSize; background: none; border: 3px solid @theme-general-linesColor; .rounded; margin: 0 @ctrlSpaces; text-indent: -9999px; text-decoration: none; position: relative; .borderbox; .box-shadow(0px 0px 1px 2px rgba(255, 255, 255, 0.3)); } .elm-easy-slider-main .bx-wrapper .bx-pager.bx-default-pager a:hover { background: none; border-color: darken(@theme-general-linesColor, 20%); } .elm-easy-slider-main .bx-wrapper .bx-pager.bx-default-pager a.active { background: @theme-general-titColor; border-color: @theme-general-titColor; } .elm-easy-slider-main .pager-pos-inside .bx-wrapper .bx-pager { bottom: 0px; z-index: 100; opacity: 0; .transition(opacity 0.5s); padding-bottom: 15px; } .elm-easy-slider-main .pager-pos-inside:hover .bx-wrapper .bx-pager { opacity: 1; } /*** thumbs ***/ .elm-easy-slider-main .easy-pager-thumbnails .easy-slider-pager, .elements-sidebar-wrap .elm-easy-slider-main.fullsize .easy-pager-thumbnails .easy-slider-pager, .column .elm-easy-slider-main.fullsize .easy-pager-thumbnails .easy-slider-pager { padding-top: @ctrlOffset - @ctrlSpaces; } .elm-easy-slider-main.fullsize .easy-pager-thumbnails .easy-slider-pager { padding-top: @ctrlOffsetFullwidth - @ctrlSpaces; } .elm-easy-slider-main .easy-pager-thumbnails .easy-slider-pager { text-align: center; } .elm-easy-slider-main .easy-pager-thumbnails .easy-slider-pager a { opacity: 0.5; display: inline-block; vertical-lign: top; margin: @ctrlSpaces (@ctrlSpaces /2) 0px (@ctrlSpaces /2); } .elm-easy-slider-main .easy-pager-thumbnails .easy-slider-pager a.active { opacity: 1; } .elm-easy-slider-main .easy-pager-thumbnails .easy-slider-pager a:hover { opacity: 1; } .elm-easy-slider-main .easy-pager-thumbnails .easy-slider-pager a img { border: 2px solid @theme-general-titColor; .borderbox; vertical-align: top; width: 75px; .transition(all 0.5s); } .elm-easy-slider-main .easy-pager-thumbnails .easy-slider-pager a:hover img { border-color: @theme-general-hvrColor !important; } .elm-easy-slider-main .easy-pager-thumbnails.pager-pos-inside .easy-slider-pager { position: absolute; bottom: 15px; left: 0px; width: 100%; z-index: 100; opacity: 0; .transition(opacity 0.5s); padding: 0px !important; } .elm-easy-slider-main .easy-pager-thumbnails.pager-pos-inside.has-big-descriptions .easy-slider-pager { bottom: auto; top: 15px; } .elm-easy-slider-main .easy-pager-thumbnails.pager-pos-inside:hover .easy-slider-pager { opacity: 1; } /*** none ***/ .elm-easy-slider-main .easy-pager-none .bx-wrapper .bx-pager.bx-default-pager { display: none; } /*** custom used slider ***/ .elm-easy-slider-main ul.easy-slider li .easy-thumbnail { display: inline-block; position: relative; vertical-align: top; } .elm-easy-slider-main ul.easy-slider li .easy-title { display: inline-block; position: absolute; top: 0px; left: 0px; width: 100%; background: rgba(0,0,0,0.7); color: #ffffff; opacity: 0; .transition(opacity 0.5s); .borderbox; padding: 10px 20px; text-align: center; } .elm-easy-slider-main .bx-wrapper:hover ul.easy-slider li .easy-title { opacity: 1; } /* && end of EASY SLIDER */ /**************************************************/ /*** && PORTFOLIO ***/ /**************************************************/ .elm-portfolio .filters-wrapper { background: lighten(@theme-general-linesColor, 10%); } .elm-portfolio .filters-wrapper .filter-wrapper { margin: 0 10px; } .elm-portfolio .filters-wrapper .filter-wrapper:hover { z-index: 150; } .elm-portfolio .filters-wrapper .filter-wrapper .selected { color: @theme-general-decColor; padding: 5px 0px; } .elm-portfolio .filters-wrapper .filter-wrapper .selected span { color: @theme-general-txtColor; } .elm-portfolio .filters-wrapper .filter-wrapper ul { padding: 2px; background: #ffffff; .boxshadow1; } .elm-portfolio .filters-wrapper .filter-wrapper ul li a { padding: 0px 3px; } .elm-portfolio .filters-wrapper .filter-wrapper ul li:hover a { color: #ffffff; background: #000000; } .elm-portfolio .portfolio-item-type-image .portfolio-item-icon { background-image: url('@{img-url}/zoom_image.png'); } .elm-portfolio .portfolio-item-type-video .portfolio-item-icon { background-image: url('@{img-url}/zoom_video.png'); } .elm-portfolio .portfolio-item-type-website .portfolio-item-icon { background-image: url('@{img-url}/zoom_website.png'); } .elm-portfolio .portfolio-items-wrapper { max-height: 500px; white-space: nowrap; opacity: 0; .transition(opacity 0.5s);} .load-finished .elm-portfolio .portfolio-items-wrapper { max-height: none; white-space: normal; opacity: 1; } .elm-portfolio .portfolio-item { background: @theme-general-pageBgColor; .boxshadow1; } .elm-portfolio .portfolio-item .portfolio-item-img { margin: 5px 5px 5px 5px; } .elm-portfolio .portfolio-item .portfolio-item-img-wrap { border: 2px solid @theme-general-titColor; } /* image border */ .elm-portfolio .portfolio-item .portfolio-item-icon { border: 2px solid @theme-general-hvrColor; } /* image border for hover */ .elm-portfolio .portfolio-item .portfolio-item-desc { padding: 5px 5px 5px 5px; } .elm-portfolio .portfolio-item .portfolio-item-desc h3 { margin: 0px 0px 5px 0px; } .elm-portfolio .portfolio-item .portfolio-item-desc p { margin: 0px 0px 0px 0px; } /* .elm-has-bg .elm-portfolio .filters-wrapper { background: @boxOnBgLight; } .elm-has-bg .elm-portfolio .portfolio-item { background: @boxOnBgLight; } */ /* Customization for PORTFOLIO */ .elm-portfolio .filters-wrapper { background: lighten(@theme-general-themeColor, 23%); margin-bottom: 40px; padding-right: 40px; } .layout-narrow .elm-portfolio .filters-wrapper { margin: 0 -20px 40px -40px !important; } .layout-narrow .elements-with-sidebar .elm-portfolio .filters-wrapper { margin: 0 0 40px 4px !important; } .elm-portfolio .filters-wrapper .filter-wrapper { float: right; background: @theme-header-menuHover; margin: 0 !important; font-size: 16px; } .elm-portfolio .filters-wrapper .filter-wrapper .selected { color: #ffffff; padding: 13px 0 13px 15px; text-transform: uppercase; overflow: hidden; } .elm-portfolio .filters-wrapper .filter-wrapper .selected span { background: lighten(@theme-general-themeColor, 23%); color: #ffffff; margin-left: 15px; padding: 20px 13px; text-transform: capitalize; } .elm-portfolio .filters-wrapper .filter-wrapper ul { background: lighten(@theme-general-themeColor, 33%); padding: 0; .box-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); } .elm-portfolio .filters-wrapper .filter-wrapper ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .elm-portfolio .filters-wrapper .filter-wrapper ul li:last-child { border-bottom: none; } .elm-portfolio .filters-wrapper .filter-wrapper ul li a { padding: 8px 17px; color: @theme-general-txtColor; } .elm-portfolio .filters-wrapper .filter-wrapper ul li:hover a { background: @theme-header-menuHover; } .filter-wrapper.category-wrap { float: left !important; padding-left: 40px; } .filter-wrapper.category-wrap .selected { padding-left: 0 !important; } .filter-wrapper.sort-by-wrap .selected span { padding-right: 0 !important; } .elm-portfolio .filters-wrapper .filter-wrapper.order-wrap { margin-right: 15px !important; } .elm-portfolio .filters-wrapper .filter-wrapper.order-wrap, .elm-portfolio .filters-wrapper .filter-wrapper.sort-by-wrap { background: rgba(255, 255, 255, 0.4) !important; margin-top: 11px !important; padding: 0 10px 0 0; } .elm-portfolio .filters-wrapper .filter-wrapper.order-wrap .selected, .elm-portfolio .filters-wrapper .filter-wrapper.sort-by-wrap .selected { color: @theme-general-themeColor; font-size: 0; line-height: normal; padding: 0; } .elm-portfolio .filters-wrapper .filter-wrapper.order-wrap .selected span, .elm-portfolio .filters-wrapper .filter-wrapper.sort-by-wrap .selected span { background: none; color: inherit; padding: 0; text-transform: uppercase; } .elm-portfolio .filters-wrapper .filter-wrapper.order-wrap .selected span:before { content: "\f079"; font-family: @fancyFontIcons; padding-right: 15px; font-weight: normal; } .elm-portfolio .filters-wrapper .filter-wrapper.sort-by-wrap .selected span:before { content: "\f013"; font-family: @fancyFontIcons; padding-right: 15px; font-weight: normal; } .elm-portfolio .filters-wrapper .filter-wrapper.order-wrap .selected span:hover:before, .elm-portfolio .filters-wrapper .filter-wrapper.sort-by-wrap .selected span:hover:before { color: @theme-general-decColor; } .elm-portfolio .filters-wrapper .filter-wrapper .order, .elm-portfolio .filters-wrapper .filter-wrapper .sort-by { border-top: 2px solid lighten(@theme-general-themeColor, 23%); } .elm-portfolio .portfolio-item { background: darken(@theme-general-pageBgColor, 3%); .box-shadow(none); } .elm-portfolio .portfolio-item .portfolio-item-img { margin: 0; position: relative; overflow: hidden; } .elm-portfolio .portfolio-item .portfolio-item-img-wrap { border: none; } .elm-portfolio .portfolio-item .portfolio-item-icon { background: rgba(0,0,0,0.3) !important; border: none; overflow: hidden; } .elm-portfolio .portfolio-item .portfolio-item-img:after { position: absolute; left: 50%; bottom: -56px; margin-left: -27px; padding: 15px; color: #ffffff; font-size: 26px; font-family: @fancyFontIcons; .transition(bottom 0.5s); } .elm-portfolio .portfolio-item .portfolio-item-img:hover:after { bottom: 0; } .elm-portfolio .portfolio-item .portfolio-item-type-image .portfolio-item-img-wrap, .elm-portfolio .portfolio-item .portfolio-item-type-image .portfolio-item-icon { border-bottom: 2px solid @theme-general-decColor; } .elm-portfolio .portfolio-item .portfolio-item-type-video .portfolio-item-img-wrap, .elm-portfolio .portfolio-item .portfolio-item-type-video .portfolio-item-icon { border-bottom: 2px solid spin(@theme-general-decColor, 150); } .elm-portfolio .portfolio-item .portfolio-item-type-website .portfolio-item-img-wrap, .elm-portfolio .portfolio-item .portfolio-item-type-website .portfolio-item-icon { border-bottom: 2px solid spin(@theme-general-decColor, 210); } .elm-portfolio .portfolio-item-type-image.portfolio-item-img:after { content: "\f03e"; background: @theme-general-decColor; } .elm-portfolio .portfolio-item-type-video.portfolio-item-img:after { content: "\f01d"; background: spin(@theme-general-decColor, 150); } .elm-portfolio .portfolio-item-type-website.portfolio-item-img:after { content: "\f0c1"; background: spin(@theme-general-decColor, 210); } .elm-portfolio .portfolio-item .portfolio-item-desc { padding: 15px 20px 20px; } /* end Customization for PORTFOLIO */ /* && end of PORTFOLIO */ /**************************************************/ /*** && ITEM-ORGANIZER ***/ /**************************************************/ .elm-item-organizer-main { position: relative; } @itemSpace = @columnMargin; @thumbSpace = 24px; @listThumb = 25%; @IconThumb = 48px; @item1 = 100%; @item2 = (( 100% + @itemSpace ) / 2 ) - @itemSpace; @item3 = (( 100% + @itemSpace ) / 3 ) - @itemSpace; @item4 = (( 100% + @itemSpace ) / 4 ) - @itemSpace; @item5 = (( 100% + @itemSpace ) / 5 ) - @itemSpace; @item1full = 100%; @item2full = 100% / 2; @item3full = 100% / 3; @item4full = 100% / 4; @item5full = 100% / 5; .elm-item-organizer .elm-item-organizer-container:after { .clearfix; } .elm-item-organizer .item { .borderbox; margin-bottom: 30px; } .elm-item-organizer .item:after { .clearfix; } .elm-item-organizer .item-box { .borderbox; } .elm-item-organizer .item-box:after { .clearfix; } .elm-item-organizer .item-box .item { width: auto !important; margin-right: 0px !important; } .elm-item-organizer .item .item-thumbnail { .borderbox; } .elm-item-organizer .item .item-thumbnail img { vertical-align: top; border: 2px solid @theme-general-titColor; } .elm-item-organizer .item a .item-thumbnail img { border-color: @theme-general-titColor; .transition(border-color 0.5s); } .elm-item-organizer .item a:hover .item-thumbnail img { border-color: @theme-general-hvrColor; } .elm-item-organizer .item-title h3 { text-transform: uppercase; } .elm-item-organizer .item-title p { text-transform: uppercase; } .elm-item-organizer .item .item-info { margin-top: 10px; } .elm-item-organizer .item .item-info:after { .clearfix; } .elm-item-organizer .carousel-disabled .item { float: left; margin-right: @itemSpace; } .elm-item-organizer .carousel-disabled .item-first { clear: both; } .elm-item-organizer .carousel-disabled .item-last { margin-right: 0px; } .elm-item-organizer .carousel-disabled.column-1 .item { width: @item1; margin-right: 0px; clear: both; } .elm-item-organizer .carousel-disabled.column-2 .item { width: @item2; } .elm-item-organizer .carousel-disabled.column-3 .item { width: @item3; } .elm-item-organizer .carousel-disabled.column-4 .item { width: @item4; } .elm-item-organizer .carousel-disabled.column-5 .item { width: @item5; } .fullsize .elm-item-organizer .carousel-disabled .item { margin-right: 0; } .fullsize .elm-item-organizer .carousel-disabled.column-1 .item { width: @item1full; } .fullsize .elm-item-organizer .carousel-disabled.column-2 .item { width: @item2full; } .fullsize .elm-item-organizer .carousel-disabled.column-3 .item { width: @item3full; } .fullsize .elm-item-organizer .carousel-disabled.column-4 .item { width: @item4full; } .fullsize .elm-item-organizer .carousel-disabled.column-5 .item { width: @item5full; } .elm-item-organizer-main .elm-item-organizer { overflow-x: hidden; width: 100%; } .elm-item-organizer-main.load-finished .elm-item-organizer { overflow-x: visible; width: auto; } .elm-item-organizer-main.carousel-enabled .elm-item-organizer { overflow-x: hidden; } .elm-item-organizer .carousel-container { font-size: 0px; white-space: nowrap; } .elm-item-organizer .carousel-container .item-box { float: none; display: inline-block; vertical-align: top; white-space: normal; margin-right: @itemSpace; } .elm-item-organizer .carousel-container.column-1 .item-box { width: @item1; } .elm-item-organizer .carousel-container.column-2 .item-box { width: @item2; } .elm-item-organizer .carousel-container.column-3 .item-box { width: @item3; } .elm-item-organizer .carousel-container.column-4 .item-box { width: @item4; } .elm-item-organizer .carousel-container.column-5 .item-box { width: @item5; } .fullsize .elm-item-organizer .carousel-container { display: flex; display: -webkit-flex; } .fullsize .elm-item-organizer .carousel-container .item-box { margin-right: 0; font-size: 0; display: flex; display: -webkit-flex; } .fullsize .elm-item-organizer .carousel-container.column-1 .item-box { width: @item1full; } .fullsize .elm-item-organizer .carousel-container.column-2 .item-box { width: @item2full; } .fullsize .elm-item-organizer .carousel-container.column-3 .item-box { width: @item3full; } .fullsize .elm-item-organizer .carousel-container.column-4 .item-box { width: @item4full; } .fullsize .elm-item-organizer .carousel-container.column-5 .item-box { width: @item5full; } .elm-item-organizer .layout-box .item { text-align: center; } .elm-item-organizer .layout-box .item.align-left { text-align: left; } .elm-item-organizer .layout-box .item.align-right { text-align: right; } .elm-item-organizer .layout-box .item.align-center { text-align: center; } .elm-item-organizer .layout-box .item-title h3 { .text-overflow; margin-bottom: 0px; } .elm-item-organizer .layout-box .item-thumbnail { margin-top: 10px; } .elm-item-organizer .layout-box .item-thumbnail .icon img { vertical-align: middle; } .elm-item-organizer .layout-box .item-text { padding-top: 20px; } .elm-item-organizer .layout-box .item-text p { } .elm-item-organizer .layout-list .item-thumbnail { width: @listThumb; float: left; } .elm-item-organizer .layout-list .layout-font .item-thumbnail, .elm-item-organizer .layout-list .layout-icon .item-thumbnail { width: @IconThumb; } .elm-item-organizer .layout-list .item-thumbnail img { width: 100%; } .elm-item-organizer .layout-list .item-thumbnail .icon img { max-height: 100%; vertical-align: middle; } .elm-item-organizer .layout-list .image-present .item-title, .elm-item-organizer .layout-list .image-present .item-text, .elm-item-organizer .layout-list .image-present .item-info { margin-left: calc(@listThumb ~"+" @thumbSpace); margin-left: -webkit-calc(@listThumb ~"+" @thumbSpace); } .elm-item-organizer .layout-list .image-present.layout-font .item-title, .elm-item-organizer .layout-list .image-present.layout-icon .item-title { margin-left: calc(@IconThumb ~"+" @thumbSpace); margin-left: -webkit-calc(@IconThumb ~"+" @thumbSpace); padding-top: 1px; } .elm-item-organizer .layout-list .image-present.layout-font .item-title.icon-offset, .elm-item-organizer .layout-list .image-present.layout-icon .item-title.icon-offset { padding-top: 12px; } .elm-item-organizer .layout-list .image-present.layout-font .item-text, .elm-item-organizer .layout-list .image-present.layout-icon .item-text, .elm-item-organizer .layout-list .image-present.layout-font .item-info, .elm-item-organizer .layout-list .image-present.layout-icon .item-info { margin-left: 0; clear: both; } .elm-item-organizer .layout-list .item-title h3 { .text-overflow; margin-bottom: 0px; } .elm-item-organizer .layout-list .item-text { padding-top: 20px; } .elm-item-organizer .layout-list .item-text p { } /* Customization for ITEM-ORGANIZER */ .elm-item-organizer-main .elm-wrapper { max-width: @theme-general-websiteWidth - 100px; } .elm-item-organizer .item .item-thumbnail img, .elm-item-organizer .item a .item-thumbnail img, .elm-item-organizer .item a:hover .item-thumbnail img { border: none; } /* end Customization for ITEM-ORGANIZER */ /*** POSTS modifications ***/ .elm-posts-main .item-info { text-transform: uppercase; } .elm-posts-main .item-info .item-date { display: inline-block; color: @theme-general-titColor; } .elm-posts-main .item-info .item-author { display: inline-block; } /*.elm-posts-main .item-info .item-author:before { content: "|"; margin: 0px 6px 0px 3px}*/ .elm-posts-main .item a:hover .item-thumbnail img { border-color: @theme-general-titColor; } .elm-posts-main .image-present a { .hvrIconFull('zoom_image.png','.item-thumbnail-wrap'); } .elm-posts-main .item-thumbnail-wrap:before { border: 2px solid @theme-general-hvrColor; } /* Customization for POSTS */ .elm-posts-main .elm-wrapper { max-width: @theme-general-websiteWidth - 0px !important; } .elm-posts-main .item a:hover .item-thumbnail img, .elm-posts-main .item .item-thumbnail img, .elm-posts-main .item-thumbnail-wrap:before { border: none; } .elm-posts-main .item .item-thumbnail { position: relative; border-bottom: 2px solid @theme-general-decColor; overflow: hidden; } .elm-posts-main .item-thumbnail .item-info { position: absolute; bottom: 0; margin-top: 0; width: 100%; z-index: 10; } .elm-posts-main .item-info .item-date { background: rgba(255, 255, 255, 0.85); } .elm-posts-main .item-info .item-date p { line-height: 14px; text-align: left; } .elm-posts-main .item-info .item-date span { display: inline-block; min-width: 55px; padding: 0 10px; font-size: 12px; color: @theme-general-txtColor; vertical-align: middle; } .elm-posts-main .item-info .item-date .item-day { background: @theme-general-decColor; color: #ffffff; min-width: 28px; padding: 14px 14px 13px; font-size: 30px; text-align: center; } .elm-posts-main .item-title { margin-top: 15px; } .elm-posts-main .item-title h3 { text-transform: none; } .elm-posts-main .item-text { padding-top: 10px !important; } .elm-posts-main .item-more { position: relative; background: @theme-general-decColor; width: 100%; margin-top: 20px; color: #ffffff; text-align: left; text-transform: uppercase; overflow: hidden; } .elm-posts-main .item-more:after { .clearfix; } .elm-posts-main .item-more a { color: #ffffff; } .elm-posts-main .item-link { position: relative; float: left; padding: 2px 12px; } .elm-posts-main .item-link a { position: relative; } .elm-posts-main .item-link:before { content: ""; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; .transition(width 0.5s ease 0s); } .elm-posts-main .item-link:hover:before { width: 120%; } .elm-posts-main .layout-box .item-author { position: relative; float: right; padding: 2px 12px; } /*.elm-has-bg .elm-posts .item { background: @boxOnBgLight; } .elm-has-bg .elm-posts .item-title { padding: 0 15px; } .elm-has-bg .elm-posts .item-text { padding: 10px 15px 0 !important; }*/ /*** list layout ***/ .elm-posts-main .layout-list .item .item-thumbnail { border-bottom: none; } .elm-posts-main .layout-list .item-title { margin-top: 0; } .elm-posts-main .layout-list .item-date { background: @theme-general-decColor; padding: 4px; color: #ffffff; text-align: center; text-transform: uppercase; } /*** carousel ***/ .elm-posts-main.carousel-enabled .carousel-arrows { opacity: 1 !important; } .elm-posts-main.carousel-enabled .carousel-arrows .arrow { top: 0 !important; } .elm-posts-main.carousel-enabled .carousel-arrows .arrow-left { left: auto !important; right: 35px; } .elm-posts-main.carousel-enabled .carousel-arrows .arrow-right { left: auto !important; right: 0px !important; } .elm-posts-main.carousel-enabled .carousel-arrows .arrow-left:before, .elm-posts-main.carousel-enabled .carousel-arrows .arrow-right:before { font-size: 24px !important; } .elm-posts-main.carousel-enabled .elm-mainheader ~ .carousel-arrows .arrow { margin-top: 4px !important; } .elm-posts-main .elm-mainheader.align-right { padding-right: 70px; } /* end Customization for POSTS */ /*** SERVICES modifications ***/ .main-sections > .elm-services-main:first-child { padding-top: 0px !important; } .layout-narrow .main-sections > .elm-services-main:first-child { overflow: visible !important; } .elm-services-main .item { color: #ffffff; } .elm-services-main .item h3 { color: #ffffff; } .elm-services-main .item a { color: #ffffff; } .elm-services-main .item a:hover { color: #ffffff; } .elm-services-main .item { padding: 20px 20px 20px 20px; position: relative; } .elm-services-main.fullsize .item { padding: 40px 40px 40px 40px; } .elm-services-main.fullsize .layout-list .item, .elm-services-main.fullsize .layout-box .item { margin-bottom: 0px; } .elm-services-main .elm-item-organizer-container { display: flex; display: -webkit-flex; flex-flow: wrap; -webkit-flex-flow: wrap; font-size: 0; } .elm-services-main .item { background: @theme-general-themeColor; flex: auto; -webkit-flex: auto; } .elm-services-main .layout-list .item { margin-bottom: 40px; } .elm-services-main .layout-list .item.layout-font.addinfo.rm-on, .elm-services-main .layout-list .item.layout-icon.addinfo.rm-on { padding-bottom: 100px; } .elm-services-main .layout-list .item-title h3, .elm-services-main .layout-box .item-title h3 { white-space: normal; } .elm-services-main .item-thumbnail { position: relative; } .elm-services-main .layout-box .item-thumbnail { margin-top: 0px; margin-bottom: 25px; } .elm-services-main .layout-box .layout-font .item-thumbnail, .elm-services-main .layout-box .layout-icon .item-thumbnail { margin-bottom: 15px; } .elm-services-main .item .item-thumbnail img, .elm-services-main .item a .item-thumbnail img, .elm-services-main .item a:hover .item-thumbnail img { border-color: #ffffff; } .elm-services-main .item-thumbnail .icon img { border-width: 0px; width: auto; } .elm-services-main .item-thumbnail .icon, .elm-services-main .item-thumbnail .iconFont { font-size: 26px; width: @IconThumb; height: @IconThumb; line-height: @IconThumb; text-align: center; .rounded; background: #ffffff; .borderbox; margin: auto; } .elm-services-main .item-thumbnail .icon { line-height: @IconThumb - 4px; } .elm-services-main .item-thumbnail .iconFont i { color: @theme-general-themeColor; } .elm-services-main .item-thumbnail .item-thumb-img { opacity: 1; .transition(opacity 1s); } .elm-services-main .item-thumbnail .item-thumb-hvr { opacity: 0; .transition(opacity 1s); position: absolute; top: 0px; left: 0px; right: 0px; } .elm-services-main a:hover .item-thumbnail .item-thumb-img { opacity: 0; } .elm-services-main a:hover .item-thumbnail .item-thumb-hvr { opacity: 1; } .elm-services-main a:hover .thumb-nohover .item-thumb-img { opacity: 1; } .elm-services-main .readmore { display: inline-block; } .elm-services-main .layout-box .readmore { margin-top: 25px; } .elm-services-main .layout-list .readmore { margin-top: 25px; } .elm-services-main .layout-list .layout-font .readmore, .elm-services-main .layout-list .layout-icon .readmore { position: absolute; left: 0; bottom: 40px; margin: 0px; } .elm-services-main .rm-button { display: block; background: rgba(255,255,255,0.2); padding: 1px 20px 2px 20px; text-transform: uppercase; .transition(all 0.3s); } .elm-services-main a:hover .rm-button { padding-left: 30px; padding-right: 30px; } .elm-services-main .layout-list .layout-font .rm-button, .elm-services-main .layout-list .layout-icon .rm-button { padding-left: 40px; } .elm-services-main .services-submenu { text-align: left; width: 100%; } .elm-services-main .drop-top .services-submenu, .elm-services-main .drop-bottom .services-submenu { position: absolute; left: 0px; z-index: 600; } .elm-services-main .drop-top .services-submenu { top: 0px;} .elm-services-main .drop-bottom .services-submenu { bottom: 0px;} .elm-services-main .services-submenu .services-drop { position: relative; } .elm-services-main .drop-top .services-submenu .services-drop, .elm-services-main .drop-bottom .services-submenu .services-drop { background: fade(@theme-general-pageBgColor, 95%); .box-shadow(-50px -100px 200px -200px rgba(0, 0, 0, 0.1) inset); color: @theme-general-txtColor; max-height: 0px; position: absolute; left: 0; overflow: hidden; width: 100%; .transition(all ease-in 0.5s); } .elm-services-main .drop-top .services-submenu .services-drop:hover, .elm-services-main .drop-bottom .services-submenu .services-drop:hover { .transition(all ease-out 0.5s); } .elm-services-main .drop-top .services-submenu .services-drop { bottom: 0; } .elm-services-main .drop-bottom .services-submenu .services-drop { top: 0; } .elm-services-main .drop-top .item:hover .services-submenu .services-drop, .elm-services-main .drop-bottom .item:hover .services-submenu .services-drop { max-height: 500px; } .elm-services-main .services-submenu ul { padding: 20px 40px 20px 40px; position: relative; } .elm-services-main .drop-top .services-submenu ul { border-top: 5px solid @theme-general-themeColor; } .elm-services-main .drop-bottom .services-submenu ul { border-bottom: 5px solid @theme-general-themeColor; } .elm-services-main .services-submenu ul li { padding: 0px; border-bottom: 1px solid @theme-general-linesColor; } .elm-services-main .services-submenu ul li a { color: @theme-general-txtColor; } .elm-services-main .services-submenu ul li a:hover { color: @theme-general-lnkColor; } .elm-services-main .services-submenu ul li .srv-item { display: block; position: relative; padding: 3px 0px 4px 20px; } .elm-services-main .services-submenu ul li .srv-item i { content: ""; font-family: @fancyFontIcons; position: absolute; top: 0px; left: 0px; display: inline-block; font-size: 11px; padding: 4px 0px 3px 0px; } .elm-services-main .services-submenu ul li:last-child { border-bottom: none; } .elm-services-main .services-submenu.menuicon-on ul { padding-right: 80px; } .elm-services-main .services-submenu.menuicon-on i.menuicon { position: absolute; top: 25px; right: 25px; font-size: 26px; line-height: normal; color: @theme-general-linesColor; } .elm-services-main .drop-bottom .services-submenu.menuicon-on i.menuicon { top: 20px; } .elm-services-main .drop-visible .services-submenu ul li .srv-item { .transition(all 0.3s); } .elm-services-main .drop-visible .services-submenu ul:hover li .srv-item { opacity: 0.5; } .elm-services-main .drop-visible .services-submenu ul:hover li:hover .srv-item { opacity: 1; } .elm-services-main .drop-visible .services-submenu ul li { border-color: rgba(255,255,255,0.2); } .elm-services-main .drop-visible .services-submenu ul li i { color: #ffffff !important; } .elm-services-main .drop-visible .services-submenu ul li a { color: #ffffff; } .elm-services-main .drop-visible .services-submenu ul li a:hover { color: #ffffff; } .elm-services-main .drop-visible .services-submenu { padding-top: 40px; clear: both; } .elm-services-main .drop-visible.layout-list .layout-font .services-submenu, .elm-services-main .drop-visible.layout-list .layout-icon .services-submenu { padding-top: 20px; } .elm-services-main .drop-visible .services-submenu ul { padding: 0; border: none; } .elm-services-main .drop-visible .services-submenu.menuicon-on i.menuicon { display: none; } .ie8 .elm-services-main a .item-thumbnail .item-thumb-img { visibility: visible; } .ie8 .elm-services-main a .item-thumbnail .item-thumb-hvr { visibility: hidden; } .ie8 .elm-services-main a:hover .item-thumbnail .item-thumb-img { visibility: hidden; } .ie8 .elm-services-main a:hover .item-thumbnail .item-thumb-hvr { visibility: visible; } .layout-narrow .main-sections > .elm-services-main:first-child { .item:first-child { .border-radius(@pageCorner 0 0 0); } .column-1 .item:first-child { .border-radius(@pageCorner @pageCorner 0 0); } .column-2 .item:nth-child(2), .column-3 .item:nth-child(3), .column-4 .item:nth-child(4), .column-5 .item:nth-child(5) { .border-radius(0 @pageCorner 0 0); } } .layout-narrow .elm-revolution-slider ~ .elements .main-sections > .elm-services-main:first-child { .item { .border-radius(0) !important; } } /*** MEMBERS modifications ***/ .elm-main ul.member-icons li { display: inline-block; margin-right: 5px; margin-bottom: 5px; background: @theme-general-linesColor; .border-radius(3px); .transition(all 0.5s);} .elm-main ul.member-icons li:hover { background: darken(@theme-general-linesColor, 10%); } .elm-main ul.member-icons li a { display: block; padding: 1px; } .elm-main ul.member-icons li img { vertical-align: top; } /* .elm-has-bg ul.member-icons li { background: @boxOnBgDark; } .elm-has-bg ul.member-icons li:hover { background: darken(@boxOnBgDark, 100%); } */ .elm-members-main .item-icons { margin-top: 15px; } .elm-members-main .member-position { color: @theme-general-decColor; } .elm-members-main .layout-box .member-position { margin-top: 10px; } /* Customization for MEMBERS */ .elm-members-main .item-thumbnail { max-width: 240px; height: 240px; margin: 0 auto; } .elm-members-main .item-thumbnail img { border: 5px solid #ffffff !important; border-radius: 100%; .box-shadow(0 0 1px 2px rgba(0, 0, 0, 0.1)); .scale(1); } .elm-members-main .item-title { display: inline-block; margin-top: 20px; padding-bottom: 10px; min-width: 220px; border-bottom: 1px solid @theme-general-linesColor; } .elm-has-bg .elm-members .item-title { border-bottom: 1px solid @theme-general-linesColor; /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/} .elm-members-main .item-text { padding-top: 0 !important; } .elm-members-main .member-position { margin-bottom: 15px; } .elm-members-main .column-3 .item-box.carousel-item:nth-child(2n) .item-thumbnail img { .scale(0.85); } .elm-members-main .column-3 .item-box.carousel-item:nth-child(2n+1) .item-thumbnail img { .scale(1); } .elm-members-main .column-3 .item-box.carousel-item .item-thumbnail img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s ease 0s; -moz-transition: -moz-transform 0.3s ease 0s; -ms-transition: -ms-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; } .elm-main ul.member-icons li { background: none; margin-right: 0; .border-radius(100%); } .elm-main ul.member-icons li:hover { background: none; } .elm-main ul.member-icons li a { color: @theme-general-themeColor; font-size: 18px; line-height: 29px; } .elm-main ul.member-icons li a:hover { color: @theme-general-decColor; } .elm-main ul.member-icons li a .fa { padding: 6px; } .elm-has-bg ul.member-icons li { background: none; } .elm-has-bg ul.member-icons li:hover { background: none; } /* end Customization for MEMBERS */ /*** EVENTS modifications ***/ .elm-events-main .item-info { text-transform: uppercase; } .elm-events-main .item-info strong { } .elm-events-main .layout-box .item-thumbnail { padding-bottom: 20px; position: relative; min-height: 80px; } .elm-events-main .layout-box .event-date { position: absolute; left: 0; right: 0; bottom: 0px; text-align: center; z-index: 10; } .elm-events-main .layout-box .event-date .entry-date { float: none; margin-bottom: 0px; } .elm-events-main .layout-list .item-text { clear: both; } .elm-events-main .layout-list .image-present .item-text { clear: none; } .elm-events-main .layout-list .event-date .entry-date { width: 100%; height: auto; float: none; .border-radius(0px); padding: 2px 0px 3px 0px; margin-bottom: 10px; } .elm-events-main .layout-list .image-present .event-date .entry-date { margin-bottom: 0px; } .elm-events-main .layout-list .event-date .entry-date .link-day { display: inline; padding-top: 0px; text-shadow: none; } .elm-events-main .layout-list .event-date .entry-date .link-day small { display: none; } .elm-events-main .layout-list .event-date .entry-date .link-month { display: inline; text-transform: uppercase; margin-top: 0px; } .elm-events-main .layout-list .event-date .entry-date .link-year { display: none; } .elm-events-main .item a:hover .item-thumbnail img { border-color: @theme-general-titColor; } .elm-events-main .image-present a { .hvrIconFull('zoom_image.png','.item-thumbnail-wrap'); } .elm-events-main .item-thumbnail-wrap:before { border: 2px solid @theme-general-hvrColor; } /*** JOB-OFFERS modifications ***/ .elm-job-offers-main .item-thumbnail img { .rounded; } .elm-job-offers-main .layout-box .item-thumbnail { margin: 0px 0px 10px 0px; } .elm-job-offers-main .item-duration { text-transform: uppercase; } .elm-job-offers-main .item-duration strong { } .elm-job-offers-main .item-duration .item-to { color: @theme-general-decColor; display: inline-block; } .elm-job-offers-main .job-contact { text-transform: uppercase; } .elm-job-offers-main .job-contact strong { } .elm-job-offers-main .job-contact span { display: inline-block; } .elm-job-offers-main .job-contact span:after { content: ", "; } .elm-job-offers-main .job-contact span:first-child:after { content: ""; } .elm-job-offers-main .job-contact span:last-child:after { content: ""; } /*** job-offers detail ***/ .offer-contact:after { .clearfix; } .offer-contact .offer-contact-data { margin-bottom: 20px; } .offer-contact .offer-contact-data span:after { content: ","; } .offer-contact .offer-contact-data span:last-child:after, .offer-contact .offer-contact-data span:first-child:after { content: ""; } /*** TESTIMONIALS modifications ***/ .elm-testimonials-main .item-thumbnail img { .rounded; } .elm-testimonials-main .item-text { } .elm-testimonials-main .item .item-info .item-author { display: inline-block; vertical-align: top; margin-right: 5px; color: @theme-general-titColor; } .elm-testimonials-main .item .item-info .item-rating { display: inline-block; vertical-align: top; } .elm-testimonials-main .item .item-info .item-rating img { vertical-align: middle; margin-top: -1px; } .elm-testimonials-main .layout-list .item-thumbnail { margin-top: 0px; } .elm-testimonials-main .layout-list .item-text p { margin-top: 0px; } .elm-testimonials-main .layout-list.column-1 .image-present .item-text p { padding-top: 15px; } .elements-sidebar-wrap { .elm-testimonials-main .layout-list.column-1 .image-present .item-text p { padding-top: 15px; } } .column { .elm-testimonials-main .layout-list.column-1 .image-present .item-text p { padding-top: 0px; } } .elm-testimonials-main .layout-box .item-thumbnail { margin-top: 0px; } .elm-testimonials-main .layout-box .item-thumbnail img { max-width: 100px; } /* Customization for List TESTIMONIALS */ .elm-testimonials-main .carousel-container .item-box { text-align: center; } .elm-testimonials-main .item .item-text p { line-height: 30px !important; padding: 0 40px !important; } .elm-testimonials-main .elm-item-organizer .layout-list .item-thumbnail { max-width: 65px; float: none; display: inline-block; } .elm-testimonials-main .elm-item-organizer .layout-list .item-text, .elm-testimonials-main .elm-item-organizer .layout-list .item-info { margin-left: 0; padding-top: 0 !important; } .elm-testimonials-main .item .item-info { position: relative; margin-top: 45px; } .elm-testimonials-main .item .item-info .item-author { position: absolute; left: 0; text-align: right; margin-top: 20px; margin-right: 0; width: 45%; color: @theme-general-decColor; text-transform: uppercase; } .elm-testimonials-main .item .item-info .item-rating { position: absolute; right: 0; text-align: left; margin-top: 22px; width: 45%; color: #ffd200; font-size: 14px !important; } .elm-testimonials-main .item .item-thumbnail img { border: 3px solid #ffffff; .box-shadow(0 0 1px rgba(0, 0, 0, 0.4)); } /* end Customization for TESTIMONIALS */ /* && end of ITEM-ORGANIZER */ /**************************************************/ /*** && FACILITIES ***/ /**************************************************/ @iconWidth = 60px; @iconSpace = 85px; @iconWidthSmall = 28px; @iconSpaceSmall = 42px; .elm-facilities .facilities-container { display: flex; display: -webkit-flex; flex-flow: wrap; -webkit-flex-flow: wrap; } .elm-facilities .facilities-container:after { .clearfix; } .elm-facilities .item { flex: auto; -webkit-flex: auto; margin-bottom: 30px; position: relative; .borderbox; } .elm-facilities .item:after { .clearfix; } .elm-facilities .item .item-thumbnail { display: inline-block; vertical-align: top; position: absolute; top: 0px; left: 0px; } /*.elm-facilities .item .item-thumbnail .item-icon { max-width: 100%; display: inline-block; vertical-align: top; .borderbox; background: @theme-general-decColor; }*/ .elm-facilities .item .item-thumbnail .item-icon img { vertical-align: top; } .elm-facilities .item .item-title { margin: 0px; text-transform: uppercase; } .elm-facilities .item .item-desc { margin-top: 5px; } .elm-facilities .item .item-thumbnail { width: @iconWidth; margin-top: 4px; } .elm-facilities .item .item-data { margin-left: @iconSpace; } .elm-facilities .item.desc-off { margin-bottom: 20px; } .elm-facilities .item.desc-off .item-thumbnail { width: @iconWidthSmall; margin-top: 0px; } /*.elm-facilities .item.desc-off .item-data { margin-left: @iconSpaceSmall; }*/ .elm-facilities .item .item-thumbnail .item-icon { .border-radius(3px); opacity: 0.7; .transition(all 0.5s); } .elm-facilities .item:hover .item-thumbnail .item-icon { opacity: 1; } .elm-facilities .item .item-thumbnail .item-icon img { opacity: 0.7; .transition(all 0.5s);} .elm-facilities .item:hover .item-thumbnail .item-icon img { opacity: 1; } .elm-facilities .item .item-thumbnail .item-icon { position: relative; z-index: 5; } /*.elm-facilities .item .item-thumbnail:before { opacity: 1; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: rgba(0,0,0,0.0); .transition(none); .border-radius(100%); } .elm-facilities .item:hover .item-thumbnail:before { opacity: 0; .scale(1.4); background: rgba(0,0,0,0.20); .transition(all 0.5s); }*/ .elm-facilities .item { float: left; margin-right: @itemSpace; } .elm-facilities .item-first { clear: both; } .elm-facilities .item-last { margin-right: 0px; } .elm-facilities .column-1 .item { width: @item1full; margin-right: 0px; clear: both; } .elm-facilities .column-2 .item { width: @item2full; } .elm-facilities .column-3 .item { width: @item3full; } .elm-facilities .column-4 .item { width: @item4full; } .elm-facilities .column-5 .item { width: @item5full; } /* Customization for FACILITIES */ .elm-facilities .item { margin-bottom: 0; margin-right: 0; padding: 30px 40px; } .elm-facilities .column-2 .item:nth-child(4n+2), .elm-facilities .column-2 .item:nth-child(4n+3) { background: rgba(255, 255, 255, 0.2); } .elm-facilities .column-1 .item:nth-child(2n), .elm-facilities .column-3 .item:nth-child(2n) { background: rgba(255, 255, 255, 0.2); } .elm-facilities .item .item-thumbnail { top: 30px; left: 40px; } .elm-facilities .item .item-thumbnail .item-icon { position: relative; width: 60px; height: 34.64px; margin: 13px 0; background-color: #ffffff; border-color: #ffffff; text-align: center; .border-radius(0px); opacity: 1; } .elm-facilities .item .item-thumbnail .item-icon img { height: 35px; opacity: 1; } .elm-facilities .item .item-thumbnail .item-icon:before, .elm-facilities .item .item-thumbnail .item-icon:after { content: ""; position: absolute; left: 0; width: 0; border-left: 30px solid transparent !important; border-right: 30px solid transparent !important; } .elm-facilities .item .item-thumbnail .item-icon:before { bottom: 100%; border-bottom: 17.32px solid; border-color: inherit; } .elm-facilities .item .item-thumbnail .item-icon:after { top: 100%; width: 0; border-top: 17.32px solid; border-color: inherit; } .elm-facilities .item:hover .item-thumbnail .item-icon { .translate(0px, -5px); } .elm-facilities .item .item-title, .elm-facilities .item .item-desc { color: #ffffff; } .elm-facilities .item.desc-off { margin-bottom: 0; } .elm-facilities .item.desc-off .item-thumbnail { top: 23px; } .elm-facilities-main.elm-has-bg { padding-bottom: 0; } .elm-facilities .item.desc-off .item-thumbnail { top: 11px; } .elm-facilities .item:hover .item-thumbnail .item-icon { -webkit-animation: 1s ease fade-in-out 0s; animation: 1s ease fade-in-out 0s; } .elm-facilities .item:hover .item-thumbnail .item-icon img { -webkit-animation: 1s ease zoom-in-out 0s; animation: 1s ease zoom-in-out 0s; } @-webkit-keyframes fade-in-out { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes fade-in-out { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @-webkit-keyframes zoom-in-out { 0% { .scale(1); } 35% { .scale(0.9); } 75% { .scale(1.1); } 100% { .scale(1); } } @keyframes zoom-in-out { 0% { .scale(1); } 35% { .scale(0.9); } 75% { .scale(1.1); } 100% { .scale(1); } } /* end Customization for FACILITIES */ /* && end of FACILITIES */ /**************************************************/ /*** && HALF-DETAIL ***/ /**************************************************/ .detail-half-content { padding-bottom: 20px; } .detail-half-content:after { .clearfix; } .detail-half-content .detail-thumbnail { width: @grid2col1; float: left; margin-right: @columnMargin; } .detail-half-content .detail-thumbnail-wrap { margin-bottom: 20px; } .detail-half-content .detail-description { width: @grid2col1; float: left; } .detail-half-content .detail-thumbnail a.thumb-link { display: block; min-height: 250px; line-height: 250px; text-align: center; .box-shadow(0px 0px 0px 1px rgba(0,0,0,0.2) inset); } .detail-half-content .detail-thumbnail .entry-thumbnail-icon { vertical-align: middle !important; } .detail-half-content .detail-thumbnail img { vertical-align: top; margin: 0px; } .detail-half-content .detail-thumbnail iframe { vertical-align: top; } .detail-half-content .detail-thumbnail .detail-thumbnail-image a.thumb-link { .hvrIcon('zoom_image.png','.entry-thumbnail-icon'); } .detail-half-content .detail-thumbnail .detail-thumbnail-website a.thumb-link { .hvrIcon('zoom_website.png','.entry-thumbnail-icon'); } .detail-half-content .detail-thumbnail .detail-thumbnail-video { position: relative; .border-radius(3px); overflow: hidden; } .detail-half-content .detail-thumbnail .detail-thumbnail-video iframe { opacity: 0; .transition(opacity 0.5s);} .detail-half-content .detail-thumbnail .detail-thumbnail-video.video-loaded iframe { opacity: 1; } .detail-half-content .detail-thumbnail .detail-thumbnail-video.video-loaded .loading { display: none; } .detail-half-content .detail-thumbnail .elm-easy-slider-main .bx-viewport { .border-radius(0px); } .detail-half-content .detail-thumbnail .elm-easy-slider-main ul.easy-slider li a { .hvrIconFull('zoom_image.png','.easy-thumbnail'); } .detail-half-content .detail-thumbnail .elm-easy-slider-main ul.easy-slider li a .easy-thumbnail:before { background-color: transparent; } /* && end of HALF-DETAIL */ /**************************************************/ /*** && FAQ ***/ /**************************************************/ .elm-faq-main .faq-category { padding-bottom: 10px; } .elm-faq-main .one-faq { padding-top: 10px; } .elm-faq-main .one-faq:first-child { padding-top: 0px; } .elm-faq-main .faq-question .faq-q { display: inline-block; padding: 0px 10px; background: @theme-general-decColor; color: #FFFFFF; text-transform: uppercase; vertical-align: top; margin-right: 6px; } .elm-faq-main .faq-answer { padding: 10px 10px 0px 10px; background: lighten(@theme-general-linesColor, 10%); margin-bottom: 20px; position: relative; } .elm-faq-main .faq-answer:before { content: ""; border-style: solid; border-width: 0px 0px 10px 20px; border-color: transparent transparent lighten(@theme-general-linesColor, 10%) transparent; position: absolute; top: -10px; left: 0px; } .elm-faq-main .faq-answer:after { .clearfix; } /* .elm-has-bg .faq-answer { background: @boxOnBgLight; } .elm-has-bg .faq-answer:before { border-color: transparent transparent @boxOnBgLight transparent; } */ /* && end of FAQ */ /**************************************************/ /*** && TOGGLES ***/ /**************************************************/ .elm-toggles { margin-bottom: 20px; } /*** tabs ***/ @tgline = 1px; @vtabs = 30.0%; @contentColor = @theme-general-pageBgColor; .elm-toggles-main .ait-tabs { position: relative; } .elm-toggles-main .ait-tabs:after { .clearfix; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav { position: relative; z-index: 10; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li { position: relative; z-index: 10; border: @tgline solid @theme-general-linesColor; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li a { color: @theme-general-titColor; padding: 6px 15px 4px 15px; background: lighten(@theme-general-linesColor, 10%); } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li a:hover { color: @theme-general-titColor; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li.ui-state-active a { background: @contentColor; border-color: @contentColor; } .elm-toggles-main .ait-tabs .ait-widget-content { background: @contentColor; padding: 15px 15px 0px 15px; border: @tgline solid @theme-general-linesColor; position: relative; } .elm-toggles-main .ait-tabs .ait-widget-content:after { .clearfix; } .elm-toggles-main .ait-tabs-horizontal ul.ait-tabs-nav:after { content: ""; width: 100%; height: 1px; border-bottom: @tgline solid @theme-general-linesColor; position: absolute; bottom: 0px; left: 0px; } .elm-toggles-main .ait-tabs-horizontal ul.ait-tabs-nav li { margin-right: 3px; border-bottom-width: 0px;} .elm-toggles-main .ait-tabs-horizontal ul.ait-tabs-nav li a { padding-bottom: 2px; border-bottom: @tgline solid @theme-general-linesColor; } .elm-toggles-main .ait-tabs-horizontal .ait-widget-content { border-top-width: 0px; } .elm-toggles-main .ait-tabs-vertical { border-right: @tgline solid @theme-general-linesColor; padding-bottom: @tgline; } .elm-toggles-main .ait-tabs-vertical:before { content: ""; width: 100% - @vtabs; background: @contentColor; border-bottom: @tgline solid @theme-general-linesColor; position: absolute; top: 0px; bottom: 0px; right: 0px;} .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav { width: @vtabs; } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav:after { content: ""; width: 1px; border-right: @tgline solid @theme-general-linesColor; position: absolute; top: 0px; bottom: -@tgline; right: 0px; } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav li { margin-bottom: 3px; border-right-width: 0px;} .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav li a { border-right: @tgline solid @theme-general-linesColor; position: relative; } .elm-toggles-main .ait-tabs-vertical .ait-widget-content { width: 100% - @vtabs; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; background: none; padding-left: 20px; } .elm-toggles-main .ait-tabs-vertical .ait-widget-content:before { content: ""; width: 1px; border-left: @tgline solid @theme-general-linesColor; position: absolute; top: 0px; bottom: -@tgline; left: -@tgline; } .elm-toggles-main .ait-tabs-vertical li .ait-tab-hover { overflow: hidden; white-space: nowrap; opacity: 0; position: absolute; top: 0px; left: 0px; display: block; color: @theme-general-titColor; padding: 6px 15px 4px 15px; background: @theme-general-linesColor; .transition(all 0.5s); .borderbox; cursor: pointer; } .elm-toggles-main .ait-tabs-vertical li.ui-state-active .ait-tab-hover { background: @contentColor; } .elm-toggles-main .ait-tabs-vertical li:hover .ait-tab-hover { opacity: 1; min-width: 100%; } .elm-toggles-main .ui-state-hover, .elm-toggles-main .ui-state-focus { background: none; border: none; } /*** responsive tabs ***/ .elm-toggles-main .ait-tabs .tabs-wrapper { position: relative; } .elm-toggles-main .ait-tabs .tabs-wrapper .selected { color: @theme-general-titColor; padding: 6px 35px 4px 15px; background: lighten(@theme-general-linesColor, 10%); position: relative; z-index: 10; border: @tgline solid @theme-general-linesColor; margin-bottom: 3px; } .elm-toggles-main .ait-tabs .tabs-wrapper .selected:after { content: ""; border-width: 6px 5px 0px 5px; border-style: solid; border-color: @theme-general-linesColor transparent transparent transparent; position: absolute; top: 13px; right: 13px; } .elm-toggles-main .ait-tabs .tabs-wrapper:hover .selected { background: @contentColor; .transition(background 0.5s); } .elm-toggles-main .ait-tabs .tabs-wrapper:hover .selected:after { border-color: @theme-general-titColor transparent transparent transparent; } .elm-toggles-main .ait-tabs .tabs-wrapper .responsive-tabs { border: @tgline solid @theme-general-linesColor; background: @contentColor; position: absolute; left: 0px; top: auto; right: 0px; margin-top: -3px; } .elm-toggles-main .ait-tabs .tabs-wrapper .responsive-tabs li { border-width: 0px; margin-bottom: 1px; } .elm-toggles-main .ait-tabs .tabs-wrapper .responsive-tabs li:last-child { margin-bottom: 0px; } .elm-toggles-main .ait-tabs .tabs-wrapper .responsive-tabs .ait-tab-hover { display: none; } /*** toggles and accordions ***/ .elm-toggles-main .type-toggle { margin-bottom: 20px; } .elm-toggles-main .toggle-header { margin-top: 10px; position: relative; cursor: pointer; outline: none; border: none; } .elm-toggles-main .toggle-header:first-child { margin-top: 0px; } .elm-toggles-main .toggle-header .toggle-title { border: @tgline solid @theme-general-linesColor; padding: 6px 15px 4px 36px; background: lighten(@theme-general-linesColor, 10%); margin: 0px; position: relative; } .elm-toggles-main .toggle-header .ait-icon { display: block; width: 20px; height: 20px; .rounded; background: @theme-general-decColor; position: absolute; top: 7px; left: 7px; .transition(all 0.5s); z-index: 10; } .elm-toggles-main .toggle-header:hover .ait-icon { background: @theme-general-titColor; } .elm-toggles-main .toggle-header .ait-icon:before { content: ""; border-width: 6px 5px 0px 5px; border-style: solid; border-color: #ffffff transparent transparent transparent; position: absolute; top: 8px; left: 5px; } .elm-toggles-main .toggle-active .ait-icon, .elm-toggles-main .ui-state-active .ait-icon { background: @theme-general-titColor; } .elm-toggles-main .toggle-active .ait-icon:before, .elm-toggles-main .ui-state-active .ait-icon:before { border-width: 0px 5px 6px 5px; border-style: solid; border-color: transparent transparent #ffffff transparent; top: 6px; } .elm-toggles-main .type-toggle .toggle-content, .elm-toggles-main .type-accordion .toggle-content { padding-top: 3px; .borderbox; } .elm-toggles-main .type-toggle .toggle-content:after, .elm-toggles-main .type-accordion .toggle-content:after { .clearfix; } .elm-toggles-main .type-toggle .toggle-container, .elm-toggles-main .type-accordion .toggle-container { background: @contentColor; padding: 15px 15px 0px 15px; border: @tgline solid @theme-general-linesColor; } /*** local toggles ***/ .local-toggles { margin-bottom: 20px; } .local-toggles .toggle-header { border: none; background: none; .border-radius(0px); margin: 3px 0px 0px 0px; position: relative; } .local-toggles .toggle-header:first-child { margin-top: 0px; } .local-toggles .toggle-header h3.toggle-title { border-bottom: 1px solid @theme-general-linesColor; background: none; padding: 6px 15px 5px 30px; margin: 0px; text-transform: uppercase; } .local-toggles .toggle-header .ui-icon { display: block; background: @theme-general-decColor; width: 20px; height: 20px; .rounded; position: absolute; top: 6px; left: 0px; margin: 0px; } .local-toggles .toggle-header .ui-icon:before { content: ""; border-width: 4px 4px 0px 4px; border-style: solid; border-color: #ffffff transparent transparent transparent; position: absolute; top: 9px; left: 6px; } .local-toggles .ui-state-active .ui-icon { background: @theme-general-titColor; } .local-toggles .ui-state-active .ui-icon:before { border-width: 0px 4px 4px 4px; border-style: solid; border-color: transparent transparent #ffffff transparent; top: 7px; } .local-toggles .toggle-content { padding: 3px 0px 0px 0px; .borderbox; border: none; background: none; .border-radius(0px); margin: 0px; top: 0px; } .local-toggles .toggle-content:after { .clearfix; } .local-toggles .toggle-content .toggle-container { color: @theme-general-txtColor; background: none; padding: 10px 0px 10px 0px; border: none; } .local-toggles .toggle-content a { color: @theme-general-lnkColor; text-decoration: none; } .local-toggles .toggle-content a:hover { color: @theme-general-hvrColor; text-decoration: none; } /* Customization for TOGGLES */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; color: #ffffff; border: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; } /*** tabs ***/ .elm-toggles-main .ait-tabs ul.ait-tabs-nav { background: lighten(@theme-general-themeColor, 23%); } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li { border: none; overflow: hidden; vertical-align: top; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li a { background: none; padding: 14px 20px; color: #ffffff; text-transform: uppercase; border: none; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li a:hover { color: #ffffff; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li a:before { background: @theme-header-menuHover; content: ""; width: 100%; height: 100%; position: absolute; top: 100%; left: 0; z-index: -1; .transition(top 0.5s); } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li a:hover:before { top: 0; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li.ui-state-active a { background: none; } .elm-toggles-main .ait-tabs ul.ait-tabs-nav li.ui-state-active a:before { top: 0; } /*** horizontal tabs ***/ .elm-toggles-main .ait-tabs-horizontal .ait-widget-content { background: darken(@theme-general-pageBgColor, 3%); padding: 20px 15px 5px; border: none; } .elm-toggles-main .ait-tabs-horizontal ul.ait-tabs-nav:after { border: none; } .elm-toggles-main .ait-tabs-horizontal ul.ait-tabs-nav li { margin-right: 0; border: none; border-right: 1px solid rgba(255, 255, 255, 0.5); } .elm-toggles-main .ait-tabs-horizontal ul.ait-tabs-nav li a { padding-bottom: 14px; } .layout-narrow { .elm-toggles.ait-tabs-horizontal { margin: 0 -40px; } .elm-toggles-main .ait-tabs-horizontal ul.ait-tabs-nav li:first-child a { padding-left: 40px; } .elm-toggles-main .ait-tabs-horizontal .ait-widget-content { padding: 20px 40px 5px; } .column { .elm-toggles.ait-tabs-horizontal { margin: 0; } .elm-toggles-main .ait-tabs-horizontal ul.ait-tabs-nav li:first-child a { padding: 14px 20px; } .elm-toggles-main .ait-tabs-horizontal .ait-widget-content { padding: 20px 20px 5px; } } } /*** vertical tabs ***/ .elm-toggles-main .ait-tabs-vertical { background: darken(@theme-general-pageBgColor, 5%); padding-bottom: 0; border-color: rgba(0, 0, 0, 0.02); } .elm-toggles-main .ait-tabs-vertical:before { background: darken(@theme-general-pageBgColor, 3%); border-color: rgba(0, 0, 0, 0.02); } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav:after { border: none; } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav li { margin-bottom: 0; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.5); } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav li:last-child { border-bottom: none; } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav li a:before { background: none; } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav li.ui-state-active a { background: @theme-header-menuHover; } .elm-toggles-main .ait-tabs-vertical li .ait-tab-hover { background: @theme-header-menuHover; padding: 14px 20px; color: #ffffff; text-transform: uppercase; } .elm-toggles-main .ait-tabs-vertical li.ui-state-active .ait-tab-hover { background: @theme-header-menuHover; } .elm-toggles-main .ait-tabs-vertical .ait-widget-content { background: none; padding: 15px 20px; border-color: rgba(0, 0, 0, 0.02); } .elm-toggles-main .ait-tabs-vertical .ait-widget-content:before { border: none !important; } .layout-narrow { .elm-toggles-main .ait-tabs-vertical { margin: 0 -40px; } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav li a, .elm-toggles-main .ait-tabs-vertical li .ait-tab-hover { padding: 14px 20px 14px 40px; } .elm-toggles-main .ait-tabs-vertical .ait-widget-content { padding: 20px 40px 0 30px; } .column { .elm-toggles-main .ait-tabs-vertical { margin: 0; } .elm-toggles-main .ait-tabs-vertical ul.ait-tabs-nav li a, .elm-toggles-main .ait-tabs-vertical li .ait-tab-hover { padding: 14px 20px; } .elm-toggles-main .ait-tabs-vertical .ait-widget-content { padding: 20px 30px 0 30px; } } } /*** responsive tabs ***/ .elm-toggles-main .ait-tabs .tabs-wrapper .selected { background: lighten(@theme-general-themeColor, 23%); padding: 15px 20px; color: #ffffff; text-transform: uppercase; border: none; } .elm-toggles-main .ait-tabs .tabs-wrapper .selected:after { content: "\f078"; position: absolute; right: 15px; top: 15px; font-family: @fancyFontIcons; border: none; } .elm-toggles-main .ait-tabs .tabs-wrapper:hover .selected { background: lighten(@theme-general-themeColor, 15%); } .elm-toggles-main .ait-tabs .tabs-wrapper:hover .selected:after { content: "\f077"; } .elm-toggles-main .ait-tabs .tabs-wrapper .responsive-tabs { border: none; border-top: 1px solid rgba(255, 255, 255, 0.5); } .elm-toggles-main .ait-tabs .tabs-wrapper .responsive-tabs li { background: lighten(@theme-general-themeColor, 23%); } .elm-toggles-main .ait-tabs .tabs-wrapper .responsive-tabs li a { padding-left: 20px !important; } .elm-toggles-main .ait-tabs .responsive-tabs ~ .ait-widget-content { background: darken(@theme-general-pageBgColor, 3%); border: none; } /*** toggles and accordions ***/ .elm-toggles-main .toggle-header { background: none; margin-top: 6px; } .elm-toggles-main .toggle-header:first-child { margin-top: 0px; } .elm-toggles-main .toggle-header .toggle-title { background: none; padding: 7px 15px 13px 36px; color: @theme-general-themeColor; border: none; border-bottom: 1px solid @theme-general-linesColor; } .elm-toggles-main .toggle-header:hover .toggle-title, .elm-toggles-main .toggle-active .toggle-title, .elm-toggles-main .ui-state-active .toggle-title { color: @theme-general-decColor; } .elm-toggles-main .toggle-header .ait-icon:before { top: 1px; content: "\f078"; border: none; } .elm-toggles-main .toggle-header .ait-icon { background: none; top: 4px; font-family: @fancyFontIcons; color: @theme-general-decColor; .transition(none); } .elm-toggles-main .toggle-header:hover .ait-icon { background: none; } .elm-toggles-main .toggle-active .ait-icon, .elm-toggles-main .ui-state-active .ait-icon { background: none; } .elm-toggles-main .toggle-active .ait-icon:before, .elm-toggles-main .ui-state-active .ait-icon:before { top: 1px; content: "\f077"; border: none; } .elm-toggles-main .type-toggle .toggle-container, .elm-toggles-main .type-accordion .toggle-container { background: none; padding: 10px 10px 0; border: none; } .elm-toggles-main .toggle-container.entry-content p { margin-bottom: 10px; } /*** local toggles ***/ .local-toggles .ui-state-active .toggle-title { color: @theme-general-decColor; } .local-toggles .toggle-header .ui-icon { background: none; top: 4px; font-family: @fancyFontIcons; color: @theme-general-decColor; text-indent: 0; .transition(none); } .local-toggles .toggle-header .ui-icon:before { top: 1px; content: "\f078"; border: none; } .local-toggles .ui-state-active .ui-icon { background: none; } .local-toggles .ui-state-active .ui-icon:before { top: 1px; content: "\f077"; border: none; } /* end Customization for TOGGLES */ /* && end of TOGGLES */ /**************************************************/ /*** && PRICE-TABLE ***/ /**************************************************/ .elm-price-table { margin-bottom: 20px; } @featuredOffset = 10px; /* vertical offset of featured item - for horizontal layout only */ @cellPaddingV = 10px; /* vertical padding of table cells */ @cellSpace = 10px; /* space between table items */ @cornersRad = 5px; /* corner radius of table items */ .elm-price-table-main .layout-horizontal { } .elm-price-table-main .layout-horizontal .ptable-container { } .elm-price-table-main .layout-horizontal .ptable-item { text-align: center; padding-top: @featuredOffset; padding-right: @cellSpace; } .elm-price-table-main .layout-horizontal .ptable-item:last-child { padding-right: 0px; } .elm-price-table-main .layout-horizontal .table-featured { padding-top: 0px; } .elm-price-table-main .layout-vertical .ptable-item { text-align: center; margin-bottom: @cellSpace; } .elm-price-table-main .layout-vertical .ptable-item:last-child { margin-bottom: 0px; } .elm-price-table-main .layout-vertical .table-header { width: 25%; } .elm-price-table-main .layout-vertical .table-body { width: 60%; } .elm-price-table-main .layout-vertical .table-footer { width: 15%; } .elm-price-table .table-header { background: @theme-general-titColor; color: #ffffff; .border-radius(@cornersRad @cornersRad 0px 0px); .borderbox; } .elm-price-table .table-header h3 { padding: 14px @cellPaddingV 6px @cellPaddingV; color: #ffffff; margin-bottom: 14px; position: relative; } .elm-price-table .table-header h3:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: lighten(@theme-general-titColor, 5%);} .elm-price-table .table-header h3 .ptab-title { position: relative; z-index: 10; } .elm-price-table .table-header .table-description { padding: 0px @cellPaddingV 0px @cellPaddingV; } .elm-price-table .table-header .table-price { padding: 10px @cellPaddingV 10px @cellPaddingV; } .elm-price-table .table-footer { padding: 10px @cellPaddingV 10px @cellPaddingV; background: darken(@theme-general-linesColor, 0%); .borderbox; } .elm-price-table .table-body { padding: 10px @cellPaddingV 10px @cellPaddingV; background: lighten(@theme-general-linesColor, 5%); .borderbox; } .elm-price-table .table-body .table-row { border-bottom: 1px solid #ffffff; .box-shadow(0px -1px 0px rgba(0,0,0,0.07) inset); padding: 3px 0px; } .elm-price-table .table-body .table-row:last-child { border-bottom: 0px; .box-shadow(none); } .elm-price-table .table-button { display: table; border-spacing: 0px; margin: auto; } .elm-price-table .table-button .table-button-wrap { display: table-row;} .elm-price-table .table-button a { display: table-cell; vertical-align: middle; color: #ffffff; background: @theme-general-decColor; padding: 5px 20px; text-align: center; .border-radius(20px); } .elm-price-table.layout-vertical .table-button { width: 80px; height: 80px; } .elm-price-table.layout-vertical .table-button a { padding: 10px; .rounded; } /*** featured item ***/ .elm-price-table .ptable-item.table-featured .table-header { background: darken(@theme-general-lnkColor, 10%) !important;} .elm-price-table .ptable-item.table-featured .table-header h3:before { background: darken(@theme-general-lnkColor, 5%) !important;} .elm-price-table.layout-horizontal .table-featured .table-header { padding-top: @featuredOffset; } .elm-price-table.layout-horizontal .table-featured .table-header h3:before { top: -@featuredOffset; } .elm-price-table.layout-horizontal .table-featured .table-footer { padding-top: 10px + (@featuredOffset / 2); padding-bottom: 10px + (@featuredOffset / 2); } /*** Corners Radius and Shadows ***/ .elm-price-table-main .layout-horizontal .ptable-item-wrap { .border-radius(@cornersRad); .boxshadow1; } .elm-price-table-main .layout-horizontal .table-header { .border-radius(@cornersRad @cornersRad 0px 0px); } .elm-price-table-main .layout-horizontal .table-header h3:before { .border-radius(@cornersRad @cornersRad 0px 0px); } .elm-price-table-main .layout-horizontal .table-footer { .border-radius(0px 0px @cornersRad @cornersRad); } .elm-price-table-main .layout-vertical .ptable-item { .border-radius(@cornersRad); .boxshadow1; } .elm-price-table-main .layout-vertical .table-header { .border-radius(@cornersRad 0px 0px @cornersRad); } .elm-price-table-main .layout-vertical .table-header h3:before { .border-radius(@cornersRad 0px 0px 0px); } .elm-price-table-main .layout-vertical .table-footer { .border-radius(0px @cornersRad @cornersRad 0px); } .elm-has-bg .elm-price-table .table-body { background: @boxOnBgLight; } .elm-has-bg .elm-price-table .table-footer { background: darken(@boxOnBgLight, 7%); } /* && end of PRICE-TABLE */ /**************************************************/ /*** && OPENING-HOURS ***/ /**************************************************/ .elm-opening-hours-main .elm-opening-hours { margin-bottom: 20px; } .elm-opening-hours-main .day-container { display: table; width: 100%; border-spacing: 1px; background: @theme-general-linesColor; padding: 2px; .borderbox; } .elm-opening-hours-main .day-wrapper { display: table-row; } .elm-opening-hours-main .day-title, .elm-opening-hours-main .day-data { display: table-cell; padding: 4px 12px; vertical-align: top; .borderbox; } .elm-opening-hours-main .day-title { background: lighten(@theme-general-linesColor, 10%); width: 20%; } .elm-opening-hours-main .day-title h5 { margin: 0px; } .elm-opening-hours-main .day-data { background: @theme-general-pageBgColor; } .elm-opening-hours-main .day-data p { margin: 0px; } .elm-opening-hours-main .day-sat .day-title, .elm-opening-hours-main .day-sun .day-title { background-color: lighten(@theme-general-linesColor, 5%); } .elm-opening-hours-main .day-sat .day-data, .elm-opening-hours-main .day-sun .day-data { background-color: lighten(@theme-general-linesColor, 10%); } .elm-opening-hours-main .day-free .day-title, .elm-opening-hours-main .day-free .day-data { background-image: url('@{img-url}/patterns/jeans.png'); } .elm-opening-hours-main .hours-note { margin-top: 20px; border: 3px solid @theme-general-linesColor; padding: 10px 12px; background: @theme-general-pageBgColor; background-clip: padding-box; } .elm-has-bg .elm-opening-hours .day-container { background: @boxOnBgDark; } .elm-has-bg .elm-opening-hours .hours-note { border-color: @boxOnBgDark; } /* && end of OPENING-HOURS */ /**************************************************/ /*** && COUNTDOWN ***/ /**************************************************/ @clockSpace = 20px; /* change the max-width of .clock-item, too */ .elm-countdown-main .clock-container { } .elm-countdown-main .clock-item { padding: 0px @clockSpace/2; margin: 0px 0px @clockSpace 0px; .borderbox; } .elm-countdown-main .clock-icon { } .elm-countdown-main .clock-icon canvas { } .elm-countdown-main .clock-data { position: absolute; top: 50%; left: 0px; right: 0px; margin-top: -20px; padding: 0px 36px; } .elm-countdown-main .clock-data .clock-value { line-height: 26px; font-size: 22px; color: @theme-general-titColor; } .elm-countdown-main .clock-data .clock-text { line-height: 14px; font-size: 11px; } .elm-countdown-main .clock-done { } /* && end of COUNTDOWN */ /**************************************************/ /*** && COUNTERS ***/ /**************************************************/ @counterSpace = 20px; .elm-counters-main .elm-counters { text-align: center; } .elm-counters-main .counter { display: inline-block; padding: 0px @counterSpace/2; margin: 0px 0px @counterSpace 0px; .borderbox; text-align: center; vertical-align: top; max-width: 100%; } .elm-counters-main .counter-display { display: inline-block; vertical-align: top; position: relative; } .elm-counters-main canvas { width: 100%; vertical-align: top; } .elm-counters-main .counter-title { color: @theme-general-titColor; font-size: 22px; position: absolute; top: 50%; left: 0px; right: 0px; margin-top: -25px; line-height: 50px; } .elm-counters-main .counter-description { text-align: center; margin-top: 10px; max-width: 100%; } .elm-counters-main .counter-type-line .counter { display: block; padding: 0px; } .elm-counters-main .counter-type-line .counter-title { top: 0px; margin: 0; } .elm-counters-main .counter-type-line .counter-title { color: #ffffff; } .elm-counters-main .counter-type-textbox .counter-display { border: 2px solid @theme-general-linesColor; .border-radius(5px); padding: 10px 15px; .borderbox; max-width: 100%; } .elm-counters-main .counter-type-textbox .type-text { display: inline-block; color: @theme-general-decColor; } .elm-counters-main .counter-type-textbox .counter-title { display: inline-block; color: @theme-general-decColor; position: static; margin: 0px; } /* && end of COUNTERS */ /**************************************************/ /*** && TWITTER ***/ /**************************************************/ @twiconSize = 48px; .elm-twitter-main ul.twitter { } .elm-twitter-main ul.twitter li { position: relative; min-height: @twiconSize; margin-bottom: 20px; padding-left: 68px; } .elm-twitter-main ul.twitter li .twicon { position: absolute; top: 0px; left: 0px; width: @twiconSize; height: @twiconSize; } .elm-twitter-main ul.twitter li .twitter-text { padding: 6px 10px; background: lighten(@theme-general-linesColor, 10%); .border-radius(5px); position: relative; } .elm-twitter-main ul.twitter li .twitter-text:before { content: ""; border-width: 10px 8px 10px 0px; border-style: solid; border-color: transparent lighten(@theme-general-linesColor, 10%) transparent transparent; position: absolute; top: 5px; left: -8px; } .elm-twitter-main ul.twitter li .twitter-message { } .elm-twitter-main ul.twitter li .twitter-timestamp { margin-top: 10px; } .elm-has-bg .elm-twitter ul.twitter li .twitter-text { background: @boxOnBgLight; } .elm-has-bg .elm-twitter ul.twitter li .twitter-text:before { border-color: transparent @boxOnBgLight transparent transparent; } /* && end of TWITTER */ /**************************************************/ /*** && MEMBER ***/ /**************************************************/ @memberPhotoWidth = @grid4col1; @memberPhotoOffset = @columnMargin; .elm-member-main .member-container { margin-bottom: 20px; } .elm-member-main .member-container:after { .clearfix; } .elm-member-main .photo-wrap { width: @memberPhotoWidth; margin-right: @memberPhotoOffset; float: left; } .elm-member-main .photo-wrap img { width: 100%; vertical-align: top; } .elm-member-main .desc-wrap { width: 100% - @memberPhotoWidth - @memberPhotoOffset; float: left; } .elm-member-main .noimage .desc-wrap { width: 100%; float: none; } .elm-member-main .member-title { margin-bottom: 20px; } .elm-member-main .member-title h3 { margin-bottom: 0px; } .elm-member-main .member-title .member-position { color: @theme-general-decColor; } .elm-member-main .member-title .member-position-title { color: @theme-general-titColor; } .elm-member-main ul.member-icons { padding-top: 20px; } /* && end of MEMBER */ /**************************************************/ /*** && GOOGLE-MAP ***/ /**************************************************/ .elm-google-map { margin-bottom: 20px; } .elm-google-map .gmap-infowindow-content { max-width: 250px; } .elm-google-map .gmap-infowindow-content h3 { font-size: 14px; line-height: 22px; margin-bottom: 5px; } .elm-google-map .gmap-infowindow-content p { font-size: 11px; line-height: 16px; margin: 0px; color: @theme-general-txtColor; } .elm-google-map .gmap-infowindow-content img { display: block; max-width: 100%; margin: 10px 0px; } .elm-google-map .draggable-toggle-button { cursor: pointer; background-color: #fff; z-index: 1000; position: absolute; bottom: 20px; right: 10px; padding: 10px; } /* && end of GOOGLE-MAP */ /**************************************************/ /*** && FACEBOOK ***/ /**************************************************/ .elm-facebook { margin-bottom: 20px; } /* && end of FACEBOOK */ /**************************************************/ /*** && VIDEO ***/ /**************************************************/ .elm-video { margin-bottom: 20px; text-align: center; } /* && end of VIDEO */ /**************************************************/ /*** && SOUNDCLOUD ***/ /**************************************************/ .elm-soundcloud { margin-bottom: 20px; } .elm-soundcloud iframe { border: none; overflow: hidden; width: 100%} /* && end of SOUNDCLOUD */ /**************************************************/ /*** && MIXCLOUD ***/ /**************************************************/ .elm-mixcloud { margin-bottom: 20px; } .elm-mixcloud iframe { border: none; overflow: hidden; width: 100%} /* && end of MIXCLOUD */ /**************************************************/ /*** && PARTNERS ***/ /**************************************************/ .elm-partners-container { overflow: hidden; } .elm-partners-main ul.partners { margin: 0px -20px 0px -20px; } .elm-partners-main ul.partners li { margin: 0px 20px 20px 20px; } /*** fade effect ***/ .elm-partners-main ul.partners:hover li a { opacity: 0.5; } .elm-partners-main ul.partners:hover li:hover a { opacity: 1; } /* && end of PARTNERS */ /**************************************************/ /*** && ADVERTISING ***/ /**************************************************/ .elm-advertising-spaces-main .elm-advertising-spaces { position: relative; } .elm-advertising-spaces-main .adSpace-item { } .elm-advertising-spaces-main .adSpace-item:after { .clearfix; } .elm-advertising-spaces-main .adSpace-item.nocontent { } .elm-advertising-spaces-main .adSpace-item img.ads-image { display: block; margin: 0px auto 20px auto; } /* && end of ADVERTISING */ /**************************************************/ /*** && SITEMAP ***/ /**************************************************/ @sitemapOffset = 30px; .elm-sitemap-main .elm-sitemap { margin-bottom: 20px; } .elm-sitemap-main .elm-sitemap ul { list-style-type: none; } .elm-sitemap-main .elm-sitemap li { padding: 0px 0px 0px @sitemapOffset; position: relative; } .elm-sitemap-main .elm-sitemap li > a { display: inline-block; padding: 5px 0px; position: relative; } .elm-sitemap-main .elm-sitemap li > a:before { content: ""; display: block; width: 20px; height: 20px; .rounded; background: url('@{img-url}/lists.png') -140px 0px no-repeat darken(@theme-general-linesColor, 5%); position: absolute; top: 5px; left: -@sitemapOffset; } .elm-sitemap-main .elm-sitemap li > a:hover:before { background-color: darken(@theme-general-linesColor, 20%); } .elm-sitemap-main .elm-sitemap li.page_item > a:before { background-position: -120px 0px; } /*** lines ***/ .elm-sitemap-main .elm-sitemap li ul { position: relative; } .elm-sitemap-main .elm-sitemap li ul:before { content: ""; display: block; position: absolute; top: 0; bottom: 15px; left: -21px; border-left: 1px solid lighten(@theme-general-linesColor, 0%); } .elm-sitemap-main .elm-sitemap li li:before { content: ""; display: block; width: 10px; height: 14px; position: absolute; left: -20px; top: 0px; border-bottom: 1px solid lighten(@theme-general-linesColor, 0%);} /*** Has BG-COLOR ***/ .elm-has-bg .elm-sitemap li > a:before { background-color: @boxOnBgDark; } .elm-has-bg .elm-sitemap li > a:hover:before { background-color: darken(@boxOnBgDark, 100%); } .elm-has-bg .elm-sitemap li ul:before, .elm-has-bg .elm-sitemap li li:before { border-color: @theme-general-pageBgColor; } /* Customization for SITEMAP */ .elm-sitemap-main .elm-sitemap li > a:before { background: url('@{img-url}/lists.png') -140px 0px no-repeat rgba(0, 0, 0, 0.2); } .elm-has-bg .elm-sitemap li > a:before { background-color: rgba(0, 0, 0, 0.2); } .elm-has-bg .elm-sitemap li > a:hover:before { background-color: rgba(0, 0, 0, 0.3); } /* end Customization for SITEMAP */ /* && end of SITEMAP */ /**************************************************/ /*** && RULE ***/ /**************************************************/ .elm-rule-main { padding-bottom: 60px; } .elements-sidebar-wrap .elm-rule-main { padding-bottom: 40px; } .elm-rule-main .elm-rule-wrapper { max-width: 100%; padding-left: 0px; padding-right: 0px; } .elm-rule-main .rule-fullsize .grid-main { max-width: 100%; padding-left: 0px; padding-right: 0px; } .elm-rule-main .rule-content { position: relative; } .elm-rule-main .rule-wrap { position: absolute; top: 0px; left: 0px; right: 0px; text-align: right; } .elm-rule-main .rule-separator { width: 100%; } /*.elm-rule-main .rule-btn-top { display: inline-block; padding: 0px 15px 2px 15px; background: lighten(@theme-general-linesColor, 5%); cursor: pointer; text-align: center; vertical-align: top; position: relative; z-index: 10; } */ .elm-rule-main .rule-line .rule-separator { border-top: 1px solid @theme-general-linesColor; } .elm-rule-main .rule-boldline .rule-separator { border-top: 2px solid @theme-general-linesColor; } .elm-rule-main .rule-dashed .rule-separator { background: url('@{imgUrl}/dashes.png') top left lighten(@theme-general-linesColor, 5%); position: absolute; top: 0px; left: 0px; height: 5px; } /*.elm-rule-main .rule-dashed .rule-btn-top { padding-top: 1px; }*/ .elm-rule-main .rule-shadow .rule-separator { background: url('@{imgUrl}/shadow.png') top center no-repeat; background-size: 100% 10px; position: absolute; top: 0px; left: 0px; height: 10px; } /*.elm-rule-main .rule-shadow .rule-btn-top { background: @theme-general-pageBgColor; top: -2px; padding-bottom: 4px; .border-radius(0px 0px 0px 3px); .border-box; .box-shadow(-1px 3px 3px rgba(0,0,0,0.2)); } */ /* Customization for RULE */ .elm-rule-main { position: relative; z-index: 1; } .elm-rule-main .rule-wrap { text-align: center; } .elm-rule-main .rule-btn-top { font-size: 0; text-indent: -9999; } .elm-rule-main .rule-btn-top:before { background: @theme-general-pageBgColor; border: 5px solid lighten(@theme-general-linesColor, 5%); content: ""; position: absolute; width: 29px; height: 29px; border-radius: 100%; top: -18px; margin-left: -18px; cursor: pointer; } .elm-rule-main .rule-btn-top:after { content: ""; font-family: @fancyFontIcons; color: @theme-general-themeColor; display: inline-block; font-size: 16px; line-height: 20px; width: 21px; height: 21px; position: absolute; top: -10px; margin-left: -8px; cursor: pointer; } .elm-rule-main .rule-btn-top:hover:after { color: @theme-general-decColor; } /* end Customization for RULE */ /* && end of RULE */ /**************************************************/ /*** && CONTACT-FORM ***/ /**************************************************/ .elm-contact-form-main { } .elm-contact-form-main .elm-contact-form { } @halfSpace = @columnMargin; /* half column space size [%] */ @labelSize = 110px; /* input label width [px] */ @inputBorder = 1px; /* input-row : border size [px] */ @inputRadius = 5px; /* input-row : border radius [px] */ /*** basic layout ***/ .elm-contact-form-main form { } .elm-contact-form-main form .form-container { } .elm-contact-form-main form .form-container:after { .clearfix; } .elm-contact-form-main form p { } .elm-contact-form-main form p .input-row { display: block; .borderbox; .border-radius(@inputRadius); position: relative; } .elm-contact-form-main form p .input-row:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: @inputBorder solid #000000; .border-radius(@inputRadius); } .elm-contact-form-main form p .input-row:after { .clearfix; } .elm-contact-form-main form p.full-size, .elm-contact-form-main form p.half-size { .borderbox; clear: both; float: none; } .elm-contact-form-main form p.full-size { width: 100%; } .elm-contact-form-main form p.half-size { width: auto; } .elm-contact-form-main form p.half-size-fl { width: (100% - @halfSpace) / 2; .borderbox; float: left; margin-right: @halfSpace; } .elm-contact-form-main form p.half-size-fl:nth-child(2n) { margin-right: 0px; } .elm-contact-form-main form p.half-size .input-row { width: (100% - @halfSpace) / 2; .borderbox; } .elm-contact-form-main form .halfrow:after { .clearfix; } .elm-contact-form-main form p .input-row label { cursor: pointer; } .elm-contact-form-main form p .input-row .label { display: block; } .elm-contact-form-main form p .input-row .input-label { width: @labelSize; display: block; .borderbox; position: relative; z-index: 10; } .elm-contact-form-main form p .input-row .input-wrap { width: -webkit-calc(~"100% -" @labelSize); width: calc(~"100% -" @labelSize); display: block; .borderbox; position: relative; z-index: 10; } .elm-contact-form-main form p .input-row .submit-wrap { position: relative; z-index: 10; } .elm-contact-form-main form p.nolabel .input-row .input-wrap { width: 100%; float: none; } /*** design ***/ .elm-contact-form-main form p { margin-bottom: 20px; } .elm-contact-form-main form p .input-row { background: lighten(@theme-general-linesColor, 10%); padding: 8px 8px 8px 8px; } .elm-contact-form-main form p .input-row:before { border-color: @theme-general-linesColor; } .elm-contact-form-main form p .input-row .input-label { float: left; padding: 0px 8px 0px 0px; } .elm-contact-form-main form p .input-row .input-label .label { background: lighten(@theme-general-linesColor, 0%); color: @theme-general-titColor; padding: 8px 8px 8px 8px; .border-radius(2px); text-overflow: ellipsis; overflow: hidden; } .elm-contact-form-main form p .input-row .input-wrap { background: lighten(@theme-general-linesColor, 5%); float: right; padding: 5px 5px 5px 5px; .border-radius(2px); } .elm-contact-form-main form input { vertical-align: top; } .elm-contact-form-main form input[type="text"], .elm-contact-form-main form input[type="email"], .elm-contact-form-main form input[type="url"], .elm-contact-form-main form input[type="date"], .elm-contact-form-main form select { vertical-align: top; width: 100%; .borderbox; border: 1px solid @theme-general-linesColor; max-width: 100%; padding: 4px; height: 26px; } .elm-contact-form-main form textarea { vertical-align: top; width: 100%; .borderbox; border: 1px solid @theme-general-linesColor; max-width: 100%; padding: 4px; height: 100px; min-width: 100%; } .elm-contact-form-main form .input-chbox-horizontal label, .elm-contact-form-main form .input-rbutt-horizontal label { display: inline-block; padding: 3px 8px 3px 0px; } .elm-contact-form-main form .input-chbox-vertical label, .elm-contact-form-main form .input-rbutt-vertical label { display: block; padding: 3px 0px; } .elm-contact-form-main form .input-chbox-horizontal input, .elm-contact-form-main form .input-chbox-vertical input, .elm-contact-form-main form .input-rbutt-horizontal input, .elm-contact-form-main form .input-rbutt-vertical input { margin-right: 5px; } .elm-contact-form-main form .input-select { position: relative; z-index: 20; } .elm-contact-form-main form .input-captcha img { vertical-align: top; border: 1px solid @theme-general-linesColor; } .elm-contact-form-main form .input-captcha input { width: 20%; margin-right: 10px; } .elm-contact-form-main form .input-captcha .captcha-text { display: inline-block; vertical-align: top; padding: 3px 0px 3px 0px; } .elm-contact-form-main form .input-submit .submit-wrap { display: block; text-align: center; padding: 10px; } .elm-contact-form-main form .input-submit .submit-wrap input { margin-left: 5px; margin-right: 5px; } .elm-contact-form-main .loading { text-align: center; position: relative; } .elm-contact-form-main .loading .ait-preloader { margin-bottom: 20px; position: relative; margin: 0px 0px 20px 0px; left: 0px; top: 0px; } /* Has BG-COLOR */ .elm-has-bg .elm-contact-form form p .input-row { background: @boxOnBgLight; } .elm-has-bg .elm-contact-form form p .input-row:before { border-color: @boxOnBgDark; } .elm-has-bg .elm-contact-form form p .input-row .input-label .label { background: lighten(@boxOnBgDark, 5%); } .elm-has-bg .elm-contact-form form p .input-row .input-wrap { background: lighten(@boxOnBgDark, 30%); } /* required items */ .elm-contact-form, .elm-has-bg .elm-contact-form { form p.mark-required .input-row .input-label .label { color: #ff0000; } form p.input-warning .input-row .input-wrap { background: lighten(#ff0000, 40%);} form p.input-warning input[type="text"], form p.input-warning input[type="email"], form p.input-warning input[type="url"], form p.input-warning input[type="date"], form p.input-warning textarea, form p.input-warning select, form p.input-warning .sbHolder, form p.input-captcha.input-warning img { border: 1px solid #ff0000; } } /* narrow columns */ .column-narrow .elm-contact-form-main form p .input-row .input-label { padding: 0px 0px 8px 0px; float: none; width: 100%; } .column-narrow .elm-contact-form-main form p .input-row .input-wrap { float: none; width: 100%; } /* Customization for CONTACT FORM */ .elm-contact-form-main form p .input-row { background: none; padding: 0; } .elm-contact-form-main form p .input-row:before { border: none; } .elm-contact-form-main form p .input-row .input-label { padding: 0; } .elm-contact-form-main form p .input-row .input-label .label { background: @theme-general-themeColor; padding: 10px 15px; color: #ffffff; line-height: normal; text-transform: uppercase; .border-radius(0); } .elm-contact-form-main form p .input-row .input-wrap { background: lighten(@theme-general-themeColor, 30%); padding: 5px 10px; .border-radius(0); } .elm-contact-form-main form input[type="text"], .elm-contact-form-main form input[type="email"], .elm-contact-form-main form input[type="url"], .elm-contact-form-main form input[type="date"], .elm-contact-form-main form select { background: rgba(255, 255, 255, 0.6); height: 30px; .border-radius(4px); } .elm-contact-form-main form p.input-textarea .input-label { display: none !important; } .elm-contact-form-main form p.input-textarea .input-row .input-wrap { width: 100%; } .elm-contact-form-main form textarea { background: rgba(255, 255, 255, 0.6); .border-radius(4px); } .elm-contact-form-main form .input-chbox-horizontal label, .elm-contact-form-main form .input-rbutt-horizontal label { padding: 3px 8px 2px 0; } .elm-contact-form-main form .input-chbox-vertical label, .elm-contact-form-main form .input-rbutt-vertical label { padding: 3px 0 2px; } .elm-contact-form-main form input { vertical-align: text-top; } .elm-contact-form-main form .input-captcha img { background: #ffffff; margin-right: 5px; padding: 2px; .border-radius(4px); } .elm-contact-form, .elm-has-bg .elm-contact-form { form p.mark-required .input-row .input-label .label { background: @theme-general-decColor; color: #ffffff; } form p.mark-required .input-row .input-label .label:after { content: " \f005"; font-family: @fancyFontIcons; position: relative; top: -1px; margin-left: 4px; font-size: 10px; } } .sbHolder { background: rgba(255, 255, 255, 0.6); height: 30px; .border-radius(4px); } .sbHolder .sbToggle { height: 31px; } .sbHolder .sbToggle:before { content: "\f078"; top: 3px; left: auto; right: 7px; font-family: @fancyFontIcons; font-size: 13px; color: @theme-general-themeColor; border: none; } .sbHolder .sbToggleOpen:before { content: "\f077"; } .sbHolder .sbSelector { padding: 3px 5px; } .sbHolder a:link, .sbHolder a:visited, .sbHolder a:hover { color: @theme-general-txtColor; } .sbHolder .sbOptions { background: lighten(@theme-general-themeColor, 37%); margin-top: 3px; .box-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } .sbHolder .sbOptions li a { border-bottom: 1px solid @theme-general-linesColor; } .sbHolder .sbOptions li a:hover { background: @theme-general-themeColor; color: #ffffff; } /* Has BG-COLOR */ .elm-has-bg .elm-contact-form form p .input-row { background: none; } .elm-has-bg .elm-contact-form form p .input-row:before { border: none; } .elm-has-bg .elm-contact-form form p .input-row .input-label .label { background: @theme-general-themeColor; } .elm-has-bg .elm-contact-form form p .input-row .input-wrap { background: lighten(@theme-general-themeColor, 30%); } /* end Customization for CONTACT FORM */ /* && end of CONTACT-FORM */ /**************************************************/ /*** && INFOPANEL ***/ /**************************************************/ @thumbWidth = 18%; /* Rounded Top */ .main-sections > .elm-infopanel-main:first-child { padding-top: 0 !important; } .layout-narrow .main-sections > .elm-infopanel-main:first-child { overflow: visible !important; .border-radius(@pageCorner @pageCorner 0px 0px); .tabs-container ul:before { .border-radius(@pageCorner 0px 0px 0px); } .tabs-container ul { .border-radius(0px @pageCorner 0px 0px); } .data-container > .content { .border-radius(@pageCorner @pageCorner 0px 0px); } } .layout-narrow .elm-revolution-slider ~ .elements .main-sections > .elm-infopanel-main:first-child { .border-radius(0) !important; .tabs-container ul:before, .tabs-container ul, .data-container > .content { .border-radius(0) !important; } } /* Tabs controll */ .elm-infopanel-main .panel-container { position: absolute; top: 0; opacity: 0; visibility: hidden; } .elm-infopanel-main .panel-container.panel-active { position: relative; top: 0; opacity: 1; visibility: visible; .transition(all 0.5s); } /* end Tabs controll */ .elm-infopanel-main { position: relative; } .elm-infopanel-main h3 { text-transform: uppercase; } /* Tabs */ .elm-infopanel-main .tabs-container { position: absolute; top: 0; width: 100%; z-index: 1; } .elm-infopanel-main .tabs-container ul { background: lighten(@theme-general-themeColor, 23%); margin-left: 0; .transition(all 0.5s); } .elm-infopanel-main .tabs-container ul:before { content: ""; background: fade(@theme-header-menuHover, 85%); position: absolute; top: 0; bottom: 0; left: 0; width: 0; .transition(all 0.5s); } .elm-infopanel-main .tabs-container ul:after { content: ""; background: url('@{imgUrl}/clip.png'); position: absolute; width: 40px; height: 44px; left: 41px; top: -7px; opacity: 0; .transition(all 0.5s); } .elm-infopanel-main .tabs-container ul li { position: relative; display: inline-block; overflow: hidden; vertical-align: top; border-right: 1px solid rgba(255, 255, 255, 0.5); } .elm-infopanel-main .tabs-container ul li a { position: relative; display: block; padding: 14px 20px; color: #ffffff; text-transform: uppercase; white-space: nowrap; z-index: 1; } .elm-infopanel-main .tabs-container ul li:first-child a { padding-left: 40px; } .elm-infopanel-main .tabs-container ul li a:before { content: ""; background: @theme-header-menuHover; position: absolute; left: 0; top: 100%; bottom: 0; width: 100%; z-index: -1; .transition(top 0.5s); } .elm-infopanel-main .tabs-container ul li a:hover:before, .elm-infopanel-main .tabs-container ul li.active a:before { top: 0; } .elm-infopanel-main .tabs-container ul li:first-child a:hover:before, .elm-infopanel-main .tabs-container ul li:first-child.active a:before { border-left: 1px solid lighten(@theme-header-menuHover, 10%); } .elm-infopanel-main .panel-active.image-present ~ .tabs-container ul { margin-left: @thumbWidth; } /*** ul offset ***/ .elm-infopanel-main .panel-active.image-present ~ .tabs-container ul:before { width: @thumbWidth; } .elm-infopanel-main .panel-active.image-present ~ .tabs-container ul:after { opacity: 1; } /* Content */ .elm-infopanel-main .panel-container .content-container { display: none !important; } .elm-infopanel-main .panel-container.content-present .content-container { display: table-cell !important; } .elm-infopanel-main .data-container > .content { display: table; width: 100%; overflow: hidden; } .elm-infopanel-main .panel-container { /*display: table-row;*/ top: -40px; } .elm-infopanel-main .panel-container > div { display: table-cell; padding: 100px 40px 40px; } .elm-infopanel-main .thumbnail-container { background-size: cover; background-position: center; width: @thumbWidth; padding: 0 !important; } .elm-infopanel-main .content-container { background: lighten(@theme-general-themeColor2, 6%); } .elm-infopanel-main .options-container { background: lighten(@theme-general-themeColor2, 3%); width: 33%; padding-left: 0 !important; padding-right: 0 !important; } .elm-infopanel-main .options-container { h1, h2, h3, h4, h5, h3, .options-description { display: block; padding: 0 40px; margin-bottom: 25px; } .options-description { margin: 25px 0 0; } } .elm-infopanel-main .options-container .data-container { display: table; width: 100%; border-collapse: collapse; } .elm-infopanel-main .options-container .data-row { display: table-row; border-bottom: 1px solid lighten(@theme-general-themeColor2, 3%); } .elm-infopanel-main .options-container .data-row:last-child { border-bottom: none; } .elm-infopanel-main .options-container .data-row > span { display: table-cell; color: @theme-general-themeColor; } .elm-infopanel-main .options-container .data-name { background: @theme-general-themeColor2; padding: 6px 20px 6px 40px; text-transform: uppercase; } .elm-infopanel-main .options-container .data-value { background: rgba(255, 255, 255, 0.4); padding: 6px 40px 6px 20px; } /* && end of INFOPANEL */ /**************************************************/ /*** && UNIVERSAL CAROUSEL ***/ /**************************************************/ .elm-main .carousel-container { visibility: hidden; opacity: 0; .transition(opacity 0.5s); } .elm-main.load-finished .carousel-container { visibility: visible; opacity: 1; } .elm-main.carousel-enabled .elm-wrapper { position: relative; } .elm-main.carousel-enabled .carousel-container:after { .clearfix; } .elm-main.carousel-enabled .carousel-arrows { opacity: 0; .transition(all 0.5s); } .elm-main.carousel-enabled:hover .carousel-arrows { opacity: 1; } .elm-main.carousel-enabled .carousel-arrows .arrow { display: block; width: 30px; height: 30px; font-size: 0px; line-height: 0px; text-indent: -9999px; background: @theme-general-linesColor; .rounded; .transition(all 0.5s); position: absolute; top: 50%; margin-top: -28px; } .elm-main.carousel-enabled .carousel-arrows .arrow:before { content: ""; border-style: solid; position: absolute; top: 8px; } .elm-main.carousel-enabled .carousel-arrows .arrow:hover { background: @theme-general-titColor; } .elm-main.carousel-enabled .carousel-arrows .arrow-left { left: -28px; } .elm-main.fullsize.carousel-enabled .carousel-arrows .arrow-left { left: 0px; } .elm-main.carousel-enabled .carousel-arrows .arrow-left:before { border-width: 7px 7px 7px 0px; border-color: transparent #ffffff transparent transparent; left: 10px; } .elm-main.carousel-enabled .carousel-arrows .arrow-right { right: -28px; } .elm-main.fullsize.carousel-enabled .carousel-arrows .arrow-right { right: 0px; } .elm-main.carousel-enabled .carousel-arrows .arrow-right:before { border-width: 7px 0px 7px 7px; border-color: transparent transparent transparent #FFFFFF; right: 10px; } /*.elm-has-bg.carousel-enabled .carousel-arrows .arrow, .elm-has-bg .carousel-enabled .carousel-arrows .arrow { background: @boxOnBgDark; }*/ .elm-has-bg.carousel-enabled .carousel-arrows .arrow:hover, .elm-has-bg .carousel-enabled .carousel-arrows .arrow:hover { background: @theme-general-titColor; } /*** carusel in columns ***/ .elements-sidebar-wrap, .column { .elm-main.carousel-enabled .carousel-arrows { opacity: 1; width: 90px; margin: 0px auto 20px auto; } .elm-main.carousel-enabled .carousel-arrows:after { .clearfix; } .elm-main.carousel-enabled .carousel-arrows .arrow { position: relative; top: auto; left: auto; right: auto; margin-top: 0px; } .elm-main.carousel-enabled .carousel-arrows .arrow-left { float: left; } .elm-main.carousel-enabled .carousel-arrows .arrow-right { float: right; } } /*** item-organizer boxes modifications ***/ .carousel-enabled .elm-item-organizer { margin: -5px -5px 0px -5px; padding: 5px 5px 0px 5px; } /*** optional for boxes with box-shadows ***/ /* Customization for Carousel */ .elm-main.carousel-enabled .carousel-arrows .arrow { background: none; .border-radius(0); } .elm-main.carousel-enabled .carousel-arrows .arrow:hover { background: none; } .elm-main.carousel-enabled .carousel-arrows .arrow-left:before, .elm-main.carousel-enabled .carousel-arrows .arrow-right:before { border: none; color: darken(@theme-general-linesColor, 5%); font-family: 'FontAwesome'; font-size: 36px; line-height: 15px; text-indent: 0 !important; } .elm-main.carousel-enabled .carousel-arrows .arrow-left:before { content: "\f053"; } .elm-main.carousel-enabled .carousel-arrows .arrow-right:before { content: "\f054"; } .elm-main.carousel-enabled .carousel-arrows .arrow-left:hover:before, .elm-main.carousel-enabled .carousel-arrows .arrow-right:hover:before { color: @theme-general-decColor; } .elm-main.carousel-enabled .carousel-arrows .arrow-left { left: -50px; } .elm-main.carousel-enabled .carousel-arrows .arrow-right { right: -50px; } /* end Customization for Carousel */ /* && end of UNIVERSAL CAROUSEL */ /**************************************************/ /*** && WP GALLERY ***/ /**************************************************/ .gallery { margin: 0px -5px !important; padding-bottom: 10px; } .gallery:after { .clearfix; } .gallery br { display: block; font-size: 0px; line-height: 0px; } .gallery .gallery-item { margin-top: 0px !important;padding: 0px 5px 10px 5px; .borderbox; } .gallery .gallery-icon { } .gallery .gallery-icon img { border: 2px solid @theme-general-titColor !important; width: 100%; vertical-align: top; margin-bottom: 0px; .transition(all 0.5s); position: relative; } .gallery .gallery-icon a { display: block; position: relative; } .gallery .gallery-icon a:before { border: 2px solid @theme-general-titColor; content: ""; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: url('@{img-url}/zoom_image.png') no-repeat center center; background-color: rgba(0,0,0,0.7); opacity: 0; z-index: 10; } .gallery .gallery-icon a:hover:before { opacity: 1; border-color: @theme-general-hvrColor;} .gallery .gallery-caption { padding: 5px 5px 5px 5px; margin-top: 1px; background: lighten(@theme-general-linesColor, 5%); } html.ie8 .gallery .gallery-icon a img { visibility: visible; } html.ie8 .gallery .gallery-icon a:hover img { visibility: hidden; } html.ie8 .gallery .gallery-icon a:before { visibility: hidden; background-color: #333333; } html.ie8 .gallery .gallery-icon a:hover:before { visibility: visible; } /* && end of WP GALLERY */ /**************************************************/ /*** && BLOG ***/ /**************************************************/ .blog-content { padding-bottom: 30px; } .entry-thumbnail img { display: block; margin-left: auto; margin-right: auto; } .entry-date { color: #FFFFFF; display: inline-block; width: 80px; height: 80px; float: left; text-align: center; background: @theme-general-decColor; .rounded; } .entry-date a { color: #FFFFFF; display: block; } .entry-date .link-day { display: block; padding-top: 7px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .entry-date .link-day small { margin-left: 2px; } .entry-date .link-month { display: block; margin-top: -5px; } .entry-date .link-year { display: block; } .entry-date a:hover { color: @theme-general-titColor !important; } .comments-link a { display: inline-block; padding: 3px 5px; position: relative; } .comments-link a:before { content: ""; border-color: transparent lighten(@theme-general-linesColor, 5%) transparent transparent; border-style: solid; border-width: 0 12px 7px 0; position: absolute; right: 8px; bottom: -3px; } .comments-link a:after { content: ""; background: lighten(@theme-general-linesColor, 5%); .rounded; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .comments-link .comments-count { color: @theme-general-titColor; display: block; min-width: 30px; text-align: center; position: relative; z-index: 10; } .hentry { padding-bottom: 20px; .entry-header { position: relative; } .entry-title { margin-bottom: 20px; } .entry-title:after { .clearfix; } .entry-title .entry-title-wrap { margin-left: 100px; } .entry-title h2 { margin-bottom: 5px; } .entry-thumbnail { position: relative; } .entry-thumbnail-wrap { margin-bottom: 20px; } .entry-thumbnail img { margin-bottom: 0px; } .entry-thumbnail a.thumb-link { display: block; .hvrIcon('zoom_text.png','.entry-thumbnail-icon'); } .entry-meta { position: absolute; top: 30px; right: 0px; } .nothumbnail .entry-title h2 { padding-right: 70px; } .nothumbnail .entry-thumbnail { position: static; } .nothumbnail .entry-meta { top: 7px; } .entry-date { margin-top: -7px; } .entry-data { position: relative; padding-right: 70px; } .comments-link { position: absolute; top: -3px; right: 0px; } .author { margin-right: 10px; } .categories { } .tags { margin-bottom: 20px; } .more { display: inline-block; float: left; margin-right: 20px; margin-bottom: 20px; } .more .meta-nav { display: inline-block; width: 20px; height: 20px; background: @theme-general-linesColor; font-size: 0px; line-height: 0px; text-indent: -9999px; vertical-align: top; .rounded; position: relative; margin-right: 5px; .transition(all 0.5s); } .more:hover .meta-nav { background: @theme-general-titColor; } .more .meta-nav:before { content: ""; border-width: 5px 0px 5px 5px; border-style: solid; border-color: transparent transparent transparent #FFFFFF; position: absolute; top: 5px; left: 9px; } .entry-footer { } .entry-footer:after { .clearfix; } } .hentry.sticky { .nothumbnail .entry-title h2 { padding-right: 180px; } .featured-post { display: inline-block; vertical-align: top; background: @theme-general-lnkColor; color: #ffffff; bold; padding: 0px 10px; } } /* Customization for BLOG */ .hentry { float: left; background: darken(@theme-general-pageBgColor, 3%); width: 47.4%; margin-bottom: 45px; padding-bottom: 8px; text-align: center; } .hentry:nth-child(2n-1) { margin-right: 5%; } .pagination-above ~ .hentry:nth-child(2n-1), .blog-content ~ .hentry:nth-child(2n-1) { margin-right: 0; } .pagination-above ~ .hentry:nth-child(2n), .blog-content ~ .hentry:nth-child(2n) { margin-right: 5%; } .hentry { .entry-thumbnail { border-bottom: 2px solid @theme-general-decColor; } .entry-thumbnail-wrap { margin-bottom: 0; } .entry-date { background: rgba(255, 255, 255, 0.85); position: absolute; bottom: 0; margin-left: -70px; width: 140px; height: auto; text-align: left; .border-radius(0); } .entry-date span { display: inline-block; } .entry-date .link-month, .entry-date .link-year { position: absolute; left: 65px; margin: 0; color: @theme-general-txtColor; font-size: 12px; text-transform: uppercase; } .entry-date .link-month { top: 7px; } .entry-date .link-year { top: 21px; } .entry-date .link-day { background: @theme-general-decColor; width: 25px; padding: 7px 15px; font-size: 30px; text-align: center; text-shadow: none; } .entry-data { position: relative; background: #333333; height: 25px; padding: 0; color: #ffffff; line-height: normal; text-align: left; text-transform: uppercase; font-size: 13px; } .entry-data:after { .clearfix; } .entry-data a { color: #ffffff; } .entry-data a:hover { color: @theme-general-decColor; } .cat-links { position: absolute; background: #333333; max-height: 24px; overflow: hidden; .transition(max-height 0.5s ease 0s); z-index: 11; } .cat-links:hover { max-height: 500px; transition: max-height 1s ease 0s; } .cat-links li { padding: 3px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .cat-links li:first-child { position: relative; padding: 3px 35px 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.3); } .cat-links li:first-child:after { content: "\f0d7"; position: absolute; top: 4px; right: 14px; font-family: @fancyFontIcons; font-weight: normal; } .cat-links:hover li:first-child:after { content: "\f0d8"; } .cat-links li:last-child { padding-right: 15px; border-bottom: none; } .cat-links li:last-child:after { display: none; } .author { float: right; margin-right: 0; padding: 3px 15px; } .entry-title { margin: 18px 0 10px; padding: 0 25px; } .entry-content p { padding: 0 25px; } .more { background: @theme-header-menuHover; padding: 3px 15px; float: none; margin-right: 0; color: #ffffff; text-transform: uppercase; } .more:hover { background: @theme-general-decColor; } .nothumbnail .entry-title h2 { padding-right: 0; } .nothumbnail .entry-thumbnail { position: relative; background: darken(@theme-general-decColor, 10%); min-height: 70px; } .nothumbnail .entry-meta { top: auto; } } .hentry.post .entry-thumbnail-icon { display: block !important; } .hentry.sticky { .featured-post { position: absolute; background: none; left: 50%; top: -16px; margin-left: -27px; color: #ffd200; font-size: 36px; } .nothumbnail .entry-title h2 { padding-right: 0; } .entry-thumbnail { border-bottom: 2px solid #ffd200; } .entry-date .link-day { background: #ffd200; } } .search .hentry { text-align: left; .cat-links > a { display: block; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.3); } .entry-header { overflow: hidden; } .entry-date { left: 0; margin-top: 0; margin-left: 0; } .entry-title { position: relative; background: @theme-general-themeColor; margin: 0 0 20px 0; height: 46px; border-bottom: 2px solid @theme-general-decColor; } .entry-title .entry-title-wrap { margin: 0; padding-left: 135px; } .entry-title h2 { margin-bottom: 0; padding-top: 10px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .entry-title h2 a { color: #ffffff; } .entry-content p, .entry-footer { text-align: center; } .more .meta-nav { display: none; } } .archive .hentry .cat-links > a { display: block; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.3); } article { .search-form div { position: relative; background: @theme-general-themeColor; padding: 0 0 0 15px; .border-radius(50px); .borderbox; } .search-form .search-field, .search-form:hover .search-field, .search-form .search-field:focus { width: 75%; } .screen-reader-text { display: none; /*color: #ffffff; margin-right: 15px;*/ } } /* endCustomization for BLOG */ /* && end of BLOG */ /**************************************************/ /*** && WOOCOMMERCE ***/ /**************************************************/ @import "woocommerce.less"; /* Customizations for WooCommerce */ .woocommerce { div.product .summary .cart .single_add_to_cart_button { padding: 8px 15px; .box-shadow(none); } } div.woocommerce { input[type="password"], input, textarea, select { height: auto; } } /* && end of WOOCOMMERCE */ /**************************************************/ /*** && COMMENTS ***/ /**************************************************/ .commentlist { padding-bottom: 10px; } .commentlist li li.comment { padding-left: 30px; } .commentlist .comment-article { min-height: 74px; padding-left: 75px; padding-right: 10px; background: lighten(@theme-general-linesColor, 10%); margin-bottom: 10px; } .commentlist .comment-meta { position: relative; padding: 10px 0px 10px 0px; border-bottom: 1px solid @theme-general-linesColor; margin-bottom: 10px; } .commentlist .comment-meta:after { .clearfix; } .commentlist .comment-meta .comment-author { float: left; margin-right: 10px; } .commentlist .comment-meta .avatar { position: absolute; top: 10px; left: -65px; display: block; padding: 3px; background: #ffffff; .box-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); } .commentlist .comment-meta .fn { color: @theme-general-decColor; } .commentlist .comment-meta .fn:after { color: @theme-general-txtColor; content: "|"; margin-left: 10px; } .commentlist .comment-meta .fn a { color: @theme-general-decColor; } .commentlist .comment-meta .fn a:hover { color: @theme-general-decColor; text-decoration: underline; } .commentlist .comment-meta time { float: left; } .commentlist .comment-meta .comment-tools { position: absolute; top: 10px; right: 0px; } #respond { padding-top: 20px; margin-bottom: 20px; } #respond:first-child { padding-top: 0px; } #respond h3 { position: relative; } #respond h3 small { display: block; float: right; margin-top: 5px; } #respond h3 small a { color: @theme-general-lnkColor; } #respond h3 small a:hover { color: @theme-general-hvrColor; } #respond form { } #respond form p { background: lighten(@theme-general-linesColor, 10%); padding: 5px 10px; margin-bottom: 1px; } #respond form label { display: inline-block; vertical-align: top; width: 100px; padding: 3px 0px; } #respond form label .required { color: #ff0000; } input[type="password"], #respond form input[type="text"], #respond form input[type="email"], #respond form input[type="url"], #respond form textarea, #respond form select { border: 1px solid @theme-general-linesColor; padding: 4px 4px; vertical-align: top; .borderbox;} #respond form textarea { margin: 0px; width: -webkit-calc(~"100% - 110px"); width: calc(~"100% - 110px"); max-width: 100%; } #respond form select { padding: 2px; } #respond form input[type="submit"] { } #respond form p.comment-notes { } #respond form p.comment-form-author { } #respond form p.comment-form-email { } #respond form p.comment-form-url { } #respond form p.comment-form-comment { } #respond form p.form-allowed-tags { } #respond form p.form-submit { padding: 10px; } .commentlist #respond { padding-top: 0px; } .commentlist #respond h3 { background: lighten(@theme-general-linesColor, 10%); margin-bottom: 1px; padding: 10px; } /* .elm-has-bg .commentlist .comment-article { background: @boxOnBgLight; } .elm-has-bg .commentlist #respond h3 { background: @boxOnBgLight; } .elm-has-bg #respond form p { background: @boxOnBgLight; } */ /* Customization for COMMENTS */ .commentlist .comment-article { background: none; } .commentlist .comment-meta .avatar { padding: 0; .box-shadow(none); .border-radius(100%); } .commentlist .comment-meta .fn:after { font-weight: normal; color: darken(@theme-general-linesColor, 10%); } .commentlist #respond h3 { background: none; padding: 0; margin-bottom: 5px; } .commentlist .comment-meta .comment-tools { text-transform: uppercase; } #respond .comment-notes, #respond .logged-in-as { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid @theme-general-linesColor; } #respond form:after { .clearfix; } #respond form p { background: none; padding: 5px 0; } #respond form label { margin-right: 5px; padding: 4px 10px; background: @theme-general-themeColor; color: #ffffff; text-transform: uppercase; .border-radius(4px 0 0 4px); .borderbox; } #respond form label .required { color: #ffffff; vertical-align: middle; } #respond form input[type="text"], #respond form input[type="email"], #respond form input[type="url"], #respond input[type="password"], #respond form textarea { background: rgba(0, 0, 0, 0.02); } #respond .form-allowed-tags { float: right; width: -webkit-calc(~"100% - 110px"); width: calc(~"100% - 110px"); max-width: 100%; } #respond .form-allowed-tags:before { content: "\f05a"; margin-right: 7px; font-family: @fancyFontIcons; color: #6dc1d8; font-size: 14px; } #respond form p.form-submit { float: right; padding: 0; } #respond form input[type="submit"] { text-transform: uppercase; } /* end Customization for COMMENTS */ /* && end of COMMENTS */ /**************************************************/ /*** && AUTHOR BIO ***/ /**************************************************/ .author-info { margin-bottom: 40px; border: 2px solid @theme-general-linesColor; .border-radius(5px); padding: 15px; } .author-info:after { .clearfix; } .author-info .author-avatar { width: 64px; float: left; } .author-info .author-avatar img { display: block; padding: 3px; background: #ffffff; .box-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); } .author-info .author-description { margin-left: 84px; } .author-info .author-description:after { .clearfix; } .author-info .author-description h2 { margin-bottom: 10px; } .author-info .author-link-wrap { margin-top: 10px; } /* && end of AUTHOR BIO */ /**************************************************/ /*** && PAGINATIONS ***/ /**************************************************/ .nav-single { margin: 20px 0px; padding: 5px; background: lighten(@theme-general-linesColor, 10%); } .nav-single:after { .clearfix; } .nav-single .nav-next { display: block; float: right; } .nav-single .nav-previous { display: block; float: left; } .nav-single a { display: block; position: relative; padding: 0px 30px; } .nav-single a .meta-nav { display: block; width: 20px; height: 20px; position: absolute; top: 0px; .rounded; background: darken(@theme-general-linesColor, 10%); font-size: 0px; line-height: 0px; text-indent: -9999px; .transition(background 0.5s); } .nav-single a:hover .meta-nav { background: @theme-general-titColor; } .nav-single a .meta-nav:before { content: ""; border-style: solid; position: absolute; top: 5px; } .nav-single .nav-next a .meta-nav { right: 0px; } .nav-single .nav-previous a .meta-nav { left: 0px; } .nav-single .nav-next a .meta-nav:before { border-width: 5px 0px 5px 5px; border-color: transparent transparent transparent #ffffff; right: 7px; } .nav-single .nav-previous a .meta-nav:before { border-width: 5px 5px 5px 0px; border-color: transparent #ffffff transparent transparent; left: 7px; } /* Customization for Paginations */ .nav-single { clear: both; padding: 0 30px; background: none; text-align: center; } .nav-single.pagination-above { margin: 0 0 50px; } .nav-single.nav-below { margin-bottom: 0; } .nav-single .page-numbers { position: relative; display: inline-block; margin: 0 2px; padding: 0; height: 25px; width: 25px; color: @theme-general-txtColor; text-align: center; line-height: 25px; border: 2px solid @theme-general-linesColor; vertical-align: middle; .border-radius(100%); } .nav-single .page-numbers.current, .nav-single .page-numbers:hover { background: @theme-general-decColor; border-color: @theme-general-decColor; color: #ffffff; } .nav-single a { color: @theme-general-txtColor; } .nav-single span a:hover { color: @theme-general-hvrColor; } .nav-single a .meta-nav { background: none; text-indent: 0; } .nav-single a:hover .meta-nav { background: none; color: @theme-general-decColor; } .nav-single a .meta-nav:before { top: 11px; color: @theme-general-txtColor; font-family: @fancyFontIcons; font-size: 16px; } .nav-single a:hover .meta-nav:before { color: @theme-general-decColor; } .nav-single .nav-next { padding-left: 25px; } .nav-single .nav-next, .nav-single .nav-previous { padding-top: 5px; color: @theme-general-txtColor; text-transform: uppercase; } .nav-single .nav-next:hover, .nav-single .nav-previous:hover { color: @theme-general-decColor; } .nav-single .nav-next a .meta-nav:before { content: "\f054"; border: none; } .nav-single .nav-previous a .meta-nav:before { content: "\f053"; border: none; } .nav-single .nav-previous.disabled, .nav-single .nav-next.disabled { opacity: 0.3; pointer-events: none; } /* end Customization for Paginations */ /* && end of PAGINATIONS */ /**************************************************/ /*** && PAGE SHARE ***/ /**************************************************/ @shareIconSize = 60px; .layout-wide .page-share { right: @shareIconSize; } .page-share { position: absolute; top: 200px; right: 0; z-index: 22; } .page-share .content { position: fixed; } .page-share .share { width: @shareIconSize; height: @shareIconSize; text-align: center; } .page-share .share > a { display: block; color: #ffffff; font-size: (@shareIconSize - 32px); line-height: @shareIconSize; } .page-share .share > a:hover { background: rgba(255,255,255,0.15); } .page-share .share > a:active { background: rgba(0,0,0,0.2); } .page-share .share-widgetarea { position: relative; background: @theme-header-menuColorAct; cursor: pointer; } .page-share .share-widgetarea i { color: #ffffff; font-size: (@shareIconSize - 32px); line-height: @shareIconSize; } .page-share .area-content { position: absolute; left: 0; top: 0; width: 0; max-height: 0; padding: 0 30px 0; background: #ffffff; border-top: 4px solid @theme-header-menuColorAct; text-align: left; cursor: default; z-index: 9999;.box-shadow(0 0 1px 0 rgba(0, 0, 0, 0.2)); opacity: 0; overflow: hidden; visibility: hidden; .borderbox; .transition(~"all 0.5s ease 0.5s, max-height 0.5s ease 0s, padding 0.5s ease 0s"); } .page-share .share-widgetarea.hover .area-content { left: -400px; width: 400px; max-height: 1000px; padding: 30px 30px 0; opacity: 1; visibility: visible; .transition(~"all 0.5s ease 0s, max-height 0.5s ease 0.5s, padding 0.5s ease 0.5s"); } .page-share .area-content h3 { color: @theme-header-menuColorAct !important; } .page-share .share.share-title { margin-top: 1px; padding: 0 10px; background: @theme-general-titColor; width: auto; min-width: 60px; color: #ffffff; height: 25px; line-height: 25px; font-size: 14px; text-transform: uppercase; .borderbox; } .page-share .share-facebook { background: #3b5999; } .page-share .share-twitter { background: #2aa9e0; } .page-share .share-gplus { background: #4485f9; } .page-share .share-pinterest { background: #cb2027; } .page-share .share-toggle { margin-top: 1px; background: @theme-general-themeColor; color: #ffffff; cursor: pointer; } .page-share .share-toggle i { font-size: (@shareIconSize - 32px); line-height: 60px; } .page-share .share-advanced { max-height: 0; overflow: hidden; .transition(all 0.5s); } .page-share .advanced-visible .share-advanced { max-height: @shareIconSize; } /* && end of PAGE SHARE */ /**************************************************/ /*** && WIDGETS ***/ /**************************************************/ .widget-container { margin-bottom: 40px; } .widget-container a { text-decoration: none; } .widget-container a:hover { text-decoration: none; } .widget-container .widget-title h3 { } @listOffset = 16px; .widget_categories, .widget_archive, /* --- archives ----- */ .widget_submenu, .widget_pages, .widget_nav_menu, .widget_meta, .widget_social, /* --- menus -------- */ .widget_recent_entries, .widget_recent_comments, .widget_rss /* --- posts, rss --- */ { ul { border-top: 1px solid @theme-general-linesColor; } li { padding: 5px 0 5px @listOffset; border-top: 1px solid @theme-general-linesColor; position: relative; } li:first-child { border-top-width: 0px; } li:last-child { padding-bottom: 0px;} li:before { content: ""; border-width: 5px 0px 5px 5px; border-style: solid; border-color: transparent transparent transparent @theme-general-decColor; position: absolute; top: 10px; left: 0px; } li a { } li a:hover { } li.current_page_item > a, li.current-cat > a { color: @theme-general-hvrColor; } li.current_page_item:before, li.current-cat:before { border-color: transparent transparent transparent @theme-general-titColor; } ul ul { margin-left: -@listOffset; padding-left: @listOffset; margin-top: 5px; } select { border: 1px solid @theme-general-linesColor; width: 100%; padding: 3px; vertical-align: top; } /*** for archives and categories ***/ } .widget-container { .menu-item-has-columns > ul > li > ul > li { display: list-item; padding-top: 0 !important; padding-bottom: 5px !important; border-top: none !important; white-space: normal; } .menu-item-has-columns > ul > li > ul > li:before { background: none !important; } .menu-item-ait-row > ul li { width: auto !important; } .menu-item-ait-row { padding-top: 0 !important; } .menu-item-ait-row a { border: none !important; } .menu-item-ait-row:before { background: none !important; } .menu-item-column .sub-menu { margin-top: 0 !important; } .menu-item-ait-columns-in-row { margin-top: 0 !important; border: none !important; } .menu-item-ait-columns-in-row li:first-child > ul { border: none; } } .widget_posts .postitem { border-top: 1px solid @theme-general-linesColor; padding: 15px 0px; } .widget_posts .postitem:after { .clearfix; } .widget_posts .postitem.last { padding-bottom: 0px; } .widget_posts .thumb-fl .thumb-wrap { float: left; } .widget_posts .thumb-fl .post-title { padding-left: 10px; } .widget_posts .thumb-fl .post-content { clear: both; padding-left: 0px; /*margin-left: 0px !important;*/ } .widget_posts .thumb-fr .thumb-wrap { float: right; } .widget_posts .thumb-fr .post-title { padding-right: 10px; } .widget_posts .thumb-fr .post-content { clear: both; padding-right: 0px; /*margin-right: 0px !important;*/ } .widget_posts .thumb-top img { width: 100% !important; } .widget_posts .thumb-top .thumb-wrap { width: 100% !important; } .widget_posts .thumb-top .thumb-icon { width: 100% !important; margin-bottom: 10px; } .widget_posts .thumb-wrap { max-width: 100%; } .widget_posts .thumb-fl a.thumb-link { .hvrIconFull('zoom_text_half.png','.thumb-icon'); } .widget_posts .thumb-fr a.thumb-link { .hvrIconFull('zoom_text_half.png','.thumb-icon'); } .widget_posts .thumb-top a.thumb-link { .hvrIconFull('zoom_text_big.png','.thumb-icon'); } .widget_posts a.thumb-link .thumb-icon:before { border: 1px solid @theme-general-hvrColor; } .widget_posts a.thumb-link img { border: 1px solid @theme-general-titColor; vertical-align: top; .borderbox; .transition(all 0.5s); } .widget_posts a.thumb-link h4 { color: @theme-general-titColor; margin-bottom: 0px; .transition(all 0.5s); } .widget_posts a.thumb-link:hover h4 { color: @theme-general-hvrColor; } .widget_posts a.thumb-link .date { color: @theme-general-txtColor; margin-top: 3px; } .widget_posts p { padding-top: 8px; } .widget_posts .read-more { padding-top: 8px; } .widget_posts .no-thumbnail .post-title, .widget_posts .no-thumbnail .post-content { padding-left: 0px; padding-right: 0px; margin-left: 0px !important; margin-right: 0px !important;} @calColor = @theme-general-linesColor; /*** main color of Calendar ***/ .widget_calendar #calendar_wrap { border: 1px solid @calColor; position: relative; } .widget_calendar table { border-collapse: separate; border-spacing: 0; width: 100%; } .widget_calendar caption { background: lighten(@calColor, 10%); margin-bottom: 1px; padding: 3px; } .widget_calendar th { background: @calColor; background-clip: padding-box; border-left: 1px solid transparent; color: @theme-general-titColor; text-align: center; } .widget_calendar th:first-child { border-left: none; } .widget_calendar tbody td { background: lighten(@calColor, 10%); background-clip: padding-box; border-left: 1px solid transparent; border-top: 1px solid transparent; text-align: center; } .widget_calendar tbody td:first-child { border-left: none; } .widget_calendar tbody td#today { background-color: @theme-general-decColor; color: #ffffff; } .widget_calendar tbody td a { background-color: @theme-general-lnkColor; display: block; width: 100%; color: #ffffff; } .widget_calendar tbody td a:hover { background-color: @theme-general-hvrColor; } .widget_calendar tfoot td { height: 0px; line-height: 0px; font-size: 0px; } .widget_calendar tfoot td a { width: 20px; height: 20px; display: block; text-indent: -9999px; position: absolute; top: 4px; background: #ffffff; .rounded; } .widget_calendar tfoot td#prev a { left: 5px; } .widget_calendar tfoot td#next a { right: 5px; } .widget_calendar tfoot td a:before { content: ""; border-style: solid; position: absolute; top: 6px; } .widget_calendar tfoot td#prev a:before { border-width: 4px 6px 4px 0px; border-color: transparent @theme-general-decColor transparent transparent; left: 6px; } .widget_calendar tfoot td#prev a:hover:before { border-color: transparent @theme-general-titColor transparent transparent; } .widget_calendar tfoot td#next a:before { border-width: 4px 0px 4px 6px; border-color: transparent transparent transparent @theme-general-decColor; right: 6px; } .widget_calendar tfoot td#next a:hover:before { border-color: transparent transparent transparent @theme-general-titColor; } .widget_recent_entries .post-date { display: block; margin-top: 3px; } .widget_rss .widget-title img { float: left; margin-top: 5px; margin-right: 10px; } .widget_rss li { padding-left: 0px; padding-bottom: 20px; } .widget_rss li:last-child { padding-bottom: 0px; } .widget_rss li:before { border-width: 0px; } .widget_rss .widget-content a.rsswidget { } .widget_rss .rss-date { display: block; margin-top: 3px; } .widget_rss .rssSummary { padding-top: 8px; } .widget_rss cite { display: block; padding-top: 8px; } .widget_tag_cloud .tagcloud { line-height: normal; } /*.widget_search form div { padding-right: 32px; position: relative; } .widget_search label { display: block; }*/ .widget_search label .screen-reader-text { display: none; } .widget_search input.search-field { width: 84%; } /*.widget_search input.search-field { background: #ffffff; border: 1px solid @theme-general-linesColor; .borderbox; width: 100%; padding: 0px 4px; vertical-align: top; } .widget_search input.search-submit { width: 26px; height: 26px; padding: 0px; border: none; font-size: 0px; line-height: 0px; text-indent: -9999px; background: url('@{img-url}/basic_icons.png') 0px 0px no-repeat; position: absolute; top: 0px; right: 0px; cursor: pointer; } .widget_search input.search-submit:hover { background-position: 0px -26px; }*/ .widget_social li { padding-left: 0px; } .widget_social li:before { border-width: 0px; } .widget_social li a .s-icon { display: inline-block; vertical-align: middle; margin-right: 10px; .socialBG('link'); .rounded; padding: 3px; .transition(background 0.5s);} .widget_social li a:hover .s-icon { .socialBG('hover'); } .widget_social ul.no-titles { margin-right: -10px; } .widget_social ul.no-titles li { display: inline-block; padding: 0px; border-width: 0px; margin: 0px 10px 10px 0px } .widget_social ul.no-titles li a .s-icon { vertical-align: top; margin: 0px; } .widget_text .textwidget:after { .clearfix; } /* Customization for WIDGETS */ .widget-container .widget-title h3 { color: @theme-header-menuHover; text-transform: uppercase; } .widget_categories, .widget_archive, /* --- archives ----- */ .widget_submenu, .widget_pages, .widget_nav_menu, .widget_meta, .widget_social, /* --- menus -------- */ .widget_recent_entries, .widget_recent_comments, .widget_rss /* --- posts, rss --- */ { ul { border: none; } li { border: none; padding: 5px 0 5px 20px; } li:before { border: none; } li a { color: @theme-general-txtColor; } li a:hover, li.current_page_item a, li.current-cat a { color: @theme-general-titColor; font-weight: bold; } } .widget_submenu, .widget_pages, .widget_nav_menu, .widget_meta, /* --- menus -------- */ .widget_recent_entries, .widget_recent_comments, .widget_rss /* --- posts, rss --- */ { li:before { content: "\f10c"; top: 5px; font-family: @fancyFontIcons; font-size: 11px; color: @theme-header-menuHover; border: none; } li:hover:before, li.current_page_item:before, li.current-cat:before { content: "\f111"; } li.menu-item-ait-row:before, .menu-item-ait-columns-in-row > li:before { display: none; } } /* Posts */ /*.widget_posts .postitem:first-child { border-top: none; }*/ .widget_posts .postitem { background: rgba(0, 0, 0, 0.04); position: relative; margin-bottom: 2px; padding: 0; border: none; overflow: hidden; } .widget_posts a.thumb-link img, .widget_posts a.thumb-link .thumb-icon:before { border: none; } .widget_posts a.thumb-link h4 { text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget_posts a.thumb-link .date { position: absolute; bottom: -27px; right: 0; padding: 4px 10px; background: @theme-general-decColor; color: #ffffff; visibility: hidden; opacity: 0; .transition(all 0.5s); } .widget_posts .thumb-fr a.thumb-link .date { left: 0; right: auto; } .widget_posts .thumb-top a.thumb-link .date { top: 0; bottom: auto; margin: 0; width: 100%; text-align: center; visibility: visible; opacity: 1; .borderbox; } .widget_posts .postitem:hover a.thumb-link .date { bottom: 0; visibility: visible; opacity: 1; } .widget_posts .postitem.thumb-top:hover a.thumb-link .date { bottom: auto; } .widget_posts .post-title { padding: 10px 15px 0 !important; } .widget_posts .post-content { padding: 0 15px 0px !important; clear: none !important; } .widget_posts .thumb-top .post-content { padding-bottom: 15px !important; } .widget_posts p { padding: 0; } .widget_posts .read-more { padding: 0; clear: both; } .widget_posts .no-thumbnail .read-more { float: right; width: 100% !important; padding-top: 8px; margin: 0 !important; } .widget_posts .thumb-fr .read-more { float: right; } .widget_posts .thumb-top .read-more { padding-top: 0px; margin: 0 15px 15px; } .widget_posts .read-more a { display: block; background: @theme-general-lnkColor; padding: 2px 7px; color: #ffffff; text-align: center; text-transform: uppercase; } .widget_posts .read-more a:hover { background: @theme-general-hvrColor; } /* Calendar */ .widget_calendar #calendar_wrap { border: none; } .widget_calendar caption { background: @theme-general-themeColor; padding: 4px 12px; color: #ffffff; text-transform: uppercase; } .widget_calendar th { background: none; padding: 2px 0; color: @theme-header-menuHover; } .widget_calendar tbody td { background: none; padding: 0; border-top: none; border-left: 1px solid #ffffff; line-height: 26px; } .widget_calendar tbody td:first-child { border: none; } .widget_calendar tbody tr:nth-child(2n-1) { background-color: @theme-general-themeColor2; } .widget_calendar tbody td a { background: @theme-general-themeColor; color: #ffffff; margin: 0 auto; } .widget_calendar tfoot td a { background: none; } .widget_calendar tfoot td a:before { top: 12px; border: none; color: #ffffff; font-family: @fancyFontIcons; font-size: 16px; text-indent: 0; opacity: 0.5; .transition(all 0.5s ease 0s); } .widget_calendar tfoot td a:hover:before { opacity: 1; } .widget_calendar tfoot td#prev a:before { content: "\f053"; } .widget_calendar tfoot td#next a:before { content: "\f054"; } /* Widget Social */ .widget_social li { padding-left: 0; } .widget_social .s-title { vertical-align: middle; } .widget_social li a .s-icon { .border-radius(0); } .widget_social li a:hover { font-weight: normal !important; } .widget_social li a i { margin-right: 10px; min-width: 20px; color: @theme-general-themeColor; vertical-align: middle; font-size: 18px; } .widget_social li a:hover i { color: @theme-header-menuHover; } /* end Customization for WIDGETS */ /* Woocommerce */ .ait-woocommerce-cart-widget, .widget_shopping_cart{ .widget_shopping_cart_content { border: solid 1px @theme-general-linesColor; } .cart_list li { padding: 10px; } // .cart_list li:last-child { padding-bottom: 15px; } .cart_list li:nth-child(2n) { background: lighten(@theme-general-linesColor, 5%); } .cart_list li:after { .clearfix; } .cart_list li a.photo { display: block; float: left; line-height: 0; } .cart_list li a.photo img { width: 65px; height: 65px; vertical-align: text-top; .wooBorderImage; } .cart_list li .description { margin-left: 80px; } .cart_list li .description a.title { display: block; color: @theme-general-titColor; /*font-family: @fancyFontRegular;*/ margin: 0; } .cart_list li .description a.title:hover { color: @theme-general-decColor; } .cart_list li .description .variation { display: block; color: lighten(@theme-general-txtColor, 20%); } .cart_list li .description .variation dt { float: left; margin-right: 5px; } .cart_list li .description .variation dd { } .cart_list li .description .quantity { color: @theme-general-titColor; /*font-family: @fancyFontLight;*/ font-size: 13px; } .total { display: block; border-top: solid 1px @theme-general-linesColor; padding: 15px 10px; } .total .amount { color: @theme-general-lnkColor; } .buttons { display: block; padding: 0 10px 25px; } .buttons:after { .clearfix; } .buttons .button { .wooButton(); background: #aaaaaa; display: block; } .buttons .button.checkout { background: @theme-general-lnkColor; margin-top: 15px; } } .ait-woocommerce-cart-widget { display: block; /*position: absolute; top: 74px; right: 55px;*/ z-index: 50; .cart-wrapper { display: inline; white-space: nowrap; } .cart-wrapper .cart-header { display: inline; position: relative; padding: 7px 10px 9px 30px; background: transparent; border: 1px solid transparent; position: relative; z-index: 2; } .cart-wrapper .cart-header:before { display: block; content: "\f07a"; position: absolute; top: 4px; left: 10px; font-family: @fancyIcons; } .cart-wrapper:hover .cart-header { background: @theme-general-pageBgColor; border-bottom: 0px; border-color: @theme-general-linesColor; } .cart-wrapper .cart-header .cart-header-info { background: @theme-general-decColor; border-radius: 15px 15px 15px 15px; padding: 5px 8px; color: white; } .cart-wrapper .cart-content { width: 320px; position: absolute ; right: 0px ; /*top: 26px ;*/ background: @theme-general-pageBgColor; border: solid 1px @theme-general-linesColor; z-index: 1; text-align: left; white-space: normal; } .cart-wrapper .cart-content .cart-list .empty { text-align: left; } .cart-wrapper .cart-content .hidden { display: none; } .cart-wrapper .cart-content .widget_shopping_cart_content { border: none; } .cart-wrapper .cart-content .cart_list li:nth-child(2n) { background: transparent; } .cart-wrapper .cart-content .cart_list .photo { display: block; float: left; } .cart-wrapper .cart-content .cart_list .description { display: block; margin-left: 80px; .borderbox; } .cart-wrapper .cart-content .total { font-size: 18px; } .cart-wrapper .cart-content .total strong { /*font-family: @fancyFontLight;*/ color: @theme-general-txtColor; } .cart-wrapper .cart-content .total .amount { /*font-family: @fancyFontBold;*/ } } .woocommerce-page .entry-summary > .star-rating { display: none; } .woocommerce-product-rating .woocommerce-review-link { display: none; } /*body.woocommerce-page.woocommerce-cart .ait-woocommerce-cart-widget { display: none; }*/ .woo-cart-holder .ait-woocommerce-cart-widget { text-align: right; } .widget_top_rated_products, .widget_recent_products, .widget_recently_viewed_products, .widget_random_products, .widget_onsale, .widget_recent_reviews, .widget_best_sellers, .widget_products { .product_list_widget li { border-bottom: solid 1px @theme-general-linesColor; padding: 20px 0; } .product_list_widget li:last-child { border-bottom: none; } .product_list_widget li:after { .clearfix; } .product_list_widget li a { display: block; color: @theme-general-titColor; } .product_list_widget li a:hover { color: @theme-general-decColor; } .product_list_widget li a img { float: left; width: 65px; height: 65px; .wooBorderImage; margin-right: 25px; } .product_list_widget li .amount { color: @theme-general-decColor; text-decoration: none; } .product_list_widget li ins, .product_list_widget li del { margin-right: 3px; } .product_list_widget li ins { text-decoration: none; } .product_list_widget li del { text-decoration: none; } .product_list_widget li del .amount { color: lighten(@theme-general-txtColor, 20%); text-decoration: line-through; } .product_list_widget li .star-rating { overflow: hidden; margin: 5px 0; height: 9px; width: 9.4em; font-family: @fancyIcons; letter-spacing: 1em; position: relative; } .product_list_widget li .star-rating:before { content: "\f006\f006\f006\f006\f006"; color: @theme-general-linesColor; float: left; top: 0; left: 0; position: absolute; } .product_list_widget li .star-rating span { position: absolute; top: 0; left: 0; float: left; overflow: hidden; padding-top: 1.5em; line-height: 1em !important; } .product_list_widget li .star-rating span:before { content: "\f005\f005\f005\f005\f005"; position: absolute; top: 0; left: 0; color: #fff000; } } .widget_price_filter { /*.widget-content { padding: 20px 10px 14px; }*/ .price_slider { margin-bottom: 20px; background: @theme-general-linesColor; .border-radius(2.5px); } .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; } .price_slider_amount .button { float: left; margin-right: 25px; font-size: 1.15em; } .price_slider_amount .price_label { float: left; line-height: 37px; } .ui-slider { position: relative; } .ui-slider .ui-slider-handle { .borderbox; width: 18px; height: 18px; position:absolute; top: -.4em; z-index: 2; cursor: pointer; outline: none; background: #fff; border: 5px solid #b9e6ed; .border-radius(100%); .box-shadow(0 1.5px 0 rgba(0,0,0,0.1)); } .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .ui-slider .ui-slider-range { position:absolute; z-index: 1; font-size: .7em; display:block; border: 0; background: @theme-general-decColor; .border-radius(2.5px); } .ui-slider-horizontal { height: 8px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .ui-slider-horizontal .ui-slider-range-max { right: -1px; } } .widget_product_tag_cloud, .widget_layered_nav, .widget_product_categories{ position: relative; .tagcloud:after { .clearfix; } ul { padding: 0px; margin: 0px; border-top: none; } ul:after { .clearfix; } .tagcloud a, li { display: block; float: left; padding: 3px 6px; margin: 0px 5px 5px 0px; border: 1px solid @theme-general-linesColor ; position: relative; background: lighten(@theme-general-linesColor, 10%); } li a { } li a:hover { } li.current_page_item a, li.current-cat a { color: @theme-general-hvrColor; } li.current_page_item:before, li.current-cat:before { border-color: transparent transparent transparent @theme-general-titColor; } ul ul { margin-left: -@listOffset; padding-left: @listOffset; margin-top: 5px; } ul ul { margin-left: 0px; padding-left: 0px; margin-top: 5px; } .sbHolder {} .sbHolder li { display: block; float: none; border: none; margin: 0; background: none; } } .widget_product_search label { display: none; } .widget_product_search .search-field { display: inline-block; width: 63%; .border-radius(0); } .widget_product_search input[type="submit"] { display: inline-block; border: none; width: 35%; } /* Customization for Woocommerce */ .ait-woocommerce-cart-widget { position: relative; float: right; margin-left: 18px; margin-top: 13px; padding-left: 5px; text-align: center; border-left: 1px solid @theme-general-linesColor; } .ait-woocommerce-cart-widget .cart-wrapper .cart-header:before { color: @theme-header-menuColor; } .ait-woocommerce-cart-widget .cart-wrapper:hover .cart-header:before { color: @theme-header-menuHover; } .ait-woocommerce-cart-widget .cart-wrapper .cart-header .cart-header-info { color: #ffffff; padding: 3px 8px; } .ait-woocommerce-cart-widget .cart-wrapper .cart-content { margin-top: 5px; } .header-two .ait-woocommerce-cart-widget { margin-top: 8px; } .widget_product_categories{ li { background: none; } li a { color: @theme-general-txtColor; } li a:hover { color: @theme-general-titColor; font-weight: bold; } } /* end Customization for Woocommerce */ /* && end of WIDGETS */ /**************************************************/ /*** && FOOTER WIDGETS LAYOUT ***/ /**************************************************/ .footer { background: @theme-footer-footerbg-image @theme-footer-footerbg-color @theme-footer-footerbg-repeat @theme-footer-footerbg-scroll @theme-footer-footerbg-position; } .layout-narrow .footer { margin-bottom: 40px; .border-radius(0px 0px @pageCorner @pageCorner); overflow-x: hidden; } @fwSpace = @columnMargin; .footer-widgets-container { margin-right: -@fwSpace; } .footer-widgets-container:after { .clearfix; } .footer-widgets .widget-area { float: left; padding-right: ((100% * @fwSpace) / ( 100 + @fwSpace)); .borderbox; } .footer-widgets .widget-area-1 { width: @theme-widgetAreasAndSidebars-footer-width-0; } // those are special cloneable options, so variable name can not be shorter :( .footer-widgets .widget-area-2 { width: @theme-widgetAreasAndSidebars-footer-width-1; } .footer-widgets .widget-area-3 { width: @theme-widgetAreasAndSidebars-footer-width-2; } .footer-widgets .widget-area-4 { width: @theme-widgetAreasAndSidebars-footer-width-3; } .footer-widgets .widget-area-5 { width: @theme-widgetAreasAndSidebars-footer-width-4; } .footer-widgets .widget-area-6 { width: @theme-widgetAreasAndSidebars-footer-width-5; } /* && end of FOOTER WIDGETS LAYOUT */ /**************************************************/ /*** && FOOTER WIDGETS ***/ /**************************************************/ .footer-widgets { color: @theme-footer-txtFwColor; } .footer-widgets .widget-title h3, .footer-widgets .widget-title h3 a { color: @theme-footer-titFwColor; } .footer-widgets a { color: @theme-footer-lnkFwColor; } .footer-widgets a:hover { color: @theme-footer-decFwColor; } .footer-widgets-wrap { padding-top: 60px; padding-bottom: 20px; overflow: hidden; } .footer-widgets { .widget_categories, .widget_archive, /* --- archives ----- */ .widget_submenu, .widget_pages, .widget_nav_menu, .widget_meta, .widget_social, /* --- menus -------- */ .widget_recent_entries, .widget_recent_comments, .widget_rss /* --- posts, rss --- */ { ul { border-top-width: 0; } li { padding-top: 0px; border-top-width: 0px; } li:last-child { padding-bottom: 0px; } li:before { content: ""; border-width: 5px 0px 5px 5px; border-style: solid; border-color: transparent transparent transparent @theme-footer-titFwColor; position: absolute; top: 5px; left: 0px; } li.current_page_item a, li.current-cat a { color: @theme-footer-lnkFwColor; } li.current_page_item a:hover, li.current-cat a:hover { color: @theme-footer-decFwColor; } li.current_page_item:before, li.current-cat:before { border-color: transparent transparent transparent @theme-footer-decFwColor; } } .widget_posts .postitem { border-top: none; padding: 0px 0px 20px 0px; } .widget_posts .postitem.last { padding-bottom: 0px; } .widget_posts a.thumb-link .thumb-icon:before { border: 1px solid @theme-footer-decFwColor; } .widget_posts a.thumb-link img { border: 1px solid @theme-footer-lnkFwColor; } .widget_posts a.thumb-link h4 { color: @theme-footer-lnkFwColor; } .widget_posts a.thumb-link:hover h4 { color: @theme-footer-decFwColor; } .widget_posts a.thumb-link .date { color: @theme-footer-txtFwColor; } @calFwColor = @theme-footer-footerbg-color; /*** main color of Calendar in footer ***/ .widget_calendar #calendar_wrap { border-color: lighten(@calFwColor, 10%);} .widget_calendar caption { background-color: lighten(@calFwColor, 5%); } .widget_calendar th { background-color: lighten(@calFwColor, 10%); color: @theme-footer-lnkFwColor; } .widget_calendar tbody td { background-color: lighten(@calFwColor, 5%); } .widget_calendar tbody td#today { background-color: @theme-footer-decFwColor; color: @calFwColor; } .widget_calendar tbody td a { background-color: @theme-footer-lnkFwColor; color: @calFwColor; } .widget_calendar tbody td a:hover { background-color: @theme-footer-decFwColor; } .widget_calendar tfoot td a { background: lighten(@calFwColor, 10%); } .widget_calendar tfoot td#prev a:before { border-color: transparent @theme-footer-decFwColor transparent transparent; } .widget_calendar tfoot td#prev a:hover:before { border-color: transparent @theme-footer-lnkFwColor transparent transparent; } .widget_calendar tfoot td#next a:before { border-color: transparent transparent transparent @theme-footer-decFwColor; } .widget_calendar tfoot td#next a:hover:before { border-color: transparent transparent transparent @theme-footer-lnkFwColor; } .widget_search input.search-submit { background-position: -26px 0px; } .widget_search input.search-submit:hover { background-position: -26px -26px; } /* Woocommmerce widgets */ .widget_shopping_cart .widget_shopping_cart_content { border: none; } .widget_shopping_cart .cart_list li { margin: 15px 10px 0; } .widget_shopping_cart .cart_list li:last-child { margin-bottom: 15px; } .widget_shopping_cart .cart_list li:nth-child(2n) { background: lighten(@theme-footer-footerbg-color, 5%); } .widget_shopping_cart .cart_list li a.photo img { background: transparent; border-color: @linesFwColor; padding: 3px; } .widget_shopping_cart .cart_list li .description a.title { color: @theme-footer-txtColor; } .widget_shopping_cart .cart_list li .description a.title:hover { color: @theme-footer-decFwColor; } .widget_shopping_cart .total { border-top: solid 1px @linesFwColor; } .widget_shopping_cart .total strong { color: @theme-footer-txtFwColor; } .widget_top_rated_products, .widget_recent_products, .widget_recently_viewed_products, .widget_random_products, .widget_onsale, .widget_recent_reviews, .widget_best_sellers { .product_list_widget li a { display: block; color: @theme-footer-lnkFwColor; } .product_list_widget li a:hover { color: @theme-footer-hvrColor; } .product_list_widget li { border-bottom: solid 1px @linesFwColor; padding: 20px 0; } .product_list_widget li:last-child { border-bottom: none; } .product_list_widget li a img { background: @theme-footer-footerbg-color; border-color: @linesFwColor; padding: 3px; .transition(all .5s); } .product_list_widget li a:hover img { border-color: @theme-footer-decFwColor; } } } /* Customization for FOOTER WIDGETS */ .footer-widgets { .widget_categories, .widget_archive, /* --- archives ----- */ .widget_submenu, .widget_pages, .widget_nav_menu, .widget_meta, .widget_social, /* --- menus -------- */ .widget_recent_entries, .widget_recent_comments, .widget_rss /* --- posts, rss --- */ { li { padding: 0 0 15px 20px; } li a { color: @theme-footer-lnkFwColor; } li a:hover, li.current_page_item a, li.current-cat a { color: @theme-footer-decFwColor; font-weight: bold; } } .widget_categories, .widget_archive, .widget_social { li:before { display: none; } } .widget_calendar #calendar_wrap { margin: 0; } .widget_calendar th { background: none; } .widget_calendar tbody tr:nth-child(2n-1) { background-color: lighten(@theme-footer-footerbg-color, 5%); } .widget_calendar tbody td { background: none; border-color: rgba(255, 255, 255, 0.05); } .widget_calendar tfoot td a { background: none; } } .footer-widgets .widget_posts a.thumb-link .date { color: #ffffff; } /* end Customization for FOOTER WIDGETS */ /* && end of FOOTER WIDGETS */ /**************************************************/ /*** && WIDGETS: button layout ***/ /**************************************************/ /*** standard ***/ .widget_categories, .widget_archive, .widget_tag_cloud { ul { padding: 0px; margin: 0px; border-top: none; } ul:after, .tagcloud:after { .clearfix; } li, .tagcloud a { display: block; border: 1px solid @theme-general-linesColor !important; padding: 3px 6px !important; margin: 0px 5px 5px 0px; float: left; } li:before { border-width: 0px; } ul ul { margin-left: 0px; padding-left: 0px; margin-top: 5px; } } /*** footer widgets ***/ .footer-widgets { .widget_categories, .widget_archive, .widget_tag_cloud { li, .tagcloud a { border: 1px solid lighten(@theme-footer-footerbg-color, 10%) !important; background: lighten(@theme-footer-footerbg-color, 5%); } } } /* Customization for WIDGETS: button layout */ .footer-widgets { .widget_categories, .widget_archive, .widget_tag_cloud { li, .tagcloud a { border: none !important; background: darken(@theme-footer-footerbg-color, 80%); padding: 5px 10px !important; } } } /* end Customization for WIDGETS: button layout */ /* && end of WIDGETS: button layout */ /**************************************************/ /*** && SITE FOOTER ***/ /**************************************************/ .site-footer { color: @theme-footer-txtColor; background: @theme-footer-bgColor; } .site-footer a { color: @theme-footer-lnkColor; } .site-footer a:hover { color: @theme-footer-hvrColor; } .site-footer-wrap { padding-top: 20px; padding-bottom: 20px; } .site-footer-wrap:after { .clearfix;} .site-footer .footer-text { width: @theme-footer-FtText; } .site-footer .nav-menu-footer { width: @theme-footer-FtMenu; float: right; } .site-footer .nav-menu-footer ul { text-align: right; } .site-footer .nav-menu-footer li { display: inline-block; margin: 0px 0px 0px 20px; } .site-footer .nav-menu-footer li:first-child { margin-left: 0px; } /* Cusmoization for SITE FOOTER */ .site-footer .nav-menu-footer a { text-transform: uppercase; } /* end Cusmoization for SITE FOOTER */ /* && end of SITE FOOTER */ /**************************************************/ /*** && RESPONSIVE STYLES ***/ /**************************************************/ @import "responsive.less"; /* && end of RESPONSIVE STYLES */ /* SHAREBOX */ .sharebox .box{ background:#6f838c; background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1)); background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:linear-gradient(top, #6f838c 0%, #4d5e66 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 ); -webkit-box-shadow:0 1px 1px #d3d3d3; -moz-box-shadow:0 1px 1px #d3d3d3; box-shadow:0 1px 1px #d3d3d3; height:22px; display:inline-block; position:relative; padding:0px 55px 0 8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:12px; float:left; clear:both; overflow:hidden; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .sharebox .left{ line-height:22px; display:block; white-space:nowrap; text-shadow:0px 1px 1px rgba(255,255,255,0.3); color:#ffffff; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } .sharebox .middle{ position:absolute; height:22px; top:0px; left:50px; width:0px; background:#63707e; text-shadow:0px -1px 1px #363f49; color:#fff; white-space:nowrap; text-align:left; overflow:hidden; -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -webkit-transition:width 0.3s linear; -moz-transition:width 0.3s linear; -o-transition:width 0.3s linear; transition:width 0.3s linear; } .sharebox .middle a{ color:#fff; font-weight:bold; padding:0 9px 0 9px; text-align:center; float:left; line-height:22px; -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; } .sharebox .right{ position:absolute; right:0px; top:0px; height:100%; width:45px; text-align:center; line-height:22px; color:#4b5d61; background:#f1faf9; background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1)); background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:linear-gradient(top, #f1faf9 0%, #bacfd2 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 ); } .sharebox .middle a:hover{ text-decoration:none; }