/*
Theme Name: Lugares Biblicos
Theme URI: http://underscores.me/
Author: Jeremy Francis
Author URI: http://jeremyfrancis.com
Description: Photos of Israel from the Pictorial Library of Bible Lands
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bibleplaces
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bible Places is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
} */

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}*/


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## CUSTOM THEME STYLES
--------------------------------------------------------------*/

.logged-in .navbar-fixed-top {
	top: 32px;
}

.boldheader {font-weight:700;}

/* Media Queries */

/* Fix the top margin when logged in */
@media screen and (max-width: 782px) {
	.logged-in .navbar-fixed-top {
		top: 46px;
	}
}

/* Extra Small */
@media(max-width:767px){
	.carousel-caption-txt h1 {
		text-transform: uppercase;
		font-family: 'Playfair Display', serif;
		//font-family: 'Roboto', sans-serif;
		font-weight: 600;
		color:white;
		line-height: 1;
		//font-size:2.2em;
		font-size:2em;
		}
		.abouticon {
		font-size: 50px !important;
		color: #386C40;
		}

		.abouticonstack {
		font-size: 30px !important;
		color: #386C40;
		}
		.abouthdr {
		margin: 0 auto;
		}
		/*
		.videoheader2 {
		font-size:25px;
		}
		*/
		h2 {
		font-size:27px;
		}
		h3 {
		font-size:20px;
		}
		.abouttxt {
		font-size: 1em !important;
		}
		#videoabout {
		padding-top:40px;
		min-height:200px !important;
		}
		.greencontainer .content h2 {
		font-size:25px !important;
		}
		.smallfreephotos {
		margin-top:5px;
		}
		.thumb img {
    	width: 50% !important;
    	padding: 0;
		}
		.greencontainer h2 {
		text-align:center !important;
		}
		.greencontainer {
		min-height:150px !important;
		}
		#newslettersection p {
		padding-top:20px;
		font-size: 1em !important;
		}
		
		#newslettersection h2 {
		padding-bottom: 0 !important;
		}
		#newslettersection {
		padding-bottom:20px !important;
		//padding-top:20px !important;
		background-attachment: scroll !important;
		}
		.carousel-inner .item {
    	 width: 100%;
   		 height: 250px;
   		 overflow:hidden;
    	 background-position: center;
    	 background-size: cover;
		 }
 		.slider-size {
		 height:250px;
 		 width:100%;
		 background-size: cover;
		 }
		.freephotosheader {
		font-size:15px;
		}
		.footercontainer div div h5 {margin-top:15px; margin-bottom:15px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
	.carousel-caption-txt h1 {
		text-transform: uppercase;
		font-family: 'Playfair Display', serif;
		//font-family: 'Roboto', sans-serif;
		font-weight: 600;
		color:white;
		line-height: 1;
		//font-size:2.4em;
		font-size:2.2em;
		}
		.carousel-inner .item {
    	 width: 100%;
   		 height: 350px;
   		 overflow:hidden;
    	 background-position: center;
    	 background-size: cover;
		 }
 		.slider-size {
		 height:350px;
 		 width:100%;
		 background-size: cover;
		 }
		 .navbar-nav li a {
		padding:15px 8px;
		}
		.freephotosheader {
		font-size:18px;
		}
		.abouttxt {
		font-size: 1.1em !important;
		}
		.footercontainer div div h5 {margin-top:15px; margin-bottom:15px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
	.carousel-caption-txt h1 {
		text-transform: uppercase;
		//font-family: 'Roboto', sans-serif;
		font-family: 'Playfair Display', serif;
		font-weight: 600;
		color:white;
		line-height: 1;
		//font-size:2.7em;
		font-size:2.5em;
		}
		.carousel-inner .item {
    	 width: 100%;
   		 height: 400px;
   		 overflow:hidden;
    	 background-position: center;
    	 background-size: cover;
		 }
 		.slider-size {
		 height:400px;
 		 width:100%;
		 background-size: cover;
		 }
		.freephotosheader {
		font-size:15px;
		}
		.abouttxt {
		font-size: 1.1em !important;
		}
		.medium_smaller_font {font-size:12px !important;}
}

/* Large */
@media(min-width:1200px){
	.carousel-caption-txt h1 {
		text-transform: uppercase;
		//text-shadow: 0 2px black;
		//font-family: 'Montserrat', sans-serif;
		font-family: 'Playfair Display', serif;
		//font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		color:white;
		line-height: 1;
		//font-size:2.7em;
		font-size:2.5em;
		}
		.carousel-inner .item {
    	 width: 100%;
   		 height: 100%;
   		 overflow:hidden;
    	 background-position: center;
    	 background-size: cover;
		 }
		/*
		.carousel-inner .item {
    	 width: 100%;
   		 height: 450px;
   		 overflow:hidden;
    	 background-position: center;
    	 background-size: cover;
		 }
 		.slider-size {
		 height:450px;
 		 width:100%;
		 background-size: cover;
		 }
		*/
		.freephotosheader {
		font-size:18px;
		}
}

/* General Settings */

body {
//-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
font-family: Verdana, Geneva, sans-serif;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.siteimg {
border: 1px solid black;
}

.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
 background-color: white !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
 background-color: green;
}

.navpadding {padding-top:102px;}


.headertopbar {
background-color:#386C40; 
height:32px;
}

.lipadbot li {
	padding-bottom: 10px;

}

.404list {
list-style-type: none;
}

.404list li {
	padding-bottom: 10px;
}

.cellpadding tr td {padding:15px !important;}

.padbot5 {padding-bottom:5px;}
.padbot10 {padding-bottom:10px;}
.padbot15 {padding-bottom:15px;}
.padbot20 {padding-bottom:20px;}
.padbot25 {padding-bottom:25px;}
.padbot30 {padding-bottom:30px;}
.padbot35 {padding-bottom:35px;}
.padbot40 {padding-bottom:40px;}
.margbot0 {margin-bottom:0px;}
.margtop5 {margin-top:5px;}

.nopadding {
padding: 0;
}

.blacktxt {
color: #333333;
}

lightertxt {
color: #777777;
}

.abouttxt {
font-size:1.2em;
color: #474747;
}

.jumplinkpadding:before {
    display: block;
    content: "";
    height: 92px;
    margin: -92px 0 0;
}

.buttontxt {
color: white !important;
}

/*
NAVBAR SECTION */

.navbar {}

.navbar-brand {
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
}

#navigationmenu {
margin-top: 25px;
padding-right: 20px;
font-size:1.2em;
}

.navbar-custom {
//background-color: #386C40;
}

.navbar-default .navbar-collapse {
padding-top:10px;
}

.navbar-default {
background-color: white;
min-height:92px !important;
}

.navbar-toggle {
    margin-top: 30px;
}

.navbar {
margin: 0 auto;
}

.effect1{
	-webkit-box-shadow: 0 7px 6px -6px #777;
	   -moz-box-shadow: 0 7px 6px -6px #777;
	        box-shadow: 0 7px 6px -6px #777;
}


/* HERO SECTION */

#herocarousel {
padding-top:72px;

background-color:black;
}

.carousel-caption-txt {
position:absolute;
margin-top:100px;
padding-bottom:20px;
bottom:0;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.7)); /* Standard syntax was .45 */
  width:100%;
  left:0;
}




/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .7s; /*adjust timing here */
         -moz-transition: opacity .7s;
           -o-transition: opacity .7s;
              transition: opacity .7s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* ABOUT SECTION */

.abouticon {
font-size: 70px;
color: #386C40;
}

.abouticon:hover {
color: #386C40;
}

.abouticonstack {
font-size: 50px;
color: #386C40;
}

.aboutsection {
margin-top:40px;
min-height:330px;

}

.abouthdr {
color: #386C40;
}

.abouthdr:hover {
color: #386C40;
text-decoration: none;
}

/* VIDEO SECTION */

#videoabout {
padding-top:40px;
min-height:500px;
//background: url('/wp-content/themes/bibleplaces/img/torahmen.jpg') 50% 100% repeat fixed;
background: url('/wp-content/themes/bibleplaces/img/crossword.png') 50% 100% repeat scroll;
//background-size: cover;
text-align: center;
color: #333333;
//background-color:#e4e4da;
//background-color:#f5f5f5;
padding-bottom:40px;
border-top: 1px solid #f5f5f5;
}

.videoheader2 {
padding-bottom: 20px;
font-weight: 700;
//text-shadow: 2px 2px black;
}

/* GREEN SECTION */

#greensection {
background-color:#386C40;
}

#greensection .greencontainer {
min-height:120px;
display: table;
color:white;

}

#greensection .greencontainer .content {
display: table-cell;
vertical-align: middle;
}

#greensection .greencontainer .content h2 {
display: block;
margin:0 auto;
padding-top:5px;
padding-bottom:5px;
font-family: 'Playfair Display', serif;
//font-size: 2.2em;
font-size: 2.2em;
}


/* PICTORAL LIBRARY SECTION */


.pictoraltxt {
font-size:15px;
margin:0 auto;
}
.desktopsection a {
color: #333333;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
.desktopsection a:hover { color:#386C40; text-decoration: none; }

.pictoralsubtxt {
font-size:13px;
padding-top:5px;
margin:0 auto;
color: #999999;
}

.pictoralvalue {
//color: #4C7B53;
color: #608966;
margin:0 auto;
padding-top:5px;
}

.pictoralvalue span {
text-decoration: line-through;
font-weight:200;
font-size:14px;
}

#pictoralsection {
padding-top: 40px;
padding-bottom: 20px;
}

#pictoralsection h2 {
padding-bottom: 0px;
margin-bottom:5px;

}

.pictoralsmallbutton {
margin-top: 10px;
}

.thumb {
    position: relative;
    overflow: hidden;
}
.thumb img {
    width: 80%;
    padding: 0;
}
.thumb > div {
    //background-color: rgba(0,0,0,0.75);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s linear;
    text-shadow: #000 1px 1px 0;
    color: #ccc;
}
.thumb:hover > div {
    display: block;
    opacity: 1.0;
}
.thumb > div div {
    padding: 0 40px;
    padding-top:25%;
}

.wellstyle {
background-color: inherit;
padding-bottom:0px;
padding-top:25px;
padding-left:0px;
padding-right:0px;

}

.wellstyle h4 {
margin-bottom:0px;
}
/* COMPLETE COLLECTION SECTION */

#completecollection {
padding-bottom:40px;
}

#completecollection a {
color: #333333;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.collectiontext {font-size:1.1em;}

#completecollection a:hover { color:#386C40; text-decoration: none; }

.completebutton {
margin-top:10px;
}

.collectionimg {padding-top:20px;}

/* NEWSLETTER SECTION */


#newslettersection {
background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('/wp-content/themes/lugaresbiblicos/img/athens.jpg') 50% 100% repeat fixed;

background-size: cover;
padding-top:40px;
padding-bottom: 60px;
min-height:250px;
color: white;
//position: relative; 
}

#newslettersection h2 {
padding-bottom:20px;
//text-shadow: 2px 2px black;
}

#newslettersection p {
padding-top:20px;
font-size: 1.3em;
}


.emailinput {
padding-top:30px;
padding-bottom:25px;
}

.newsletterbox {
//background-color: rgba(0, 0, 0, 0.5);
padding-bottom:10px;

}

/* CUSTOMER REVIEW SECTION */

#reviewssection {
padding-top:40px;
min-height:350px;
//background: #f5f5f5;
background: #fafafa;
}

#reviewssection h2 {
padding-bottom:20px;
}

#reviewssection a {
color: #333333;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

#reviewssection a:hover { color:#386C40; text-decoration: none; }

.testimonial {
    margin: 0;
    background: white;
    padding: 10px 50px;
    position: relative;
    font-family: Georgia, serif;
    color: #666;
    border-radius: 5px;
    font-style: italic;
    border-left:0;
    // text-shadow: 0 1px 0 #ECFBFF;
   // background-image: linear-gradient(#CEF3FF, #B7EDFF);
   // background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CEF3FF), to(#B7EDFF));
   // background-image: -webkit-linear-gradient(top, #CEF3FF, #B7EDFF);
   // background-image:    -moz-linear-gradient(top, #CEF3FF, #B7EDFF);
   // background-image:     -ms-linear-gradient(top, #CEF3FF, #B7EDFF);
   // background-image:      -o-linear-gradient(top, #CEF3FF, #B7EDFF);
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}

.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid white;
    margin: 0 0 0 25px;
}

.testimonial-author span {
    font-size: 12px;
    color: #666;
}​

.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align:left;
}

.review_item {
	margin:10px;
}

/* FOOTER SECTION */

.footerlesspadding {
margin: 0 auto;
}

#footer {
background-color: #224126;
padding-top:40px;
padding-bottom:20px;
color:white;
}


#footer a {
color:white;
}

.disclaimer {
padding-top:20px;
font-size:.9em;
}

*/ Satellite Bible Atlas CSS */

.atlas-info {
font-size: 10px;
}

*/ UNCATEGORIZED */

.owl-theme .owl-buttons i{
  margin-top: 2px;

}

#owl-pictorallibrary .owl-controls .owl-buttons div {
  position: absolute;
}
 
#owl-pictorallibrary .owl-controls .owl-buttons .owl-prev{
  left: 10px;
  top: -60px; 
}
 
#owl-pictorallibrary .owl-controls .owl-buttons .owl-next{
  right: 10px;
  top: -60px;
}

#reviewcarousel .owl-controls .owl-buttons div {
  position: absolute;
}
 
#reviewcarousel .owl-controls .owl-buttons .owl-prev{
  left: 10px;
  top: -85px; 
}
 
#reviewcarousel .owl-controls .owl-buttons .owl-next{
  right: 10px;
  top: -85px;
}


.footercolumn  {
text-align: center;
}
.buttonlink a:hover {
text-decoration: none;
}

/* FAQ Licensing Resources Page */

.booksheader { color: rgb(0,153,153);}

.bookimage {width:150px;}
.bookauthortxt {
font-size:13px;
margin:0 auto;
padding-bottom:10px;
}

/* Newsletter Page */

.newsletteredition {
margin: 0 auto;
}


/* Free Photos Page */


	.glyphicon {
	font-size: 16px;
	top:3px;
	}

	.navbar-collapse form[role="search"] {
		position: absolute;
		top: 97px;
		right: 0px;
		width: 100%;
		padding: 0px;
		margin: 0px;
		z-index: 0;
	}
	.navbar-collapse form[role="search"] button,
	.navbar-collapse form[role="search"] input {
		padding: 8px 12px;
		border-radius: 0px;
		border-width: 0px;
		color: rgb(119, 119, 119);
		background-color: white;
		border-color: rgb(231, 231, 231);
		box-shadow: none;
		outline: none;
	}
	.navbar-collapse form[role="search"] input {
		padding: 16px 12px;
		font-size: 14pt;
		//font-size: 1.2em;
		//font-style: italic;
		color: rgb(119, 119, 119);
		box-shadow: none;
	}

	@media (min-width: 768px) {
		.navbar-collapse {
			padding-top: 0px !important;
			//padding-right: 38px !important;
		}
		.navbar-collapse form[role="search"] {
			top:25px;
			width: 38px;
		}
		.navbar-collapse form[role="search"] button,
		.navbar-collapse form[role="search"] input {
			padding: 15px 12px;
		}
		.navbar-collapse form[role="search"] input {
			padding: 25px 12px;
			//font-size: 18pt;
			font-size: 1.1em;
			opacity: 0;
			display: none;
		}
		.navbar-collapse form[role="search"].active {
			width: 100%;
		}
		.navbar-collapse form[role="search"].active button,
		.navbar-collapse form[role="search"].active input {
			display: table-cell;
			opacity: 1;
		}
    	.navbar-collapse form[role="search"].active input {
			width: 600px;
            text-align: right;
		}
        .navbar-collapse form[role="search"].active button[type="submit"] {
            background-color: rgb(231, 231, 231);
	    }
	}
/* GOOGLE CUSTOM SEARCH FIX */
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    height: 26px !important;
    margin-top: 5px !important;
    min-width: 13px !important;
    padding: 5px 26px !important;
    width: 68px !important;
}

.gsc-input-box {
    height: 30px !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #4CAE4C !important;
    background-color: #5CB85C !important;
    background-image: none;
    filter: none;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4CAE4C),to(#5CB85C)) !important;
    background-image: -webkit-linear-gradient(top,#4CAE4C,#5CB85C) !important;
}
.gsc-selected-option-container {
min-width: 95px !important;
}





.owl-controls .owl-buttons .owl-next { 
	right: -55px !important;
    top: 40% !important;
    font-size:40px; 
    color:#376e41; 
}

.owl-controls .owl-buttons .owl-prev{
	left: -50px !important;
    top: 40% !important;
     font-size:40px; 
     color:#376e41; 
}