/*
Theme Name: Mandala Child
Theme URI: 
Description: Tema Child di Hyper Room
Author: Hyper Room
Author URI: https://www.hyper-room.com/
Template: mandala
Version: 1.0.0
Tags: 
Text Domain: mandala-child
*/

@import url('../mandala/style.css');

/* =Theme customization starts here
————————————————————– */

.header-container .container .row .col-xs-12.col-md-12.col-lg-3 {
    padding-left: 0 !important;
}
.main-container .shop-products .item-col.first {
    clear: none !important;
}

#billing_CF_field {
    float: right;
}

.main-container .home-banners .vc_column_container .wpb_content_element.arrow-rect {
    background: #282828;
    color: #fff;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 42px;
    font-weight: bold;
    height: 315px;
    line-height: 40px;
    padding: 80px 0 0 82px;
    position: relative;
    text-transform: uppercase;
}

.main-container .page-content.blog-fullwidth {
    margin-bottom: 70px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}

.logo img {
    max-width: 300px;
}

.header-container.layout2 .nav-container #mega_main_menu {
    margin-top: 24px !important;
}

.header-container.layout2 .logo {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.footer .footer-social {
    background: url(/wp-content/uploads/footer_social.jpg) center center repeat !important;
    height: 184px !important;
}

.footer .footer-social .social-icons li,
.footer .footer-social .social-icons li.si0 {
    background: none !important;
    height: 184px !important;
    line-height: 184px !important;
}

.header-container .nav-container #mega_main_menu > .menu_holder .menu_inner > ul > li > a.item_link {
    padding: 0px 12px !important;
}
.header-container .nav-container #mega_main_menu > .menu_holder .menu_inner > ul > li > a.item_link .link_text {
    color: black !important;
}

.main-container .product_header {
  background-color: #f0f0f0;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom-color: #eeeeee;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  padding-top: 10px !important;
}

.mg-brand-wrapper {
  text-align: center;
}
  
.mg-brand-wrapper.mg-brand-wrapper-product.mg-brand-image a {
  margin: 0 auto !important;
  background-color: transparent !important;
  width: 100% !important;
}

/*
.footer .footer-top .ftbox.grey, .footer .footer-social .social-icons li.si0 {
    background: #bdc3c7 !important;
}

.footer .footer-top .ftbox, .footer .footer-social .social-icons li {
    background: #333e45 !important;
}
*/

.vc_btn3.vc_btn3-color-inverse, .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat
 {
    background:#333e45 !important;
    color:#fff;
    font-family:"Lato";
}

li.current-menu-item > a
{
    /* color: #A7A7A7; */
    font-style: italic;
    text-decoration: underline;
}

.header-container .top-bar .topbar-content .nav-toggler .vmn-open {
  color: gray;
  
  /* WebKit (Safari/Chrome) Only */
  /* -webkit-text-stroke: 1px black; */
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  /* color: white; */
  
  text-shadow:
    0px  0px 2px #666,
   -1px -1px 2px #666,  
    1px -1px 2px #666,
   -1px  1px 2px #666,
    1px  1px 2px #666;
    
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
}

.header-container .top-bar .topbar-content .nav-toggler .vmn-open {
  background: url(/wp-content/themes/mandala/images/logo_small1.png) no-repeat right top !important;
  padding-right: 60px !important;
  height: 52px !important;
  line-height: 35px !important;
}

.header-container .top-bar .topbar-content .nav-toggler {
    z-index: 999 !important;
}

.padding-left_0 {
    padding-left: 0px !important;
}

.main-container .home-banners .vc_column_container .wpb_content_element.arrow-top, 
.main-container .home-banners .vc_column_container .wpb_content_element.arrow-bottom,
.main-container .home-banners .vc_column_container .wpb_content_element.arrow-left, 
.main-container .home-banners .vc_column_container .wpb_content_element.arrow-right {
    padding: 60px 0px 0px 0px;
}

.front-page .vc_row .vc_column_container .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.front-page .vc_row {
    margin-left: 0px;
    margin-right: 0px;
}

.main-container .home-banners .vc_column_container .wpb_content_element.arrow-top:after,
.main-container .home-banners .vc_column_container .wpb_content_element.arrow-bottom:after {
  background: #282828 !important;
  content: "";
  display: block;
  height: 24px;
  left: 48% !important;
  margin-top: -12px;
  position: absolute;
  top: 0% !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 24px;
  z-index: 2;
}

.main-container .home-banners .vc_column_container .wpb_content_element.arrow-bottom:after {
  left: 48% !important;
  top: 100% !important;
  right: -12px;
}

.main-container .home-banners .vc_column_container .wpb_content_element.shop-rect {
    height: 400px;
    padding-top: 172px;
}

@media only screen and (min-width:760px) {
    .vc_col-sm-4.above_slider_home {
        width: 29%;
        margin-left: 27px;
    }
    .main-container .home-banners .vc_column_container .wpb_content_element.shop-rect {
        height: 320px;
        padding-top: 133px;
    }
}


@media only screen and (max-width:480px) {
    .shop_header {
        height: 10px !important;
    }

    .main-container .woocommerce-breadcrumb, .main-container .breadcrumbs {
        margin: 0px 0px 10px 0px !important;
    }
    .widget_top_rated_products, .widget_product_tag_cloud, .yith-woocompare-widget {
        display: none !important;
    }
    .main-container .home-banners .vc_column_container .wpb_content_element.arrow-top, .main-container .home-banners .vc_column_container .wpb_content_element.arrow-bottom {
        padding: 20px 0px 0px 0px !important;
    }
    /* FINE SCREEN MAX-WIDTH480 */
}
@media only screen and (min-width:1200px) {
    .header-container.layout2 .top-bar {
        padding-top: 18px !important;
    }

    .vc_col-sm-4.above_slider_home {
        width: 33.33333333%;
        margin-left: 0;
    }

    .main-container .home-banners .vc_column_container .wpb_content_element.shop-rect {
        height: 400px;
        padding-top: 172px;
    }
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
	border: none;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 3px 0 0;
    padding: 0 4px 5px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 2;
	color: #757575;
}