/* COlORS */
:root {
    --sc-primary: #7c4a39;
    --sc-primary-light: rgba(124, 74, 57, 0.2);
    --sc-secondary: #d66d1f;
    --sc-secondary-light: #d66d1f;
    --sc-green: #94a758;
    --sc-green-dark: #738337;
    --sc-red: #b23f06;
    --sc-beige: #dfd9da;
    --sc-light: #efebec;
    --sc-dark: #1E1E1E;
}

.flex{display: flex; }
.space-between{justify-content: space-between}
.align-center{align-items: center;}
.h-full{height: 100%;}

.pointer_events_none{pointer-events: none!important;}

.grecaptcha-badge{visibility: hidden;}

.text-center{text-align: center;}
.text-primary {color: var(--sc-primary);}

.w-text.large_icon i{font-size:30px; margin-right: 1rem; color: var(--sc-green);}

.stretch_image_width .w-image-h{height: 100%;}
.stretch_image_width img{height: 100% !important; object-fit: cover!important;}

.stretch_image_height .w-image-h{height: 100%; display: block;}
.stretch_image_height .w-image-h img{height: 100%; object-fit: cover; }

.w-grid-list.owl-carousel{margin:0!important;}

.error404 .search-form{text-align:center}
.error404 .search-form input[type=submit]{margin-top:2rem;display:inline-block}

.sticky_button {position: fixed !important;bottom: 0;left: 0;right: 0;padding: 5px 15px !important;background: white;z-index: 999;-webkit-box-shadow: 0 0 7px 0 rgba(38,38,38,0.2);-moz-box-shadow: 0 0 7px 0 rgba(38,38,38,0.2);box-shadow: 0 0 7px 0 rgba(38,38,38,0.2);}
.sticky_button.menu-open {display: none;}
.sticky_button .w-btn-wrapper a.add_to_cart_button:before {content: '';}
.sticky_button button {width: 100%;}

.zoom_on_hover{overflow: hidden;}
.zoom_on_hover img{transition-duration: 0.3s;transform-origin: 50% 50%;transform: scale(1) translate(0,0);display: block;}
.zoom_on_hover:hover img{transform: scale(1.1) translate(0,0);opacity: 1;}

/* Photo grid */
.photo_grid{display: grid!important; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;}
.photo_grid .grid_item{width: auto; position: relative;overflow: hidden; height: 350px;}
.photo_grid .grid_item .image_container{display: flex; height: 100%; width: 100%; overflow: hidden;}
.photo_grid .grid_item .image_container img{object-fit: cover; min-height: 100%; min-width: 100%;}
.photo_grid .grid_item:nth-child(7n + 1){grid-column: span 2;}
.photo_grid .grid_item:nth-child(7n + 4){grid-row: span 2; height: calc(700px + 1.5rem);}
.photo_grid .grid_item:nth-child(7n + 6){grid-row: span 2; grid-column: span 2; height: calc(700px + 1.5rem);}
.photo_grid .grid_item:not(.no_hover) .hover_content h3{font-size: 30px;font-weight: bold;color: #fff;border-bottom: 1px solid #fff;padding-bottom: 15px;}
.photo_grid .grid_item:not(.no_hover) .hover_content{display: none;position: absolute;bottom: 5%;left: 3%;right:3%;color: #fff;}
.photo_grid .grid_item:not(.no_hover) .hover_icon,
.photo_grid .grid_item:not(.no_hover):hover .hover_content{display: block;animation-name: slide-up;animation-duration: 0.2s;animation-timing-function: ease-in;}
.photo_grid .grid_item:not(.no_hover):hover .hover_icon,
.photo_grid .grid_item .image_container:after,
.photo_grid .grid_item .image_container:before{position:absolute;opacity:0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.photo_grid .grid_item .image_container:after{content:'\A';width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.5);pointer-events: none;}
/*.photo_grid .grid_item .image_container:before{content: '';background-image: url("../icons/circle-arrow-right-thin-white.svg");background-repeat: no-repeat;width: 100%;height: 100%;z-index: 15;position: absolute;top: 0;left: 0;color: #fff;background-position: center;background-size: min(70px, 30%);pointer-events: none;}*/
.photo_grid .grid_item:not(.no_hover):hover .image_container:after,
.photo_grid .grid_item:not(.no_hover):hover .image_container:before{opacity:1;}

.expertise{padding-bottom: 8rem;}
.expertise a{padding-bottom: 40rem;}
.expertise > .vc_column-inner{padding-left: .5rem!important; padding-right: .5rem!important;}
.expertise > .vc_column-inner > .wpb_wrapper{position: relative;}
.expertise .w-image{height: 550px; overflow: hidden}
.expertise .w-image img{object-fit: cover; transition: all .2s ease-in-out}
.expertise .expertise_overlay{pointer-events: none;color: #fff;position: absolute;left: 1rem;right: 1rem;bottom: -3rem;background: var(--sc-dark);padding: 2rem;}
.expertise .expertise_overlay *{color: #fff; text-align: center;pointer-events: none;}

.expertise h2{position: relative;}
.expertise h2::before{
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    left: calc(90% + 10px);
    top: 6px;
    transition: all .2s ease-in-out;
    border-top-right-radius: 3px;
}
.expertise h2::after{
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background-color: #fff;
    top: 12.5px;
    left: 90%;
    transition: all .2s ease-in-out
}

.expertise:hover .expertise_overlay{background: var(--sc-primary);}
.expertise:hover .w-image img{transform: scale(1.05);}
.expertise:hover h2::before{left: calc(90% + 24px);}
.expertise:hover h2::after{width: 40px;}

.design_element_top::before{content: ''; width: 5px; height: 75px; background: var(--sc-primary); display: block; margin:0 auto; margin-bottom: 2rem;}

.royalSlider .rsArrow.rsArrowLeft{left: 2rem;transition: all .2s ease-in-out}
.royalSlider .rsArrow.rsArrowRight{right: 2rem;transition: all .2s ease-in-out}
.royalSlider .rsArrow.rsArrowLeft:after,
.royalSlider .rsArrow.rsArrowRight:after{content: '' !important; background: url('../icons/slider-navigation.svg'); width: 74px; height: 52px; background-repeat: no-repeat}
.royalSlider .rsArrow.rsArrowLeft:after{transform: rotate(180deg)}

.royalSlider .rsArrow.rsArrowLeft:hover{left: 1rem;}
.royalSlider .rsArrow.rsArrowRight:hover{right: 1rem;}

.vc_row .vc_col-sm-12.vc_col-md-8.stretched .stretch_image_width img{min-width: 100%;}