/*
Theme Name: Cody Mural
Description: Custom template created for Cody Mural Museum
Version: 2.0
Author: Joel Smith
Author URI: http://okasoftdesign.com

*/
html {
	font-size: 16px;
}
body {
	background: #fff;
	color: #3C2415;
	/* font-size:.95em; */
	font-size: 1em;
	font-family: 'droid_sansregular', sans-serif;
	position: relative;
}
.hwrap {
	font-size: 16px;
}
@font-face {
	font-family: 'trajanbold';
	src: url('fonts/trajan_bold-webfont.eot');
	src: url('fonts/trajan_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/trajan_bold-webfont.woff') format('woff'),
		 url('fonts/trajan_bold-webfont.ttf') format('truetype'),
		 url('fonts/trajan_bold-webfont.svg#trajanbold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'droid_sansregular';
    src: url('fonts/DroidSans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
		font-display: swap;
}
@font-face {
    font-family: 'droid_sansbold';
    src: url('fonts/DroidSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
		font-display: swap;
}
* {
  margin:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a, a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
*:focus {
	outline: 0;
}
.fancy-font, h1, h2, .timeline #bx-pager a, .slider h1 {
	font-family:'trajanbold',"Book Antiqua", "Times New Roman";
	font-weight: normal;
}
.reg-font, .inner-b h1, textarea {
	font-family: 'droid_sansregular', sans-serif;
}
.font-bold, strong, h1 em {
	font-family: 'droid_sansbold', sans-serif;
	font-weight: normal;
}
/*PRIME STRUCTURE*/
header, main, footer, section, article, #menu {
	display: block;
}
header, main, footer, #menu {
	width:100%;
}
.width {
	max-width:1200px;
	width: calc(100% - 3rem);
	margin:0 auto;
	display:block;
	position:relative;
	padding: 7.375em 0 8.125em 0;
	overflow-x: hidden;
}
header .width {
	overflow:hidden;
	max-height:392px;
	padding:0;
}
header a, header a:visited, header a:hover {
	color: #FFF;
	text-decoration: none;
}
/* main {
	font-size: 1em;
} */
main .reg {
	padding: 1em 0 62px 0;
}
/*page parts*/
.lined h2 {
	padding:.6em 0 .3em;
}
.reg article h1 {
	margin-left:-0.4em;
}
article h1 {
	color: #3C2415;
	font-weight:bold;
	font-size:1.6em;
	text-transform:capitalize;
}
article img {
	border:solid 1px #422C15;
	max-width: 100%;
	width: auto;
	height: auto;
}
.gallery a:hover img {
	border: solid 1px #CA9212;
}
img.plain {
	border:none;
}
/*FOOTER*/
footer .width {
	padding:.4em 0;
}
footer .width .widget {
margin-top:76px;
width:100%;
text-align:center;
}
/*OTHER*/
h1 {
	font-size: 2.6em;
	padding:0 0 .6em 0;
	font-weight:normal;
	text-transform:uppercase;
}
h2 {
	font-size: 1.9em;
	font-size: 2.25em;
	font-weight:normal;
	text-transform:uppercase;
	color:#5A707F;
	margin: 0;
	padding: 0 0 .6em 0;
}
h3 {
	font-size: 1.3em;
	line-height: 16px;
	font-weight:normal;
}
h4 {
	font-size: 1.38em;
	color:#000;
	line-height: 1.3;
	padding: 0 0 .2em 0;
	font-weight:bold;
}
main p {
	/* font-size: 1.38em;
	line-height: 1.3; */
	font-size: 1em;
	line-height: 1.75;
	padding: 0 0 1.1em 0;
}
main img {
	max-width: 100%;
	height: auto;
	width: auto;
}
main img.alignleft {
margin-right:20px;
}
main img.alignright {
margin-left:20px;
}
small {
	font-size: .7em;
	margin:0;
	padding: 1.2em;
	color: #444;
	display: block;
}
small a, small a:link, small a:visited, small a:hover {
color: #444;
}
.entry ul {
margin:10px 0;
}
ul {
list-style-type:square;
}
li {
line-height: 160%;
}
.wp-caption {
	background: #F4EEDB;
	border: 1px solid #E1D09B;
	padding: 0.5em;
	text-align: center;
	max-width: 100%;
}
.wp-caption-text {
	color: #764c29;
	padding: 0.5em .5em .5em .5em;
	font-size: 1em;
	line-height: 1.2;
	text-align: left;
}
article .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	box-shadow:none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/*POP UP NOTICE*/
.popup_bg, #overlay {
	display: none;
}
.popup_bg .heading_block .heading01 {
	color:#597A91;
	font-size:26px;
}
.popup_bg .popup_block .inner {
	text-align:center;
	padding:10px 28px;
}
.popup_bg .heading_block {
	margin-bottom:0;
	border-bottom: 1px dotted #764C29;
}
.popup_bg .btn_close {
	background-size:contain;
	width:24px;
	height:24px;
}
.popup_bg .content_box .display a, .popup_bg .content_box .display a:hover {
	color:#764C29;
}
.popup_bg .content_box .display {
	text-align:center;
}
/*gallery*/
.gallery ul {
	padding:0;
	margin:.8em 0 0 0;
	position: relative;
}
.gallery ul::after {
	content: " ";
	clear: both;
	display: block;
}
.gallery ul li {
	list-style:none;
}
.gallery li {
	float: left;
	width:16.666%;
	padding: 10px;
}
.gallery a {
	display: block;
	overflow: hidden;
	position: relative;
}
.gallery img {
	width:100%;
	height:auto;
}
.gallery a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
	transform: scale(1.1);
}
.gallery a::after {
	content: " ";
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	border: solid 6px #466172;
	mix-blend-mode: multiply;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.gallery a:hover::after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
main iframe {
	width:100%;
	padding:.6em 0;
}
.iframe-wrap {
	position: relative;
	padding-bottom: 80%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 1em;
}
.iframe-wrap p {
	padding: 0;
	line-height: 1;
}
main .iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.midpics img {
	max-height:216px;
	width:auto;
	margin:9px;
}
ul.sidepic, ul.sidepic2 {
	padding:0;
	float:right;
	width:35%;
	margin-right:3%;
}
ul.sidepic li, ul.sidepic2 li {
	list-style:none;
}
.sidepic img {
	margin:15px 2px 35px;
	max-width:100%;
	height:auto;
}
.sidepic2 img {
	max-width:96%;
	height:auto;
	margin:10px 2%;
}
.text-right, .text-left {
	float:left;
	width:58%;
	margin: .6em 0 0 0;
}
.text-left {
	margin:.6em 6% 0 0;
}
/*MENU*/
nav {
	margin:auto;
}
nav a, nav a:visited {
	text-decoration:none;
	color:#fff;
}
nav .current_page_item a, nav li a:hover {
	background: #476172;
	color:#fff;
}
header a img {
	border:none;
	outline:none;
}
/*ALPHA*/
.transparent {
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: 0.75;
}
/*ALL TRANSITIONS*/
.menu li a, #searchsubmit, footer a, form input[type=submit], a img, .hwrap .logo, .hwrap .desk-m, .dim::after, a::after, a::before, a {
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
/*ALL CURVES*/
.curved {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-khtml-border-radius: 6px;
}
/*all inlines*/
nav ul li, .banner .bx-pager-item, .timeline #bx-pager a, .foot ul.menu li, .f-soc ul li, .timeline aside ul li, .sidepic li {
	display:inline-block;
	zoom:1;
	*display:inline;
}
/*-----FORMS-----*/
form {
	font-size: 1em;
}
form p {
	padding-bottom: 0;
	line-height: 1;
	font-size: 1rem;
}
input[type], textarea {
	padding:.6em;
	font-size: 1.2em;
	border:solid 1px #f2f2f2;
	background:#F2F2F2;
	color:#454545;
	width:100%;
}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus {
	border:solid 1px #D07A20;
	color:#D07A20;
}
form label {
	display: block;
	font-size: .1.125em;
	padding-bottom: .3em;
}
form input[type=submit] {
	border: 0;
	background-color:#D07A20;
	font-size:1.2em;
	color:#fff;
	text-transform:uppercase;
	padding:.9em;
	cursor:pointer;
}
form input[type=submit]:hover, form input[type=submit]:active, form input[type=submit]:visited {
	color: #fff;
	background-color:#466172;
	border: 0;
}
form .sub-wrap {
	position: relative;
	font-size: 1.3em;
	margin-bottom: .8em;
}
::-webkit-input-placeholder {
  color:#777777;
}
::-moz-placeholder {
  color:#777777;
}
:-ms-input-placeholder {
  color:#777777;
}
:-moz-placeholder {
  color:#777777;
}
.wpcf7-not-valid {
  border-color: red !important;
}
.wpcf7-recaptcha {
  transform: scale(.85);
  position: relative;
  left: -20px;
  top: -6px;
  display: inline-block;
}
form .wpcf7-form-control-wrap {
  display: block;
  padding-bottom: 1.25em;
  position: relative;
}
form span.wpcf7-not-valid-tip { /*hide error label per field*/
  display: none;
}
.wpcf7 form .wpcf7-response-output {
  padding: 1em 0 0;
  border: 0;
  margin: 0;
  text-align: center;
  font-size: 1.25em;
}
.con1 .wpcf7 form .wpcf7-response-output {
  text-align: left;
}
.wpcf7 form.invalid .wpcf7-response-output {
  color: red;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #D07A20;
  font-size: 1em;
  font-weight: 600;
  font-style: italic;
}
.wpcf7-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: calc(50% + 3.5em);
  z-index: 3;
}
div.wpcf7 .ajax-loader {
  position: absolute;
  left: calc(50% + 3em); /*half btn text*/
  margin: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.2rem;
  height: 1.2rem;
  background-image: none;
  z-index: 1;
  visibility: hidden;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.ajax-loader::after {
  content: " ";
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  width: 60%;
  height: 60%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
}
div.wpcf7 .ajax-loader.is-active {
  visibility: visible;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.ajax-loader.is-active::after {
  animation: ring-spin 1s linear infinite;
}
@keyframes ring-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*---------COLUMN GRID-----------*/
.row {
  clear: both;
  margin: 0 -1.65em;
}
.row::after {
	content: " ";
	position: relative;
	clear: both;
	display: block;
}
.column {
  float: left;
  padding: 0 1.65em;
}
.column.hold-right {
  float: right;
}
.col-12 {
  width: 100%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.6666%
}
.col-7 {
  width: 58.3333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.6666%;
}
.col-4 {
  width: 33.3333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.6666%;
}
.col-1 {
  width: 8.3333%;
}
/*banner*/
.banner .bx-controls {
	z-index:8;
	position:absolute;
	top:90%;
	width:100px;
	margin-left:50%;
}
.banner .bx-pager-item {
	margin:0 .3em;
}
.banner .bx-controls a {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	background-color:#7998AC;
	border: solid 2px #7998AC;
	font-size:0;
	display:block;
	height:12px;
	width:12px;
}
.banner .bx-controls a:hover, .banner .bx-controls a.active {
	background-color:transparent;
	border-color:#7998AC;
}
/*timeline*/
.time-wrap {
	position: relative;
	z-index: 0;
	padding-bottom: 28em;
}
.time-wrap::after {
	content: " ";
	background-image: url('img/timeline-bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 13em;
	bottom: 0;
	margin: auto;
	z-index: -1;
}
.timeline {
	max-width: 2200px;
}
.timeline .bx-wrapper { /*position arrows*/
	position:relative;
}
.timeline #bx-pager {
	margin:0 0 .8em 0;
	position: relative;
	z-index: 0;
	background:url(img/dot-border1.gif) repeat-x 0 32px;
}
#bx-pager::after {
	/* content: " "; */
	background-image:url('img/dot-border1.gif');
	background-repeat: repeat-x;
	background-position: center;
	width: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 2px;
	height: 6px;
}
.timeline #bx-pager a {
	cursor:pointer;
	font-size:1.2em;
	text-decoration:none;
	color:#000;
	width:6.5%;
	text-align:center;
	line-height:30px;
	padding:0 0 .55em 0;
	background:url(img/time-dot.gif) no-repeat center bottom;
}
.timeline #bx-pager a:hover, .timeline #bx-pager a.active {
	color:#C99213;
}
.timeline .slider {
	text-align:center;
	margin: 3em auto 0 auto;
	max-width: 1000px;
}
.timeline .slider p {
 width: calc(100% - 5em);
 max-width: 800px;
 margin: auto;
}
.timeline .slider h1 {
font-size:2em;
text-align:center;
line-height: 1.2;
}
.timeline .bx-next, .timeline .bx-prev {
	height:30px;
	width:18px;
	font-size:0;
	display:block;
	position:absolute;
	top:38%;
}
.timeline .bx-next {
	right: 0;
}
.timeline .bx-next::after, .timeline .bx-next::before, .timeline .bx-prev::after, .timeline .bx-prev::before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image:url('img/arrows1.png');
	background-repeat: no-repeat;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	z-index: 1;
	border:0 !important;
	transform:none;
}
.timeline .bx-prev::after {
	background-position: 0 0;
}
.timeline .bx-prev::before {
	background-position:-22px 0;
	z-index: 2;
}
.timeline .bx-next::after {
	background-position:-22px -32px;
}
.timeline .bx-next::before {
	background-position:0 -32px;
	z-index: 2;
}
.timeline .bx-next:hover::after, .timeline .bx-prev:hover::after, .timeline .bx-next::before, .timeline .bx-prev::before {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.timeline .bx-next:hover::before, .timeline .bx-prev:hover::before {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
/*featured*/
.feat-work {
	clear:both;
	overflow:hidden;
	margin:1em 0;
}
.feat-work h2, .feat h2 strong {
	color: #3C2415;
}
.feat-work h2, .feat h2 {
	font-weight:bold;
	font-family: 'Droid Sans', sans-serif;
}
.feat h2 {
	color: #666;
	font-size: 1.875em;
}
.first .feat img {
	margin-top: 26px;
}
.feat-work div {
	width:54%;
}
.feat-work ul {
	padding:.4em 0 .4em 1.2em;
}
.feat-work img {
	max-width:40%;
	height:auto;
	margin:1%;
}
main .feat-work p:first-child {
	padding:0;
	line-height:inherit;
}
.feat-work img.alignleft {
	margin-right:2%;
}
.feat-work .alignright {
	float:left;
}
.feat-work .alignleft {
	text-align:right;
}
.feat-work img.alignright {
	margin-left:2%;
	float:right;
}
.feat-left {
	float:left;
}
.feat-right {
	float:right;
}
.pad-top {
	padding-top: 30px;
}
.feat-row {
	padding-bottom: 30px;
	display: flex;
	align-items: center;
}
.feat-row .hold-right {
	order: 1;
}
.feat-row .feat {
	text-align: right;
	padding-right: 0;
}
.feat-row .feat.hold-right {
	text-align: left;
	padding-left: 0;
	padding-right: 30px;
}
/*------2019------*/
.hwrap {
	position: fixed;
	z-index: 12;
	left: -1px;
	top: 0;
	width: calc(100% + 1px);
	background: url('img/head-bg2.jpg') no-repeat center;
	background-size: cover;
	border-bottom: solid .625em #FCB73D;
}
.hwrap .width {
	max-width: none;
	width: 100%;
	overflow: visible;
	padding: 0 2em;
	display: flex;
	justify-content: space-between;
}
.hrap .h-rt {
	width: calc(100% - 12em);
}
.hwrap .logo {
	width: 12.625em;
	padding: 1.25em 0;
}
.hwrap .logo img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.clear-after {
	position: relative;
}
.clear-after::after {
	content: " ";
	display: block;
	clear: both;
}
.hwrap .desk-m {
	width: 100%;
	padding: 2.8em 0 0 0;
	margin-left: 0;
	text-align: right;
}
header .fam-wrap a {
	background-color: #FCB73D;
	text-decoration: none;
	color: #3C4D5B;
	font-size: 1.125em;
	padding: .5em 0 .5em .75em;
	display: block;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	position: relative;
	z-index: 0;
	width: 12.25em;
	margin-left: auto;
}
.fam-wrap a:hover {
	background-color: #fff;
}
.fam-wrap a::before {
	content: " ";
	height: .875em;
	width: 1em;
	background-image: url('img/icon-arr-b.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: .5em;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
}
.hwrap .desk-m .menu {
	padding: 0;
}
.hwrap .desk-m .menu>li {
	padding: 0 0 1.875em 0;
}
.hwrap .desk-m .menu li a:hover, .hwrap .desk-m .current_page_item a {
	background-color: transparent;
}
.hwrap .desk-m .menu>li>a {
	margin: 0 .45em;
	padding: 0 .25em;
	font-size: 1.5em;
	position: relative;
	line-height: 1;
}
.hwrap .desk-m .menu>li:last-of-type {
	padding-right: 0;
}
.hwrap .desk-m .menu>li:first-of-type>a {
	margin-left: 0;
}
.hwrap .desk-m .menu>li:last-of-type>a {
	padding-right: 0;
}
.hwrap .desk-m .menu>li:last-of-type>a::after {
	display: none;
}
.hwrap .desk-m .current_page_item>a, .hwrap .desk-m .menu li a:hover {
	color: #ccc;
}
.hwrap .desk-m .current_page_item>a::before, .hwrap .desk-m .current-menu-parent>a::before {
	content: " ";
	width: 100%;
	bottom: -.2em;
	left: 0;
	height: 2px;
	background: #CCCCCC;
	position: absolute;
}
.hwrap .desk-m .sub-menu {
	position: absolute;
	padding: 1em 0;
	background: rgba(121, 152, 172, .9);
	top:100%;
	left: 0;
	right: 0;
	padding-left: 0;
	text-align: center;
	z-index: 11;
	visibility: hidden;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.hwrap .desk-m .sub-menu a {
	padding: .5em 1em;
	font-size: 1.2em;
	font-weight: 300;
}
.hwrap .desk-m .sub-menu .current_page_item>a {
	text-decoration: underline;
}
.hwrap .desk-m .sub-menu .current_page_item>a::before {
	display: none;
}
.hwrap .desk-m .current .sub-menu {
	visibility: visible;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.home-wrap, .banner {
	margin-top: 9.375rem;
}
.banner {
	font-size: 1em;
	position: relative;
	z-index: 0;
}
.inner-b::after {
	content: " ";
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: block;
	z-index: 1;
}
.inner-b h1 {
	color: #fff;
	position: absolute;
	max-width: 1200px;
	left: 0;
	right: 0;
	width: calc(100% - 2em);
	bottom: -.15em;
	z-index: 3;
	font-weight: bold;
	line-height: 1;
	margin: auto;
	font-size: 5.2em;
	letter-spacing: .06em;
	padding-bottom: 0;
}
.pg-the-history-the-mural-depicts .inner-b h1 {
	font-size: 4.5em;
}
.pg-cody-family-history-center .inner-b h1 {
	font-size: 4em;
}
.banner img {
	width: 100%;
	max-width: none;
	height: auto;
}
.foot {
	position: relative;
	padding: 0;
	font-size: 1rem;
	margin-top: 0;
	background-color: #3C4D5B;
}
.foot .width {
	background:none;
	max-width: 83.75em;
	width: calc(100% - 3em);
	position: relative;
	z-index: 3;
	padding: 0;
}
@media (min-width: 901px) {
	.foot .width {
		display: flex;
	}
	.foot .right .column {
		width: 10.125em;
		padding: 0;
	}
	.foot .right .last {
		width: 14.375em;
	}
	.foot .right .menu-footer-container {
		padding: 1em 0;
	}
	.foot .left {
		width: calc(50% - 23.75em);
		display: flex;
		align-items: center;
	}
	.foot .right {
		width: calc(50% + 23.75em);
		padding-left: 2.875em;
	}
	.foot .right .row {
		margin: 0;
		column-gap: 2em;
		display: flex;
		align-items: flex-start;
		padding: 3.5em 0 3em;
		min-height: 13.375em;
	}
	.foot::after, .foot::before {
		content: " ";
		right: 0;
		width: calc(50% + 23.75em);
		left: inherit;
		position: absolute;
	}
	.foot::before {
		top: 0;
		background:url('img/footer-bg2.jpg') no-repeat top right;
		background-size: contain;
		height: 13.375em;
		background-color: #4B5F6F;
		z-index: 2;
	}
	.foot::after {
		z-index: 1;
		background: #5B7385;
		top: 0;
		height: 100%;
	}
}
.ft-logo {
	width: 17.5em;
	padding-right: 1.5em;
}
.foot img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.foot h2, .foot p, .foot a, .foot a:visited {
	color:#fff;
}
.foot a {
	text-decoration: none;
}
.foot a:hover {
	color: #fff;
}
.foot h2 {
	text-transform: uppercase;
	font-size: 1.25em;
	position: relative;
	padding-bottom: 0;
	line-height: 1.1;
	margin-bottom: .75em;
	display: inline-block;
}
.foot h2::after {
	content: " ";
	width: 100%;
	left: 0;
	bottom: 0;
	position: absolute;
	height: 1px;
	background: #fff;
}
.foot p {
	font-size: 1.3em;
	line-height: 1.2;
}
.foot .column p {
	padding-bottom: 1.15em;
	font-size: 1em;
	font-weight: normal;
}
.foot .column.first p {
	line-height: 1.4;
}
.foot .column p:last-of-type {
	padding-bottom: 0;
}
.foot ul.menu, .f-soc ul {
	padding-left: 0;
}
.foot ul.menu>li {
	padding: 0 .75em;
	line-height: 1;
}
.foot ul.menu li, .f-soc ul li {
	list-style: none;
}
.foot .menu a {
	position: relative;
	line-height: 1.1;
	padding: 0;
	font-size: 1em;
	text-decoration: underline;
}
.foot .menu li:first-of-type {
	padding-left: 0;
}
.foot .menu li:last-of-type {
	padding-right: 0;
}
.f-soc img {
	max-width: 52px;
}
.f-soc li:nth-child(1) {
	padding-right: .7em
}
.f-soc li a {
	display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.f-soc li a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
	transform:scale(1.1);
}
.credits {
	background-color: #EEEEEE;
	color: #3C4D5B;
	text-align: center;
	font-size: 1rem;
	padding: .3em;
}
.credits p {
	font-size: 1em;
}
.m-nav {
	width: 3em;
	height: 2.5em;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5rem;
	margin: auto;
	cursor: pointer;
	display: none;
}
.mob-active .m-nav {
	display: block;
}
.m-nav span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.m-nav .open {
	border-top: solid 4px #FCB73D;
	border-bottom: solid 4px #FCB73D;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}
.m-nav .open::after {
	content: " ";
	width: 100%;
	height: 4px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	background: #FCB73D;
}
.m-nav .close::after, .m-nav .close::before {
	content: " ";
	width: 100%;
	height: 4px;
	background: #FCB73D;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.m-nav .close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.m-nav .close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mob-open .m-nav .open, .m-nav .close {
	visibility: hidden;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.mob-open .m-nav .close {
	visibility: visible;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.dim::after {
	content: " ";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: rgba(0, 0, 0, .75);
	z-index: 11;
	position: absolute;
}
.no-scroll {
	overflow: hidden;
}
.desk-m {
	display: block;
}
.mob-m {
	display: none;
}
.home1 {
	padding: 100px 0 50px;
}
.home-trio {
	text-align: center;
	margin-top: 110px;
}
.bar-h2 h2 {
	position: relative;
	padding-bottom: .6em;
	margin-bottom: .7em;
}
.bar-h2 h2::after {
	content: " ";
	width: 68px;
	background-color: #7998AC;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.inner-b {
	padding-top: 16%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 0;
	position: relative;
	display: block;
}
.pic-stack img {
	margin-bottom: 2em;
}
.pic-stack img:last-of-type {
	margin-bottom: 0;
}
.pic-stack p {
	padding-bottom: 0;
}
.tour1 .width {
	padding-bottom: 5em;
}
.tour2 {
	background-color:#F0F4F7;
}
.tour2 .width {
	padding: 6.125em 0 5.8em;
}
.anchor {
	position: relative;
	top: -80px;
}
.museum1 h2:not(:first-of-type) {
	padding: 1em 0 .4em 0;
}
.row.wide4 {
	margin: 0 -1em;
	text-align: center;
	padding-bottom: 1.5em;
}
.wide4 p {
	padding-bottom: 0;
}
.wide4 .column {
	padding: 1em;
}
.wide4 .col-2 {
	width: 19%;
}
.wide4 .col-4 {
	width: 40%;
}
/*-------HOME v2----------*/
.home-wrap { /*reset scale*/
	font-size: 16px;
}
.hm-outer {
	background:url('/wp-content/uploads/2025/05/home-hero.jpg') no-repeat top center;
	background-size: 100% auto;
}
.home-wrap p {
	font-size: 1em;
	line-height: 1.75;
}
.center {
	text-align: center;
}
.home3 .width {
	max-width: 50em;
	padding: 0 0 3.125em;
}
.home-wrap p {
	color: #3C4D5B;
}
.home2 h1 {
	text-align: center;
	font-size: 3.75em;
	line-height: 1.2;
}
.home2 .sub1 {
	padding-top: 15vw;
	padding-bottom: 0;
}
.home2 .sub2 {
	max-width: 1500px;
	padding: 0;
	position: relative;
	margin-bottom: 1.25em;
	padding-bottom: 1.25em;
}
.home2 .bx-wrapper {
	margin-left: auto;
	margin-right: auto;
}
h1 em {
	font-style: normal;
	display: block;
	text-transform: none;
	font-size: .43em;
}
/* .hslider {
	visibility: hidden;
} */
.hslider>div {
	padding: .875em;
}
.hslider p {
	line-height: 1;
	padding: 0;
	min-height: 250px;
}
.home2 .bx-controls {
	position: relative;
	display: block;
	width: 10em;
	margin: auto;
	height: 2em;
}
.home2 .bx-pager {
	display: flex;
	column-gap: .25em;
	align-items: center;
	width: auto;
	justify-content: center;
	height: 100%;
	padding: 0;
}
.next-bg, .prev-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.next-bg, .prev-bg {
  height: .75em;
  width: .75em;
}
.next-bg {
  right: 0;
}
.prev-bg {
  left: 0;
}
.bx-prev, .bx-next {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
}
.bx-prev::after, .bx-next::after {
  content: " ";
  width: 58%;
  height: 58%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-right: solid 3px #3C4D5B;
  border-bottom: solid 3px #3C4D5B;
}
.bx-prev::after {
  left: .9em;
  transform: rotate(135deg);
}
.bx-next::after {
  right: .9em;
  transform: rotate(-45deg);
}
.bx-prev:hover::after {
  transform: translateX(-.4em) rotate(135deg);
}
.bx-next:hover::after {
  right: .9em;
  transform: translateX(.4em) rotate(-45deg);
}
.bx-pager {
  text-align: center;
  padding-top: .6em;
}
.bx-pager-item {
  display: inline-block;
}
.bx-pager-item a {
  display: block;
  width: .75rem;
  height: .75rem;
  text-decoration: none;
  font-size: 0;
  border: solid 1px #3C4D5B;
  background: transparent;
	border-radius: 50%;
  margin-right: .25rem;
}
.bx-pager-item a.active {
  background-color: #666;
}
.home4 .width {
	padding: 3.125em 0 6.25em;
	max-width: 66.25em; /*1060*/
}
.hstack {
	text-align: center;
}
.hstack h2 {
	padding: .5em 0 .75em;
}
.hstack p:last-of-type, .hstack h2 {
	font-size: 1.25em;
}
.hstack p:nth-child(3) {
	min-height: 6em;
}
@media only screen and (min-width: 1201px) {
	/* .home2 .bx-viewport {
		overflow:visible !important;
	} */
	.home2 .sub2::before, .home2 .sub2::after {
		content: " ";
		height: 100%;
		width: 12.5em;
		position: absolute;
		top: 0;
		z-index: 3;
	}
	.home2 .sub2::before {
		background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		left: 0;
	}
	.home2 .sub2::after {
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		right: 0;
	}
}
/*--------COLORS----------*/
.blue-wash, h1, a, a:visited, .home-wrap p a:hover {
	color:#466172;
}
.blue-wash-bg {
	background-color:#466172;
}
.yellow, h1 em, .home-wrap p a, .foot a:hover, .credits a:hover {
	color: #FCB73D;
}
/*--------RESPONSIVE----------*/
@media only screen and (min-width: 1800px) {
	.hwrap .width {
		padding: 0 5em;
	}
	.hwrap .fam-wrap {
		right: 5em;
	}
	.time-wrap::after {
		padding-top: 12em;
	}
}
@media only screen and (max-width: 1800px) {
	.banner {
		font-size: .85em;
	}
}
@media only screen and (max-width: 1600px) {
	.banner {
		font-size: .75em;
	}
}
@media only screen and (max-width: 1400px) {
	.hwrap, .foot {
		font-size: .92em;
	}
	.banner {
		font-size: .68em;
	}
	.home-wrap, .banner {
		margin-top: 8em;
	}
	/* main {
		font-size: .92em;
	} */
	.inner-b {
		padding-top: 20%;
	}
	form {
		font-size: .9em;
	}
}
@media only screen and (max-width: 1200px) {
	.hwrap .desk-m .menu, .credits {
		font-size: .92em;
	}
	.foot .left {
		width: 14em;
	}
	.foot::before {
		background-size: cover;
	}
	.foot .right {
		width: calc(100% - 15em);
		padding-left: 3.25em;
	}
	.foot::after, .foot::before {
		width: auto;
		left: 17em;
	}
	.foot ul.menu {
		display: flex;
		justify-content: space-between;
		margin-right: -1em;
	}
	.foot ul.menu>li {
		padding: 0;
	}
}
@media only screen and (max-width: 1100px) {
	/* main {
		font-size: .85em;
	} */
	.hwrap .desk-m .menu>li>a {
		font-size: 1.4em;
		margin: 0 .2em;
	}
	.inner-b {
		padding-top: 24%;
	}
}
@media only screen and (max-width: 960px) {
	.banner .bx-controls {
		bottom: 30px;
		top: inherit;
	}
	header .width {
		max-height: inherit;
	}
	nav li a {
		width:auto;
		padding:0.4em 0.6em;
		margin:0;
	}
	.half {
		float:none;
		width:98%;
		margin:1%;
	}
	.timeline aside {
		float:none;
		min-height:20px;
		background:none;
		margin:0 auto 1em auto;
		text-align:center;
		padding:0;
	}
	.time-wrap::after {
		padding-top: 18em;
	}
	.timeline aside ul.menu {
		margin:0;
	}
	ul.sidepic, .text-right {
		float:none;
		width:100%;
	}
	.sidepic li {
		max-width:45%;
		margin:1em 2%;
	}
	.sidepic img {
	margin:0;
	}
	.text-right {
	margin:.8em 0;
	}
	.home h1 {
	font-size:1.6em;
	}
	.gallery li {
		width: 20%;
	}
}
@media only screen and (max-width: 900px) {
	/*---new menu---*/
	.hwrap {
		position: relative;
	}
	.desk-m, .fam-wrap {
		display: none;
	}
	.hwrap .logo {
		width: 12em;
	}
	.home-wrap, .banner {
		margin-top: 0;
	}
	.mob-open.hwrap .mob-m {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
		transform: translateX(0);
		overflow-y:auto;
	}
	.hwrap .mob-m {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
		transform: translateX(-100%);
		position: fixed;
		height: auto;
		top: 126px;
		bottom: 0;
		margin: auto;
		left: 0;
		width: 100%;
		max-width: 600px;
		z-index: 99;
		padding: 1.4em 0 1em;
		text-align: left;
		background: #fff;
		display: block;
		overflow: hidden;
	}
	.mob-m, .mob-m ul.menu, .mob-m .sub-menu {
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.hwrap .mob-m ul, .hwrap .sub-menu {
		background-color: transparent;
	}
	.mob-m ul li {
		display: inherit;
	}
	.mob-m ul.menu, .mob-m .sub-menu {
		padding: 0 0 1em;
	}
	.mob-m li {
		width: 100%;
	}
	.mob-m .menu li {
		padding: .6em 0;
		width: calc(100% - 4em);
		font-size: 1em;
		margin: auto;
		border-bottom: solid 1px #eee;
	}
	.mob-m .menu li:last-of-type {
		border-bottom: 0;
	}
	.mob-m li a {
		color:#466172;
	}
	.mob-m li a:hover, .mob-m li a:focus, .mob-m li a:focus-within {
		color:#FCB73D;
	}
	.mob-m li a {
		margin-left: 0;
		padding-right: 0;
		padding: .15em .5em;
		font-size: 1.7em;
		line-height: 1;
		display: block;
		position: relative;
	}
	.mob-m li a:hover, .mob-m li.current_page_item a {
		background: transparent;
	}
	.mob-m .current-page-parent>a {
		color: #000;
	}
	.mob-m .current_page_item>a::before {
		content: " ";
		height: .15em;
		background-color:#466172;
		width: 1.5em;
		right: calc(100% - .12em);
		top: 0;
		bottom: 0;
		margin: auto;
		position: absolute;
	}
	.mob-m .dd-top {
		position: relative;
	}
	.mob-m .dd-top::after {
		content: " ";
		border-top: solid 2px #597A91;
		border-right: solid 2px #597A91;
		height: 1em;
		width: 1em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 1.2em;
		right: 2em;
	}
	.mob-m .dd-top.open::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.mob-m.sub-on ul.menu {
		transform: translateX(-100%);
	}
	.mob-m .sub-menu {
		position: absolute;
		top: 0;
		left: 100%;
		visibility: hidden;
		opacity: 0;
		width: 100%;
	}
	.mob-m .child-on .sub-menu {
		visibility: visible;
		opacity: 1;
	}
	.mob-m .menu-item-has-children>a::after {
		content: ">";
		position: relative;
		display: inline-block;
		margin-left: .375em;
		vertical-align: top;
	}
	.mob-m .sub-menu li:nth-child(1)>a::before {
		content: "<";
		position: relative;
		display: inline-block;
		margin-right: .375em;
		vertical-align: top;
	}

	/*end menu*/
	.foot, .credits {
		font-size: 1em;
	}
	.foot {
		background: #5B7385;
	}
	.foot .width {
		width: 100%;
	}
	.foot .left {
		width: 100%;
		padding: 4em 1.5em 2em;
		text-align: center;
		background: #3C4D5B;
	}
	.ft-logo {
		padding: 0;
		margin: auto;
	}
	.foot .right {
		padding:4em 1.5em;
		width: 100%;
    max-width: 20em;
    margin: auto;
    text-align: center;
	}
	.credits {
		padding: 1em 1.5em;
		width: 100%;
	}
	.foot .column {
		width: 100%;
		float: none;
		padding-bottom: 2em;
	}
	.foot img {
		width: 220px;
	}
	.foot .menu-footer-container {
		display: none;
	}
	.foot .row {
		padding-bottom: 0;
	}
	aside {
		width:92%;
		float:none;
		background:#F4EEDB;
		min-height:inherit;
		margin:auto;
		margin-bottom:.8em;
	}
	.reg article, .reg .boxer {
		margin:auto;
		width:92%;
		padding:.6em;
	}
	.gallery li {
		width:30%;
	}
	.timeline #bx-pager a {
		width:10%;
	}
	.timeline .slider h1 {
		font-size:1.6em;
	}
	.banner .bx-controls {
		display: none;
	}
	.gallery li {
		width: 25%;
	}
	.timeline #bx-pager {
		background: none;
	}
	.home2 .sub1 {
		padding-top: 18vw;
	}
	.home2 h1 {
		font-size: 2.5em;
	}
	.hslider>div {
		padding: .5em;
	}
	.hstack p:nth-child(3) {
		min-height: inherit;
	}
}
@media only screen and (max-width: 820px) {
	.column, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.row, .feat-row {
		margin-left: 0;
		margin-right: 0;
		display: block;
	}
	.br-fix br, .bfx br {
		display: none;
	}
	main .column img {
		width: 500px;
		max-width: 100%;
		height: auto;
	}
	.row>.column {
		padding-bottom: 2em;
	}
	.row>.column:last-of-type, .pg-contact-us .row>.column {
		padding-bottom: 0;
	}
	.home-trio {
		margin-top: 4em;
	}
	.inner-b h1 {
		font-size: 4em;
	}
	.feat-row .feat {
		text-align: left;
	}
	.inner-b {
		padding-top: 30%;
	}
	.wide4 .col-2, .wide4 .col-4 {
		width: 50%;
	}
	.wide4 .col-2 {
		float: left;
	}
	.wide4 .col-4 {
		float: right;
	}
}
@media only screen and (max-width: 620px) {
	.feat-row .feat.hold-right, .feat-row .feat {
		text-align: center;
	}
	.feat-row {
		padding-bottom: 45px;
	}
	.alignright, main img.alignright {
		float: none;
		width: 100%;
		margin-left: 0;
		clear: both;
		margin-bottom: 20px;
	}
	.gallery li {
		width: 50%;
	}
	.inner-b {
		padding-top: 36%;
	}
}
/* Smartphones | <480px */
@media only screen and (max-width: 480px) {
	.sidepic li {
		max-width:100%;
		display:block;
		margin:1em 0;
	}
	.gallery li {
		width:47%;
	}
	.hwrap .logo {
		width: 8em;
	}
	.m-nav {
		font-size: .8em;
	}
	.hwrap .mob-m {
		top: 98px;
	}
	.feat-work .alignleft, .feat-work .alignright {
		float:none;
		margin:auto;
		text-align:center;
	}
	.feat-work img, .feat-work div {
		max-width:none;
		width:100%;
	}
	.feat-work div.alignleft, .feat-work div.alignright {
		margin:.6em 0 1.6em 0;
		clear:both;
		display:block;
	}
	.midpics {
		text-align:center;
	}
	.midpics img {
		max-height:none;
		max-width:100%;
		width:auto;
		height:auto;
		margin:.6em 0;
	}
	.timeline #bx-pager a {
		width:12.5%;
		font-size:1.1em;
	}
	.timeline .slider h1 {
		font-size:1.2em;
	}
	.inner-b h1, .pg-the-history-the-mural-depicts .inner-b h1 {
		font-size: 3em;
	}
	.pg-cody-family-history-center .inner-b h1 {
		font-size: 2.5em;
	}
	.width {
		padding: 3em 0;
	}
	.wide4 .col-2, .wide4 .col-4 {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 410px) {


}