@font-face {
  font-family: 'Avenir';
  src:  url('/fonts/Avenir.ttc') format('OpenType'),
}

body, html {
  height: 100%;
  margin: 0;
  font-family: Gotham-Book, Arial, Helvetica, sans-serif;
  /*font: 400 15px/1.8 'Avenir';*/
  color: #777;
}

#content-wrapper{margin-top: 200px;}


.cursor-pointer {cursor:pointer;}
.capitalize{text-transform:capitalize !important;}
.decoration-line-through {text-decoration: line-through;}
.decoration-underline {text-decoration: underline;}

.radius-none {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}

.text-xxs{font-size:8px;}
.text-xs{font-size:10px;}
.text-sm{font-size:12px;}
.text-normal{font-size:14px;}
.text-md{font-size:16px;}
.text-lg{font-size:18px;}
.text-xl{font-size:24px;}
.text-xxl{font-size:36px;}
.text-xxxl{font-size:50px;}
.text-xxxxl{font-size:80px;}

.font-300{font-weight:300;}
.font-400{font-weight:400;}
.font-600{font-weight:600;}
.font-700{font-weight:700;}
.font-800{font-weight:800;}

.lh-xxs{line-height:8px;}
.lh-xs{line-height:10px;}
.lh-sm{line-height:12px;}
.lh-md{line-height:16px;}
.lh-lg{line-height:18px;}
.lh-xl{line-height:24px;}
.lh-xxl{line-height:36px;}
.lh-xxxl{line-height:52px;}
.lh-xxxxl{line-height:85px;}

.color-white{color:#fff;}
.color-black{color:#000 !important;}
.color-grey{color:#797a7a !important;}
.color-grey-light{color:#9f9f9f;}
.color-grey-med{color:#666;}
.color-grey-dark{color:#333;}
.color-orange{color:#f47920;}
.color-orange-bright{color:#ff5606}

.color-orange-dark{color:#ac3402;}
.color-copper{color:#fba67e;}
.color-blue{color: #00aeef;}
.color-blue-light{color:#3699ff;}
.color-red{color:#d00d2b;}
.color-pink{color: #ec008b !important;}

.bkg-white {background-color:#fff !important;}
.bkg-blue {background-color:#3699ff;}
.bkg-pink {background-color:#F2DAE8 !important;}
.bkg-off-white{background-color:#f7f7f7;}
.bkg-grey {background-color:#f3f3f3;}
.bkg-grey-dark {background-color:#ccc;}
.bkg-grey-light {background-color:#f6f6f6}
.bkg-grey-gradient {background: rgb(242,242,242);
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 60%);
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 31%,rgba(255,255,255,1) 52%,rgba(255,255,255,1) 60%);
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 31%,rgba(255,255,255,1) 52%,rgba(255,255,255,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}
.bkg-transparent {background-color: transparent !important;}


p.width-365 {width:365px;}


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


.border-top-grey-sm {border-top: solid 2px #b1b3b4;}

.border-all-grey {border: solid 1px #f3f3f3;}
.border-top-grey {border-top: solid 1px #b1b3b4;}
.border-bottom-grey {border-bottom: solid 1px #b1b3b4;}
.border-bottom-grey-sm {border-bottom: solid 2px #b1b3b4;}



.margin-all-xs { margin:5px; }
.margin-all-sm { margin:10px; }
.margin-all, .margin-all-md { margin:20px; }
.margin-all-lg { margin:30px; }
.margin-all-xl { margin:40px; }

.margin-top-none { margin-top:0px; }
.margin-top-xxs { margin-top:3px; }
.margin-top-xs { margin-top:5px; }
.margin-top-sm { margin-top:10px; }
.margin-top, .margin-top-md { margin-top:20px; }
.margin-top-lg { margin-top:30px; }
.margin-top-xl { margin-top:40px; }
.margin-top-xxl { margin-top:50px; }
.margin-top-xxxl { margin-top:60px; }
.margin-top-xxxxl { margin-top:70px; }

.margin-bottom-xs { margin-bottom:5px; }
.margin-bottom-sm { margin-bottom:10px; }
.margin-bottom, .margin-bottom-md { margin-bottom:20px; }
.margin-bottom-lg { margin-bottom:30px; }
.margin-bottom-xl { margin-bottom:40px; }

.margin-left-none { margin-left:0px; }
.margin-left-xs { margin-left:5px; }
.margin-left-sm { margin-left:10px; }
.margin-left, .margin-left-md { margin-left:20px; }
.margin-left-lg { margin-left:30px; }
.margin-left-xl { margin-left:40px; }
.margin-left-xxl { margin-left:45px; }

.margin-right-xs { margin-right:5px; }
.margin-right-sm { margin-right:10px; }
.margin-right, .margin-right-md { margin-right:20px; }
.margin-right-lg { margin-right:30px; }
.margin-right-xl { margin-right:40px; }
.margin-right-xxl { margin-right:45px; }

.padding-all-xs { padding:5px; }
.padding-all-sm { padding:10px; }
.padding-all, .padding-all-md { padding:20px; }
.padding-all-lg { padding:30px; }
.padding-all-xl { padding:40px; }

.padding-top-xs { padding-top:5px; }
.padding-top-sm { padding-top:10px; }
.padding-top, .padding-top-md { padding-top:20px; }
.padding-top-lg { padding-top:30px; }
.padding-top-xl { padding-top:40px; }
.padding-top-xxl { padding-top:50px; }

.padding-bottom-xs { padding-bottom:5px; }
.padding-bottom-sm { padding-bottom:10px; }
.padding-bottom, .padding-bottom-md { padding-bottom:20px; }
.padding-bottom-lg { padding-bottom:30px; }
.padding-bottom-xl { padding-bottom:40px; }
.padding-bottom-xxl { padding-bottom:60px; }

.padding-left-none { padding-left:0px; }
.padding-left-xs { padding-left:5px; }
.padding-left-sm { padding-left:10px; }
.padding-left, .padding-left-md { padding-left:20px; }
.padding-left-lg { padding-left:30px; }
.padding-left-xl { padding-left:40px; }

.padding-right-none-sm {}
.padding-right-none { padding-right:0px; }
.padding-right-xs { padding-right:5px; }
.padding-right-sm { padding-right:10px; }
.padding-right, .padding-right-md { padding-right:20px; }
.padding-right-lg { padding-right:30px; }
.padding-right-xl { padding-right:40px; }

.width-65{width: 65%;}

#side-menu-left {
    width: 400px;
    min-height: 800px;
    height: 100%;

    position: fixed;

}
#side-menu-right {
    width: 80%;
    height: auto;
    position: absolute;
    right: 0;

}

.panel-default {
    border-color: #fff;
}

.panel-default > .panel-heading {
    /* color: #333333; */
     background-color: #f7f7f7 !important;
     border-color: #f7f7f7 !important;
}

.panel-default-pink {
    border-color: #F2DAE8;
}

.panel-default-pink > .panel-heading-pink {
    /* color: #333333; */
     background-color: #F2DAE8 !important;
     border-color: #F2DAE8 !important;
}

.panel-default-grey {
    border-color: #f6f6f6;
}

.panel-default-grey > .panel-heading-grey {
    /* color: #333333; */
     background-color: #f6f6f6 !important;
     border-color: #f6f6f6 !important;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
     border-top: none !important; 
}


.footer-header{
	font-weight: 600;
	text-transform: uppercase;
    font-family: mrsfields-serif;
    margin: 10px 0 10px;
    color: #222;
}


.footer-copy{
	color: #7c6a55;
    font-size: 14px;
    line-height: 24px;
}

a.footer-copy{
	 color: #7c6a55;
    text-decoration: none;
}

a.footer-copy:hover{
	text-decoration:underline;
}


.nav-blocks { padding: 10px; background-color: #00aad8 !important; border-color: #00aad8 !important; cursor:pointer; font-family: tcby-sans; color: #86d6eb; width:100%; margin-top:2px; font-size: 13px; text-align:center;}

.nav-blocks:hover{background-color: #949599 !important; color:#fff;}

.nav-blocks a{color:#fff; text-decoration:none;}
.nav-blocks a:hover{text-shadow: 1px 1px #000 ;}

.active-block{background-color: #949599 !important; color:#fff;}

.btn-pink {background-color: #ec008b !important; border-color: #ec008b !important; color:#fff;}
.btn-pink:hover{text-decoration:underline; color:#fff !important;}

.btn-red {background-color: #d00d2b !important; border-color: #d00d2b !important; color:#fff;}
.btn-red:hover{text-decoration:underline; color:#fff !important;}

.btn-grey {background-color: #d9d9d9 !important; border-color: #c3c3c3 !important; color:#000;}
.btn-grey:hover {background-color: #f5f5f5 !important; border-color: #c3c3c3 !important; color:#000; text-decoration:underline;}
 
.btn-blue-light {background-color: #00aad8 !important; border-color: #00aad8 !important;}

.menu-buttons {margin-bottom: 3px !important; width: 200px !important; text-align:left !important;}

.header_cai {margin-left:24%; text-align: center;}

a.shadow{color:#fff; text-decoration:none;}
a.shadow:hover{color:#fff !important; text-shadow: 1px 1px #000 ;}

a.blue-pink{color:#00aad8; text-decoration:none; font-weight:600;font-size: medium;}
a.blue-pink:hover{color:#ec008b !important; }

a.grey-grey{color:#777; text-decoration:none; font-weight:600;font-size: medium;}
a.grey-grey:hover{color:#ccc !important; }



.nudge-left-sm {margin-left:-15px;}
.push-right-sm {margin-right:15px;}

ul.serving-green {
    
    color: #3699ff;
}


ul.serving-green li{
	font-family: Helvetica, Arial, sans-serif;
	list-style-image: url('/images/franchise/li-yogurt.png');
	text-align:left;
}

.text-right-lg{text-align:right;}

table.leadership tr td{
	height: 320px;
	width: 320px;
	text-align: center;
}

table.leadership tr td.right{
	text-align: right;
}

table.leadership tr td.left{
	text-align: left;
}

table.leadership tr td.center{
	text-align: center;
}

table.leadership tr td img.headshot{
	height: 180px;
	width: auto;
}

table.leadership tr td div.title{
	background:url('/images/franchise/leadership/label_grey.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: 250px 55px;
	height:55px;
	width:260px;
	color:#fff;
	text-align:center;
	padding-top: 15px;
	line-height: 1.5;
	font-weight:bold;
}


table.leadership tr td div.title:hover{
	background:url('/images/franchise/leadership/label_red.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: 250px 55px;
}


div.leadership-title{
	background:url('/images/franchise/leadership/label_grey.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: 250px 55px;
	height:55px;
	width:260px;
	color:#fff;
	padding-top: 15px;
	line-height: 1.5;
	font-weight:bold;
}

img.headshot{
	height: 180px;
	width: auto;
}


div.leadership-title:hover{
	background:url('/images/franchise/leadership/label_red.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: 250px 55px;
}






table.leadership img.center{
	height: 220px;
	width: auto;
}



@media (max-width: 768px) {
	.nav-blocks {display:none;}
	.header_cai{margin-left:0px; text-align:left; font-size: 9px;padding-left:80px;}
	.find-a-store #map #map_canvas {
	  margin-top:250px;
	  width: 440px;
	  height: 330px;
	}
	.find-a-store #map {
	  background: #eeeeee url('/images/find_a_store/map-shadow.jpg') no-repeat bottom;
	  width: 100%;
	  height: 100%;
	  padding-bottom: 6px;
	  display: block;
	}
	.find-a-store #map #map_canvas {
	  width: 440px;
	  height: 230px;
	}

	p.width-365 {width:190px; margin-bottom:25px;}

	.text-center-sm{
		text-align: center;

	}


	.padding-right-none-sm { padding-right:0px; }

	.nudge-left-sm {margin-left:0px !important;}
	.push-right-sm {margin-right:0px !important;}
	.navbar-default .navbar-nav > li > a {
	    color: #000 !important;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    border-color: #e7e7e7;
	    background-color: #fff;
	    /*margin-top:-10px;*/
	}
	.text-right-lg{text-align:left !important;}

}