@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

html{height: 100%;}
body{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:15px; 
	color:#555;
	line-height:25px;
	background-color:#ffffff; 
	position:relative;
	min-height: 100%;
	padding-bottom: 100px;
	
	
}


.caul{
	background: no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
	background-color:#F3F3F3; 
	background-image:url(../img/tripe_palegray.jpg);
}


.row:before, .row:after {display: none !important;}

#header{padding:0;background-color:#fff; border-bottom: #ccc 1px solid; box-shadow: 0 0 5px 0 #ccc	; }
#header .container{padding:0; }
#header .navbar-brand{font-weight:bold; color: #386a4a; font-size:22px; padding-left:0; margin-left:0;}
#header .navbar{margin:0; border-radius:0; padding:1em; }
#header .navbar-light .navbar-nav .nav-link {padding-right:1em; color: #386a4a;}
#header .navbar-nav .nav-link {display:block; padding:1em 0 0 0; text-align: center;}

#jmcarousel .carousel-item img{ padding:50px 5px;}
#jmcarousel .carousel-inner>.item {
    -webkit-transition: -webkit-transform 3.2s ease-in-out !important;
    -o-transition: -o-transform 3.2s ease-in-out !important;
    transition: transform 3.2s ease-in-out !important;
}

.pullquote {text-align:center; margin:50px 0; color: #3c3c3c;  }
.pullquote .quote{font-size:22px; line-height:1.7em;font-style:italic; font-family:georgia;}
 .pullquote .attribution{}

h1,h2,h3,h4{
	color:#386a4a;
    font-weight: bold;
}

h1{font-size:1.4em; margin:3em 0 1em;}

.book-label{    
	border-bottom: #ddd 1px solid;
    padding: 1em 0 2em;
    margin: 2em 0;
    color: #555;
}

.cta {
	text-transform: uppercase; 
	color:#999; 
	font-weight:Bold; 
	font-size:.9em;     
	letter-spacing: 2px; 
}
.cta i {color:#fff;}
.cta i.icon-background {color:#386a4a;}

.fa-stack i {color:#fff;}
.fa-stack i.icon-background {color:#386a4a;}

.media-list{ font-size:.8em; list-style-type: disc;}
.media-list li{}


a {color:#069c3c;}
a:hover {color:#555; text-decoration:none;}
a.book-link img{border:0;}
a.book-link:hover img{border:#386a4a 2px solid;}

.buy-links{margin-bottom:4em;}



#footer{background-color:#386a4a; color:#ccc; font-size:12px; padding:2em; min-height:100px; height:70px; position: absolute;
    bottom: 0;}
#footer a{color:#ccc; text-decoration:underline;} 
#footer a:hover{color:#fff; } 
#footer .icon-set a { font-size:1.6em; padding:.5em; text-decoration:none;}

@media only screen  
  and (min-width: 768px){
	.divider{    
		height: 50px;
		margin: 0 9px;
		border-left: 1px solid #F2F2F2;
		border-right: 1px solid #FFF;
	}
	  .navbar-nav{float: right;}
	  .navbar-collapse.collapse{display: block!important;}
	  .navbar-collapse.collapse.in{display: none!important;}
}

@media only screen  
  and (min-width: 600px){
	#jmcarousel .carousel-item img{ padding:50px;}
}

@media only screen
	and (max-width:768px) {
		#footer .col-xs-12, .col-xs-12.icon-set.text-right { text-align: center!important;} 
}