@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

/* ========================================
 GLOBAL
======================================== */
/*remove double scrollbar*/
body.modal-open { overflow: hidden!important; }

.pushright {
    float: right;
}

a:focus{
    outline: 2px solid #337ab7;
	outline-offset: 2px;
	transition: none;

}

.footer a:focus{
    outline: 2px solid #ffffff;
	outline-offset: 1px;
	transition: none;
}

.clear15 {clear: both; height: 15px;}
.clear20 {clear: both; height: 20px;}
.clear25 {clear: both; height: 25px;}
.clear60 {clear: both; height: 60px;}


.container-fluid.mainnav {
    position: relative;
    padding-right: 0 !important;
    z-index: 10;
    margin: 0 auto;
    max-width: 1920px;
}

.nopadding {padding:0;}

.accentornateunder {
    clear: both;
    padding: 2px 0 20px 0;
}

.accentornateunder.instagramtop {
    padding: 8px 0 0 0 !important;
}

.accentornateunder.instagrambottom {
    padding: 20px 0 10px 0 !important;
} 

a:hover {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.page-wrapper.fixwrapperheight {
    min-height: 800px;
}

.fa-hide {
    visibility: hidden;
    font-size: 0rem;
	height: 0;
	display: none;
}
	
/* ========================================
 HIDE ON MOBILE
======================================== */
.locationfilterlist, .mobilerightside, .mobilegalleryimage {
    display: none;
}

.mobilegalleryimage {
    display: none !important;
}

.carryoutdesktop {
	display: block !important;
	text-align: center;
	padding: 10px 0;
}

.carryoutmobile {
	display: none !important;
}


/* ========================================
 DIALOGUES | JONI ECLUb
======================================== */
.modal-header {
    padding: 0;
    border-bottom: 0;
	top: 0;
	right: 0;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.modal-header button:focus {
    outline: 2px solid #ffffff !important;
	outline-style: auto;
	outline-color: #ffffff !important;
}
	
.modal-body a:focus img {
    outline: 3px solid #ffffff;	
	outline-color: #ffffff;
	outline-offset: 2px !important;
	opacity: 1;
}

.modal-header .close {
	position: absolute;		
	top: 15px;
	right: 15px;
    background-color: black !important;
    border-radius: 15px !important;
    width: 30px !important;
    height:30px !important;
    opacity: 1 !important;
    color: white !important;
	line-height: 26px;
}


/* ========================================
 DIALOGUES | GATHER
======================================== */
.backdropgather {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(1,60,73,0.4);
	display: none;
	top: 0;
	left: 0;
	z-index: 10000;
	opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

.dialoggather {
	position: relative;
	width: 75%;
	height: 90%;
	z-index: 10001;
	background-color: #F8F7F6;
	margin: 20px auto;
	border: 4px solid #003B49;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

.closegather {
	position: absolute;
	top: 15px;
	right: 12%;
	z-index: 10002;
    background-color: black !important;
    border-radius: 17px !important;
    width: 34px !important;
    height:34px !important;
    opacity: 1 !important;
    color: white !important;
	border: 2px solid #ffffff;
    color: white;
	font-size: 18px;
	font-weight: 600;
	line-height: 13px;
	padding: 0;
	margin: 0;
}

.closegather:focus {
    outline: 2px solid #ffffff;
    outline-color: #ffffff;
    outline-offset: 2px !important;
}




/* ========================================
 BUTTONS
======================================== */
button.btn-form {
    position: relative;
    background: #7F3035 !important;
    color: white !important;
    text-align: center;
    list-style-type: none;
    padding: 6px 5px 10px 5px !important;
    border-radius: 0;
    width: 100%;
    margin: 0;
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

button.btn-form:before {
    content: "";
    width: 98%;
    height: 82%;
    border: 1px solid #D7D2CB;
    position: absolute;
    top: 0;
    left: 0;
    margin: 3px;
    box-sizing: border-box;
}

button.btn-form:hover {
    background: #003B49;
    box-shadow: none;
    color: white;			
}
	
button.btn-form:focus {
    outline: 2px solid #23527c;
	outline-offset: 3px;
	box-shadow: none;
	border-color: #7F3035;
}

.form-control:focus {
    outline: 2px solid #23527c;	
	outline-offset: 2px;
	box-shadow: none;
	border-color: #7F3035;
}


/* ========================================
 HEADER
======================================== */
.defaultlogo {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 200px;
    height: 64px;
    z-index: 10;
}

.defaultlogo img {
    position: absolute;
    width: 175px;
    height: auto;
}

.defaultlogo a:focus img {
    outline: 2px solid #23527c;
	outline-offset: 2px;
}
	
.bgheaderonwhite {
    position: relative;
    height: 26px;
    width: 99.9%;
    background-image: url('/Themes/Default/Content/Images/bg-repeat-element.png');
    background-repeat: repeat-x;
    box-sizing: border-box;
    z-index: 1;
    background-position-y: -18px;
}

/* ========================================
 MENU
=========================================== */
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.caret {
    margin-left: 7px !important;
}

.navleft {
    height: 74px;
}

.dropdown-menu .menulabel {
	padding-top: 10px;
    color: #003B49 !important;
	border: none;
	background-color: #F5F3F2;
}

.navleft li a {
    color: #7F3035;
    background-color: #F5F3F2 !important;
    text-decoration: none;
	margin-right: 4px;
}

.navleft li button {
	display: block;
    color: #7F3035;
    background-color: #F5F3F2;	
	background-image: none;
    border: none;
	margin: 0 4px	 0 0;
	padding: 0 1.25em 5px 1.25em;
	line-height: 2.5em;
	text-decoration: none;
}

.navleft li button:focus {	
    outline: 2px solid #23527c;
	outline-color: #23527c;
	outline-offset: 1px;
}	

.navleft li a:focus, .navright li a:focus {
    outline: 2px solid #23527c;	
	outline-color: #23527c;
	outline-offset: 1px;
}

ul.menu-selection-group li a, ul.menu-selection-group-secondary li a {
    color: #7F3035;
    display: block;
}

.navbar-nav>li>.dropdown-menu {
    background-color: #F5F3F2 !important;
}

ul.menu-selection-group {
    border: none;
    background-color: #ffffff !important;
	border-bottom: 1px solid #D7D2CB;
}

ul.menu-selection-group li a {
    background-color: #ffffff !important;
    font-size: 13px;
}

.navbar-default .navbar-nav.navleft > li {
    margin: 20px 0 0 0;
}

.navbar-default .navbar-nav.navleft .active a {
    color: #003B49;
}

.navbar-default .navbar-nav.navleft > .active > a::after {
    display: none;
}

.navbar-default .navbar-nav.navright > .active > a::after {
    display: none;
}

.navbar-default .navbar-nav.navright > .active > a, .navbar-default .navbar-nav.navright > .active > a:hover {
    color: #D7D2CB !important;
    background-color: #7F3035;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: 1px 1px 2px #000000;;
    /* border-bottom: solid medium #7F3035; */
}

 .navbar-default .navbar-nav.navright a:focus {
    outline: 2px solid #ffffff;
	outline-color: #ffffff;
	outline-offset: -5px;
}

.navbar-default .navbar-collapse .navright{
    border: none !important;
    border: 0;
}

.navright {
    display: block;
    height: 74px;
    width: 320px;
    background-color: #7F3035;
    border: none;
}

.navright ul {
    margin: 0;
    padding: 0;
}

.navbar-default .navbar-nav.navright li.righmenudefaultnew {
	position: relative;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 0;
    width: 40%;
    text-align: center;
    background-color: #7F3035;
}

.righmenudefaultnew .fa-external-link-alt:before {
	position: absolute;
	top: 41px !important;
	right: 9px !important;
	font-size: 10px !important;
}

.navbar-default .navbar-nav.navright li.orderonlinenew {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 55%;
    text-align: center;
    background-color: #7F3035;
}


.navbar-nav.navright li.righmenudefaultnew a {
    position: relative;
    line-height: 15px;
    height: 74px;
    padding: 23px 10px 0 10px;
    text-align: center;
    color: #ffffff;
    background-color: #7F3035;
    box-sizing: border-box;
    text-decoration: none
}

.navbar-nav.navright li.orderonlinenew a {
    position: relative;
    line-height: 15px;
    width: 180px;
    height: 74px;
    padding: 23px 15px 0 10px;
    text-align: center;
    color: #ffffff;
    background-color: #7F3035;
    box-sizing: border-box;
    text-decoration: none
}

.orderonlinenew .fa-external-link-alt:before {
	position: absolute;
	top: 41px !important;
	right: 35px !important;
	font-size: 10px !important;
}

.navbar-nav.navright li a:active {
    background-color: #7F3035 !important;
}

.navbar-nav.navright li a:hover {
    color: #D7D2CB;
    text-shadow: 1px 1px 0 #000000;
}

.navbar-nav.navright li:last-child:before {
    position: absolute;
    width: 1px;
    height: 80px;
    top: -3px;
    left: -1px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent menu.png')
}

/* ========================================
 ADA External Link Icons
=========================================== */

.navbar-nav .fa-external-link-alt:before {
	position: absolute;
	top: 12px;
	right: 5px;
	font-size: 11px !important;
}

.footer-links .fa-external-link-alt:before {
	position: absolute;
	top: 7px;
	padding-left: 1px;
	font-size: 11px !important;
}

#social-feed .fa-external-link-alt:before {
	position: absolute;
	top: 11px;
	padding-left: 1px;
	font-size: 11px !important;
	width: 20px;
}

.cateringheaderlinks .fa-external-link-alt:before {
	position: absolute;
	top: 12px;
	padding-left: 5px;
	font-size: 11px !important;
}

.gcgrid .fa-external-link-alt:before {
	position: absolute;
	top: 14px;
	padding-left: 5px;
	font-size: 11px !important;
}

.location-result-cell .fa-external-link-alt:before {
	top: -2px;
	padding-left: 3px;
	vertical-align: top;
	font-size: 10px !important;
}

.location-content-block .fa-external-link-alt:before {
	top: -2px;
	padding-left: 5px;
	vertical-align: top;
	font-size: 10px !important;
}

.location-title .fa-external-link-alt:before {
	top: -2px;
	padding-left: 5px;
	vertical-align: top;
	font-size: 11px !important;
}

.signuplink .fa-external-link-alt:before {
	top: 0;
	padding-left: 5px;
	vertical-align: top;
	font-size: 14px !important;
}



/* ========================================
 SEARCH FORM
=========================================== */
.formlabelinstructions {
	display: block;
	color: #003B49;
	padding: 0 0 0 0;
	font-size: 12px;    
	margin-top: 10px;
    margin-bottom: 10px;    
	font-weight: 500;
    line-height: 1.1;
}

form legend.searchinstructions {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: inherit;
    color: #85714D;
    border: 0;
}

.form-group label {
	display: block;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	color: #7F3035
}

.navbar-default .navbar-nav > a:focus {
    border: 1px solid #003B49;
}

/* ========================================
 PAGE TITLES
=========================================== */
.menuheader h1 {
	padding: 0;
	margin: 0;
	text-align: center;
	margin: 0 auto;
	padding: 50px 0 10px 0;
	font-size: 36px;
}

.section-head {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 5;
    color: #7F3035;
}

.section-head:before {
    display: inline-block;
    width: 187px;
    height: 23px;
    top: 16px;
    left: -45px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-leftornate.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.section-head:after {
    display: inline-block;
    width: 187px;
    height: 23px;
    top: 16px;
    right: -45px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-rightornate.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.headline {
    display: none;
}

.section-subhead{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: .04em;
    font-weight: 300;
	color: #333333;
	margin-bottom: 20px;
}

.tab-content .section-subhead {    
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: .04em;
    font-weight: 300;
	padding-top: 12px;
	width: 70%;
	margin: 0 auto;
}

.tab-content h6.section-subhead {    
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: .04em;
    font-weight: 300;
}

.tab-content h6.specialevents-subhead {
    text-transform: none;
    padding: 0 80px;
}

.specialevents-title2 {
    color: #7F3035;
    text-align: center;
    padding-top: 1em;
    font-size: 24px !important;
	border: none;
}


.cateringsalad .col-sm-4 {
    padding-right: 11px;
    padding-left: 11px;
}

.menu-border .item-desc {
	padding-left: 6px;
	padding-right: 6px;
}


/* ============================================
 GENERAL CB / BODY COPY
=========================================== */
.body-content p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

/* ============================================
 FOOD MENU
=========================================== */
.menu-wrapper h1, .menu-wrapper h2,  .menu-wrapper h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.menu-border-head {
	font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    width: 60%;
    background-color: #ffffff;
    line-height: 2.2em;
    color: #7F3035;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
    border-bottom: 1px solid #D7D2CB;
}

.menu-wrapper h3:first-child {
    padding-top: 45px;
}

.menu-cat-head {
    color: #7F3035;
    text-align: center;
    padding-top: 1em;
	font-size: 36px;
}

dt.item-name {
    color: #003B49;
	background-color: #ffffff;
}

dd.item-desc {
    padding-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: .02em;
    font-weight: 400;
	background-color: #ffffff;
	color: #000000;
}

dl {
    margin-top: 0;
    margin-bottom: 40px;
}

.item-price {
    color: #7F3035 !important;
    font-weight: 500;
}

.marginsubassigment {
    color: #7F3035 !important;
    font-weight: 500 !important;
}

hr {
    border-top: 1px solid #D7D2CB;
}

.menu-cat-subhead {
    font-family: 'Roboto', sans-serif;
    color: #7F3035;
    letter-spacing: .01em;
    font-weight: 400;
    font-size: 13.5px;
    line-height: 20px;    
	margin-top: 10px;
    margin-bottom: 10px;
}

.col-sm-6 .menu-cat-subhead:nth-child(2) {
	padding: 10px 0;
	line-height: 20px;
    color: #85714D !important;
}

.menu-border {
    border: solid 1px #D7D2CB;
}

.menu-border-head {
    width: 60%;
    background-color: #ffffff;
    line-height: 2.2em;
    color: #7F3035;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
	font-size: 14px;
    border-bottom: 1px solid #D7D2CB;
}

dt.icon-favorites::before { 
    content: url("/Themes/Default/Content/Images/menu/icons/favorites-before.png"); 
    vertical-align: top; 
	padding-top: 2px; 
    width: 36px;
    height: 21px;
    display: inline-block;
    transform: scale(.8);
}


dt.icon-favorites::after { 
    content: url("/Themes/Default/Content/Images/menu/icons/favorites-after.png");
    vertical-align: top; 
	padding-top: 2px; 
    width: 36px;
    height: 21px;
    display: inline-block;
    transform: scale(.8);
}

dt.icon-healthy::before { 
	top: -10px;
    content: url("/Themes/Default/Content/Images/menu/icons/healthy-before.png"); 
    vertical-align: top; 
	padding-top: 2px;
    width: 42px;
    height: 14px;
    display: inline-block;
    transform: scale(.8);
}

dt.icon-healthy::after { 
    content: url("/Themes/Default/Content/Images/menu/icons/healthy-after.png");  
    vertical-align: top;
	padding-top: 2px;
    width: 42px;
    height: 14px;
    display: inline-block;
    transform: scale(.9);
}

dt.icon-healthy-new::before { 
    content: url("/Themes/Default/Content/Images/menu/icons/healthy-new-before.png");
    vertical-align: top; 
	padding-top: 2px; 
    width: 66px;
    height: 22px;
    display: inline-block;
    transform: scale(.9);
}

dt.icon-healthy-new::after { 
    content: url("/Themes/Default/Content/Images/menu/icons/healthy-after.png");
    vertical-align: top;  
	padding-top: 2px;
    width: 44px;
    height: 14px;
    display: inline-block;
    transform: scale(.9);
}

dt.icon-new::before { 
    content: url("/Themes/Default/Content/Images/menu/icons/new-before.png");
    vertical-align: middle; 
    width: 30px;
    height: 22px;
    margin-top: -1px;
    margin-left: -30px;
    display: inline-block;
    transform: scale(.9);
}

/* ============================================
 PAGE HEADERS
=========================================== */
.pageheader {
    position: relative;
    display: block;
    width: 100%;
    height: 344px;
    max-width: 1920px;
    margin: 0 auto;
}

.bgpageheaderonwhite {
    position: relative;
    height: 26px;
    width: 99.9%;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('/Themes/Default/Content/Images/bg-repeat-element.png');
    background-repeat: repeat-x;
    box-sizing: border-box;
    z-index: 1;
    background-position-y: -20px;
}

.specialevents-title {    
	font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    background: #7F3035;
    width: 14em;
    color: white;
    padding: 8px 0 14px 0 !important;
    margin: 0 auto;
	font-size: 18px;
}

.tab-content .optiontext {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
	padding-top: 10px;

}

/* GIFT CARDS  --------------------------------- */
.pageheader.giftcards {
    background-color: #7F3035;
}

.pageheader.giftcards .gctitle {
    position: absolute;
    top: 40%;
    left: 8%;
    display: inline-block;
}

.pageheader.giftcards .gctitle:before {
    position: absolute;
    width: 167px;
    height: 23px;
    top: 22px;
    left: -197px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-rightornate.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 85%;
}

.pageheader.giftcards .gctitle:after {
    position: absolute;
    width: 167px;
    height: 23px;
    top: 22px;
    right: -197px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-leftornate.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 85%;
}

.pageheader.giftcards .gctitle h1 {
    margin: 0;
    padding: 0;
    font-size: 44px;
    color: #D7D2CB;
    text-shadow: 1px 1px 0 #000000;
}

.gcheaderimg {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 344px;
    background-image: url('/Themes/Default/Content/Images/macaroni-grill-gift-cards.jpg');
    background-size: cover;
    background-position-y: 0;
}

.gctitle .gctagline {
    position: relative;
}

.gctitle .gctagline {
    font-family: "baskerville-urw",serif;
    margin: 0;
    padding: 15px 0 0 0;
    color: #D7D2CB;
    letter-spacing: .08em;
    font-size: 20px;
    color: #F5F3F2;
    font-weight: 700;
    text-shadow: 1px 1px 0 #000000;
}

.container .gcgrid {
    width: 1280px;
    min-height: 600px;
}

.gcgrid .col-md-7 {
    float: right
}



/* GC LEFT COLUMN  --------------------------------- */

.gcleftcontentcol {
    width: 85%;
}

.gcleftcontentcol a:hover{
    background: #003B49;
    box-shadow: none;text-decoration: none;
}

.giftcardimage {
    display: block;
    padding-top: 60px;
}

.giftcardimage  img{
    width: 100%;
}

.gcleftcontentcol .accentornateunder {
    display: block;
    text-align: center;
    padding-top: 15px;
}

.gcleftcontentcol a{
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    position: relative;
    clear:both;
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    display: inline-block;
    background: #7F3035;
    color: white;
    text-align: center;
    padding: 10px 0 16px 0;
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
    text-decoration: none
}

.gcleftcontentcol a:before {
    content: "";
    width: 98%;
    height: 82%;
    border: 1px solid #D7D2CB;
    position: absolute;
    top: 0;
    left: 0;
    margin: 4px;
    box-sizing: border-box;
}

/* GC RIGHT COLUMN  --------------------------------- */

.gcrightcontentcol {
    width: 90%;
    padding: 65px 0 55px 30px;
}

.gcrightcontentcol .gcpromo {
    display: block;
    padding-bottom: 47px;
}

.gcrightcontentcol .gcpromo h3{
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 34px;
    color: #7F3035;
    font-weight: 700;
    letter-spacing: .06em;
}

.gcrightcontentcol .gcpromo hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.gcrightcontentcol .gcpromo h4, .gcrightcontentcol .gcpromo h6{
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    font-weight: 400;
    letter-spacing: .06em;
}

.gcrightcontentcol .gcpromo a{
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    position: relative;
    clear:both;
    width: 360px;
    margin-top: 20px;
    font-size: 14px;
    display: inline-block;
    background: #7F3035;
    color: white;
    text-align: center;
    padding: 10px 0 16px 0;
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
    text-decoration: none
}

.gcrightcontentcol .gcpromo a:before {
    content: "";
    width: 98%;
    height: 82%;
    border: 1px solid #D7D2CB;
    position: absolute;
    top: 0;
    left: 0;
    margin: 4px;
    box-sizing: border-box;
}

.gcrightcontentcol .gcpromo a:hover{
    background: #003B49;
    box-shadow: none;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}


/* CATERING  --------------------------------- */
.pageheader.catering {
    background-color: #003B49;
    height: 430px;
}

.catermenulink {
	clear: both;
	display: block;
}

.catermenulink a {
    color: #7F3035;
    text-transform: uppercase;
    text-align:center; 
    font-size: 14px;
    font-weight: 600;
	margin-bottom: 25px;
}

/* LEFT COLUMN  --------------------------------- */
.page-wrapper.cateringindex {
    position: relative;
    z-index: 10;
    min-height: 650px;
}

.cateringleftcol {
    position: relative;
    padding-top: 0px;
    margin-top: -460px;
    width: 95%;
    background-color: #7F3035;
    min-height: 900px;
    z-index: 10;
    text-align: left;
    color: #D7D2CB
}

.cateringimage  {

}

.cateringimage img  {
    width: 100%;
}

.cateringlocationselect {
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
}

.cateringlocationselect label {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.cateringlocationselect h5 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.cateringlocationselect select {
    display: block;
    width: 100%;
    margin: 24px 0 10px 0;
    font-family: 'Roboto', sans-serif;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.cateringlocationselect select:focus{
    outline: 2px solid #ffffff;
	outline-offset: 2px;
	transition: none;
}	

.inquirylinkbutton a{
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    position: relative;
    display: inline-block;
    width: 250px;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: .05em;
    display: inline-block;
    background: #003B49;
    color: white;
    text-align: center;
    padding: 8px 0 12px 0;
    text-shadow: 1px 1px 0 #000000;
    box-shadow: 2px 2px 10px rgba(0,0,0,.9);
    text-decoration: none
}

.inquirylinkbutton a:before {
    content: "";
    width: 97%;
    height: 77%;
    border: 1px solid #D7D2CB;
    position: absolute;
    top: 0;
    left: 0;
    margin: 4px;
    box-sizing: border-box;
}

.inquirylinkbutton a:hover{
    background-color: #85714D;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.inquirylinkbutton a:focus {
    outline: 3px solid #ffffff;
	outline-offset: 1px;
	transition: none;
}

/* RIGHT COLUMN  --------------------------------- */
.cateringheadergrid {
    position: relative;
    float: right;
    width: 50%;
    height: 100%;
    background-color: #003B49;
}

.pageheader.catering .cateringheadergrid .cateringtitle {
    position: absolute;
    top: 40%;
    left: 4%;
    display: inline-block;
}

.pageheader.catering .cateringtitle:before {
    position: absolute;
    width: 167px;
    height: 23px;
    top: 22px;
    left: -197px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-rightornate.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 85%;
}

.pageheader.catering .cateringtitle:after {
    position: absolute;
    width: 167px;
    height: 23px;
    top: 22px;
    right: -197px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-leftornate.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 85%;
}

.pageheader.catering .cateringtitle h1 {
    margin: 0;
    padding: 0;
    font-size: 44px;
    color: #D7D2CB;
    text-shadow: 1px 1px 0 #000000;
}

.cateringtagline {    
    font-family: "baskerville-urw",serif;
    position: absolute;
    top: 54%;
    left: 4%;
    display: inline-block;
    color: #D7D2CB;
    letter-spacing: .08em;
    font-size: 20px;
}

.cateringheaderlinks {
    position: absolute;
    top: 60%;
    left: 4%;
	width: 75%;
	max-width: 570px;
	min-width: 550px;
    display: inline-block;
}

.cateringheaderlinks a{
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    position: relative;
    display: inline-block;
    width: 48%;
    margin: 12px 5px 0 0;
    font-size: 13px;
    letter-spacing: .02em;
    display: inline-block;
    background: #7F3035;
    color: white;
    text-align: center;
    padding: 8px 0 12px 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    text-shadow: 1px 1px 0 #000000;
    box-shadow: 2px 2px 10px rgba(0,0,0,.9);
    text-decoration: none
}

.cateringheaderlinks a:first-child{}

.cateringheaderlinks a:before {
    content: "";
    border: 1px solid #D7D2CB;
    position: absolute;
    top: 4px;
    right: 4px;
	bottom: 4px;
    left: 4px;
    box-sizing: border-box;
}

.cateringheaderlinks a:hover{
    background: #003B49;
    text-decoration: none;
}

.cateringheaderlinks a:focus {
    outline: 3px solid #ffffff;
    outline-offset: 1px;
    transition: none;
}

.cateringheaderdescrip {
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    position: absolute;
    bottom: 8%;
    left: 4%;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    color: #ffffff;
    letter-spacing: .05em;
}

.side-padding.onlyleftpadding {
    padding-right: 0;
}

.cateringcontent {
    padding-top: 25px;
    padding-bottom: 20px;
	overflow: visible;	
	padding-left: 10px;
	margin-left: -20px;
}

.cateringcontent p {
	line-height: 26px;
}

.cateringcontent a {
    display: inline-block;
}
.cateringcontent a.downloadlink {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    color: #7F3035;
    text-transform: uppercase;
    font-size: 15px;
	line-height: 24px;
    font-weight: 600;
	margin: 20px 6px 0 0;
	padding: 2px 0 2px 0;
}

.cateringcontent a.downloadlink:hover {    
    color: #003B49;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

p.cateringdisclaimer {
    font-size: 12px;
    line-height: 18px;
}

.menu-disclaimer {
    font-size: 12px !important;
    color: #85714D;
    letter-spacing: .04em;
    font-weight: 400;
}

/* ========================================
 OUR STORY
=========================================== */
.container-fluid.yplaylist-bg {
    max-width: 1910px;
    margin: 0 auto;
}


#yplaylist-container .carousel-inner {
    height: 240px;
}

#yplaylist-container .carousel-inner .slider li {
    float: left;
    height: auto;
    margin-right: 1px;
    width:  243px;
}

/* ============================================
 LOCATIONS
=========================================== */

ul.location-navigator-list {
height: 85px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.location-navigator-list a {
display: block;
   color: #003B49;
padding: 2px;
line-height: 20px;
}

/* STATE  --------------------------------- */
.statename h2 {
    color: #003B49;
}

.statename h2:before {
    display: inline-block;
    width: 152px;
    height: 18px;
    top: 0;
    left: 0;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-faded-line-left.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.statename h2:after {
    display: inline-block;
    width: 152px;
    height: 18px;
    top: 0;
    right: 0;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-faded-line-right.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.accentornateunder {
    clear: both;
    padding: 2px 0 20px 0;
}

/* LOCATIONS  --------------------------------- */
.location-result-cell h4, .location-result-cell h3, .location-result-cell h2 {
    color: #7F3035;
}

.location-result-cell p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
}

.location-result-cell .storeopens {
    text-transform: uppercase;
	color: #85714D;
	font-size: 13px;
	letter-spacing: -.02em;
}

.location-result-cell a.linkbutton, .location-content-block a.linkbutton {
    display: inline-block;
    background: #003B49;
    font-size: 12px;
    color: #D7D2CB;
    border: 0;
    border-radius: 0;
    font-size: 0.7em;
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    padding: 3px 12px 7px 12px;
    margin: 2px 0;
    text-decoration: none;
}

.location-result-cell a.linkbutton:hover, .location-content-block a.linkbutton:hover {
    background: #7F3035;
    color: #ffffff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/* LOCATION MAP RESULTS --------------------------------- */
#map {
    width: 100%;
    height: 30em;
    margin-top: 30px;
    margin-bottom: 30px;
}

.mapresultsheight {
    min-height: 500px;
    _height: 500px;
}

/* LOCATION DETAILS --------------------------------- */
#location-details {
    margin-bottom: 100px;
}


.location-title {
    margin-left: -135px;
    padding-bottom: 10px;
}

.location-title h2 {
    float: left;
    font-size: 26px;
    letter-spacing: .04em;
    font-weight: 900;
    color: #7F3035;
    text-transform: uppercase;
    padding-right: 10px;
	margin-top: 10px;
}

.location-title h2:before {
    display: inline-block;
    width: 135px;
    height: 16px;
    top: 26px;
    left: 0;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-location-leftornate.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.location-title a {
	display: block;
    float: left;
    color: #003B49;
    font-size: 12px;
	margin: 20px 0 0 10px;
    padding: 0;
    background-color: #ffffff;
    letter-spacing: 0;
}

.location-title a:before {
    content: "";
    float: left;
    height: 20px;
    margin: 0 20px 0 10px;
    width: 1px;
    background-color: #D7D2CB;
}

.location-title a:hover {
    color: #7F3035;
    background-color: #ffffff;
}

.closedmessage {
    clear: both;
    display: block;
    color: #85714D;
    text-transform: uppercase;
    padding: 0 0 0 15px;
}

.closedmessagelist {
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    color: #7F3035;
    font-size: 0.75em;
    letter-spacing: -.05em;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 10px;
}

.location-content-block {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 21px;
    font-weight: 400;
    padding-top: 20px;
}

.location-details-label-head {
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    text-align: left;
    font-size: 11px;
    line-height: 30px;
    font-weight: 600;
    color: #003B49;
    border-bottom: 1px solid #D7D2CB;
    margin-bottom: 10px;
}

.storehourcontent {
    font-size: 15px !important;
    line-height: 28px !important;
    font-weight: 500;
    letter-spacing: .06em;
}

.storehourcontent div {
    float: left;
}

.storehourcontent .goright {
    float: right !important;
    padding-right: 30px;
}

.storehourholidaycontent {
	font-size: 14px !important;
	line-height: 14px !important;
	font-weight: 500;
	letter-spacing: .02em;
}


@media only screen and (min-width: 1004px) and (max-width: 1200px) {

	.storehourholidaycontent {
		font-size: 13px !important;
		line-height: 14px !important;
		font-weight: 500;
		letter-spacing: -.03em;
	}

	.location-result-cell .storeopens {
		font-size: 12px;
		letter-spacing: 0;
	}


}

.location-menu-download li a {
    display: block;
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif !important;
    width: 84% !important;
    font-size: 14px;
    padding: 5px 0 8px 0;
    font-weight: 400;
    color: #FFF;
    background: #7F3035;
    margin-bottom: 2px;
    letter-spacing: .06em;
}

.location-menu-download li a:hover {
    background: #003B49;
}

.opentablewidget {
    width: 76%;
    text-align: center;
}

/* ============================================
 OUR STORY
=========================================== */
.ourstorycontent .col-sm-9 {
    float: none;
    margin: 0 auto;
}

#our-story h2 {
    line-height: 28px !important;
}

.ourstorycontent h2 {
    color: #003B49;
    margin: 0;
    padding: 0;
	font-size: 24px;
}

.ourstorycontent p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    padding-top: 20px;
}

.yplaylist-bg {
    background: #003B49;
}

.home-ingredients .ingredientslabel {
	font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    color: #85714D; 
    font-weight: 500;
	font-size: 18px;
    line-height: 1.1;
	margin-top: 10px;
    margin-bottom: 8px;
	}

.home-ingredients .ingredientslitem {
	font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    color: #7F3035;
	font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
	margin-top: 0;
    margin-bottom: 10px;
}

.home-ingredients .tryit {
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif !important;
    color: #003B49;
	font-size: 13px;
}

.home-ingredients p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding-top: 20px;
}

/* ============================================
 HOMEPAGE
=========================================== */

.modal-content p {
	position: absolute;
	top: -300px;
	left: -200px;

}

.main-mobile-content {display: none;}

.homelevel01 {
    position:relative;
    display: flex;
    width: 100%;
    max-width: 1920px;
    box-sizing: border-box;
    border-bottom: 1px solid #ffffff;
    margin: 0 auto;
}


.main-promo-content {
    display: block;
    width: 100%;
    max-width: 1910px;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}

.carousel-inner {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    text-align: center;
    margin: 0 auto;
}

.carousel-inner .item {
    width: 100%;
    height: 100%;
    max-height: 605px;
    max-width: 1920px;
    background-size: cover;
    background-position: center !important;
    text-align: center;
}


.carousel-inner .item.active a:focus img {
    outline: 4px solid #23527c !important;
	outline-color: #23527c !important;
	outline-offset: -6px !important;
}

.carousel-inner .item img {
    width: 100%;	
    height: 100%;
    text-align: center;
}

.carousel-control {
    color: #003B49 !important;
}

.carousel-control:hover {
    color: #003B49;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 49%;
    z-index: 5;
    display: inline-block;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
    background-repeat: no-repeat
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 10%;
    margin-right: 0;
}

.carousel-control.left {
    left: 0;
    right: auto;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
    background-repeat: no-repeat
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 10%;
    margin-left: 0;
}

.secondary-promo-col {
    position: relative;
    display: block;
    float: right;
    width: 20%;
    height: 100%;
    max-height: 800px;
    /*background-color: #cc00ff;*/
    text-align: center;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.main-promo-content a:focus  span{
    outline: 3px solid #23527c !important;
	outline-color: #23527c !important;
	outline-offset: 2px !important;

}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 35px;
}

.carousel-indicators {
    bottom: -6px;
}									

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    text-indent: -999px;
    cursor: pointer;
    margin-top: 0;
    background-color: #ffffff;
    border: 1px solid #7F3035;
    border-radius: 10px;
	opacity: .5;
}

.carousel-indicators li:focus {
    outline: 4px solid #23527c;
	outline-color: #23527c;
	outline-offset: 4px			
}			

.carousel-indicators .active {
    width: 11px;
    height: 11px;
    border: 1px solid #7F3035;
    background-color: #85714D;
	outline-offset: 2px;
	opacity: 1;
    outline: 1px solid #7F3035;	
	outline-color: #7F3035;
}

/* ============================================
 Customer Block
=========================================== */
.container-fluid.customerblock {
    margin: 0 auto;
    max-width: 1920px;
}

container-fluid.customerblock {
    clear: both;
    display: block;
    height: 270px;
    padding: 0 !important;
    border-top: 1px solid #ffffff;
}

.customerblock a {
	display: block;
    text-decoration: none;
}

.customerblock a:focus .newslettersignup	  {
    outline: 2px solid #ffffff !important;
	outline-color: #ffffff !important;
	outline-offset: -6px !important;	
}

.customerblock a:focus .giftcardblock	  {
    outline: 2px solid #ffffff !important;
	outline-color: #ffffff !important;
	outline-offset: -6px !important;	
}


/* HOME / NEWSLETTER --------------------------------- */
.newslettersignup {
    border-right: 1px solid white;
    height: 220px;
    background-color: #003B49;
}

h3.newsletterheading {
    display: inline-block;
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif !important;
    margin: 0;
    padding: 40px 0 0 0;
    font-size: 36px;
    line-height: 32px;
    color: #D7D2CB;
    text-shadow: 1px 1px 0 #000000;
}

.newsletterheading:before {
    display: inline-block;
    width: 102px;
    height: 22px;
    top: 0;
    left: 0;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-faded-line-left.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.newsletterheading:after {
    display: inline-block;
    width: 102px;
    height: 22px;
    top: 0;
    right: 0;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-faded-line-right.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.customerblock a .signuplink {
    font-family: 'Roboto', sans-serif;
    display: block;
    padding-top: 18px;
    text-transform: uppercase;
    width: 60%;
    max-width: 650px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .1em;
    color: #D7D2CB;
    text-shadow: 1px 1px 0 #000000;
}

.customerblock a:hover .signuplink {
    color: #ffffff;
    text-shadow: 1px 1px 0 #000000;
}

/* HOME / GIFT CARDS  --------------------------------- */
.giftcardblock {
    height: 220px;
    background-color: #7F3035;
}

.giftcardblock .homegcgrid {
    width: 95%;
    margin: 0 auto;
    padding-top: 25px;
}

.homegcimage {
    float: left;
    width: 35%;
}

.homegcimage img {
    width: 90%;
}

.homegcdetails {
    float: right;
    width: 64%;
}

h3.homegcheading {
    position: relative;
    display: inline-block;
    font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif !important;
    margin: 0 0 0 -5px;
    padding: 25px 0 0 0;
    font-size: 40px;
    color: #D7D2CB;
    text-shadow: 1px 1px 0 #000000;
    text-align: left;
}

.homegcheading:after {
    position: absolute;
    width: 167px;
    height: 48px;
    top: 34px;
    right: -167px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-rightornate.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 85%;
}

.homegctext {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    display: block;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .1em;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    text-shadow: 1px 1px 0 #000000;
}


/* ============================================
 INSTAGRAM FEED
=========================================== */
#social-feed h4 {
	font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 5;
    color: #7F3035;
	font-size: 30px;
}

#social-feed h4:before {
    display: inline-block;
    width: 167px;
    height: 23px;
    top: 16px;
    left: -45px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-faded-line-left.png');
    background-position: left center;
    background-repeat: no-repeat;
}

#social-feed h4:after {
    display: inline-block;
    width: 167px;
    height: 23px;
    top: 16px;
    right: -45px;
    content: "";
    background-image: url('/Themes/Default/Content/Images/accent-faded-line-right.png');
    background-position: right center;
    background-repeat: no-repeat;
}

#social-feed .sharecontent {
    padding: 4px 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 5;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    padding-top: 10px;
    color: #003B49;
    text-transform: uppercase;
    letter-spacing: .05em;
}

#social-feed .captiontext {
    padding: 4px;
    margin: 0;
    display: inline-block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    padding-top: 10px;
    color: #85714D;
    text-transform: uppercase;
    letter-spacing: .05em;

}

#social-feed .captiontext a {
    font-weight: 700;
    color: #003B49;
	padding-right: 18px;
}

#social-feed .sharecontent a {
    font-weight: 700;
    color: #7F3035;
	padding-right: 18px;
}
/* ============================================
 FOOTER
=========================================== */
.olive-bg {
    background: #003B49;
}

.footermenucolumn {
	float: left;
}

.footermenulabel {    
	color: #efebc8;
    font-size: 13px;
    line-height: 20px;
}

.footersociallabel {    
	color: #D7D2CB;
    font-size: 13px;
    line-height: 20px;
	text-align: right;
}

ul.footer-links {
    columns: auto !important;
    -webkit-columns: auto !important;
    -moz-columns: auto !important;
}

ul.footer-links {
    display: inline-block;
	vertical-align: top;
	padding-right: 50px;
}


ul.footer-links li.list-group-label {
    list-style: none !important;
	list-style-type: none !important;
	color: rgba(255,255,255,.3);
	font-size: 14px;
	line-height: 20px;
}

ul.footer-links .list-group-item, ul.sm-icons li {
    background-color: transparent;
    border: 0;
}

ul.footer-links .list-group-item a {
	display: block;
    color: #D7D2CB;
	text-decoration: none;
	padding: 0px 16px 3px 0;
}

ul.footer-links .list-group-item a:hover {
    color: #ffffff;
	text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.copyright {
    clear: both;
    height: 200px;
    background-color: #ffffff;
    background-image: url('/Themes/Default/Content/Images/bg-repeat-element.png');
    background-repeat: repeat-x;
    background-position-y: 156px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 26px;
    color: #003B49;
    text-transform: uppercase;
}

.copyright .container {
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #003B49;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .08em;
}

.copyright span {
   color: #7F3035;
}

.copyright .superscript {
   font-family: 'Roboto', sans-serif !important;
   position: relative;
   bottom: 0.8em;
   font-size: 0.5em;
}
.copyright .container a {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #003B49;
    text-transform: uppercase;
    padding-left: 15px;
    float: right;
}

.navsocial p{
    clear: both;
    display: block;
    text-align: right;
    width: 100%;
    padding: 0 !important;
    font-size: 12px;
    color: #D7D2CB !important;
}

.socialicons {
    text-align: right;
}

.socialicons a{
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 2px 0 2px 0;
    width: 36px;
    height: 40px;
	font-size: 26px;
	font-family: 'df-icomoon';
	speak: none;
    margin-left: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #D7D2CB;
}

.socialicons a span {
	height: 1px; 
	width: 1px; 
	position: absolute; 
	overflow: hidden; 
	top: -10px;
}
    
.socialicons a:hover{
    color: #ffffff;	
    }

a.facebook:before{
    content:"\e632";
    position: absolute;
    top: 7px; 
    left: 5px;
}

a.twitter:before{
    content:"\e602"; 
    position: absolute;
    top: 7px; 
    left: 5px;
}

a.instagram:before{
    content:"\e640"; 
    position: absolute;
    top: 6px; 
    left: 5px;
}

a.email:before{
    content:"\e640"; 
    position: absolute;
    top: 6px; 
    left: 0;
}

.downloadacrobat {
	text-align: right;
	padding-top: 60px;
}

.downloadacrobat img {
	width: 100%;
	max-width: 132px;
	margin: 6px 0;
}

.downloadacrobat a:focus{
    outline: 2px solid #ffffff;
	outline-offset: 2px;
	transition: none;
}


/* ============================================
 FRANCHISE FORM
=========================================== */
.form-control {
    font-family: 'Roboto', sans-serif;
	font-size: 18px;
	padding: 5px 5px;
	border-radius: 0;
	box-sizing: border-box !important;
}

#ContactForm .section-subhead-chapter {
	
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 26px;
	font-size: 18px;
    margin: 10px auto;
}

#ContactForm .allfieldsrequired {
    font-family: 'Roboto', sans-serif;
	display: inline-block;
	clear: both;
	position: relative;
	clear: both;
	color: #7F3035;
	font-size: 22px;
	margin: 30px 0;
	font-weight: 600;
}

.fixsubmit {
	 clear: both;
	 display: block;
}

.g-recaptcha {
	margin-left: 12px;
}

.msg-error {
    font-family: 'Roboto', sans-serif;
	display: block;
	color: #7F3035;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	padding: 0 0 5px 12px;
	margin-top: -4px;
}

.g-recaptcha.error {
	display: block;
	border: solid 2px #7F3035;
	padding: 2px;
	width: 312px;
	margin-bottom: 10px;
}

#ContactForm .allfieldsrequired:before {
	position: absolute;
    content:"*";
    color: #7F3035;
	left: -14px;
	top: -2px;
}

#ContactForm .errormessage {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #7F3035;
	width: 80%;
	margin: 0 auto;
    display: block;
    padding: 10px 0 35px 0;
    text-transform: none !important;
    display: none;
}

#ContactForm .formelements {
	clear: both;
	display: block;
	padding-top: 25px;
}

#ContactForm label {
    font-family: 'Roboto', sans-serif;
	clear: both;
	display: block;
	text-align: left;
	font-size: 18px;
	line-height: 20px;
    font-weight: 700;
	color: #003B49;
	position: relative;
}

#ContactForm label span {
    font-weight: 400;
}

#ContactForm label:before {
	position: absolute;
    content:"*";
    color: #7F3035;
	left: -14px;
	top: -2px;
}

#ContactForm .thankyou {
	font-family: 'Roboto', sans-serif;
    display: block;
    font-weight: 500;
    padding: 5px 0 45px 0;
    text-transform: none !important;
    display: none;
}

#ContactForm .thankyou .sectiontitle {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    color: #7F3035;
    display: block;
    padding: 0 0 8px 0;
    text-transform: none !important;
}

#ContactForm .thankyoutext {
    color: #221F1F;
    font-size: 18px;
    line-height: 22px;
    padding-top: 2px;
    font-weight: 400;
    text-transform: none !important;
}


/* ============================================
 ACCESSIBLE
=========================================== */

.screenreader-text {
	position: absolute;
	left: -999px;
	top: -999px;
	width: 100%;		
	height: 1px;
	overflow: hidden;
}

.screenreader-text:focus, .screenreader-text:active {
	position: static;
	display: inline-block;
	vertical-align: middle;
	left: 0 !important;
	top: 0 !important;
	background-color:#003B49;
	height: 54px;
	color: #ffffff;
	width: 100%;
	margin: 0;
	overflow: hidden;
	padding: 20px 0;
	text-align:center;
	font-size: 14px;
	z-index: 900;
	text-decoration: underline;
}

.screenreader-text:focus span, .screenreader-text:active span {
    outline: 2px solid #ffffff;
	outline-offset: 4px;
}

.nav-tabs li > a {    
	font-family: 'MrsOnion-Regular', "Arial Black", Gadget, sans-serif;
    cursor: pointer;
    background-color: #F5F3F2;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #7F3035;
	padding: 12px;
	text-transform: uppercase;
}

.nav-tabs li>a:hover  {
    background-color: #dddddd;
	opacity: 1;
}

.nav-tabs li.active>a, .nav-tabs li.active>a:active {
    background-color: #ffffff !important;
    color: #003B49;
	cursor: pointer;
    outline: 2px solid #23527c;
	outline-color: #23527c;
}

.nav-tabs li > a:focus {
    outline: 2px solid #23527c;
	outline-color: #23527c;
}

a[aria-current=false] {
	opacity: .6;
}


.tab-pane h2 {
	color: #003B49;
}

/* ============================================
 JOIN ELCUB MOD
=========================================== */
.modal-header .close-dialog {
    float: right !important;
    margin-right: -10px !important;
    margin-top: -10px !important;
    background-color: black !important;
    border-radius: 15px !important;
    width: 32px !important;
    height: 32px !important;
    opacity: 1 !important;
    color: white !important;
	font-size: 26px;
    font-weight: 700;
	line-height: 26px;
	text-transform: uppercase;
}

button.close-dialog {
	border: none;
	background: none;
}

.dialog-overlay {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,59,73,0.9);
}

.dialog {
	display: inline-block;
	z-index: 10001;
	padding: 0;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	max-width: 458px;
	position: fixed;
	top: 10% !important;
	left: 0;
	right: 0;
	text-align: center;
	bottom: auto !important;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	overflow: visible !important;
}

.dialog-overlay[aria-hidden="true"],
.dialog[aria-hidden="true"] {
	display: none;
}

.dialog-overlay:not([aria-hidden="true"]),
.dialog:not([aria-hidden="true"]) {
	display: block;
}

.sr-only {
	opacity: 0;
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

.dialog a:focus img {
    outline: 3px solid #ffffff;
    outline-color: #ffffff;
    outline-offset: 3px !important;
}