/* RESET
------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; max-width: 100%;}
.container, iframe { max-width: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body	{ height:100%; }
a img,:link img,:visited img { border:none }
:focus { outline: 0; }
a, a:hover  { text-decoration:none;} 
a, a:active, a:visited {outline: 0 !important; } /* Firefox */
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {  -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.clearFloat::before, .clearFloat::after { display:table; content:"";}
.clearFloat::after	{ clear:both; }
img	{ max-width: 100%; height: auto; width: auto9; /* ie8 */ }
/* font-display: block: browser briefly hides the text until the font has fully downloaded. */

/* PALETTE
------------------------------------------------------------------------------------*/
body { color: #444; background: #FFF; }
a { color: #333; }
a:hover	{ color: #000; }
.mt-sky-blue {color: #546070;}
.brown-X {color: #83431a;}
.navbar-wrapper {background: #5d6375;} /* 93,99,117 */
.footer	{background: #434753;}
a.button, .pageHeader h2	{color: #8d1c14;}



/* HTML / FONTS
------------------------------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif; 
	font-display: optional;  
    font-weight: 300;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
}

h1.siteTitle a.navbar-brand	{
	font-family: times, serif;
	font-weight: normal;
	font-size: 2em; 
	padding: 15px 0;
	padding: 5px 0;
	line-height: 28px;
}

h1.siteTitle a.navbar-brand span.tagline	{
	font-size: 1.6rem;
}

/*h1.pageHeader, */
h2 	{
	font-family: 'Bebas Neue', Oswald, sans-serif;
	font-display: optional;  
	font-size: 3em;
	line-height: 50px;
	color: BLACK;
	text-transform: uppercase;		
}	

.pageHeader h2	{
	text-align: center;
}

h2, h3, h4, .navbar-nav {
    font-weight: 300; 
    text-transform: uppercase;
    margin-bottom: 6px;
    color: #333;
    color: #2f323a;
}

h3, h4, .navbar-nav {
	font-family: 'Bebas Neue', Oswald, sans-serif;
	font-display: optional;
	font-size: 1.3em;
}
	
h3 	{
	line-height: 28px;
	font-size: 1.4em;
}

h4	{
	margin: 40px 0 20px;
}

p { margin-bottom: 20px; }

p.readMore, p.editLink	{
	margin: 0 0 30px;
}

p.editLink {
	text-align: right;
	margin: 0 0 30px;
	font-size: .8em;
}
	
p.editLink a	{
	background-color: #c8f371;
	padding: 2px;	
}

p.caption	{
	font-size: .7em;
	text-align: left;
	margin-top: -24px;
}	

.mainContent a	{
	color: #000;
}

a.button,
.phoneLink a,
input.wpcf7-submit	{
	/*border: 1px solid transparent;
	border-radius: 10px;
	margin: 10px 0;*/
	padding: 2px 4px;
	background-color: #FFF;
	transition: all .3s ease 0s;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: 400;
}

input.wpcf7-submit	{
	padding: 3px 10px;
}

p.readMore a.button	{}

img	{ margin-bottom: 20px; }
.mb30	{ margin-bottom: 30px;}

em	{
	style: italic;
}

p::-moz-selection, li::-moz-selection, h3::-moz-selection, a::-moz-selection, span::-moz-selection { color: WHITE; background: rgba(93,99,117,0.9);}
p::selection, li::selection, h3::selection, a::selection, span::selection  { color: WHITE; background: rgba(93,99,117,0.9);}


/* a:HOVER styles*/

.mainContent a:hover	{	
	border-bottom: 1px solid #777;
}
a:hover	{
	color: #000;
}

a.button:hover,
.phoneLink a:hover,
input.wpcf7-submit:hover	{
	background-color: rgba(93,99,117,0.5);
	background-color: rgba(141,28,20,0.8);
	color: #FFF;
	border-color: transparent;
}


/* HEADERS / NAVIGATION
------------------------------------------------------------------------------------*/

/* CONTAINER ----------*/

.navbar-wrapper {
height: 90px;
}  /* full-width */


.navbar-wrapper .container-fluid {  /* allow for full-width mob dropdown */
	padding: 0;
}

.navbar	{
	margin-bottom: 0px;
}
	
@media only screen and (min-width: 768px) { /* MOB-MENU BREAKPOINT */
	.navbar-wrapper .container-fluid {
		padding: 0 15px;
	}
	.navbar	{
		margin-bottom: 10px;
	}
}



.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

/* SITE TITLE/LOGO  ----------*/

div.siteTitle {}

a.navbar-brand	{
	margin: 10px 0 10px 15px;
	max-width: 310px;
}

@media only screen and (min-width: 768px)	{ /* no indent for logo */
	a.navbar-brand	{ 
		margin: 10px 0 10px 0;
 
	} 
}

/* NAVIGATION  ----------*/

.navbar-default a.navbar-brand, 
.navbar-default .navbar-nav>li>a	{  
	color: WHITE;
}

.navbar-default a.navbar-brand:hover, 
.navbar-default .navbar-nav>li>a:hover	{
	color: #EEE;
}

/* MOBILE TOGGLE  ----------*/

@media only screen and (max-width: 768px)	{
	.navbar-default .navbar-collapse	{border-top: 1px solid GREY;}
	.navbar-toggle {display: block;}
	.navbar-collapse.collapse {display: none !important;}
	.navbar-collapse.collapse.in {display: block !important;}
}

.navbar-default  .navbar-toggle	{
	background-color: #DDD; 
	border-color: #888;
	margin-top: 20px;    
}

.navbar-default .navbar-toggle:hover	{
	background-color: WHITE;
}

.navbar-default .navbar-toggle .icon-bar	{
	background-color: GREY;
}

/* LINKS  ----------*/
@media (min-width: 768px)	{
	ul#menu-main-navigation	{
		margin-top: 23px;
	}
	}
.navbar-collapse	{
	padding: 0; /* allows full-width links */
}

.navbar-default .navbar-collapse	{
	border-color: GREY;
}

.navbar-nav {
	margin:0px;
}
    
.navbar-nav ul	{
	list-style: none;		
}

ul.navbar-nav>li	{
	text-align: center;
	padding: 14px;
	border-bottom: 1px solid GREY;
}

ul.navbar-nav>li::after		{
	
}

@media only screen and (min-width: 768px)	{
	 ul.navbar-nav>li	{ 
		display:inline-block;  
		padding: 0; 
		border-bottom: 0px;
	}
}

ul.navbar-nav>li a	{
	color: WHITE;
}

ul.navbar-nav>li a:hover	{
	color: BLACK;
}



/* GLOBAL CONTAINERS
------------------------------------------------------------------------------------*/
/*bootstrap: 768, 992, 1200 breakpoints for .container */

section>div	{
	padding-top: 40px;
}

div.pageHeader	{
	text-align: center;
}

#mainContent	{
	min-height: calc(100% - 240px);
	padding-bottom: 30px;
}

/* FOOTER
------------------------------------------------------------------------------------*/
.footer	{
	padding: 40px 0 10px;
	color: #FFF;
}

.footer .label	{
	padding-left: 0;
}

.footer	a	{
	color: #fff;
}

.footer	a:hover	{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.copyright	{
	font-size: .9em;
	color: #ccc;
}

@media (max-width: 720px)	{ /* [ ] needs some work for iPhone 736-wide - later... */
	.footer .address,
	.footer .contact,
	.footer .social		{
		text-align: center;
	}
}

ul.lsi-social-icons	{
	display: inline-block !important;
	list-style: none !important;
	height: 50px;
	color: #434753;
}

.credit	{
	display: none;
}

/* HOME
------------------------------------------------------------------------------------*/
.page-home li.menu-item-home	{
	display: none;
}

.page-home section#banner	{
	height: 450px;
	background-color: GREY;
	background-image: url('/wp-content/themes/maxwell/images/katherine-office-2-wide-bl.jpg');
	/*background-image: url('/wp-content/uploads/2019/06/banner-226_0372.jpg');
	background-position: center 35%;*/
	background-position: center top;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.page-home .bannerText	{
	margin-top: 130px;
	font-size: 2em;
	color: #FFF;
	font-weight: 400;
	text-shadow: 1px 1px 1px rgba(80,84,96,0.9);
	line-height: 40px;
}

@media (min-device-width:330px)	{
	.page-home .bannerText	{
		line-height: 50px;
	}
}

@media (min-device-width:330px) and (orientation: portrait)	{
	.page-home .bannerText	{
		margin-top: 240px;
		font-size: 2.6em;
	}
}

@media (min-device-width:641px)	{
	.page-home .bannerText	{
		font-size: 2.6em;
		margin-top: 150px;
	}
}

@media (min-device-width:736px) {
	.page-home .bannerText	{
		margin-top: 180px;
	}
}

@media (min-width:768px) and (orientation: portrait) {
	.page-home .bannerText	{
		margin-top: 250px;
	}
}

@media (min-device-width:960px) {
	.page-home .bannerText	{
		margin-top: 300px;
	}
}

@media (min-device-width:960px) and (max-width:750px)	{
	.page-home .bannerText	{
		text-shadow: 1px 1px 2px rgba(80,84,96,1.0);
		background: rgba(0,0,0,0.1);
	}
} 

.home section#about	{
	padding: 50px 0 20px;
}

.home .about ul {
	padding-left: 30px;
	max-width: 450px;
}

.home .about .postThumb,
.postThumb	{
	text-align: center;
}



.home .about .postThumb img,
.postThumb img	{
	width: 100%;
	max-width: 300px;
}

.home .about li	{
	list-style: circle;
}

/* ABOUT
------------------------------------------------------------------------------------*/


/* RESOURCES
------------------------------------------------------------------------------------*/
.page-resources #mainContent .mainContent	{
	height: 60%;
	/*background-image: url('/wp-content/themes/maxwell/images/BG-two-wedding-rings.jpg');*/
	background-position: bottom right;
	adding-right: 30px;
	background-repeat: no-repeat;
}

.page-resources #mainContent .mainContent p	{
	background: rgba(255,255,255,0.2);
}

/* CONTACT
------------------------------------------------------------------------------------*/
.withImg, .noImg	{
	min-height: 450px;
}

@media (min-width: 1200px) {
	.page-contact .postThumb	{
		height: 450px;
		background-image: url('/wp-content/uploads/2019/06/door_0373-550w.jpg');
		background-position: left top;
		background-repeat: no-repeat;
		background-size: contain;
		overflow: crop;
	}
}

.page-contact .map	{
	margin-bottom: 30px;
}

textarea	{
	max-height: 200px;
}

.page-contact .credit	{
	display: block;
	font-size: .8em;
	color: #999;
}

@media (max-width: 768px)	{
	.page-contact .credit p	{
		text-align: center;
	}
}

.page-contact .credit a	{
	color: #aaa;
}

.page-contact .credit a:hover	{
	color: #bbb;
}

.disclaimer	{
	font-size: .9em;
	text-align: center;
	margin: 0 auto 30px;
	padding-top: 30px;
}

/* FONTS
------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Bebas Neue';
    src: url('/wp-content/themes/maxwell/fonts/BebasNeue.woff2') format('woff2'),
        url('/wp-content/themes/maxwell/fonts/BebasNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Temp turn off
------------------------------------------------------------------------------------*/
#wpadminbar	{display:none;}
p.editLink { display: none;}