/* Hip Style and Value Styling Sheet */
/* main colors: */
/* Color: gold - #9f8b28 or rgb(159,139,40) */
/* Color: light maroon - #663333 or rgb(102, 51,51) */
/* Color: dark maroon - #330000 or #630 */
 
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */



.top-bar .back a:before {
  content: "\00ab ";
  margin-right: 4px;
}

.schmoe-width {width: 140px; }

.no-js body .row .text-center.title-1.head,
.no-js body .row .text-center.title-1.hide-for-medium.hide-for-small.head,
.no-js body .row .text-center.title-1.show-for-medium-down.head,
.no-js body .row .text-center.title-2.show-for-medium-down.head 
{font-family: Roboto serif!Important;
        font-size: 30px; color: brown; font-weight: 700 !Important}

.no-js body .row .color {background-color:brown; height: 5px; margin: 7px 1em;}

body {background-image: url(../img/bg-vintage.jpg) !important}

body .row {background-color: white !important; margin-top: 1em; margin-bottom: 1em;}
body .large-12.columns {margin-top: 2em;}
.no-js 
body .row .large-12.columns .large-4.medium-4.columns div .price 
{font-size:14px !important;color:maroon !important; font-weight: bold; font-style:italic;}


.no-js body .row .large-12.columns .large-4.medium-4.columns .desc
{font-size:16px !important; font-style:italic; text-align: center; color: grey;}


.no-js body .row .large-12.columns .large-4.medium-4.columns .recipe 
{font-size:14px !important; font-style:italic; border: grey dotted 2px; padding:.6em; margin-bottom: 2em;}

/* header */
.row h1 {text-indent: -99999px;	font-size: .60em;}
 
/*.row .text-center.title-1.hide-for-medium.hide-for-small {margin-top: 0; margin-bottom: 0; font-size: 2.5em; font-weight:400 !important; color: #030; font-style: italic; font-family:"Chaparral Pro, sans-serif;"}*/

.row .text-center.title-1.hide-for-medium.hide-for-small {margin-top: 0; margin-bottom: 0; font-size: 2.5em; font-weight:400 !important; color:#000; font-style: italic; font-family:"Showcard Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif}

.row .text-center.title-1.show-for-medium-down {margin-top: 0; margin-bottom: 0; font-size: 2.5em; font-weight:400 !important; color: #030; font-style: italic; font-family:"Showcard Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif}

.row .text-center.title-2.show-for-medium-down {font-size: 2em; margin:0 0 1em 0; color: #030; font-weight:400 !important;font-style:italic !important; font-family:"Showcard Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif}
 
.row .large-12.columns .text-right.company {font-weight:700; font-style:italic; font-size: .9em;}
.row .large-12.columns .text-center.tagline {font-weight:700; font-style:italic; color: #330000; margin-bottom: 3em;margin-top:-.5em}

.row .large-12.columns .large-4.columns h3,
.row .large-12.columns .large-6.columns h2,
.row .large-12.columns .large-4.columns h2 {font-size: 1.25em ; font-weight:bold; color:#330000} 
.row .large-12.columns .large-4.columns p {font-size: 1.25em;}

.row .large-12.columns img {border: #630 2px solid;}

.row .large-12.columns .large-4.columns img 
{
margin: 2em 0;
/*border: none ; 	*/
padding: 2px;
border: 5px solid #D9E0E6;
border-right-color: #C8CDD2;
border-bottom-color: #C8CDD2;
}


large-4 medium-4 columns .centered {
	text-align: center;
}

.row .large-12.columns .large-4.columns .no-border img,
.row .large-12.columns .large-4.columns .no-border a img {border: 2px #900 solid; margin-top: .5em; margin-left: .7em; 
/*transition: width 6s;*/
}


/*.row .large-12.columns .large-4.columns .no-border a:hover img { height:66px;}
*/
/*.row .large-4.columns img
 {
	border: 2px solid rgb(102,51,51); 	
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-box-shadow: -2px 5px 5px rgb(159,139,40); 
	-moz-box-shadow: -2px 5px 5px rgb(159,139,40));
	box-shadow: -2px 5px 5px rgb(159,139,40);
	margin: 0 .5em .5em 0;
}
*/

/* Changed on 3.24.2016 */
.row .large-12.columns .large-4.columns ul li a,
.row .large-12.columns .large-4.columns p a {font-size: 1em !important; color:#666633 !important;;}
.row .large-12.columns .large-4.columns ul li a:hover,
.row .large-12.columns .large-4.columns p a:hover {text-decoration:underline !important; }
/* Change Ends on 3.24.2016 */

.row .large-12.columns .large-4.columns .sidebar p a {font-size: .9em; color: #030; font-weight: 700}
.row .large-12.columns .large-4.columns .sidebar p a:hover {font-size: .9em; color: #690;font-weight: 700}

/* Footer */
.row footer .large-12.columns {margin-bottom: 2em;}
.row footer .large-12.columns p {font-size: .9em; font-weight:700;}
.row footer .large-12.columns a {font-size: .9em; color:#000;}
.row footer .large-12.columns a:hover {font-size: .9em; color:#666;}

.row .large-12.columns .large-4.columns p .mute,
footer .large-12.columns .mute a {color: #CCC ;}
footer .large-12.columns .mute a:hover {color:#999;}

.row footer .row .large-12.columns .copyright {
	font-size: 0.9em;
	color: #000;
}

 
 
.row .large-12.columns .large-4.columns .Signature {color:#999; float: right; font-size: 1.1em; margin-right: 1em; font-style:italic;}
.large-12.columns .large-4.columns .border {border:#500 1px dotted; padding:1em; margin-bottom: 2em; margin-top: 1em; font-weight: 500;}

.row .large-12.columns .large-4.columns .spotlight {
	border:#500 1px dotted; padding:1em; margin-bottom: 2em; margin-top: 1em; font-weight: 500; font-style: italic; }
 
.row .large-4.columns blockquote {  font-size: 0.9em !important;}

.row .large-8.columns.panel.p.left .sh {
	border: 2px solid red;
}
 
.row .large-4.columns p img .court-logos {padding-right: 1em;}

.row .large-8.columns h3 .home {
	font-size: 2.75em; 
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.row .large-4.columns p a img {border: 2px solid brown;}
 
.row .large-4.columns p .book-thumb {
	float: left; 
	margin:0 7px 0px 0px; 
	border: 2px #996633 solid;
 }
 
.row .large-4.columns .border {
	margin:0 7px 0px 0px; 
	border: 2px green solid;
 }
 
a {
  color:#663;
  font-weight:bold;
  font-size:.9em;}
  
.row .large-8.medium-8.columns.panel .large-12.columns.hide-for-small .ft a:hover, 
a:hover, a:focus {
	color:#330;
	
}
/* right columns colors end */


.row .large-4.columns .large-12.columns.show-for-small p.ft,
.row .large-8.columns.panel .large-12.columns.hide-for-small p a,
.row .large-8.columns.panel .large-12.columns.hide-for-small p.ft,
.row .large-12.columns .hide-for-small .ft,
.row .large-8.columns .large-12 .columns .ft {
	  font-size: .9em;
	  color:#666;
	  margin-top: 1em;
  }
  

/*********************/
/* NAV BAR overrides start*/
/*********************/

.top-bar .title-area .name h1 a,
.top-bar .top-bar-section .left li a,
.top-bar .top-bar-section .right li a {
	font-weight: bold !important;
}

/* this one next line was added for the back to Home link */
.top-bar .title-area .name h1 a.name { cursor:url(../index.html)!important;} 

.top-bar .top-bar-section .left .name a:hover, 
.top-bar .top-bar-section .left .name a:visited 
 {	background: #0066cc !important;} /* blue */
 
.top-bar .top-bar-section,
.top-bar .top-bar-section .left,
.top-bar { 

	background: #0066cc !important; 
}
 .top-bar .top-bar-section,
 .top-bar .top-bar-section .left ul,
 .top-bar .top-bar-section .right ul,
 .top-bar .top-bar-section .left li a:not(.botton),
 .top-bar .top-bar-section .right li a:not(.botton) {
	background: #0066cc; /* blue */
}
 .top-bar .top-bar-section .left li a:hover,
 .top-bar .top-bar-section .right li a:hover 
  {		background:#ff6666 !important; } /* lime */
  
.top-bar .top-bar-section .left li .active a:link,
.top-bar .top-bar-section .left  .active a:link,
.top-bar .top-bar-section .right .active a:link
{		background: #0066cc !important; }


body .top-bar .top-bar-section .right li a.current,
body .top-bar .top-bar-section .left li a.current {
	background-color: #009966; /* green */
}

/*.top-bar .top-bar-section .left .has-dropdown a {red}*/
.top-bar-section .has-dropdown > a:after { border-color: white transparent transparent transparent;}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]
	  {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #ffff99;
      border-left: solid 1px #ffff99;
	  }
	  
.top-bar .top-bar-section .right .has-dropdown .dropdown li label a:link {
	background: #0066cc !important;
/*	color: #FF9 !important;*/
	margin-left: 0px !important;
	padding-left: 0px !important;
	font-weight:bold;
	}
 
 /*********************/
/* NAV BAR overrides end */
/*********************/

.row .large-12.columns .large-4.columns .gallery {padding:0px;margin:2px}


/* Polaroid Effect begin  */

div.polaroid {
    width: 294px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    -webkit-box-shadow: 10px 10px 5px #aaaaaa;
    box-shadow: 10px 10px 5px #aaaaaa;
}

div.rotate_left {
    float: left; /* IE 9 */
    -webkit-transform: rotate(7deg); /* Safari */
    transform: rotate(7deg);
}

div.rotate_right {
    float: left; /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Safari */
    transform: rotate(-8deg);
}
 

/* Polaroid Effect ends */

.row .large-12.columns .large-4.columns ul li a,
.row .large-12.columns .large-4.columns ul, 
.row .large-12.columns .large-4.columns ol {padding-left: 1em;}

.row .large-12.columns .large-6.medium-6.columns p,
.row .large-12.columns .large-6.medium-6.columns ul li,
.row .large-12.columns .large-4.columns ul li,	
.row .large-12.columns .large-4.columns ol li {font-size: 1.25em;}

.panel {
	 background:  white;
 }


 .row .large-8.columns .author {
	 color:#003333; font-size: .9em; font-style: italic;
 }
 

hr
{background:#d9d9d9;
border-width:0;
color:#d9d9d9;
height:1px}

ul.square {
  list-style-type: square; line-height: 2.25; }



.row .large-8.columns.panel p a .right.free {
	border: .5em solid 
	#000;
	margin-left: .2em;
}

.row .large-8.columns.panel p a:hover .right.free {
	border: .5em solid #999;
	margin-left: .2em; }
		
body .row .large-4.columns  .social a img {
	 border: 2px solid green;
	 padding: 0;
	 margin: 0;
 }

body .row .large-4.columns .social a img:hover {
	border: 2px solid brown;
 }
 
/*  CSS for Bingo Page begin   ********************/

/* for Bingo Game we need  a free card*/

.row .large-12.columns .large-4.columns table {width: 60%;}

/*  CSS for Bingo Page end    */

/*   image transform ****************/

.row .large-12.columns .large-4.columns #theart  {text-align: center}
.row .large-12.columns .large-4.columns #theart img {
margin: 20px;
width: 300px;
height: 200px;;
-webkit-transform: all .5s ease;
-moz-transform: all .5s ease;
-o-transform: all .5s ease;
-transform: all .5s ease;}

.row .large-12.columns .large-4.columns #theart img:hover {
-webkit-transform: scale(1,2);
transform: scale(1,2);
-website-box-shadow: 3px 3px 5px #000;	
-webkit-backface-visibility: hidden;
	}
	/*   image transform ****************/

/*   Amazon Change to eliminate images  ****************/
.row .large-12.columns .large-4.medium-4.columns p.list  {font-size:14px !important; color:maroon !important; font-weight: bold; font-style:italic; 
	a {font-size: 14px; color:maroon !important;  } 
	a:link {font-size: 14px; color:maroon !important;  } 
	a:hover {text-decoration:underline}

}
/*   Amazon Change to eliminate images  ****************/
/*   List of recommended articles: font-size 12px - readArticles */
 
.row .large-12.columns .large-4.medium-4.columns ul.readArticles{font-size:12px !important; color:maroon !important; font-weight: bold; font-style:italic; 
}
	
/*   List of recommended articles: font-size 12px - readArticles */	

/*   H5 - font-size 12px ****************/
.row .large-12.columns .large-4.medium-4.columns h5 {font-weight: bold;}

/*   H5 - font-size 12px ****************/
/*   .separator 2px maroon ****************/
.row .large-12.columns .large-4.medium-4.columns .separator {background-color:#663300 ; margin-left:2em; margin-right: 2em; 
	height: 2px;}

/*   .separator 2px maroon ****************/

.no-js body .row .large-12.columns .large-4.medium-4.columns .offer
{font-size:14px !important; font-style:italic; border: grey dotted 2px; padding:.6em; margin-bottom: 2em;}