/*
Theme Name: Bagalis Custom Theme
Theme URI: https://tandemdesignlab.com
Author: Tandem Design Lab
Author URI: https://tandemdesignlab.com
Description: Custom Theme for Bagalis
Version: 2.1
License: none
Tags: 
*/

/* Colors */
/* Red - 	#771D19 */
/* Orange - #F68520 */


@font-face {
    font-family: 'Daniel-Bold';
    src:url('fonts/Daniel-Bold.ttf.woff') format('woff'),
        url('fonts/Daniel-Bold.ttf.svg') format('svg'),
        url('fonts/Daniel-Bold.ttf.eot'),
        url('fonts/Daniel-Bold.ttf.eot#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


/* WP Bakery Styles */
.vc_row { width: 1100px; margin-left: auto !important; margin-right: auto !important;}
[data-vc-full-width="true"].vc_row { width: 100%; display: flex; justify-content: center;}
[data-vc-full-width="true"].vc_row .vc_column_container{ width: 1100px;}
[data-vc-stretch-content="true"].vc_row .vc_column_container{ width: 100%;}


/****************************************************************** structure */
body{padding: 0; margin: 0; font-family: 'Cabin Condensed', sans-serif; line-height: 25px; letter-spacing: 1px; font-size: 21px;}
#wrapper{}
.container{width: 1100px; margin: 0 auto;}
a, a:hover{color: #000; text-decoration: none;}
h1, h2, strong { color: #771D19;}
h1, h2, h3 { font-size: 65px !important; font-family: 'Daniel-Bold', sans-serif !important;}
h4 { font-size: 25px !important; font-family: 'Daniel-Bold', sans-serif !important;}
h3 { color: #000;}
#primary { margin-top: -40px;}
h1, h2, footer h3 { position: relative;}
h2 { margin-bottom: 75px;}
h2.bannerTitle { color: #FFF !important; font-size: 100px !important; text-align: center !important;}
h2.bannerTitle:after { display: none !important;}
h1:after { content: ''; position: absolute; bottom: -38px; left: -28px; background-image: url("images/bagalis_title-line.svg"); background-size: cover; width: 47%; height: 50px;}
h2:after { content: ''; position: absolute; bottom: -34px; left: -20px; background-image: url("images/bagalis_title-line.svg"); background-size: cover; width: 27%; height: 50px;}
.home h1:after { bottom: -57px; left: 0; width: 66%;}
.home h2:after { bottom: -57px; width: 47%}
footer h3:after { -webkit-mask: url("images/bagalis_title-line.svg"); mask: url("images/bagalis_title-line.svg"); -webkit-mask-size: cover; mask-size: cover; content: ''; width: 66%; height: 50px; position: absolute; bottom: -40px; left: -25px; background-color: #FFF;}

/****************************************************************** general styles */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clear{clear:both;}
.alignleft{float:left; padding: 10px 10px 10px 0;}
.alignright{float:right; padding: 10px 0px 10px 10px;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
#wrapper li{list-style:none;}
#wrapper .content li{list-style: square;}
#sidebar{}
#mainContent{}

.mainColor{color: #000;}

/* Banner */
rs-sbg { position: relative;}
rs-sbg:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+22,000000+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.78) 22%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.78) 22%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.78) 22%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
rs-module-wrap { position: relative;}
rs-module-wrap:after {position: absolute; width: 100%; height: 40px; left: 0; bottom: 0px; content: '' !important; background: url("images/bagalis_content-line3.svg"); background-size: contain; z-index: 999; background-repeat: repeat-x;}

/* Content */
.icon {font-size: 80px;}

/* Menu Main */
#mega-menu-wrap-primary { z-index: 9 !important; top: 80px !important; right: 20px !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-family: 'Daniel-Bold', sans-serif !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { position: relative !important;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:after { position: absolute !important; bottom: -18px !important; left: 0 !important; content: '' !important; width: 100% !important; height: 15px !important; background: url("images/bagalis_menu-line.svg") !important; display: inline-block !important; background-size: cover !important;}


.headerButton{position: absolute;top: 40px; right: 40px;z-index: 1000}
.headerButton2{position: absolute;top: 40px; right: 280px;z-index: 1000}

/* Logo */
.logo img{ position: absolute; width: 25% ; height: auto; top: 60px; z-index: 9; left: 50px;}


/* Footer */
#footer { background-image: url("images/footer_background2.jpg"); background-size: cover; position: relative; color: #FFF; padding-top: 50px; padding-bottom: 50px;}
#footer:after {position: absolute; width: 100%; height: 40px; left: 0; top: 0px; content: '' !important; background: url("images/bagalis_content-line3-top.svg"); background-size: contain; background-repeat: repeat-x;}
#footer:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+78,000000+78&0+0,1+78 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
footer { position: relative;}
.footerWidget { display: inline-block; vertical-align: top; /* width: 50%; */ margin-bottom: 2em;}
.footerWidget h3 { margin: 20px auto 50px auto; font-size: 65px; line-height: 60px; color: #FFF;}
.footerWidget:first-of-type { width: 66%}
.footerWidget:last-of-type { padding-top: 130px; width: 33%; padding-left: 2em; font-size: 22px; line-height: 30px;}
footer a { color: #FFF;}
footer a:hover { color: #F68520;}
#credit, #copy{font-size: .8em;padding: 4px 0;margin: 0; color: #666;}
#credit a, #copy a { color: #666;}
#copy { float: left; text-align: left; padding-left: 10px;}
#credit { float: right; text-align: right; padding-right: 10px;}
a.facebook:before, a.yelp:before , a.tripadvisor:before, a.instagram:before { font-family: icomoon2; text-decoration: none; color: #FFF; display: inline-block; font-size: 1em; padding-bottom: 10px; margin-top: 1em;}
a.facebook:hover:before, a.instagram:hover:before, a.yelp:hover:before, a.tripadvisor:hover:before, a.instagram:hover:before { color: #F68520; }
a.facebook:before { content: '\ea90';}
a.instagram:before {content: '\e9a92';}
a.yelp:before {content: '\ead7';}
a.tripadvisor:before { content: "\e900";}
a.instagram:before { content: "\ea92";}


/* Menu Block */
.menuBlock { position: relative;}

.menuBlock:before { position: absolute; width: 100%; height: 40px; left: 0; top: 0px; content: '' !important; background: url("images/bagalis_testimonial-line3-top.svg"); background-size: contain; background-repeat: repeat-x;}
.menuBlock:after { position: absolute; width: 100%; height: 40px; left: 0; bottom: 0px; content: '' !important; background: url("images/bagalis_content-line3.svg"); background-size: contain; background-repeat: repeat-x;}
.menuBlock a { font-family: 'Daniel-Bold', sans-serif !important; font-size: 100px !important; color: #FFF !important; text-decoration: none !important; line-height: 125px !important; margin-top: 80px !important; margin-bottom:  80px !important; display: inline-block !important;}
.menuBlock a:hover { color: #771D19 !important;}

.page-id-50 h3, .page-id-10 h3 { line-height: 50px; margin-bottom: 0;}
.page-id-10 h4 { font-size: 26px; font-family: 'Daniel-Bold', sans-serif !important;}

.imageButton h3{ width: 100%; display: inline-block; font-size: 1em !important; position: absolute !important; top: 28%; color: #FFF; padding-left: 27px; font-size: 30px !important; }
.imageButton img{ width: 100%; height: 200px; }
.imageButton a:before { content: ''; background-color: rgba(0, 0, 0, .5); width: 92%; height: 200px; display: inline-block; position: absolute; top: 0; left: 4%;}
.imageButton a:after { content: ''; display: inline-block; position: absolute; top: 0; left: 4%; outline: none; outline-offset: -10px; width: 92%; height: 200px;}
.imageButton:hover a:before{ background-color: rgba(0, 0, 0, 0);}
/* .menuItemPrice { display: none !important;} */
.addons{text-style:italic;}




/* Testimonials Block */
.testimonialsBlock {}

.testimonialsBlock:before { position: absolute; width: 100%; height: 40px; left: 0; top: 0px; content: '' !important; background: url("images/bagalis_content-line3-top.svg"); background-size: contain; background-repeat: repeat-x;}


/* texturedRowRed */
.texturedRowRed { position: relative;}
.texturedRowRed:before { position: absolute; width: 100%; height: 40px; left: 0; top: 0px; content: '' !important; background: url("images/bagalis_content-line3-top.svg"); background-size: contain; background-repeat: repeat-x;}
.texturedRowRed:after { position: absolute; width: 100%; height: 40px; left: 0; bottom: 0px; content: '' !important; background: url("images/bagalis_content-line3.svg"); background-size: contain; background-repeat: repeat-x;}

/****************************************************************** page specific */

/* Contact Page */
.page-id-14 .entry-content h3 { line-height: 30px; margin-bottom: 0;}
input, textarea {line-height: 30px; font-size: 16px;}
input[value="Submit"]{ display: inline-block !important; width: 100% !important; text-align: center !important; background-color: #771D19 !important; color: #FFF !important; border: none !important; padding: 5px !important;}
input[value="Submit"]:hover { background-color: #F68520 !important}
.page-id-14 h4 { margin-bottom: 5px !important;}

#menuButton { display: inline-block !important; width: 100% !important; text-align: center !important; background-color: #771D19 !important; color: #FFF !important; border: none !important; padding: 5px !important;margin-top: 40px;}
#menuButton .vc_btn3.vc_btn3-color-black.vc_btn3-style-modern{background: transparent !important;border: 0 !important;}


input, textarea{border: 1px solid #ededed;}

.page-id-12 h1:after { bottom: -70px;}
.page-id-12 #testimonialBlock { overflow: hidden;}
.page-id-12 { overflow-x: hidden;}

/* 404 */
body.error404 #primary{ margin-top: 0 !important;}
.error404 .forcefullwidth_wrapper_tp_banner { margin-top: -42px !important;}


.coronaAlert{display: none;width: 100%; color: #fff;font-weight: bold; font-size: 1.25em; padding: 10px 10px;text-align: center; background-color: #771D19;z-index: 10000;}

.mobileAlertText{display: none;}

.nf-form-fields-required{font-style:italic; text-align:right;}


@media all and (max-width: 1000px)  {
/*
.coronaAlert{width: 100%; color: #fff;font-weight: bold; font-size: 1em; padding: 10px 10px;text-align: center; background-color: #771D19;z-index: 10000;position: absolute; top: 0;}
.mobileAlertText{display: inline;}
.desktopAlertText{display: none;}
#header{margin-top:40px;}
.logo img{top: 50px !important;}
*/

}


.vc_btn3.vc_btn3-size-md{font-size: 1em !important;}
.button{background-color: #771D19;color: #fff;padding: 10px 20px;}
.button:hover{text-decoration: none;background-color: #F68520;color: #fff;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{line-height: 80px !important;}