in footer (only one right now) */
text-align: center;
background: #ccc;
color: #000;
font-size: 18px;
}
.calendar tfoot .ttip {
/* Tooltip (status bar) cell | */
border-top: 1px solid #ccc;
background: #efefef;
color: #000;
}
.calendar tfoot .hilite {
/* Hover style for buttons in footer */
background: #666;
border: 1px solid #f40;
padding: 1px;
}
.calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
background: #999;
padding: 2px 0 0 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.combo {
position: absolute;
display: none;
top: 0;
left: 0;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #fff;
color: #000;
font-size: smaller;
}
.combo .label {
width: 100%;
text-align: center;
}
.combo .hilite {
background: #fc8;
}
.combo .active {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #efefef;
font-weight: 700;
}
.round-image img {
border-radius: 50%;
border: 8px solid #fff;
}
/* ----------------------------------------------*/
/* 03 - Page Classes
/* ----------------------------------------------*/
.item-page.roundimage .item-image img {
border-radius: 50%;
height: 500px;
width: 500px;
margin: 0 auto 100px;
}
.item-page.content-constrain {
width: 50%;
margin: 0 auto;
}
.item-page.content-constrain70 {
width: 70%;
margin: 0 auto;
}
.content-constrain .timeline-blog-item {
width: 60%;
margin: 0 auto;
}
.item-page.content-constrain .page-header {
text-align: center;
}
body.region1-constrain #region1, body.region2-constrain #region2, body.region3-constrain #region3, body.region4-constrain #region4, body.region5-constrain #region5, body.region6-constrain #region6, body.region7-constrain #region7, body.region8-constrain #region8, body.region9-constrain #region9, body.region10-constrain #region10, body.region1-constrain #region11, body.region12-constrain #region12 {
width: 70%;
margin: 0 auto;
}
body.region1-constrain50 #region1, body.region2-constrain50 #region2, body.region3-constrain50 #region3, body.region4-constrain50 #region4, body.region5-constrain50 #region5, body.region6-constrain50 #region6, body.region7-constrain50 #region7, body.region8-constrain50 #region8, body.region9-constrain50 #region9, body.region10-constrain50 #region10, body.region1-constrain50 #region11, body.region12-constrain50 #region12 {
width: 50%;
margin: 0 auto;
}
.constrain {
width: 70%;
margin: 0 auto !important;
}
/* ----------------------------------------------*/
/* 05 - Module Styles
/* ----------------------------------------------*/
/* Font Awesome */
.moduletitle:before {
font-family: 'FontAwesome';
font-size: .5em;
margin-right: 10px;
}
.moduletitle i {
vertical-align: middle;
line-height: 100%;
}
.moduletitle i:before {
vertical-align: middle;
}
/* Module H3 Titles */
.moduletitle i {
vertical-align: middle;
line-height: 100%;
}
.moduletitle i:before {
vertical-align: middle;
}
.moduletitle {
padding: 0;
}
.modulecontent {
padding: 12px 0;
}
.module input.button {
margin-bottom: 12px;
}
/* Common Module Suffix Styles */
/* Transparent */
.module.trans {
background: rgba(0,0,0,0.2) !important;
}
.trans h3.moduletitle, .trans .modulecontent {
padding: 20px !important;
}
/* Nopad */
.nopad, .nopad .modulecontent {
padding: 0 !important;
}
.nopad .breadcrumb, .nopad .modulecontent .breadcrumb {
padding: 8px 15px !important;
}
/* Nomarg */
.nomarg, .nomarg h3.moduletitle {
margin: 0 !important;
}
/* Mobileshow */
.mobileshow {
display: none !important;
}
/* mod_custom Footer */
p.footertxt {
color: #999;
}
/* Module suffix add ons */
.h3center h3.moduletitle {
text-align: center;
}
.wtext h3.moduletitle, .wtext p, .wtext span.rest, .wtext .module h3 span.rest, .wtext span.first_word, .wtext .module h3 span.first_word {
color: #fff !important;
}
/* Common Style */
/* Font Awesome Divider dots under the home page titles */
i.divide, i.wdivide {
font-size: 42px;
}
/* Custom HTML */
/* Title in User 31 */
h2.location_map, h3.location_map {
color: #fff!important;
}
img.beard_club {
margin-top: 32px;
margin-left: -60px;
}
/* Deluxe News Pro */
.fparticles p {
width: 60%;
margin: 40px auto;
font-size: 18px;
}
.fparticles_borderstyle {
padding: 5px;
border: 3px dashed #ddd;
}
.fparticles_borderstyle:hover {
padding: 5px;
border: 5px solid #999999;
}
.services_wrap {
padding: 40px;
}
/* Appointment Book Overrides */
.com_jxtcappbook .calendar {
position: static;
z-index: 1 !important;
}
/* ----------------------------------------------*/
/* 06 - Plugin Styles / Overrides
/* ----------------------------------------------*/
.imagegalleryplg img {
max-width: 33%;
margin: 0 !important;
border: 0 solid #ccc !important;
padding: 0 !important;
-moz-box-shadow: 0 0 0 0 #fff !important;
-webkit-box-shadow: 0 0 0 0 #fff !important;
box-shadow: 0 0 0 0 #fff !important;
}
/* X-Stream Video */
.xtream {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.xtream embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#appbook {
text-align: center;
}
#appbook .calendar {
display: inline-block;
margin: 20px;
border: 0px;
}
#appbook .calendar a {
font-size: 14px;
}
.com_jxtcappbook h2.itemTitle p {
font-size: 32px!important;
text-align: center;
}
#appBook {
margin: 0 auto;
width: 70%;
}
/* -----------------------------------------------*/
/* 07 - Bootstrap Styles / Overrides
/* ----------------------------------------------*/
.com_content .item-page .pager li >a, .pager li >span {
border-radius: 3px !important;
}
.playerBox {
margin-left: 0!important;
}
/* ----------------------------------------------*/
/* 08 - Mobile / Responsive CSS
/* ----------------------------------------------*/
/* MOBILE */
.mobilebtn {
position: relative;
}
.mobilebtn:before {
font-family: 'FontAwesome';
content: "\f0c9";
font-size: 42px;
color: #999;
width: 40px;
top: 0;
font-weight: 100;
position: absolute;
right: 8px;
}
.mobilebtn select {
background: #fff;
margin-top: 0;
}
.mobilebtn {
display: none;
}
.mobilebtn .chzn-container {
display: none !important;
}
.mobilebtn select {
display: none;
}
.mmobile {
text-align: center;
padding: 0 24px;
}
body.mobile {
padding: 0;
width: 100%;
background: #fff;
}
body.mobile #mobile {
background: #fff;
}
img#videomobile {
display: none;
}
a.logo {
max-height: 120px;
}
.logo img {
max-height: 240px;
}
#headerwrap #header {
padding: 0 !important;
border: none !important;
position: relative
}
#header:after {
content: '';
display: block;
width: 100%;
height: 40px;
background: url('https://www.barondekor.ru/templates/beardandstash/images/backgrounds/molding.png');
background-size: contain;
position: absolute;
z-index: -1;
}
.sticky.stickyscroll #header:after {
height: 20px;
}
@media(min-width: 900px ) {
#menu ul.menu {
display: flex;
align-items: center;
align-content: center;
}
#menu ul.menu li {
flex: 1 1 auto;
}
.sticky.stickyscroll #menu ul.menu li {
max-height: 50px;
}
}
@media(max-width:900px ) {
#logo a {
background-size: contain !important;
}
}
table.jshop {
border-collapse: collapse;
text-align: center;
}
body.frontpage, body.innerpage {
background-size: cover !important;
}
.odcat {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}
.odcat li {
position: relative;
}
.odcat li a {
padding: 10px 10px 10px 20px;
display: block;
font-size: 16px;
color: #311a19;
text-decoration: none;
border-bottom: 1px solid #311a19;
}
.odcat li.active a, .odcat li a:hover {
font-weight: bold;
}
.uf_wrapper.uf_wrapper_photos, .uf_wrapper.uf_wrapper_availabilitys, #uf_sales, #uf_additional_prices, #uf_reviews {
display: none;
}
.uf_trackbar_inputs input {
width: auto;
background: transparent;
color: inherit;
}
[class^="uf_label_"] {
background: transparent;
color: inherit;
}
.uf_label_selected {
background: #553836;
color: #fff;
}
@media(min-width: 500px ) {
.uf_wrappers .uf_wrapper {
width: 25%;
float: left;
}
}
#jshop_unijax_filter .uf_trackbar table.trackbar .c {
background: #553836;
}
.jshop_list_product #sort_count, .jshop_img_description {
background: #fafafa;
padding: 10px 12px;
margin-bottom: 20px;
display: inline-block;
width: 100%;
border-radius: 5px;
transition: all 0.3s ease-in-out;
box-shadow: 0 2px 10px -3px rgba(53, 74, 167, 0.37);
}
.jshop_list_product #sort_count .box_products_sorting {
float: left;
}
.link_products_sorting a {
margin: 0 10px;
}
.jshop h1 {
font-size: 32px;
}
#uf_count_product {
color: #311a19;
}
.old-price {
display: none;
}
#jshop_unijax_filter .uf_trackbar {
width: 90%;
margin: auto;
}
#component {
margin-top: 0px;
}
.module .search {
margin: 100px 0 0 0;
text-align: center;
}
input.search-query {
border-radius: 0;
width: auto;
height: 25px;
}
.search .button {
background: #553836;
padding: 5px 10px;
height: 25px;
margin: 0 !important;
}
#searchForm .btn-toolbar {
display: none;
}
#list_product_image_thumb img:nth-child(1) {
display: none;
}
#list_product_image_middle {
position: relative;
}
.productfull .text_zoom {
position: absolute;
right: 10px;
bottom: 10px;
opacity: .5;
max-width: 8%;
width: 50px;
height: 50px;
background: url(/components/com_jshopping/images/full.png);
background-size: auto;
background-size: cover;
filter: invert(100%);
font-size: 0;
}
#list_product_image_thumb img {
height: 180px;
object-fit: cover;
pointer-events: none;
}
.productfull .prod_price {
margin-top: 30px;
}
.productfull .extra_fields {
margin-top: 0px;
}
.productfull #block_price, .productfull .extra_fields_value {
font-size: 18px;
color: #553836;
font-weight: bold;
}
.list_product_demo .span2 {
text-align: center;
background: #fafafa;
padding: 10px 12px;
margin-bottom: 20px;
display: inline-block;
border-radius: 5px;
transition: all 0.3s ease-in-out;
box-shadow: 0 2px 10px -3px rgba(53, 74, 167, 0.37);
}
.list_product_demo .span2 .descr {
height: 100px;
background: url('https://www.barondekor.ru/templates/beardandstash/images/backgrounds/download.png') no-repeat;
background-size: contain;
display: inline-flex;
align-items: end;
font-weight: bold;
}
/*Корзина*/
#jshop_module_cart {
margin: 10px 10px 0 0;
}
#jshop_module_cart a {
line-height: 14px;
height: 40px;
width: 40px;
position: relative;
display: block;
}
#jshop_module_cart a:before {
content: "";
height: 40px;
width: 40px;
background: transparent url(https://www.barondekor.ru/templates/beardandstash/images/icons/bag.png) no-repeat center center;
display: block;
border-radius: 4px;
position: absolute;
z-index: 0;
}
#jshop_module_cart a .title-my-cart {
display: block;
font-size: 14px;
color: #222;
text-transform: capitalize;
}
#jshop_module_cart a .count-item {
font-size: 16px;
color: #000;
display: block;
position: relative;
z-index: 1;
}
#jshop_module_cart a .count-item span {
display: block;
margin: auto;
text-align: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.64);
line-height: 20px;
}
#jshop_module_cart a .price {
font-size: 12px;
color: #34558b;
display: inline-block;
}
#jshop_module_cart a .price:before {
content: "-";
display: inline-block;
margin: 0 3px;
color: #555;
}
#jshop_module_cart a:hover:before {
background-color: #bb2d00;
}
/*-----------------*/
@media(min-width: 900px ) {
#menuwrap center {
display: flex;
align-content: center;
align-items: center;
justify-content: space-evenly;
max-width: 1100px;
margin: auto;
}
#menuwrap center > div {
width: 33.3%;
}
}
h5.item-title {
font-weight: bold !important;
height: 40px;
}
.shophead {
margin-bottom: 50px;
}
.image {
background: #642222;
}
.info {
background: #c4b1a8;
padding: 8px 0;
}
.product_link {
color: #553836;
font-size: 150%;
}
.product .item-image, #list_product_image_middle {
background: #642222;
display: flex;
align-items: center;
justify-content: center;
}
.product .item-image:hover {
transform: scale(110%);
box-shadow: 0px 4px 23px 2px rgba(0, 0, 0, 0.5);
}
.productfull .text_zoom img {
display: none;
}
.row-fluid [class*="sblock"] {
width: 100% !important;
float: none;
position: relative;
}
.row-fluid [class*="sblock"]:nth-child(3) {
display: none;
}
.block_complect .complect_total_info {
display: none;
}
.product.product_c_item {
display: flex;
align-items: center;
justify-content: space-between;
}
.jshop_list_product .product .image .jshop_img {
height: 100px;
width: 150px;
object-fit: contain;
}
.block_complect .complect_sign {
float: none;
top: 0;
font-size: 475%;
left: 80px;
color: #cd3f1f;
}
.row-fluid [class*="sblock"]:nth-last-child(2) .complect_sign {
display: none;
}
#jshop_unijax_filter .uf_buttons {
padding: 0 !important;
text-align: left;
margin: 15px 0 0px;
}
#jshop_unijax_filter .groupbtnleft, #jshop_unijax_filter .groupbtnright {
height: 50px;
width: 50px;
border-radius: 0 !important;
text-indent: -999em;
background: transparent !important;
border: none !important;
position: relative;
}
#jshop_unijax_filter .groupbtnleft:before {
content: '';
width: 50px;
height: 50px;
display: block;
position: absolute;
top: 0;
left: 0;
background: transparent url(https://www.barondekor.ru/templates/beardandstash/images/icons/yes.png) no-repeat center;
}
#jshop_unijax_filter .groupbtnright:before {
content: '';
width: 50px;
height: 50px;
display: block;
position: absolute;
top: 0;
left: 0;
background: transparent url(https://www.barondekor.ru/templates/beardandstash/images/icons/no.png) no-repeat center;
}
.pfinish_comment_block, .pfinish_comment_block #order_add_info {
max-width: none;
}
.pfinish_comment_block .name {
text-align: left;
}
@media(min-width: 500px ) {
.col-md-4 {
width: 33.3%;
float: left;
}
.product .item-image {
margin: 10px;
height: 222px;
}
}
@media(max-width: 500px ) {
table.jshop td, table.jshop tr {
display: block;
width: 100%;
}
.item-info {
margin: 0 0 10px 10px;
}
.frontpage #user1 p {
text-align: left !important;
}
.module .search {
margin: 40px 0 -70px 0;
}
}
.quantity>div.data, .list_product .product .quantity.data {
position: relative;
cursor: pointer;
width: 65px;
height: 30px;
margin: auto;
}
.quantity span.product_plus, .quantity span.product_minus {
display: block;
position: absolute;
right: 0;
width: 15px;
height: 50%;
border-left: 1px solid #ddd;
}
.quantity span.product_plus:after, .quantity span.product_minus:after {
display: block;
position: absolute;
left: 0;
top: 0;
font: normal normal normal 14px/1 FontAwesome;
}
.quantity span.product_minus:after {
content: "\f146";
}
.quantity span.product_plus:after {
content: "\f0fe";
}
.quantity span.product_plus {
top: 0;
border-bottom: 1px solid #ddd;
}
.quantity span.product_minus {
top: 50%;
}
table.jshop td {
vertical-align: middle;
}
.productfull .prod_qty_input {
position: relative;
}
.list_product .product .quantity.data {
float: left;
overflow: hidden;
margin-right: 10px;
border: 3px solid rgba(255, 255, 255, 0.5);
}
.jshop_list_product .product .jshop_price, span#utochnite {
text-align: left;
font-size: 19px;
margin-bottom: 5px;
display: inline-block;
}
.main-price {
height: 101px;
}
.jshop_prod_attributes {
width: 40%;
float: left;
padding: 0 !important;
}
div.jshop_prod_attributes select {
width: 95px;
margin: 2px 0 0 0 !important;
}
div.jshop_prod_attributes .attributes_title {
display: none;
}
.item-info {
margin-left: 10px;
}
.osgalery-cat-tabs {
padding: 0 !important;
}
.osgalery-cat-tabs .tab-click-loadMore {
font-weight: bold;
padding: 5px 10px 10px 10px !important;
background: #e2dedc;
color: #311a19 !important;
border-radius: 10px 10px 0 0;
border-left: 1px solid #311a19;
border-top: 1px solid #311a19;
border-right: 1px solid #311a19;
height: 65px !important;
text-transform: capitalize;
}
.osgalery-cat-tabs .tab-click-loadMore.active {
background: #f6efea !important;
color: #000;
}
.os-cat-tab-images {
background: #f6efea;
padding: 10px;
border: 1px solid #311a19;
border-top: none;
z-index: 0;
position: relative;
}
.extra_fields {
height: 75px;
}
.list_product .item-wrap {
background: rgb(255 255 255 / 35%);
margin: 5px;
}
.horizontalmenu {
display: flex;
justify-content: center;
background: #642222;
}
.horizontalcenter {
width: 300px;
}
.horizontalmenu1, .horizontalmenu2 {
width: calc(50% - 150px);
}
.horizontalmenu1 ul {
list-style-type: none;
display: flex;
margin: 0 auto;
justify-content: end;
}
.horizontalmenu2 ul {
list-style-type: none;
display: flex;
margin: 0 auto;
}
.horizontalmenu ul li a {
color: #fff !important;
font-size: 16px !important;
padding: 10px;
}
label.open.xtccanvas {
margin-top: 10px;
}
#jxtc_canvasslide_left label.close, #jxtc_canvasslide_right label.close {
text-align: center;
}
@media(min-width: 500px ) {
#menu2 {
position: absolute;
right: 0;
}
} |