/*
Theme Name: Cryptozoology Museum
Description: A custom theme developed by DreamCo Design for the International Cryptozoology Museum.
Author: DreamCo Design
Author URI: https://www.dreamcodesign.com/
Version: 1.0
*/

@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap");
body, html { font-size: 14px; line-height: 1.8; overflow-x: hidden; text-rendering: optimizeLegibility; color: #444; font-family: "Crimson Text", serif; background-color: #020204; }

img { max-width: 100%; height: auto; display: block; }

a { text-decoration: none; color: #99c7bd; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-weight: bold; }
a:hover { text-decoration: underline; color: #33528d; }

.container { max-width: 1299px; }

h1, h2, h3, h4, h5, h6 { line-height: 1.4; font-family: "DM Serif Text", serif; }

section { padding: 5rem 3rem; }

.white-bg { background-color: #fff; }

.offwhite-bg { background-color: #f4f4f4; }

.primary-bg { background-color: #231f20; }

.gray-bg { background-color: #444; color: #fff; }

b, strong { font-weight: bold; }

.modal-backdrop.fade { opacity: 0.5; }

.gradient1 { background: -webkit-linear-gradient(top, #231f20, #33528d); background: -moz-linear-gradient(top, #231f20, #33528d); background: -o-linear-gradient(top, #231f20, #33528d); background: linear-gradient(top, #231f20, #33528d); }

h1.big-title { font-weight: 900; font-size: 3rem; text-transform: uppercase; letter-spacing: 2px; }

h3.big-title { font-weight: 900; font-size: 1.75rem; text-transform: uppercase; letter-spacing: 2px; }

p { font-size: 1.5rem; }

.box-shadow { position: relative; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); }

.z-0 { z-index: 0; }

.z-1 { z-index: 1; }

.z-5 { z-index: 5; }

.z-10 { z-index: 10; }

.z-15 { z-index: 15; }

.gray-stripes { background-color: #444; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238c928f' fill-opacity='0.53' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); }

hr { border: none; border-bottom: 0.75rem double #231f20; margin-top: 3rem; margin-bottom: 3rem; }

.show-m { display: none; }

p.drop-cap:first-letter { font-size: 4rem; float: left; margin-right: 2px; margin-top: -3px; line-height: 1; }

.btn { font-size: 1rem; padding: 0.5rem 1rem; font-family: "Crimson Text", serif; letter-spacing: 4px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); }

.btn-lg { font-size: 1.5rem; }

.btn-primary { background-color: #231f20; border-color: #231f20; color: #fff; }
.btn-primary:hover { background-color: #020204; border-color: #020204; color: #fff; }

.btn-default { color: #fff; background-color: #33528d; border-color: #33528d; }
.btn-default:hover { color: #fff; background-color: #020204; border-color: #99c7bd; }

.btn-outline-light { text-transform: uppercase; letter-spacing: 4px; border-width: 2px; font-weight: bold; }
.btn-outline-light:hover { color: #020204; background-color: #fff; border-color: #fff; }

.btn-outline-dark { text-transform: uppercase; letter-spacing: 2px; border-width: 2px; font-weight: bold; border-color: #020204; color: #020204; }
.btn-outline-dark:hover { color: #fff; background-color: #020204; border-color: #020204; }

.navbar { background-color: #231f20; display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; z-index: 20; padding: 1rem; }
.navbar .navbar-brand { margin-right: 1rem; padding: 0.5rem; }
.navbar .navbar-brand img { max-width: 100%; max-height: 10rem; margin-top:5rem; }
.navbar .navbar-wrap { padding: 0; width: 100%; height: 3rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.navbar .navbar-wrap ul.nav .nav-item { display: flex; flex-direction: column; justify-content: center; }
.navbar .navbar-wrap ul.nav .nav-item .nav-link { padding: 0.25rem 1rem; font-size: 1.15rem; color: #fff; font-weight: normal; }
.navbar .navbar-wrap ul.nav .nav-item .nav-link:hover { color: #99c7bd; }
.navbar .navbar-wrap ul.nav .nav-item.active .nav-link { color: #99c7bd; }
.navbar .navbar-wrap ul.nav .nav-item.active .nav-link:before { content: "\f101"; font-family: "Font Awesome 5 Pro"; font-weight: 400; padding-right: 0.5rem; font-size: 1rem; }
.navbar .toggle-menu { display: none; color: #fff; }

.cbp-spmenu-left { z-index: 1500; background-color: #020204; width: 60%; left: -60%; }
.cbp-spmenu-left .navbar-brand { margin-right: 0; border-color: #212121; width: 100%; }
.cbp-spmenu-left .navbar-brand img { max-height: 5rem; margin: 0 auto; }
.cbp-spmenu-left ul { padding-left: 0; margin-bottom: 0; list-style: none; }
.cbp-spmenu-left ul li a { border-color: #212121; font-size: 1.5rem; letter-spacing: 2px; color: #fff; text-align: center; }

.main-bg { min-height: 650px; height: 60vh; padding: 2rem; position: relative; display: flex; flex-direction: column; justify-content: center; background-size: cover; background-position: center top; }
.main-bg .content { padding: 3rem 1rem; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 5; width: 75%; margin: 0 auto; }
.main-bg .content h1 { font-weight: bold; text-transform: uppercase; letter-spacing: 3px; color: #fff; font-size: 4rem; text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.3); }
.main-bg .content h3 { font-weight: bold; text-transform: uppercase; letter-spacing: 10px; font-size: 2rem; font-family: "Crimson Text", serif; color: #fff; text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.3); }
.main-bg .content p { color: #fff; letter-spacing: 1px; }
.main-bg .content .icons { color: #fff; font-size: 2rem; }
.main-bg .content .btn { padding: 0.75rem 1.5rem; font-size: 1.5rem; }
.main-bg .overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; background: linear-gradient(140deg, rgba(0, 0, 0, 0.8) 0%, rgba(153, 199, 189, 0.5) 100%); }

.welcome { text-align: justify; }
.welcome h4 { text-align: center; font-size: 2.25rem; color: #33528d; }
.welcome h4 span { font-style: italic; text-transform: lowercase; font-size: 1.75rem; }
.welcome .icons { font-size: 1.25rem; color: #33528d; }

.bottom-info h4 { text-align: center; font-weight: bold; font-size: 1.75rem; font-family: "Crimson Text", serif; letter-spacing: 10px; text-transform: uppercase; color: #444; }
.bottom-info .icons { font-size: 1.25rem; color: #444; }
.bottom-info p { text-align: justify; color: #444; }

.kaddish-grid { position: relative; padding: 8rem 3rem; overflow: hidden; }
.kaddish-grid .overlay-wrap-trans { background-color: transparent; position: relative; z-index: 5; }
.kaddish-grid .overlay-wrap-trans .btn { font-size: 1.5rem; margin: 0 0.5rem; }
.kaddish-grid .overlay-wrap-trans .icons { font-size: 1.25rem; color: #fff; margin-bottom: 1.5rem; }
.kaddish-grid .overlay-wrap-trans h4 { text-align: center; font-size: 1.75rem; font-family: "Crimson Text", serif; letter-spacing: 2px; text-transform: uppercase; color: #fff; text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.3); }
.kaddish-grid .overlay-wrap { background-color: #020204; position: relative; z-index: 5; padding: 2rem; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35); }
.kaddish-grid .overlay-wrap h4 { text-align: center; font-size: 1.75rem; font-family: "Crimson Text", serif; letter-spacing: 10px; text-transform: uppercase; color: #f4f4f4; }
.kaddish-grid .overlay-wrap .icons { font-size: 1.25rem; color: #f4f4f4; }
.kaddish-grid .overlay-wrap p { margin-bottom: 0; text-align: justify; color: #f4f4f4; }
.kaddish-grid .overlay { position: absolute; height: 105%; width: 105%; top: 0; left: 0; z-index: 0; background: linear-gradient(140deg, rgba(0, 0, 0, 0.8) 0%, rgba(153, 199, 189, 0.5) 100%); }

.parallax-mirror { z-index: 0 !important; }

.heading-bg { min-height: 350px; height: 30vh; position: relative; }
.heading-bg .big-title { text-align: center; position: relative; z-index: 5; color: #fff; font-size: 3rem; margin: 0; margin-top: 3rem; letter-spacing: 2px; text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.3); }
.heading-bg .overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; background: linear-gradient(140deg, rgba(0, 0, 0, 0.8) 0%, rgba(153, 199, 185, 0.5) 100%); }

.about-book p { text-align: justify; }

.book-img figure { margin-bottom: 2rem; }

.purchase-buttons h6 { text-align: center; font-family: "Crimson Text", serif; letter-spacing: 5px; text-transform: uppercase; font-weight: bold; margin-bottom: 1rem; }
.purchase-buttons .btn { font-size: 1.25rem; }

.bottom-excerpt p { text-align: justify; }

footer { border-top: 0.5rem solid #231f20; padding: 3rem 2rem; background-color: #33528d; }
footer .col-lg-8 { display: flex; flex-direction: column; justify-content: center; }
footer .footerlinks { margin-bottom: 0; padding-left: 0; list-style: none; }
footer .footerlinks .nav-item { display: inline-block; }
footer .footerlinks .nav-item .nav-link { font-weight: normal; font-size: 1.15rem; padding-left: 0rem; padding-right: 1rem; color: #fff; }
footer .mailchimp { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; color: #fff; }
footer .mailchimp p { font-size: 1rem; text-align: center; }
footer .mailchimp form { width: 100%; }
footer .mailchimp form .form-control { font-size: 1.15rem; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #fff; }

.copyright { background-color: #020204; padding: 0.5rem 1rem; font-size: 0.75rem; color: #d7d7d7; font-family: "Crimson Text", serif; text-align: center; text-transform: uppercase; letter-spacing: 1px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.copyright div { padding-left: 0.5rem; }
.copyright a { font-family: "Crimson Text", serif; font-weight: normal; color: #d7d7d7; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; }

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #444; opacity: 1; /* Firefox */ }

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #444; }

.form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #444; }


.post-img > div {
	padding: 1rem;
	padding-right: 0;
}
.pagination {
	justify-content: center;
	flex-direction: row;
}
.pagination li span {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #fff;
	background-color: #33528d;
	border: 1px solid #dee2e6;
}
.pagination li .page-link {
	color: #33528d;
}
.single-pagination a {
	padding: 0.5rem 1rem;
}
#sidebar ul {
	padding-left: 1.5rem;
	list-style: circle;
}
#sidebar ul li a {
	color: #33528d;
}
div#gform_wrapper_2 {
	width: 100%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
div#gform_wrapper_2 form {
	display: flex;
	flex-direction: row;
}
div#gform_wrapper_2 .gform_footer {
	margin-top: 0;
	width: auto;
	padding-top: 0 !important;
}
div#gform_wrapper_2 .gform_footer input {
	margin-right: 0;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	height: calc(1.5em + .75rem + 2px);
	padding: 0.25rem 1rem;
}
div#gform_wrapper_2 ul.gform_fields li.gfield {
	padding-right: 0;
	margin-top: 0 !important;
}
input#input_2_1 {
	margin-top: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
div#gform_wrapper_2 .ginput_container.ginput_container_email {
	margin-top: 0 !important;
}
#sidebar ul {
	padding-left: 1rem;
}
div#gform_wrapper_2 .gform_body {
	width: 100%;
}
div#input_1_5 > div {
	margin: 0 auto;
}
#gform_wrapper_1 .gform_footer {
	text-align: center;
}
.gallery-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.gallery-grid .grid-item {
	width: 25%;
	border: 0.5rem solid #f4f4f4;
}
.commentlist {
	list-style: none;
	padding-left: 0;
}
.commentlist .comment {
	border: 1px solid #9c9887;
	border-radius: 0.25rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
}
.commentlist .comment:last-child {
	margin-bottom: 0;
}
.commentlist .children {
	padding: 0.5rem;
	border: 1px solid #9c9887;
	border-radius: 0.25rem;
	list-style: none;
}
.commentlist .children > li {
	margin-bottom: 0.5rem;
}
.commentlist .children > li:last-child {
	margin-bottom: 0;
}
.comment-edit-link .btn {
	padding: 0.25rem 0.5rem;
	margin-right: 0.5rem;
}



@media screen and (max-width: 1024px) { .main-bg .content h1 { font-size: 3rem; }
  .welcome h1 { font-size: 3rem; }
  h3 { font-size: 1.5rem; } }
@media screen and (max-width: 1023px) { .navbar .toggle-menu { display: block; font-size: 1.8rem; background-color: transparent; border: none; }
  .navbar .navbar-wrap { justify-content: space-between; position: relative; padding: 0.25rem 1rem; }
  .navbar .navbar-wrap .nav { display: none; }
  .navbar .navbar-brand img { max-width: 100%;}
  .welcome h1 { font-size: 2rem; }
  .welcome h5 { font-size: 1rem; }
  footer { padding-left: 2rem; padding-right: 2rem; }
  footer .footerlinks { text-align: center; margin-bottom: 1rem; }
  footer .footerlinks .nav-item { display: inline-block; }
  footer .mailchimp p { width: 100%; text-align: center; }
  h3.big-title { font-size: 1.45rem; } }
@media screen and (max-width: 768px) { section, .kaddish-grid { padding: 5rem 1rem; }
  .welcome { padding: 4rem 1rem; }
  .btn { white-space: nowrap; }
  .main-bg { height: 30rem; }
  .main-bg .content { padding-top: 0; }
  .main-bg .content h1 { font-size: 3rem; }
  .main-bg .content h3 { font-size: 1.4rem; }
  .main-bg .content p { font-size: 1rem; } }
@media screen and (max-width: 767px) { .navbar .nav-search { display: none; }
  .navbar .navbar-brand { padding-left: 0; }
  .navbar .navbar-brand img { max-height: 8rem; margin-top: 4rem; }
  .cbp-spmenu-left .navbar-brand img { max-width: 100%; margin: 0 auto; display: block; }
  .cbp-spmenu-left ul li a { font-size: 1.25rem; }
  .heading-bg .big-title { font-size: 2.5rem; }
  h3.big-title { font-size: 1.25rem; }
  .main-bg { max-height: 45rem; padding: 1rem; }
  .main-bg .content { padding: 1rem; }
  .main-bg .content h1 { font-size: 2rem; margin-bottom: 1.5rem; }
  .main-bg .content h3 { font-size: 1rem; letter-spacing: 3px; }
  .main-bg .content p { font-size: 0.85rem; }
  .welcome .btn { width: 100%; margin-bottom: 0.5rem; }
  .welcome .col { flex-basis: auto; }
  .welcome h4 { font-size: 2rem; margin-bottom: 1.5rem; }
  footer .footerlinks { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 5px double #231f20; }
  .copyright { flex-direction: column; }
  .purchase-buttons { margin-bottom: 3rem; }
  .kaddish-grid .overlay-wrap-trans h4 { font-size: 2rem; }
  .kaddish-grid .overlay-wrap-trans .btn { width: 100%; margin-bottom: 1rem; } }
  
  
  

@media screen and (max-width: 1023px) {
	.gallery-grid .grid-item {
		width: 33.333%;
	}
}
@media screen and (max-width: 767px) {
	.gallery-grid .grid-item {
		width: 50%;
	}
}
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}