/***** CUSTOM CUSTOMIZR CONTENT **** => ELEMENTS & TYPES => LAYOUT STUFFS => ICONS => HEADER => LOGO/TITLE => NAVBAR => REGULAR MENU => SIDE MENU => SECONDARY MENU => SOCIAL => BREADCRUMB => SLIDER => FEATURED PAGES => POST STUFF => SIDEBARS STUFF => POST THUMBNAILS => POST GRID => PLACEHOLDERS / DISMISS NOTICES => WP SPECIFICS => WOOCOMMERCE SPECIFICS => FOOTER => ADMIN BAR => MEDIA PRINT => DEBUG => PURE CSS LOADER => NIMBLE BUILDER ***** END OF CONTENT *****/ /* ELEMENTS --------------------------------------------------- */ body { padding-bottom: 0px; color: @customizrgray; background: @Customizrbackground; background-image:@CustomizrbackgroundImg; & when (@is_rtl = true) { direction: rtl; unicode-bidi: embed; } } /* LINKS HOVER EFFECT */ .tc-fade-hover-links a:not([class*=round-div]), .tc-fade-hover-links a:visited, .tc-fade-hover-links button, .tc-fade-hover-links input[type="button"], .tc-fade-hover-links input[type="submit"] { -webkit-transition-property: border, background, color; transition-property: border, background, color; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .tc-fade-hover-links a.tc-carousel-control{ -webkit-transition-property: none; transition-property: none; -webkit-transition-duration: 0; transition-duration: 0; -webkit-transition-timing-function: none; transition-timing-function: none; } .tc-fade-hover-links a.btn:focus, .tc-fade-hover-links a.btn:hover { text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } /* IE fix for navbar first level items */ .ie.tc-fade-hover-links .nav > li > a { transition: none !important; } ul, ol { padding: 0px 5px; } input, textarea, .uneditable-input { width: 80%; } section { word-wrap: break-word } /* LAYOUT STUFFS --------------------------------------------------- */ /* FIX MARGIN LEFT FOR SPAN12 CONTENT */ .row-fluid [class*="tc-content span12"], .row-fluid [class*="tc-thumbnail span12"] { margin-left: 0!important; } .row-fluid .span8 { padding-left: 1%; } /* ICONS -------------------------------------------------- */ .tc-wc-menu .nav > li > a:before, a + span.tc-external:after, h2.comments-title:before, h3#reply-title:before, .btt-arrow, .format-icon:before, .icon-bubble:before, .widget h3:before, .colophon .credits a[class*=icon-]:before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-variant: normal; text-transform: none; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .colophon .credits a[class*=icon-]:before { font-family: 'Font Awesome\ 5 Brands'; font-style: normal; font-weight: normal; } #footer .white-icons .widget-title:before, #footer .white-icons .widget li:before { color: #FFF; } /*SOCIAL ICONS*/ .colophon .credits a[class*=icon-]:focus, .colophon .credits a[class*=icon-]:hover, .social-block a:hover { text-decoration: none; opacity: 1; } .credits .icon-wordpress:before { content: "\f19a"; } /* Social icons floating in sidebars and colophon left block */ .tc-sidebar .social-block a.social-icon, .colophon .social-block a.social-icon { float: @floatDirection; width: auto; } .colophon .social-block:before, .colophon .social-block:after, .tc-sidebar .social-block:before, .tc-sidebar .social-block:after { display: table; content: ""; line-height: 0; } .colophon .social-block:after, .tc-sidebar .social-block:after { clear: both; } /*ICONS FOR WIDGETS*/ .widget h3:before { & when (@is_rtl = true) { padding-left: 10px; } & when (@is_rtl = false) { padding-right: 10px; } position: relative; top: -1.3px; } .widget_social h3:before { content: "\f1e0"; } .widget_categories h3:before { content: "\f07c"; } .widget_archive h3:before { content: "\f187"; } .widget_tag_cloud h3:before { content: "\f02b"; top: .2px; } .widget_recent_entries h3:before { content: "\f0a1"; } .widget_meta h3:before { content: "\f35d"; top: 0.5px; } .widget_calendar h3:before { content: "\f073"; top: -1.6px; } .widget_pages h3:before { content: "\f0e8"; } .widget_recent_comments h3:before { content: "\f086"; } .widget_search h3:before { content: "\f002"; top: -1.9px; } .widget_nav_menu h3:before { content: "\f0c9"; } /*-- POST FORMATS AND ARCHIVE ICONS */ .format-icon:before { & when (@is_rtl = true) { padding-left: 10px; } & when (@is_rtl = false) { padding-right: 10px; } opacity: 0.2; position: relative; font-size: .85em; } .entry-summary.format-icon:before, .entry-content.format-icon:before { padding-right: 13px; font-size: 4em; opacity: 0.3; display: block; float: @floatDirection; margin-top: -12px; } article.page .format-icon:before { content: "\f15c"; font-weight: 400; } article.format-standard .format-icon:before { content: "\f303"; } article.format-image .format-icon:before, article.format-gallery .format-icon:before, article.attachment .format-icon:before { content: "\f03e"; } article.format-aside .format-icon:before { content: "\f08d"; } article.format-chat .format-icon:before { content: "\f086"; } article.format-audio .format-icon:before { content: "\f028"; } article.format-video .format-icon:before { content: "\f03d"; } article.format-status .format-icon:before { content: "\f0e7"; } article.format-quote .format-icon:before { content: "\f10e"; font-size: 3em; } /* ie11 hack: In ie11 looks like the above font-size rule makes the overall icon size too big as it multiplicates 4em (general rule) and 3em, instead of override the general rule with the one above */ .ie11 article.format-quote .format-icon:before { font-size: .3em; } article.format-link .format-icon:before { content: "\f0c1"; } /* ARCHIVES */ .search .search-header .format-icon:before { content: "\f002"; } .archive.date .archive-header .format-icon:before { content: "\f187"; } .archive.category .archive-header .format-icon:before { content: "\f07c"; } .archive.tag .archive-header .format-icon:before { content: "\f02b"; } .archive.author .archive-header .format-icon:before { content: '\f007'; } /*--------OTHER ICONS-----------*/ /*comments*/ h3#reply-title:before { padding-right: 5px; content: '\f044'; } h2.comments:before { /* GY: added rule to fix icon position */ & when (@is_rtl = true){ float: right; } & when (@is_rtl = false){ float: left; } } h2.comments-title:before { content: '\f086'; & when (@is_rtl = true) { float: right; padding-left: 5px; } & when (@is_rtl = false) { float: left; padding-right: 5px; } } /* External Links style */ a + span.tc-external:after { content: "\f35d"; line-height: 0; padding-left: 0; text-decoration: none!important; left: .2em; position: relative; } .icon-bubble:before { content: "\f075"; } /* HEADER -------------------------------------------------- */ .tc-header { min-height: 45px; background: @HeaderBg; background-image:@HeaderBgImg; border-bottom: 10px solid @LargeBorder; z-index: 200; } header.tc-header, .navbar-wrapper.clearfix { overflow: visible; } /* STICKY HEADER */ #tc-reset-margin-top { display: none; } body:not(.tc-sticky-header) #tc-reset-margin-top { display: none !important; } /*.tc-sticky-header #tc-reset-margin-top { width: 100%; display: block; float: left; }*/ /* HEADER ALWAYS VISIBLE => z-index high */ .tc-no-sticky-header .tc-header { z-index: 100; position: relative; } .tc-sticky-header .tc-header { position: fixed; z-index: 100; /*height: 126px;*/ -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .tc-sticky-header #tc-reset-margin-top{ display: block; } .sticky-disabled .tc-header { top: 0; } .sticky-enabled .tc-header { height: auto!important; /* default fallback */ background: rgb(255, 255, 255) transparent; /* nice browsers */ background: rgba(255, 255, 255, 0.8); /* IE 6/7 */ filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; border-bottom: 2px solid #E9EAEE; border-top: 0px; } /* DISABLE SEMI-TRANSPARENCY FOR STICKY HEADER ON SCROLL*/ .tc-solid-color-on-scroll.sticky-enabled .tc-header, .tc-solid-color-on-scroll.sticky-enabled .navbar-inner { background-color: #FAFAFA; } /* SHOW HIDE ELEMENTS IN HEADER */ .sticky-enabled .tc-header .social-block { display: none; } .sticky-enabled .tc-tagline-off .site-description { display: none!important; } .sticky-enabled .tc-title-logo-off .brand { display: none; } /* do not display menu button when sticky enabled and tc-menu-off enabled */ .sticky-enabled .tc-header.tc-menu-off .btn-toggle-nav, .sticky-enabled .tc-menu-off .nav-collapse { display: none; } .sticky-enabled .navbar-wrapper { margin-top: 0px; } .sticky-enabled .tc-title-logo-off .navbar-wrapper { margin-left: 0px; width: 100%; } .sticky-enabled .tc-header .navbar .nav>li>a { font-size: 14px; } .sticky-enabled .tc-header .navbar .navbar-inner { margin: 8px 5px 5px 5px; background: none; min-height: 35px; } .sticky-enabled .brand h1, .sticky-enabled .brand a { margin: 10px 0px; } /*.sticky-enabled .tc-header .btn-toggle-nav .btn { margin: 0 0 3px; }*/ .sticky-enabled .nav-collapse { & when (@is_rtl = true) { float: left; } & when (@is_rtl = false) { float: right; } } /* RESIZE ON SCROLL IF SHRINK ON */ .tc-header .brand .site-title, .tc-header .brand .site-logo img { opacity: 1; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } /* TRANSPARENT BACKGROUND ON CLICK WHEN STICKY ENABLED */ .sticky-enabled li.dropdown.active>.dropdown-toggle, .sticky-enabled .navbar .nav li.dropdown.open.active>.dropdown-toggle, .sticky-enabled .navbar .nav li.dropdown.open>.dropdown-toggle { background: none; } /* LOGO/TITLE -------------------------------------------------- */ .tc-header .brand { float: @floatDirection; text-align: center; margin: 0px; padding:0px; /* Increase vertical padding to match navbar links */ font-size: 16px; font-weight: bold; min-width: 250px\9; /* IE 8 and below */ } .tc-header .brand h1 { font-size:40px; } .tc-header .brand a { text-decoration:none; margin: 10px 0; display: block; } /* LOGO CENTERED */ .tc-no-sticky-header .logo-centered .navbar-wrapper, .sticky-disabled .logo-centered .navbar-wrapper { float: none; margin: auto; clear: both; } .tc-no-sticky-header .logo-centered .brand, .sticky-disabled .logo-centered .brand { width: 100%; } .tc-no-sticky-header .logo-centered .navbar-inner, .sticky-disabled .logo-centered .navbar-inner { padding-right: 5px; } .tc-header .outside { display:none; } /* IE9- hack */ .ie8 body > .container.outside, .ie7 body > .container.outside { display:none!important; } /* NAVBAR -------------------------------------------------- */ /* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper { z-index: 200; position: relative; margin-top: 7px; margin-bottom: 0px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ } .navbar.resp { display:none; } .navbar { & when (@is_rtl = true) { float: left; } & when (@is_rtl = false) { float: right; } margin-bottom: 0px; } .navbar-inner { min-height: 43px; } /* Remove border and change up box shadow for more contrast */ .navbar .navbar-inner { z-index: 200; /* position: relative; */ margin: 5px 5px 11px; border: 0; .box-shadow(~"0 2px 10px rgba(0, 0, 0, 0.25)"); padding-left: 5px; /*ie9 and less : hack to get rid of the gradient effect */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } /* Downsize the brand/project name a bit */ .navbar-wrapper .navbar .site-description { float: right; padding-right: 5px; text-align: right; } .navbar-wrapper .navbar h2.site-description { line-height: 19px; /* max-width: 240px; */ } /* NO NAVBAR */ .no-navbar .navbar .navbar-inner, .sticky-enabled .navbar .navbar-inner { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* TRANSPARENT NAVBAR BACKGROUND */ .navbar-inner .nav-collapse .dropdown-menu>li>a:focus, .navbar-inner .nav-collapse .dropdown-menu>li>a:hover, .navbar-inner .nav-collapse .dropdown-submenu:focus>a, .navbar-inner .nav-collapse .dropdown-submenu:hover>a { background-color: rgba(0, 0, 0, 0.05); } h2.site-description { font-size: 18px; padding-top: 0px; line-height: 20px; font-style: italic; } /* 1px hack for chrome to not loose the focus on menu item hovering */ .chrome .navbar .navbar-inner .nav li { line-height: 21px; } /* Navbar links: increase padding for taller navbar */ .navbar .nav > li > a { padding: 5px 20px 5px 20px; font-size:16px; } .navbar .nav li.dropdown .caret { border-top-color: @navbarLinkColor; border-bottom-color: @navbarLinkColor; vertical-align: middle; margin-top: 0; } .dropdown-menu > li.current-menu-item > a, .dropdown-menu > li.current-menu-ancestor > a { text-decoration: none; background-color: @navbarBackground; /*#gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));*/ } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-color: @navbarBackground; background-image: none; text-decoration: none; } /* * Reset bootstrap caret * dropdowns.less */ .dropdown-submenu > a:after { content: none; } .nav .dropdown-submenu > a:after { display: block; content: " "; & when (@is_rtl = true) { float: left; } & when (@is_rtl = false) { float: right; } width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 4px 0 4px 4px; border-left-color: #cccccc; } /* Hide responsive button by default when menu is regulat type*/ .tc-regular-menu .navbar .btn-toggle-nav, .tc-regular-menu .navbar .btn-navbar { display: none; } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active { outline: 0; } /* Fix bootstrap>2.3.2 plugin conflicts*/ .tc-header .nav-collapse.collapse.in { height: auto; } /* REGULAR MENU -------------------------------------------------- */ .dropdown-menu { border: 0px solid rgba(0, 0, 0, 0.2); } .dropdown-submenu > .dropdown-menu { top: 110%; & when (@is_rtl = true) { right: 30%; right: 30%\9; /* IE 8 and below */ } & when (@is_rtl = false) { left: 30%; left: 30%\9; /* IE 8 and below */ } top: 0%\9; /* IE 8 and below */ margin-top: -6px; margin-left: -1px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } /* ie9 hack */ .ie9 .dropdown-submenu > .dropdown-menu { left: 30%; } /* ie hack */ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } /* NEW MENU -------------------------------------------------- */ .tc-hover-menu.nav ul{ top: 29px; } /* ie hack */ .ie .tc-hover-menu.nav ul { top: 27px; } /* OLD */ /* .tc-hover-menu.nav.nav li:hover > ul { display: block; } */ .tc-hover-menu.nav li:hover > ul, .tc-hover-menu.nav li.czr-focusin > ul { display: block; } /* GENERAL MENU STYLE */ .nav .dropdown-menu { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle, .navbar .nav li.dropdown.open>.dropdown-toggle { background-color:transparent\9; /* IE8 and below */ background-color: rgba(0, 0, 0, 0); } /* REVEAL SUBMENU BLOCK ON CLICK */ .navbar-inner .nav-collapse .nav li.open > ul { display: block } .navbar.resp { display: block; width: 100%; } /* SUBMENU MOVE EFFECT ON HOVER */ .tc-submenu-move .dropdown-menu>li>a:focus, .tc-submenu-move .dropdown-menu>li>a:hover, .tc-submenu-move .dropdown-submenu:focus>a, .tc-submenu-move .dropdown-submenu:hover>a { & when (@is_rtl = true) { padding-right: 1.63em; } & when (@is_rtl = false) { padding-left: 1.63em; } } /* ADJUST LEFT AND RIGHT MENU POSITIONS => align with socials (left) and tagline (right) */ .logo-left .navbar div>ul.nav>.menu-item:last-child>a { & when (@is_rtl = true) { padding-left: 0px; } & when (@is_rtl = false) { padding-right: 0px; } } .navbar .nav { margin-right: 0px; } .tc-header .btn-toggle-nav.pull-left, .pull-menu-left .navbar div>ul.nav>.menu-item:first-child>a { & when (@is_rtl = true) { padding-right: 5px; } & when (@is_rtl = false) { padding-left: 5px; } } .tc-header .btn-toggle-nav.pull-right, .pull-menu-right .navbar div>ul.nav>.menu-item:last-child>a { & when (@is_rtl = true) { padding-left: 0px; } & when (@is_rtl = false) { padding-right: 0px; } } .pull-menu-left .nav-collapse{ float: left; clear: left; } .pull-menu-right .nav-collapse{ float: right; clear: right; } /* SIDE MENU -------------------------------------------------- */ .tc-sn-inner .tc-sidenav-help { clear: both; margin: 10px 0px; position: relative; float: left; padding-bottom: 12px; font-size: 17px; } /* prevent overflow-x when animating and when menu is visible */ .tc-sn-visible, .animating { overflow-x: hidden; } & when (@is_rtl = true) { /* rtl fix */ .animating[class*=sn-right] { direction: ltr; } .animating[class*=sn-right] * { direction: rtl; } } #tc-page-wrap { position: relative; z-index: 1; background: inherit; } [class*=sn-right] #tc-sn { right: 0; } [class*=sn-left] #tc-sn { left: 0; } nav#tc-sn { visibility: hidden; position: fixed; top: 0; height: 100%; margin: 0; z-index: 0; /* Make sure the z-index is lower than the #tc-page-wrap */ overflow: hidden; } #tc-sn .tc-sn-inner { -webkit-transition: height 0s; -moz-transition: height 0s; -o-transition: height 0s; transition: height 0s; position: relative; height: 100%; top: 0; left: 0; overflow: auto; -webkit-overflow-scroll: auto; /* safari */ padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } /* Animations */ .animating #tc-page-wrap, .animating #tc-sn, .tc-sn-visible #tc-page-wrap, .tc-sn-visible #tc-sn { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* Hide the menu unless it's animating or visible */ .animating #tc-sn, .tc-sn-visible #tc-sn { visibility: visible; } .animating #tc-sn, .animating #tc-page-wrap { -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; } .sn-right.sn-close #tc-sn, .sn-right #tc-sn { -webkit-transform: translate3d(+50%, 0, 0); -moz-transform: translate3d(+50%, 0, 0); transform: translate3d(+50%, 0, 0); } .sn-left.sn-close #tc-sn, .sn-left #tc-sn { -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } /* hide inner scrollbars (if any) while animating */ .animating #tc-sn .tc-sn-inner { overflow: hidden !important; } .animating #tc-sn, .tc-sn-visible #tc-sn { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* FIXED HEADER ISSUE */ .animating.tc-sticky-header #tc-page-wrap{ overflow: auto; } .tc-sticky-header[class*=sn-] .tc-header{ -webkit-transition: top 0s; -moz-transition: top 0s; -o-transition: top 0s; transition: top 0s; } .animating.sticky-enabled.tc-sticky-header .tc-header { opacity: 0; } /* HACK */ /* stick the sticky header to the left/right of the page wrapper*/ /* following needed both in mobiles with max-width 400px and in the safari version I tried 6.1.5, since looks fine also in other desktop I left it as general rule*/ /* basically on transition's end in those browsers the sticky header moved to left 0 (or right 0) of the window, overlapping the side menu style when side nav visible is actually rendered inline TC_menu.tc_set_sidenav_style */ .tc-sticky-header[class*=sn-left] .tc-header { left: 0; } .tc-sticky-header[class*=sn-right] .tc-header { right: 0; } /* see inline style for further fixes */ /* END FIXED HEADER ISSUE */ /* SIDE MENU START */ /*.btn-toggle-nav .menu-btn,*/ #tc-sn .nav-collapse { background: #fff; background: rgba(255,255,255,.9); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; } .btn-toggle-nav .menu-btn:focus, .btn-toggle-nav .menu-btn:hover { /* outline: none; for https://github.com/presscustomizr/customizr/issues/1771 */ outline-offset: inherit; background: none; } #tc-sn .tc-sn-inner.nav-collapse .nav{ display: block; width: 98% } .sn-nav-wrapper { clear: both; float: left; min-width: 100%; } #tc-sn .tc-sn-inner .nav li { float: none; } #tc-sn .nav a { border-bottom: 1px solid #EEE; } #tc-sn .tc-sn-inner .nav > li > a { padding: 5px 20px 5px 0px; } /* hide arrow */ #tc-sn.navbar .nav .dropdown-submenu > a:after, #tc-sn.navbar .nav > li > .dropdown-menu:after, #tc-sn.navbar .nav > li > .dropdown-menu:before { content: none; } #tc-sn .tc-sn-inner .nav li.dropdown .caret { display: none; } .tc-sn-inner .nav [class*=dropdown] { position: static; background: transparent; border: none; box-shadow: none; display: none; } /*force font color of the 2nd level for all viewports? change this in customizr? */ .nav .dropdown-menu a { color: #777; } .navbar div > ul.sn-nav > .menu-item:first-child > a { padding-left: 20px; } #tc-sn .tc-sn-inner .nav .dropdown-menu { left: auto; float: none; max-width: none; margin: 0; padding: 0; opacity: 1; top: 100%; } #tc-sn .nav-collapse .nav .dropdown-menu a { padding: 3px 5px; white-space: normal; } #tc-sn.navbar .nav-collapse ul.nav > li li a { font-size: 90%; & when (@is_rtl = true) { padding-right: 25px; } & when (@is_rtl = false) { padding-left: 25px; } } #tc-sn.navbar .nav-collapse ul.nav>li li li a { & when (@is_rtl = true) { padding-right: 50px; } & when (@is_rtl = false) { padding-left: 50px; } } .animating .tc-sn-inner .nav [class*=dropdown] , .tc-sn-visible .tc-sn-inner .nav [class*=dropdown] { display: block; } /* SIDE MENU END */ /* SIDE/MOBILE NAV TOGGLE BUTTON */ /*.sn-open .tc-header .btn-toggle-nav , .tc-sn-visible .tc-header .btn-toggle-nav { visibility: hidden; }*/ .btn-toggle-nav { width: auto; line-height: 29px; margin-top: 5px; } /* Adjustment when tagline off */ .sticky-enabled .tc-tagline-off .btn-toggle-nav { margin-top: 8px; margin-bottom: 8px; } .navbar .btn-toggle-nav .btn { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /*padding: 8px 7px 2px; border: 1px solid #EEE;*/ height: 30px; color: #5F6F81; text-decoration: none; cursor: pointer; margin: 1px 5px 0px; /* outline: 0; for https://github.com/presscustomizr/customizr/issues/1771 */ float: left; } .sn-toggle .btn { display: block; } /* Adapt close button position according to the user setting */ [class*=sn-left] .tc-sn .btn-toggle-nav { float: right; } [class*=sn-right] .tc-sn .btn-toggle-nav { float: left; } .tc-sn .btn-toggle-nav { margin-bottom: 10px } /* fix visibility bug on close */ .sn-close .tc-sn .btn-toggle-nav { visibility: hidden; } .menu-btn { padding: 0; background: none; border: none; } .menu-label { text-align: center; margin: auto; display: block; float: right; display: inline-block; margin-right: 5px; cursor: pointer; } .navbar .btn-toggle-nav .icon-bar { background: #5F6F81; display: block; width: 30px; height: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } .navbar .btn-toggle-nav .icon-bar, .navbar .btn-toggle-nav .menu-label { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /* Prevent icons staying highlighted in mobiles even when menu closed */ .tc-is-mobile .navbar .nav-collapse + .btn-toggle-nav .icon-bar { background-color: #5f6f81; } /* Tanform 3 bars in a cross */ .nav-collapse.in + .btn-toggle-nav .icon-bar:nth-child(1), .tc-sn-visible .btn-toggle-nav .icon-bar:nth-child(1) { -webkit-transform: translate(0px, 0px) rotate(-45deg) scalex(1.3); -moz-transform: translate(0px, 0px) rotate(-45deg) scalex(1.3); -ms-transform: translate(0px, 0px) rotate(-45deg) scalex(1.3); -o-transform: translate(0px, 0px) rotate(-45deg) scalex(1.3); transform: translate(0px, 0px) rotate(-45deg) scalex(1.3); } .nav-collapse.in + .btn-toggle-nav .icon-bar:nth-child(2), .tc-sn-visible .btn-toggle-nav .icon-bar:nth-child(2){ height: 0; -webkit-transition: all .05s linear; -moz-transition: all .05s linear; -o-transition: all .05s linear; transition: all .05s linear; } .nav-collapse.in + .btn-toggle-nav .icon-bar:nth-child(3), .tc-sn-visible .btn-toggle-nav .icon-bar:nth-child(3){ -webkit-transform: translate(0px, -3px) rotate(45deg) scalex(1.3); -moz-transform: translate(0px, -3px) rotate(45deg) scalex(1.3); -ms-transform: translate(0px, -3px) rotate(45deg) scalex(1.3); -o-transform: translate(0px, -3px) rotate(45deg) scalex(1.3); transform: translate(0px, -3px) rotate(45deg) scalex(1.3); } .csstransforms .nav-collapse.in + .btn-toggle-nav .icon-bar, .csstransforms .tc-sn-visible .btn-toggle-nav .icon-bar { margin: 0; } /* SECONDARY MENU -------------------------------------------------- */ .secondary-menu-separator hr:after { content: ''; border: 2px dashed #B3B3B3; display: block; } .secondary-menu-separator hr { border-bottom: 1px solid #EEE; border-top: none; margin: 30px 0 0; padding-bottom: 30px; } /* BREADCRUMB -------------------------------------------------- */ .tc-hot-crumble { margin: 5px 0 10px 0; position: relative; z-index: 10; } /* SIDEBARS */ #right.widget-area { padding-left: 5px; border-left: 1px solid @grayLighter; position: relative; } #right.widget-area:before { content: ""; height: 100%; border-left: 1px solid @white; position: absolute; left: 0px; top:0px; } #left.widget-area { padding-right: 5px; border-right: 1px solid @grayLighter; position: relative; } #left.widget-area::after { content: ''; position: absolute; height: 100%; border-right: 1px solid @white; right: -2px; bottom: 0px; } .widget_recent_entries li { border-bottom: 1px solid @grayLighter; position: relative; } .widget_recent_entries li:after { content: ""; border-bottom: 1px solid @white; position: absolute; width: 100%; right: 0px; bottom: -2px; } /* WIDGETS STYLING */ .widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li a { font-size: 13px; } .widget li { list-style: none } .widget { &.widget_archive, &.widget_categories, &.widget_calendar, &.widget_pages, &.widget_links, &.widget_meta, &.widget_recent_entries, &.widget_recent_comments, &.widget_nav_menu, &.widget_rss { li:before { content: '\203A'; position: relative; & when (@is_rtl = true) { right: -10px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; } & when (@is_rtl = false) { left: -10px; -webkit-transition:left 0.2s; -moz-transition:left 0.2s; -ms-transition:left 0.2s; -o-transition:left 0.2s; transition:left 0.2s; } } } } .widget li.on:before { & when (@is_rtl = true) { right: -7px; } & when (@is_rtl = false) { left: -7px; } } .tc-sidebar .widget li { line-height:25px; border-bottom: 1px solid #EEE; position: relative; } .tc-sidebar .widget li:after { content: ""; border-bottom: 1px solid #FFF; position: absolute; width: 100%; right: 0px; bottom: -2px; } .tc-sidebar .widget li:hover, .widget li:focus { text-decoration: none; background-color: #EEE; } .tc-sidebar .widget li a { text-shadow: 0 1px 0 #FFF; } /* NO WIDGETS ICONS */ .no-widget-icons h3.widget-title::before { content: none!important; } /* SOCIAL -------------------------------------------------- */ .navbar-inner .social-block { padding: 0px 20px 0px 10px; *max-width: 270px; /* IE 7 and below */ margin: 10px 0; } .social-block.widget_social a { font-size: 1em; } .colophon .social-block { margin:0px; text-align: center; } .social-block a { color:#5A5A5A; font-size: 1.3em; text-shadow: 0 1px 0 @white; opacity: 0.8; display: inline; background: none; width: inherit; height: inherit; vertical-align: inherit; line-height: inherit; margin: 0px; text-decoration:none; padding-right: 13px; position: relative; top: 2px; } footer#footer .colophon .credits a[class*=icon-], footer#footer .colophon .social-block a { color:#5A5A5A; text-shadow: 0 0px 0 @white; font-size: 1.1em; } footer#footer .colophon .credits a[class*=icon-] { vertical-align: inherit; position: relative; } .social-block a:focus, .social-block a:active { text-decoration: none; } /* SLIDER -------------------------------------------------- */ /* Carousel base class */ .carousel { margin-bottom: 0px; } .carousel .container { position: relative; z-index: 9; width: auto; } .carousel-inner > .active { /* Fix slider in IE */ z-index: 9\9; /*hack IE 8 and below */ } /* SLIDER CONTROLS */ .tc-carousel-control { font-size: 120px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); z-index: 10; color: inherit; line-height: 16px; vertical-align: middle; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; height: 38px; } .tc-carousel-control:focus, .tc-carousel-control:hover { text-decoration: none; opacity: .9; filter: alpha(opacity=90); outline : none; } .tc-carousel-control:focus { color: inherit; } .tc-slider-controls { position: absolute; bottom: 0; max-height: 500px;/* OVERRIDEN BY DYNAMIC!!!! PHP + JS */ line-height: 500px;/* OVERRIDEN BY DYNAMIC!!!! PHP + JS */ width: 10%; opacity: 0; color: #999; z-index: 10\9; /* controls visible and clickable in IE 9 and below */ } .tc-slid-hover .tc-slider-controls { opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .tc-slider-controls.right { right: 0; text-align: right; } .tc-slider-controls.left { left: 0; text-align: left; } /*.carousel-control { height: 80px; top:44%; margin-top: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 120px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background-color: transparent; border: 0; z-index: 10; *line-height: 72px; } */ .carousel .czr-item { line-height: 500px; overflow: hidden; min-height: 500px; max-height: 500px; } .carousel .czr-item > span { *zoom:1; /* layout hack IE7 and below */ } .carousel-image { position: absolute; top: 0; left: 0; min-width: 100%; max-height: 100%; } .carousel-image img { width: 100%; & when (@is_rtl = true) { -webkit-transition-property: width,height,top,right; transition-property: width,height,top,right; } & when (@is_rtl = false) { -webkit-transition-property: width,height,top,left; transition-property: width,height,top,left; } -webkit-transition-duration: .25s; transition-duration: .25s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; /* max-height: 100%; */ } .disable-transitions-for-smartload .carousel-image img { transition : none; -webkit-transition:none; -moz-transition:none; -o-transition:none; } .carousel-image.slider-full img { max-width: 100%; } .carousel-caption { background-color:transparent\9; /* IE8 and below */ background:rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000' , endColorstr='#33000000' ,GradientType=0 ); /* IE6-9 */ max-width: 60%; padding: 5%; line-height: 14px; vertical-align: middle; *top: 25%;/*hack IE7 and below */ display: inline-block; position: relative; & when (@is_rtl = true) { margin-right: 11%; text-align: right; } & when (@is_rtl = false) { margin-left: 11%; text-align: left; } /*display:inline; IE7 and below */ } .carousel-caption h1, .carousel-caption .lead { margin: 0; line-height: 1.25; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .carousel-caption .btn { margin-top: 10px; } /* link-whole-slide */ .tc-slide-link { z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .slider.edit-link { position: absolute; bottom: 40px; right: 11%; z-index: 2; } .slider.deep-edit-link.edit-link { right: auto; left: 11%; bottom: 20px; } /* If automatic centering is enabled */ .carousel > .center-slides-enabled > .czr-item > .carousel-image img { display: block; position: relative; } /* Gif Loader if center slide option is checked */ .tc-slider-loader-wrapper { height: 100%; width: 100%; position: absolute; z-index: 99;/*less than the default sticky-header z-index */ background: #FAFAFA; } .tc-img-gif-loader { width: 100%; display: inline-block; height: 100%; } /* Pure CSS loader */ @-webkit-keyframes tc-mr-loader { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes tc-mr-loader { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .tc-css-loader { display: none; width: 50px; height: 50px; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; } .csstransforms3d .tc-css-loader { display: block; } .tc-mr-loader > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .tc-mr-loader > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .tc-mr-loader > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .tc-mr-loader > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .tc-mr-loader > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; /*top: -4%; left: -4%;*/ top: -0%; left: -0%; width: 100%; height: 100%; border-radius: 100%; border: 2px solid #777; -webkit-animation: tc-mr-loader 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); animation: tc-mr-loader 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); } /* CUSTOM SLIDER HEIGHT */ .custom-slider-height .carousel-inner .czr-item { /*min-height:inherit;*/ } /* FEATURED PAGES -------------------------------------------------- */ /* * round-divs and featured pages container compatibility with bootstrap3+ * * See https://github.com/presscustomizr/customizr/issues/640 * fixes also the alternate post list layout when displaying rounded thumb */ #tc-page-wrap .marketing, #tc-page-wrap .round-div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Center align the text within the three columns below the carousel */ .marketing { margin-top: 20px } .marketing .span4 { text-align: center; } .marketing h2 { font-weight: normal; } .marketing .span4 p { margin-left: 10px; margin-right: 10px; } /*hover effect*/ .thumb-wrapper { width: 269px; max-width: 100%; height: 250px; position: relative; left: -1px; top: 0px; display: block; overflow: hidden; text-align: center; margin: auto; } .span9.article-container .thumb-wrapper { left: 1px; } .thumb-wrapper img { //min-height: 250px; z-index: 90; position: relative; } .thumb-wrapper.no-effect img { min-height: initial; } .thumb-wrapper.tc-holder { display:none\9; /* IE 8 and below */ } .round-div { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; width: 170px; height: 170px; z-index: 99; -webkit-border-radius: 60px; -moz-border-radius: 500px; border-radius: 900px; border: 104px solid @Customizrbackground; border-image:@CustomizrbackgroundImg; top: -66px; left: -54px; } /* two sidebars case */ .span6.article-container .round-div { width: 115px; height: 115px; top: -76px; left: -76px; } .span6.article-container .thumb-wrapper { height:180px; } .round-div.no-effect { border:none; } #footer .round-div { border-color:@FooterBg; } .no-cssanimations .round-div { border: 0px; } .no-cssanimations .thumb-wrapper { opacity: 0.7; } .no-cssanimations .thumb-wrapper:hover { opacity: 1; } .widget-front.hover .round-div, article.hover .tc-thumbnail .round-div { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); //cursor: pointer; } .widget-front { text-align:center; } /* Featurettes ------------------------- */ .featurette-divider { margin: 30px 0; clear: both; /* Space out the Bootstrap