/*
 Theme Name:   Hotel Opera Child
 Theme URI:    https://www.opera-hotel.it
 Description:  Hotel Opera Child Theme
 Author:       Beddy
 Author URI:   https://www.beddy.io
 Template:     abelle
 Version:      1.0
 Text Domain:  hotelopera
*/


/* =Theme customization starts here
------------------------------------------------------------ */
@import url("https://use.typekit.net/fod1ruy.css");

:root{
    --hotel-opera-heading_font: "trajan-pro-3",serif;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
#menu-hotel-opera .sc_layouts_menu_nav > li > a{
    font-family: var(--hotel-opera-heading_font);
}
.sc_icon_type_svg svg {
    stroke: inherit;
}
.sc_icons_card .sc_icons_item {
    padding: 4.2em 2.4em;
}
.sc_icons_card .sc_icons_item:hover .sc_icons_icon,
.sc_icons .sc_icons_item:hover .sc_icons_item_title,
.sc_icons .sc_icons_item:hover .sc_icons_item_description{
    color: var(--theme-color-inverse_hover);
}
.sc_squeeze_item{
    background-position: center;
    background-size: cover;
}
.sc_squeeze .sc_squeeze_viewport::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    z-index: 2;
}
.sc_squeeze .sc_button{
    margin-top: 12px;
    border-color: var(--theme-color-extra_dark);
    color: var(--theme-color-extra_dark);
    z-index: 1;
}
.sc_squeeze .sc_button:hover{
    color: var(--theme-color-inverse_link) !important;
    border-color: var(--theme-color-text_hover) !important;
    background-color: var(--theme-color-text_hover) !important;
}
.sc_slider_controls .slider_controls_wrap > a,
.slider_container.slider_controls_side .slider_controls_wrap > a,
.slider_outer_controls_side .slider_controls_wrap > a,
.slider_outer_controls_outside .slider_controls_wrap > a {
    color: var(--theme-color-text_link);
    border-color: var(--theme-color-text_link);
    background-color: transparent;
    border-width: 1px;
    border-style: solid;

}
.sc_slider_controls .slider_controls_wrap > a:hover,
.slider_container.slider_controls_side .slider_controls_wrap > a:hover,
.slider_outer_controls_side .slider_controls_wrap > a:hover,
.slider_outer_controls_outside .slider_controls_wrap > a:hover{
  color: var(--theme-color-inverse_link);
  background-color: var(--theme-color-text_link);
  border-color: var(--theme-color-text_link);
}
.sc_testimonials_decoration .sc_testimonials_item_content::before {
    color: var(--theme-color-text_link);
}
.room-services .sc_icons_card .sc_icons_item:hover .sc_icons_icon,
.room-services .sc_icons .sc_icons_item:hover .sc_icons_item_title{
    color: var(--theme-color-text_dark);
}
.room-services .sc_icons .sc_icons_item:hover .sc_icons_item_description{
    color: var(--theme-color-text);
}
.menu_mobile .menu_mobile_nav_area > ul > .menu-item > a{
    text-align: center;
}
#whatsapp-bagde-content {
    position: fixed;
    right: 2em;
    bottom: 100px;
}

#whatsapp-bagde-content-link {
    background: #16BE45;
    padding: 12px;
    border-radius: 100%;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
}
header .sc_layouts_row .sc_layouts_item{
    margin-top: 0!important;
    margin-bottom: 0!important;
}
@media (max-width: 1024px){
    .btn-responsive-left .sc_align_right{
        text-align: left;
    }
    .btn-responsive-right .sc_align_left{
        text-align: right;
    }
}