Your IP : 216.73.216.5
/***** 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,
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";
}
/*-- LINKS
added in Nov 2020 for https://github.com/presscustomizr/customizr/issues/1869
with an option to opt-out for underline
*/
article .entry-content a, .comment-content a, .widget-area .widget_text a {
text-decoration:underline;
}
.tc-link-not-underlined {
article .entry-content a, .comment-content a, .widget-area .widget_text a {
text-decoration:none;
}
}
.tc-link-not-underlined {
article .entry-content a:hover, .comment-content a:hover, .widget-area .widget_text a:hover {
text-decoration:underline;
}
article .entry-content a:active, .comment-content a:active, .widget-area .widget_text a:active {
text-decoration:underline;
}
}
/*-- 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, a > span.tc-external:after {
content: "\f35d";
line-height: 0;
padding-left: 0;
text-decoration: none!important;
left: .2em;
padding-right: 0.1em;
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 <hr> more */
}
.featurette {
padding-top: 120px;
/* Vertically center images part 1: add padding above and below text. */
overflow: hidden;
/* Vertically center images part 2: clear their floats. */
}
.featurette-image {
margin-top: -120px;
/* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}
/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
margin-right: 40px;
}
.featurette-image.pull-right {
margin-left: 40px;
}
/* Thin out the marketing headings */
.featurette-heading {
font-size: 50px;
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}
/* POST STUFF
-------------------------------------------------- */
.article-container .tc-thumbnail-help {
font-size: 17px;
}
#main-wrapper {
margin-top: 20px;
margin-bottom: 20px;
}
.entry-summary {
text-align:justify;
}
/*title */
.post h1,
.post h2 {
display: inline-block;
}
.entry-header {
clear: both;
}
h1.entry-title, h2.entry-title {
width: 100%;
}
h1 a:hover, h2 a:hover {
text-decoration: none;
}
.entry-meta {
font-style: italic;
font-size: 12px;
margin-bottom: 8px;
}
.entry-meta .btn {
margin: 1px 1px;
}
.entry-meta .btn-tag {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #808080;
background-image: -moz-linear-gradient(to top, #8F8F8F, dimgray);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8F8F8F), to(dimgray));
background-image: -webkit-linear-gradient(to top, #8F8F8F, dimgray);
background-image: -o-linear-gradient(to top, #8F8F8F, dimgray);
background-image: linear-gradient(to bottom, #8F8F8F, dimgray);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8f8f8f' , endColorstr='#ff696969' , GradientType=0);
border-color: dimgray dimgray #424242;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.entry-meta .btn-tag:hover {
color: #FFF;
background-color: dimgray;
}
.edit-link a {
color: white;
}
.edit-link a:hover{
color: white;
text-decoration: underline;
}
article .tc-content {
margin-bottom: 30px;
}
/*Post Format Specifics*/
article.format-aside .entry-content {
padding: 24px 24px 0;
padding: 1.714285714rem;
background: @FormatAsideBg;
border-left: 18px solid @FormatAsideBorder;
}
article.format-chat .entry-content {
padding: 24px 24px 0;
padding: 1.714285714rem;
background: @FormatQuoteBg;
border-left: 18px solid @FormatQuoteBorder;
}
article.format-quote .entry-content {
& when (@is_rtl = true) {
padding: 24px 0 24px;
border-right: 18px solid@FormatQuoteBorder;
}
& when (@is_rtl = false) {
padding: 24px 24px 0;
border-left: 18px solid@FormatQuoteBorder;
}
padding: 1.714285714rem;
background: @FormatQuoteBg;
}
article.format-quote .entry-content blockquote {
border:0px;
background: inherit;
}
cite {
font-style: normal;
font-size: 14px;
}
blockquote {
padding: 5px 0 5px 15px;
margin: 0 0 20px;
font-style: italic;
background: #FFF;
}
article.format-link .entry-content {
padding: 24px 24px 0;
padding: 1.714285714rem;
background: @FormatLinkBg;
border-left: 18px solid @FormatLinkBorder;
}
article.format-link .entry-content a {
color: @FormatLinkBorder;
font-size: 20px;
text-decoration: none;
}
article.format-link .entry-content a:after{
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 0px;
-webkit-font-smoothing: antialiased;
padding-left: 6px;
font-size: 1.5em;
opacity: 0.3;
position: relative;
content: "\00bb";
top:6px;
}
/* reset the previous rule for the more-link in format-link articles
* the more-link has it's own "arrow"
*/
article.format-link .entry-content a.more-link:after {
content: ''
}
article.format-status .entry-content {
padding: 24px 24px 0;
padding: 1.714285714rem;
background: @FormatStatusBg;
border-left: 18px solid @FormatStatusBorder;
}
article.format-gallery p.format-icon, article.format-image p.format-icon {
text-align:center;
font-size:6em;
}
.entry-content.format-icon p {
text-shadow: 0px 1px 0px #FFF;
color: @PostFormatText;
}
article .author-info-wrapper , .archive-header .author-info {
background: #FFF;
padding: 15px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
font-style: italic;
font-size: inherit;
}
article .author-info + .author-info {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
article .author-info h2 , .archive-header .author-info h2 {
margin:0px;
}
/* pagination */
.page-links button.btn {
font-weight: bold;
}
.page-links a button.btn {
color: @customizrgray;
font-weight: normal;
}
/* Comments */
#respond #comment {
width: 100%;
}
.comments-link {
display: inline-block;
height: 36px;
line-height: 36px;
position: relative;
bottom: 10px;
}
/* default bubble */
.comments-link .default-bubble {
position: relative;
bottom: 20px;
right: 2px;
padding: 1px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border-radius: 18px;
width: auto;
min-width: 18px;
height: auto;
min-height: 18px;
display: inline-block;
font-size: 10px;
line-height: 18px;
text-align: center;
background: none;
-webkit-transition: bottom .3s ease;
-moz-transition: bottom .3s ease;
-ms-transition: bottom .3s ease;
-o-transition: bottom .3s ease;
transition: bottom .3s ease;
}
.comments-link .default-bubble:hover {
bottom: 22px;
color: #FFF!important;
background: @Customizrbackground;
background: rgba(0, 0, 0, 0.4)!important;
}
.comments-link .default-bubble:before {
content: '';
position: absolute;
bottom: -7px;
& when (@is_rtl = true) {
right: -7px;
}
& when (@is_rtl = false) {
left: -7px;
}
background: @Customizrbackground;
display: block;
width: 9px;
height: 9px;
border-radius: 10px;
}
.comments-link .inner {
color: white;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 51px;
line-height: 30px;
position: relative;
left: -35px;
text-align: center;
text-shadow: 0 1px 0 #141313;
vertical-align: middle;
width: 30px;
z-index: 10;
}
.rtl .comments-link .inner {
right: -35px;
left: initial;
}
.comments-link a:hover {
text-decoration: none;
}
input[type="submit"] {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
border: 1px solid #CCC;
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #B3B3B3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: -moz-linear-gradient(to top, #444, #222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
background-image: -webkit-linear-gradient(to top, #444, #222);
background-image: -o-linear-gradient(to top, #444, #222);
background-image: linear-gradient(to bottom, #444, #222);
background-repeat: repeat-x;
border-color: #222 #222 black;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444' , endColorstr='#ff222222' , GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
input[type="submit"]:hover {
color: white;
background-color: #222;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.comment-form-cookies-consent label {
display: inline;
& when (@is_rtl = true) {
padding-right: 5px;
}
& when (@is_rtl = false) {
padding-left: 5px;
}
}
.comment-form-cookies-consent input[type="checkbox" ] {
margin-top: -.1em;
}
/* CODE FOR COMMENTS */
code {
white-space: normal;
}
/* POST NAVIGATION*/
h3.assistive-text {
text-align: center;
letter-spacing: 4px;
opacity: 0.5;
margin: 0px;
}
.navigation .pager {
margin: 0px;
}
/* Style embedded objects */
embed, iframe, object, video {
max-width: 100%;
}
.hide-all-post-navigation, .hide-post-navigation,
.hide-all-post-metas .entry-header .entry-meta,
.hide-post-metas .entry-header .entry-meta {
display: none;
}
/* POST THUMBNAILS
-------------------------------------------------- */
.tc-rectangular-thumb {
max-height: 250px;
display: block;
overflow: hidden;
}
.tc-rectangular-thumb img {
position: relative;
-webkit-transition: -webkit-filter .4s ease;
-moz-transition: -moz-filter .4s ease;
-o-transition: -o-filter .4s ease;
transition: -webkit-filter .4s ease;
width: 100%;
}
.rectangular-blurred .tc-thumbnail img:hover {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
}
.no-csstransitions .rectangular-blurred .tc-thumbnail img:hover {
opacity: 0.7;
}
.rectangular-unblurred .tc-thumbnail img {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(4px);
}
.rectangular-unblurred .tc-thumbnail img:hover {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
}
.no-csstransitions .rectangular-unblurred .tc-thumbnail img {
opacity: 0.7
}
.no-csstransitions .rectangular-unblurred .tc-thumbnail img:hover {
opacity:1;
}
.rounded-expanded .thumb-wrapper .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);
}
.squared .round-div {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.squared-expanded .thumb-wrapper .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);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.__before_main_wrapper > .tc-thumbnail.span12 img {
width: 100%;
}
.__before_content > .tc-thumbnail.span12 img {
margin-top: 10px
}
/* NO EFFECT ON SINGLE */
.single .rectangular-unblurred img, .single .rectangular-blurred img {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
opacity:1!important;
width: 100%
}
/* JS IMAGE CENTERING */
img.h-centered {
& when (@is_rtl = true) {
float: left;
}
width: auto!important;
max-width: none!important;
}
img.v-centered {
height: auto!important;
max-height: none!important;
vertical-align: top;
}
/* POST GRID */
.tc-post-list-grid .grid__item {
border: 1px solid #EEE;
}
.tc-grid-shadow .grid__item {
-moz-box-shadow: 0px 0px 6px 2px #ccc;
-webkit-box-shadow: 0px 0px 6px 2px rgb(204, 204, 204);
box-shadow: 0px 0px 6px 2px rgb(204, 204, 204);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";
}
.tc-post-list-grid .featurette-divider.__after_article{
display: none;
}
.tc-grid-figure {
position: relative;
overflow: hidden;
margin: 0;
}
.tc-grid-figure img {
opacity: 1;
width: 100%;
height: auto;
-webkit-transition: opacity .2s, left .2s, top .2s;
-moz-transition: opacity .2s, left .2s, top .2s;
-ms-transition: opacity .2s, left .2s, top .2s;
-o-transition: opacity .2s, left .2s, top .2s;
transition: opacity .2s, left .2s, top .2s;
position: relative;
}
.tc-grid-post figcaption{
top: 0;
left: 0;
height: 100%;
position: absolute;
opacity: 0;
width: 100%;
color: #fff;
}
.expanded .tc-grid-post figcaption{
opacity: 1;
max-width: 65%;
height: auto;
margin-left: 8%;
background: none;
& when (@is_rtl = true) {
text-align: right;
}
& when (@is_rtl = false) {
text-align: left;
}
}
.span6.article-container .expanded figcaption, .span9.article-container .expanded figcaption {
max-width: none;
margin-left: 0;
}
.tc-grid .entry-header {
padding: 0 7%;
}
.expanded figcaption {
background: rgb(250, 250, 250);
background: rgba(0,0,0,.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);
}
article .no-thumb figcaption {
color: inherit;
background: none;
opacity: 1;
}
.expanded .no-thumb figcaption {
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.expanded figcaption, .no-thumb figcaption, .tc-grid-post figcaption {
-webkit-transition-property: opacity,background,color;
transition-property: opacity,background,color;
-webkit-transition-duration: .20s;
transition-duration: .20s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.tc-post-list-grid .expanded .entry-summary {
-webkit-transition-property: opacity,background,color;
transition-property: opacity,background,color;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.tc-post-list-grid .entry-summary{
line-height: 20px;
vertical-align: middle;
display: inline-block;
padding: 8%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 10;
position: relative;
text-rendering: geometricPrecision;
max-height: 75%;
margin: 0 8%;
padding: 0;
overflow: hidden;
}
.mask .entry-summary{
mask-image:linear-gradient(to top, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
-webkit-mask-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
}
/*.tc-post-list-grid article:not(.expanded) .entry-summary{
max-height: 75%;
margin: 0 8%;
overflow: hidden;
padding:0;
}*/
.tc-post-list-grid article.expanded .entry-summary{
background: rgb(250, 250, 250);
background: rgba(0, 0, 0, 0.4);
background: grey\9;
padding: 8%;
margin: 0;
max-height: none;
width: 100%;
}
.tc-post-list-grid .expanded .entry-title {
& when (@is_rtl = true) {
text-align: right;
}
& when (@is_rtl = false) {
text-align: left;
}
text-shadow: none;
}
.tc-post-list-grid .expanded .entry-title a {
color: #fff;
}
/* Edit link for the expanded post and for the grid-customizer */
.tc-grid-figure .edit-link {
position: absolute;
z-index: 20;
bottom: 1px;
left: 1px;
padding: 0 2px;
font-size: 11px;
line-height: 15px;
text-transform: none;
}
/* HOVER */
.tc-post-list-grid .hover:not(.expanded) figcaption , .tc-post-list-grid .expanded.hover .entry-summary {
opacity: 1;
background: rgb(250, 250, 250);
background-color: rgba(0, 0, 0, 0.6);
}
.hover .tc-grid-figure img {
opacity: 0.7;
}
/*.hover figcaption {
background: rgb(250, 250, 250);
background: rgba(0,0,0,.6);
color: #fff;
/*color: inherit\9!important;
}*/
.hover.expanded .no-thumb figcaption {
background: none;
}
.hover .no-thumb figcaption {
color: #fff;
background: rgb(250, 250, 250);
background: rgba(0,0,0,.6);
background: #676767\9;
}
.tc-post-list-grid article.sticky{
text-align: justify;
}
.tc-post-list-grid .featurette-divider.__loop{
display: none;
}
.tc-post-list-grid figcaption > a.tc-grid-bg-link {
position: absolute;
z-index: 12;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tc-is-mobile .tc-post-list-grid article.tc-grid figure figcaption > a {
-webkit-transition-property: width;
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 1s;
transition-property: width;
transition-duration: 0.1s;
transition-timing-function: linear;
transition-delay: 0.5s;
}
.tc-is-mobile article:not([class*=expanded]) figure:not([class*=no-thumb]) figcaption > a {
width: 0;
}
.tc-is-mobile article:not([class*=expanded]).hover figure:not([class*=no-thumb]) figcaption > a {
width: 100%;
}
/* comment bubbles in grid */
.tc-grid-figure .comments-link {
position: absolute;
z-index: 15;
top: 15%;
right: 1%;
}
.expanded .tc-grid-figure .comments-link {
top: 7%;
}
.tc-post-list-grid .comments-link .tc-comment-bubble {
background: #FAFAFA;
background: rgba(0, 0, 0, 0.4);
color: white;
}
.tc-post-list-grid .default-bubble:before {
background: #FAFAFA;
background: rgba(0, 0, 0, 0.4);
}
.tc-post-list-grid .no-thumb .comments-link .tc-comment-bubble {
background: none;
color: inherit;
}
.tc-post-list-grid .no-thumb .default-bubble:before {
background: none;
color: inherit;
}
.tc-post-list-grid .comments-link .custom-bubble-one:after, .tc-post-list-grid .comments-link .custom-bubble-one:before {
border: none;
}
/* Grid icons */
.tc-grid-icon {
text-align: center;
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
display: none!important\9;
}
.tc-post-list-grid article .tc-grid-icon:before {
font-size: 90px;
display: inline-block;
vertical-align: middle;
line-height: 29px!important;
top: inherit!important;
padding-right: 0;
}
.tc-b-sidebar .tc-post-list-grid article[class*=format] .tc-grid-icon:before {
font-size: 60px;
}
.tc-grid-post .no-thumb .format-icon:before {
opacity: 0.2;
}
.tc-grid-post .format-icon:before {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.hover .tc-grid-post .format-icon:before {
opacity: .3;
}
/* Fade Excerpt */
.no-thumb .tc-grid-fade_expt {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
text-align: center;
margin: 0;
/*padding: 44px 0;*/
background: -moz-linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(250,250,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
z-index: 11;
}
.hover .tc-grid-fade_expt {
background: none;
background: none;
}
/* WP SPECIFICS
-------------------------------------------------- */
.wp-caption {
max-width: 100%;
/* Keep wide captions from overflowing their container. */
padding: 4px;
}
.wp-caption .wp-caption-text,
.tc-gallery-style .gallery-caption,
.entry-caption,
/* Gutenberg adapt @see https://github.com/presscustomizr/customizr/issues/1789 */
.wp-block-image figcaption {
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5em;
color: @captionText;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
left: 0;
right: 0;
text-align: center;
width: auto;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
.tc-gallery-style .gallery-item img {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-transition: -moz-transform 3s ease;
-webkit-transition: -webkit-transform 3s ease;
-o-transition: -o-transform 3s ease;
transition: transform 3s ease;
}
.tc-gallery-style .gallery-icon img:hover {
-moz-transform: scale(1.08);
-webkit-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
-ms-transform: scale(1.08);
-moz-box-shadow: 0px 0px 10px 0px #9b9b9b;
-webkit-box-shadow: 0px 0px 10px 0px #9B9B9B;
-o-box-shadow: 0px 0px 10px 0px #9b9b9b;
box-shadow: 0px 0px 10px 0px #9B9B9B;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=20);
}
/* single attachment images are displayed with a fade in effect (see tc script for js) */
article.attachment img {
opacity: 0;
}
.attachment #image-navigation .next-image {
& when (@is_rtl = true) {
float: left;
}
& when (@is_rtl = false) {
float: right;
}
}
.entry-attachment .attachment {
text-align: center
}
article.sticky {
color: @customizrgray;
font-weight: bold;
text-align: center;
h2 {
font-size: 40px;
line-height: 45px;
}
}
li.bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(to top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(to top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(to top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(to top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(to top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
li.bypostauthor cite span {
color: white;
background-color: #21759b;
background-image: none;
border: 1px solid #1f6f93;
border-radius: 2px;
box-shadow: none;
padding: 0;
}
ul.children {
& when (@is_rtl = true) {
margin: 10px 40px 10px 0px;
}
& when (@is_rtl = false) {
margin: 10px 0px 10px 40px;
}
padding: 0px;
}
.commentlist {
margin: 0px;
padding: 0px;
}
.comment article, .trackback article, .pingback article {
background: white;
padding: 15px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.commentlist>.comment, .commentlist > .trackback, .commentlist > .pingback, .CommentForm>.comment, .comment ul>.comment {
list-style: none;
position: relative;
margin: 0 0 20px 0;
font-size: 14px;
}
#content .reply {
& when (@is_rtl = true) {
float: left;
}
& when (@is_rtl = false) {
float: right;
}
margin-right: 10px;
}
.comment cite {
font-size: 23px;
line-height: 26px;
display: block;
}
.comment .edit-link {
& when(@is_rtl = true){
float:left;
}
& when(@is_rtl = false){
float:right;
}
display:block;
margin-right: 10px;
}
.comment-avatar {
margin-bottom:5px;
}
.comment-meta a.comment-date {
font-style: italic;
font-size: 12px;
}
.comments-area li.bypostauthor cite span {
margin-left: 5px;
margin-left: 0.357142857rem;
padding: 2px 5px;
padding: 0.142857143rem 0.357142857rem;
font-size: 10px;
font-size: 0.714285714rem;
}
/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
margin-top: 12px;
margin-top: 0.857142857rem;
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
}
/* OTHER CUSTOMIZED WP CSS */
.calendar_wrap table {
width: 100%;
border-color: #e1e1e1;
padding: 0;
margin: 0 0 20px 0;
font-size: inherit;
border-top-style: solid;
border-top-width: 1px;
border-collapse: collapse;
border-spacing: 0;
}
#footer .calendar_wrap table {
color:#5A5A5A
}
footer#footer .calendar_wrap table a {
font-size: inherit
}
#footer .calendar_wrap table caption{
color: #EEE;
}
table caption {
padding: 0 0 5px 0;
width: auto;
text-transform: uppercase;
font-size: 16px;
text-align: center;
}
#wp-calendar tr,
#wp-calendar th,
#wp-calendar td {
border-color: #e1e1e1;
}
#wp-calendar td,
#wp-calendar th {
text-align: center;
font-size: inherit;
padding: 3px;
}
tr:nth-child(odd) td,
tr:nth-child(odd) th {
background-color: #f8f8f8;
}
tr:nth-child(even) td,
tr:nth-child(even) th {
background-color: white;
}
/*tr th:first-child,
tr td:first-child {
border-left-style: solid;
border-left-width: 1px;
}*/
#wp-calendar tfoot td {
& when (@is_rtl = true) {
text-align: right;
}
& when (@is_rtl = false) {
text-align: left;
}
}
ul {
/*list-style: none outside;*/
}
/* WOOCOMMERCE SPECIFICS
-------------------------------------------------- */
/* woocommerce product titles */
.woocommerce div.product .product_title {
text-align: @textAlign;
}
/* woocommerce single product figure margin set to 0 */
.woocommerce-product-gallery__wrapper {
margin: 0;
}
/* Woocommerce thumbnails */
.woocommerce .thumbnails {
margin-left: 0;
}
/* woocommerce variation fix */
.woocommerce .variations .label {
color: inherit;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
background: none;
vertical-align: text-top;
}
.woocommerce div.product form.cart .variations select {
margin-bottom: 0;
}
/* do not break woocommerce product labels */
.woocommerce .product label {
word-break: break-all;
white-space: normal;
}
/* checkout label/radio/checkboxe alignment */
#add_payment_method #payment ul.payment_methods label,
.woocommerce-cart #payment ul.payment_methods label,
.woocommerce-checkout #payment ul.payment_methods label {
display: inline-block;
margin-bottom: 0;
}
#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
line-height: 47px;
}
.woocommerce form .form-row .input-checkbox {
float: none;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
& when (@is_rtl = true) {
padding-right: 0;
}
& when (@is_rtl = false) {
padding-left: 0;
}
}
/* FOOTER
-------------------------------------------------- */
footer#footer {
color: @FooterText!important;
border-top: 10px solid @LargeBorder;
background: @FooterBg;
padding: 0px;
}
.footer-widgets {
padding: 20px 0px 20px;
}
footer#footer p,
footer#footer a {
font-size: 11px;
line-height: 21px;
color: @FooterText;
margin-bottom: 2px;
text-align: center;
}
footer#footer h3,
footer#footer h4,
footer#footer h5,
footer#footer h6 {
font-size: 22px;
line-height: 26px;
color: @FooterText;
text-align: center;
text-shadow: 0px 0px 0px #FFF;
}
footer#footer .colophon {
margin-top: 0px;
background-color:@ColophonBg;
padding: 10px 20px;
}
footer#footer .colophon .container {
max-width: 100%;
}
footer#footer .colophon a, footer#footer .colophon p {
color:@FooterBg;
}
footer#footer .colophon .credits span[class*=text],
footer#footer .colophon .credits a{
display: inline-block;
}
footer .widget_recent_entries li:after {
border-bottom: none;
}
footer ul, footer ol {
margin: 0 0 10px 0px;
}
/* SCROLL BACK TO TOP */
.tc-btt-wrapper.show {
visibility: visible;
cursor: pointer;
opacity: 1.0;
}
.tc-btt-wrapper:hover {
background: rgb(119, 119, 119) transparent;
background: rgba(119, 119, 119, 0.5);
}
.tc-btt-wrapper {
position: fixed;
opacity: 0;
visibility: hidden;
overflow: hidden;
text-align: center;
z-index: 99999999;
background: rgb(119, 119, 119) transparent;
background: rgba(119, 119, 119, 0.2);
background: white\9;
border: 1px solid #ddd\9;
color: #EEE;
width: 45px;
height: 43px;
line-height: 43px;
& when (@is_rtl = true) {
left: 30px;
}
& when (@is_rtl = false) {
right: 30px;
}
bottom: 25px;
padding-top: 2px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tc-btt-wrapper.left {
& when (@is_rtl = true) {
right: 30px;
left: auto;
}
& when (@is_rtl = false) {
left: 30px;
right: auto;
}
}
.tc-btt-wrapper i.btt-arrow {
line-height: inherit;
}
.btt-arrow {
font-size: 2em;
}
.btt-arrow:before {
content: "\f106";
text-shadow: 0px 1px 0 #FFF;
top: -.06em;
}
/* FRONT NOTIFICATIONS
/* ------------------------------------ */
#bottom-front-notification {
bottom: -100%;
background-color: rgba(0, 0, 0, 0.85);
padding: 10px 0;
position: fixed;
text-align: center;
right: 0;
left: 0;
z-index: 10000;
color: #fff;
display: block;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all, 0.45s ease-in-out;
-ms-transition: all, 0.45s ease-in-out;
-o-transition: all, 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
font-size: 1em
}
#bottom-front-notification h2 {
font-size: 1.5em;
line-height: 1.6em;
color: #fff;
margin-bottom: 15px;
}
#bottom-front-notification a {
color: #fff;
text-decoration: underline;
}
#bottom-front-notification p { line-height: 2em;}
#bottom-front-notification .note-content {
display: inline-block;
line-height: 20px;
width: 80%;
margin-bottom: 1em;
}
#bottom-front-notification .note-content p, #bottom-front-notification .note-content a {
font-size: 1rem;
line-height: 1.5rem;
}
#bottom-front-notification .fa:before {
top: 2px;
position: relative;
padding-left: 2px;
}
#bottom-front-notification .close-note {
position: absolute;
top: 10px;
right: 25px;
font-size: 31px;
cursor: pointer;
}
/* MEDIA PRINT
-------------------------------------------------- */
/* Remove links on print (twitter bootstrap displays them) */
@media print {
a[href]:after {
content: "";
}
abbr[title]:after {
content: "";
}
@page {
margin: 1cm;
}
}
/* PURE CSS LOADER */
// Pure CSS loader
@-webkit-keyframes czr-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 czr-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;
}
}
.czr-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 .czr-css-loader {
display: block;
}
.czr-mr-loader > div:nth-child(0) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.czr-mr-loader > div:nth-child(1) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.czr-mr-loader > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.czr-mr-loader > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.czr-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: czr-mr-loader 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: czr-mr-loader 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
/*
* NIMBLE BUILDER
* Reduce the default spacing for Customizr custom locations
*/
.is-customizing .sektion-wrapper[data-sek-id="__before_main_wrapper"] {
min-height: inherit;
margin-top: 0;
}
.is-customizing .sektion-wrapper[data-sek-id="__after_header"] {
min-height: 20px;
margin-top: 10px;
}
.is-customizing .sektion-wrapper[data-sek-id="__after_header"] .sek-empty-location-placeholder, .is-customizing .sektion-wrapper[data-sek-id="__before_main_wrapper"] .sek-empty-location-placeholder {
min-height:inherit;
margin: 0;
}
/* fix for https://github.com/presscustomizr/nimble-builder/issues/186 */
.sek-dragging .sektion-wrapper[data-sek-id="__after_header"] {
z-index: 1000;
position: relative;
}
/* Add space before the first sidebar below content on mobile devices
fixes https://github.com/presscustomizr/customizr/issues/1767
*/
hr.tc-mobile-separator{ display:none;}
@media (max-width: 767px) {
.tc-l-sidebar hr.tc-mobile-separator{ display:block;}
.tc-r-sidebar hr.tc-mobile-separator{ display:block;}
.tc-b-sidebar hr.tc-mobile-separator{ display:block;}
}