/* cmsms stylesheet: LRH modified: 01/23/23 00:07:34 */
/*
The Little Red Hen Nursery website CSS file
Created by ClockTowerWeb
cc6600 orange
cccc00 yellowish
00cccc light blue
F9AF28 another orange with light blue: 28DBF9
1AC619 green and blue 1970C6

6.jpg is:
F9AF28
1970C6
28DBF9

7.jpg is:
F9AF28
1970C6
28DBF9
F9AF28
28DBF9
plus change to body
*/

 /* orig corporate dark red #cc0000 */
 /* H1 site heading, orig corporate dark red #cc0000 */
 /* orig dark green #636300 */
 /* orig dark green #636300 */
 /* orig lighter green #CCCC98 */

/*
@import url('https://fonts.googleapis.com/css?family=Anton|Roboto+Slab');
*/
/*
font-family: 'Roboto Slab', serif;
font-family: 'Anton', sans-serif;
*/

body {
	background-color: #fdfdfd; /* fdfdfd PAB remove url v */
	font-family: "Comic Sans MS", "Comic Sans", cursive;    /* was 'Roboto Slab', serif; */
	background: url(/uploads/images/furniture/concrete_seamless.png);
}
.container {
	background-color: White;
}
.rowhead {
	margin-top: 15px;
	margin-bottom: 15px;
}
.rowhead img {
	width: 100px;
}
.colhead h1 {
	color: #1970C6;
	font-family: "Comic Sans MS", "Comic Sans", cursive;    /* was 'Anton', serif; */
	border-bottom: 1px #333 solid;
	margin-top: 35px;
}
.colhead h2 {
	font-size: 1.4em;
	margin-top: 10px;
}
.colhead p {
	font-size: 1.3em;
	color: #1970C6; /* 999 */
	margin-top: -5px;
}
.rowmain {
	margin-bottom: 30px;
}
.colbody {
	min-height: 600px;
	font-size: 15px;
}
.colbody h2 {
	margin-top: 0px;
}
.colbody h4 {
margin-top: 20px;
font-style: italic;
}
.colbody h3.titletestimonial {
border-top: 1px solid #1970C6;
padding-top: 10px;
margin-top: 30px;
}
.colbody p {
	line-height: 1.6;
}
.colbody p a {
	color: #1970C6;
	text-decoration: underline;
}
.colbody p a:hover {
	color: #000;

}
.photos {
	border-radius: 15px;
	border: 5px #1970C6 solid;
	margin-bottom: 30px;
	margin-top: 30px;
}
blockquote {
	color: #1970C6;
	font-size: 1.8em;
	margin: 30px 1em 30px 1em;
	
	border-left: none;
}
p.quoteby {
	font-size: 0.6em;
	color: #333;
	text-align: right;
}
.colbody p a.btn-primary {
	background-color: #1970C6;
	color: White;
	text-decoration: none;
}
.colbody p a.btn-primary:hover {
	background-color: #1970C6;
}
.colbody p a.btn-primary:active {
	background-color: #333;
}
.daytable { /* Day in the life table */
border-collapse: separate;
border-spacing: 3px;
}
.dayday { /* Day in the life table, day */
background-color: #1970C6;
color: White;
text-align: center;
padding: 5px;
}
.dayact { /* Day in the life table, activity */
background-color: #AED1F4;
color: #1970C6;
padding: 5px;
}



ul.nav {
	background-color: #FBE337; /* ccc pab */
	
}
ul.nav a {
	width: 100%;
	border-bottom: solid 1px White;
	
}
.navbar-default .navbar-nav > li > a {
  color: #666;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.menuactive > a, .navbar-default .navbar-nav > li.menuactive > a:hover {
  color: White;
  background-color: #1970C6;
}



.rowfooter {
	background-color: #1970C6;
	color: White;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0.9em;
}
.rowfooter a {
	color: White;
	text-decoration: underline;
}
.rowfooter a:hover {
	color: Black;
}
.colfootercenter {
	margin-top: 10px;
}
.colwebsitepeople {
	margin-top: 10px;
}

/*

Small devices (tablets, 768px and up)

*/
@media (min-width: 768px) {
	.rowhead img {
		width: 170px; /* back to normal size */
	}
	.colfootercenter {
		margin-top: 0px; /* cancel out what was set above */
		text-align: center;
	}
	.colwebsitepeople {
		margin-top: 0px; /* cancel out what was set above */
		text-align: right;
	}
	.container {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
}

/*

Medium devices (desktops, 992px and up)

*/
@media (min-width: 992px) {
	.photos {
		/* margin-top:0; */
	}
	.navbar-collapse {
		padding-left: 0px;
	}
	ul.nav a {
		width: 135px;
	}
}

/*

Large devices (large desktops, 1200px and up)

*/
@media (min-width: 1200px) {
	ul.nav a {
		width: 170px;
	}
}







/*
Bootstrap 3 Navbar Collapse
https://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse
*/

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}