/*
Theme Name: JB Photography
Theme URI: 
Author: CQ Graphics
Description: Child Theme of Responsive
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column
template: responsive
*/

@import url('../responsive/style.css');

/* colors

bluegreen: #004954 rgb(0, 73, 84)
green: #66bc29 rgb(102, 188, 41)
Red: #9C495D
Light Green: rgb(212, 236, 195)
Light Bluegreen rgb(78, 129, 136)

*/

body {
	background-color: #fff;
}


#container {
	background:#FFF;
	padding: 0px;
	margin-top: 30px;
	max-width: 860px;
}

#wrapper {
	padding: 10px 20px 20px;
	border: 1px solid rgb(212, 236, 195);

}

#logo {
	padding: 30px 0;
}

#content, #content-full {
	margin-top: 20px;
}




/* style the type */


h1, h1 a {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;	
}



a {
	color: #9C495D;
}

body {
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}

p {  
    word-wrap: none;
}

h3, h3 a {
	font-size: 12px;
	letter-spacing: .4em;
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(78, 129, 136);
}

/* style the menu */

.menu {
  background-color: #ffffff;
  background-image: none;
	border-top: 4px solid #004954;
}


.menu ul li a:hover,
.menu li li a:hover {
  color: #66bc29;
}

.menu a {
  border-left: 1px solid #585858;
  color: #004954;
  text-shadow: none;
  font-weight: 300;
	margin-top: 10px;
	height: 25px;
	  line-height: 20px;
}

.menu a:hover {
  background-color: #ffffff;
  background-image: none;
  color:#66bc29;
}

ul.menu > li:hover {
  background-color: #ffffff;
  color: #66bc29;
}

.menu .current_page_item a,
.menu .current-menu-item a {
  background-color: #ffffff;
	color: #9C495D;
}
.sub-menu {
	background-color: rgb(212, 236, 195);
}


/* hide the title on the home page */
	
.featured-title, .featured-subtitle {
	display: none;
}


/*put a light  border at the bottom of each post*/

.hentry {
	border-bottom: 4px solid rgb(237, 237, 237);
	margin-bottom: 20px;
}

/* indent post paragraphs */

.post-entry p {
	margin-left: 30px;
	margin-right: 30px;
}

/* hide the border around the homepage slideshow */

#featured {
	border: none;
	padding-bottom: 0px;
}

/* style the homepage feature boxes */


.widget-title-home, .widget-title-home h3, .widget-title{
	font-size: 11px;
	letter-spacing: .2em;
	padding-bottom: 10px;
	margin-top: 0px;
	border-bottom: 1px solid rgb(78, 129, 136);
}

.widget-title{
	margin-bottom:10px;
	color:  rgb(0, 73, 84);
}

.home-widgets p{
	color: rgb(212, 236, 195);
	line-height:22px;
}

.home-widgets a{
	color: rgb(255,255,255);
}

.home-widgets a:hover{
	color: rgb(78, 129, 136);
}

.home-widgets .widget-wrapper {
    background-color: rgb(0, 73, 84);
    border: 1px solid rgb(0, 73, 84);
	border-radius: 7px;
    padding: 0 30px;
	text-align: center;
}

.widget-wrapper {
	background-color: rgb(247, 251, 244);
}




/* hide post meta */
.post-meta, .post-data {
display: none;
}


/* hide the photo tile, and only show the description, in the caption for Next Gen galleries*/

.galleria-info-title {
	display: none !important;
}




/* radius the edge of the home page slideshow */

#ngg-slideshow, .ngg-slideshow img {
	border-radius: 5px;
}


/* style DOP thumnail gellery*/

.DOP_NextGENThumbnailGallery_CaptionTitle {
	display: none;
}

.DOP_NextGENThumbnailGallery_CaptionText{
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: normal !important;
	line-height: 20px !important;
	margin-top: 10px;
}



/* style the footer */

#footer {
	max-width: 860px;
}
#footer a {
	color: #7e96bc;
}

#footer a:hover {
    color: #9dafcb;
}

/* hide "powered by", style copyright */

.powered {
	display: none;
}

.scroll-top {
    display: none;
}

/* style the tiny menu */

.sb-options {
	z-index: 300;
}

@media screen and (max-width: 650px) {

#logo {
	margin-top: 10px; 
}
