/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

#Wrapper, #Content {
    /*
    background: rgba(207, 227, 232, 1);
    background: -moz-linear-gradient(top, rgba(207, 227, 232, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 52%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207, 227, 232, 1)), color-stop(39%, rgba(255, 255, 255, 1)), color-stop(52%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(207, 227, 232, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 52%);
    background: -o-linear-gradient(top, rgba(207, 227, 232, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 52%);
    background: -ms-linear-gradient(top, rgba(207, 227, 232, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 52%);
    background: linear-gradient(to bottom, rgba(207, 227, 232, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 52%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe3e8', endColorstr='#ffffff', GradientType=0);
    */
    
    /*  https://cssgradient.io/  */ 
    
background: rgb(103,200,255);
background: -moz-linear-gradient(180deg, rgba(103,200,255,1) 0%, rgba(255,255,255,1) 82%);
background: -webkit-linear-gradient(180deg, rgba(103,200,255,1) 0%, rgba(255,255,255,1) 82%);
background: linear-gradient(180deg, rgba(103,200,255,1) 0%, rgba(255,255,255,1) 82%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67c8ff",endColorstr="#ffffff",GradientType=1);

}

.white-text {
    color: white !important;
}

.bold-text {
    font-weight: bold;
}

.header-split #Header .top_bar_left .logo {
    left: 44%;
    width: 12%;
}

.header-split #Header .top_bar_left .logo {
    /* margin-top: -20px; */
}

.dams-action-menu span:nth-of-type(1) {
    background-color: #FFCA22;
    border-radius: 5px;
    box-shadow: 1px 1px 10px black;
    font-weight: bold;
}

.dams-action-menu span span {
    box-shadow: none !important;
}

.dams-action-menu span:hover {
    color: black;
    font-weight: bold;
}

#Top_bar .menu > li > a span:not(.description) { 
    padding: 0 8px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
    font-weight: 500;
}

#Footer .footer_copy .social li a, #Footer .footer_copy .social-menu a {
    font-size: 40px;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1.0);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.shadow-box-1 .vc_column-inner {
    border: none !important;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.49);
    border-radius: 10px;
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.shadow-box-10-col .vc_column-inner { 
    border: none !important;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.49);
    border-radius: 10px;
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.shadow-box-grid-1 {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.49) !important;
    border-radius: 10px;
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    margin: 10px;
}

@media only screen and (max-width: 600px) {
    .shadow-box-grid-1 {
        margin: 5px;
    }
}

.shadow-box-grid-1:hover {}

.grid-inner-black {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rev_slider {
    border-radius: 10px !important;
}

rs-slide, rs-slide:before { 
    border-radius: 10px !important;
}

#Footer .widget_mfn_menu ul li a {
    color: gray !important;
}

@media only screen and (max-width: 600px) {
    .vc_row {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

#Top_bar:not(.is-sticky) .menu>li ul {
    margin-top: -30px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.45);
}

.grid-flip-text {
    font-size: 10px;
    line-height: 11px;
    color: white;
    text-align: center;
    margin-bottom: 10px;
    max-height: 130px;
    overflow-hidden;
}

.flip-box-side2-date {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
}

::-webkit-scrollbar {
    width: 15px;
    height: 4px;
}

::-webkit-scrollbar-button {
    width: 2px;
    height: 2px;
}

::-webkit-scrollbar-thumb {
    /*background: #5661ab;*/
    background: #295089;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}

::-webkit-scrollbar-thumb:active {
    background: #000000;
}

::-webkit-scrollbar-track {
    background: #d6d6d6;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-track:hover {
    background: #666666;
}

::-webkit-scrollbar-track:active {
    background: #333333;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

#menu-item-77 .sub-menu { 
    width: 200px !important;
    left: calc(100% - 132px) !important;
}

.dinner-rel-box { 
    max-height:315px !important;
}



/* =============================== DAMS Tessitura Plugins Base CSS - start ================================ */

.little_tess_container_box { 
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;  
    flex-direction: row;
    align-items: stretch;
    width:100%;
    height:auto;
    background-color:#174882;;
    color:white;
    margin-bottom: 0px !important;
    border: none !important;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.49);
    border-radius: 10px;
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    transition: transform .2s;
    margin-bottom:20px !important;
    margin-top:10px;
}

.little_tess_container_box a { 
    flex: 1; 
    color:white !important;
    padding:10px;
    float:left;
    text-align:center;
    margin-left:5px;
    text-decoration:none; 
    min-height:52px; 
}


.little_tess_container_box .disabled { 
    /* padding-top:10px; */
}

.little_tess_container_box .disabled, .little_tess_container_box .disabled h2, .little_tess_container_box .disabled h3 { 
    color:#B5B5B5 !important; 
    pointer-events: none !important; 
}

@media (max-width: 768px) {
    
  .little_tess_container_box { 
    display:block; 
  }
  .little_tess_container_box a { 
    float:none;
    width:auto;
    display:block;
    margin-top:5px;
    margin-left:0px;
    margin-right:0px;
  }

}

.little_tess_container_box:hover { 
    transform: scale(1.05);
    background-color:#E5AB22;
}

.little_tess_container_box a:hover { 
    
}

.nohover { 
    background-color:#EDEDED !important;
    color:#525252 !important;
    /* pointer-events: none !important;  */
}

.nohover a, .nohover h2, .nohover h3, .nohover a:hover { 
    color:#525252 !important;
}

.little_tess_date_box { 

}

.little_tess_date_box h2 { 
    text-transform:uppercase; 
    font-weight:bold;
    color:white;
    font-size:22px;
    margin:0px;
    padding:0px;
    text-align:center;
    line-height: 1.1em
}



.little_tess_container_box a:hover h2 { 
color:#ffffff;
}

.little_tess_date_box h3 { 
color:white;
font-size:18px;
margin:0px;
padding:0px;
text-align:center;
    line-height: 1.1em
}

.little_tess_container_box a:hover h3 { 
color:#ffffff;
}

.red { 
color:red !important;
}

.little_tess_container_box a:hover .red { 
color:#ffffff;
}

/* =============================== DAMS Tessitura Plugins Base CSS - end ================================ */









/*******************************dams_tess_calendar Top Navigation*********************************/
#dams_tess_calendar{
  margin:0px auto;
  padding:0px;
  width: 100%;
  font-family:Helvetica, "Times New Roman", Times, serif;
  border:none !important;
  border-radius:8px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.49);
  margin-bottom:30px;
}
 
#dams_tess_calendar div.box{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:40px;
    background-color:#18518D;    
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
 
#dams_tess_calendar div.header{
    line-height:40px;  
    vertical-align:middle;
    position:absolute;
    left:11px;
    top:0px;
    width: calc(100% - 27px);
    height:40px;   
    text-align:center;
}
 
#dams_tess_calendar div.header a.prev,#dams_tess_calendar div.header a.next{ 
    position:absolute;
    top:0px;   
    height: 17px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#FFF;
}
 
#dams_tess_calendar div.header span.title{
    color:#FFF;
    font-size:18px;
}
 
 
#dams_tess_calendar div.header a.prev{
    left:0px;
}
 
#dams_tess_calendar div.header a.next{
    right:0px;
}
 
 
 
 
/*******************************dams_tess_calendar Content Cells*********************************/
#dams_tess_calendar div.box-content{
    border:0px solid #787878 ;
    border-top:none;
    background-color: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
 
 
 
#dams_tess_calendar ul.label{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-top:5px;
    margin-left: 5px;
    width:calc(100% - 10px) !important;
    display: flex;
    justify-content: center;
}
 
#dams_tess_calendar ul.label li{
    margin:0px;
    padding:0px;
    margin-right:5px;  
    float:left;
    list-style-type:none;
    width:80px;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 15px;
    background-color: transparent;
    flex-grow: 1;
    flex-shrink: 1;
}
 
 
#dams_tess_calendar ul.dates{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    width:calc(100% - 10px) !important;
}
 
/** overall width = width+padding-right**/
#dams_tess_calendar ul.dates li{
    margin:0px;
    padding:0px;
    margin-right:5px;
    margin-top: 5px;
    line-height:80px;
    vertical-align:middle;
    float:left;
    list-style-type:none;
    width:80px;
    min-height:140px;
    overflow-y:scroll;
    font-size:25px;
    background-color: #F4FBFF;
    color:#000;
    text-align:center; 
    flex-grow: 1;
    flex-shrink: 1;
    border-radius:8px;
}

#dams_tess_calendar .date-inner-header { 
    height: 20px;
    font-size: 14px;
    line-height: 14px;
    padding: 5px;
    text-align: left;
}

#dams_tess_calendar .date-inner-body { 
    font-size: 14px;
    line-height: 14px;
    padding: 5px;
    text-align: center;
}

#dams_tess_calendar .date-inner-body-perf-item { 
    background-color:#A0DCFF;
    padding:3px;
    border-radius:4px;
    margin-bottom:4px;
}

#dams_tess_calendar .date-inner-body-perf-item:hover { 
    background-color:#E5AB22;
}

#dams_tess_calendar .date-inner-body-perf-item a:hover { 
    text-decoration:none !important;
    color:black !important;
}


#dams_tess_calendar ul.dates .flex-clear { 
    clear:both;
    flex-grow: 7;
    flex-shrink: 0;
}
 
:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}     



.no-shadow, .no-shadow .vc_column-inner { 
    box-shadow:none !important;
    -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.single-show h1, .single-dinner h1 { 
    font-size: 65px !important;
    line-height: 70px !important;
}

.single-show h2, .single-dinner h2 { 
    font-size: 32px !important;
    line-height: 39px !important;
}

@media only screen and (max-width: 600px) {
    
    .single-show h1, .single-dinner h1 { 
        font-size: 36px !important;
        line-height: 45px !important;
    }
    
    .single-show h2, .single-dinner h2 { 
        font-size: 18px !important;
        line-height: 22px !important;
    }
}

#Top_bar .menu > li ul li a { 
    text-align:left;   
}