/*
Theme Name: Websites in a Flash
Theme URI: http://www.websitesinaflash.com/
Author: Ashton Sanders
Author URI: http://www.websitesinaflash.com/
Description: Created for Websites in a Flash
Version: 19.01
Text Domain: wiaf

*/
/* ~-~-~~-~-~ CSS Document -~-~-~-~-~ *\
|                                      |
|    Created for                       |
|   WebsitesinaFlash.com               |
|   by Ashton Sanders                  |
|                                      |
\* ~-~-~~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */


/* ~-~-~~-~-~-~-~-~-~-~-~-~-~-~-~ GENERAL FORMATTING -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */


/* ~-~-~~-~-~~-~-~~-~-~ 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,  ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}

.container.white ul {
	list-style: disc;
	list-style-type: disc;
	margin-left: 1em;
}
.container.white ol {
	list-style: decimal;
}
.container.white ul, .container.white ol {
	margin-left:40px;
	padding-bottom: 0.8em;
}

.container.white ol li, .container.white ul li { padding: 0 0 0.5em; }
.container.white>ol:last-child, .container.white>ul:last-child, .container.white>p:last-child { padding-bottom: 0; }

strong, b { font-weight:700; }
em, i { font-style:italic; }
blockquote { padding-left:30px;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ~-~-~~-~-~~-~-~~-~-~ MULTI USE FORMATING ~-~-~~-~-~-~-~-~-~-~ */


.fourth {width:21%; padding:0 2%}
.third {width:29%; padding:0 2%}
.half {width:48%; float:left;}
.half:first-child {padding-right:3%}

.third.alignleft {text-align:center;}

.alignleft { float:left}
img.alignleft { margin-right:10px;}
.alignright { float:right}
img.alignright { margin-left:10px;}
.aleft { text-align:left}
.aright { text-align:right !important}

img.aligncenter { margin:0 auto; }
.aligncenter {text-align:center}
.clear {clear:both;}



/* ~-~-~~-~-~~-~-~~-~-~ TEXT ~-~-~~-~-~-~-~-~-~-~ */

h1 { color: #FFF;}
h1, h2 { margin:0 0 10px; font-weight:100;}
h2 { font-size:24px;}
h3 { font-size: 20px; color:#1D3D4E; font-weight:600;}
h4 { font-size: 20px; font-weight:600;}


p,
#maincontent h2,
#maincontent h3,
#maincontent h4 {
	margin-bottom: 1em;
}

.brownsmall p,
blockquote p {
	margin-bottom: 0;
}

p, ul, ol, blockquote { font-size:16px; line-height: 22px;}

blockquote {margin:4px 12px; padding: 8px 25px 8px 50px; border: solid #034E65; border-width: 1px 0; background: url('images/icons/quote.jpg') no-repeat top left}


.white h2, .white p, .white blockquote, .white ul , .white ol { color:#1D3D4E; font-weight:100; margin-top:1em; }
.white h2 { border-bottom: 1px solid #1D3D4E; margin: 2em 0 1em; font-weight:100;}


a { color:#04637F; text-decoration:none }
a:hover { color:#04637F; text-decoration:underline }
a:hover img {text-decoration:none !important;}


.input { width: 350px;}


/* ~-~-~~-~-~-~-~-~-~-~-~-~-~-~-~ PAGE LAYOUT -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

html, body {margin:0;padding:0; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

@media only screen and (max-width: 1000px) {
	html, body{
		width: fit-content;
	}
}



.container { width:1000px; margin:0 auto; text-align:left; position:relative; clear:both}

/* ~-~-~~-~-~~-~-~~-~-~ HEADER ~-~-~~-~-~-~-~-~-~-~ */

#header {
	background: url('images/layout/hdr-rp.jpg') #FFF bottom left repeat-x;
	height: 115px;
	width:100%;
}
#header .container { height:115px;}
#header #logo { position: absolute; bottom:12px; border:none}


@media only screen and (max-width: 700px) {
	#header {
		height: 165px;
	}
	#header .container {
		width: 100%;
	}
	#header .container nav {
		clear: both;
	}
		#header #logo {
			width: 80%;
			height: 97px;
			margin: auto;
		}
}
/* ~-~-~~-~-~ NAVIGATION BAR ~-~-~-~-~ */

ul#navbar {
	position: absolute;
	right:0;
	bottom:0;
	margin:0;
	padding:0 2px 0 0;
	background: url('images/layout/nav-divider.jpg') bottom right no-repeat;
}

ul#navbar li {
	display:block;
	float:right;
	padding-left:2px;
	background: url('images/layout/nav-divider.jpg') bottom left no-repeat;
}

ul#navbar li a {
	display:block;
	padding:23px 23px;
	text-decoration:none;
	font-size: 20px;
	color: #024558;
	background: url('images/layout/nav-hover.jpg') repeat-x;
	background-position: 0 -80px;
}

ul#navbar li a:hover, ul#navbar li.current_page_item a{ background-position: bottom left;}

@media only screen and (max-width: 700px){
	ul#navbar li a{
		font-size: 36px;
	}

	ul#navbar {
		bottom: -50px;
	}
}
/* ~-~-~~-~-~~-~-~~-~-~ Main White Body Content  ~-~-~~-~-~-~-~-~-~-~ */

#maincontent {
	overflow: hidden;
	padding: 0 0 30px;
}
.entry-content h2:first-child, .entry-content h2:nth-child(2){
	margin-top:1em;
}

/* ~-~-~~-~-~~-~-~~-~-~ BLUE ~-~-~~-~-~-~-~-~-~-~ */

#blue {
	background: url('images/layout/blue-top.jpg') #04637F top left repeat-x;
	text-shadow: 2px 1px #034D62;
}
#blue2 { background: url('images/layout/blue-btm.jpg') bottom left repeat-x;}

#blue h1 { padding: 20px 0; margin:0; font-size:32px; background:  top right no-repeat;}

#blue *, #blue2 * { color:#FFFFFF ;}

.post-edit-link {float:right;}

@media only screen and (max-width: 700px){
	#hmbluetext {
		visibility: hidden;
	}
	.home #blue .blueflash h1 {
		visibility: hidden;
	}

	#blue .blueflash h2 {
		transform: scale(1.6);
		position: relative;
		top: 46px;
	}
}

@media only screen and (max-width: 430px) {
	.home .brown {
		padding: 0px 0 !important;
		margin-bottom: 30px;
	}
	.home .brown img {
		 float: left; 
		width: 59%;
		padding: 25px;
		margin-left: 120px;
	}
}


/* ~-~-~~-~-~~-~-~~-~-~ GOLD ~-~-~~-~-~-~-~-~-~-~ */
/* ~-~~~-~-~ Old color: A7A37E~-~-~~-~-~-~-~-~-~-~ */

.brownsmall {padding: 10px; background:url('images/layout/gold-s.jpg') bottom repeat-x #e2c456;}
.brown, .brownsmall { border-top: 1px solid #F1E9B8; padding-bottom:15px;}
/* background:url('images/layout/shdw-btm.jpg') bottom repeat-x #B99E3B;
8C772D */
.brown, .brownsmall {color:#55481b; }
.brownsmall .container p {color:#55481b; margin:0 30px 2px 0px; font-size:16px;}
#gold1 {margin-top: -12px;}
#gold2 {margin-left: 100px;}
#gold3 {margin-left: 70px;}

@media only screen and (max-width: 430px) {
	#gold1 {
		margin-top: -12px;
		margin-left: 128px;
	}

	#gold2 {
		margin-left: 162px;
	}

	#gold3 {
		margin-left: 127px;
	}
}

/* ~-~-~~-~-~~-~-~~-~-~ WHITE ~-~-~~-~-~-~-~-~-~-~ */

.white { padding:15px 0 30px;}
.white .third { background: url('images/layout/vline.gif') 0 10px no-repeat;}
.white .third:first-child { background: none; margin-left:10px;}
.white .third p { font-size:14px}
.white .third p, .white .third h3 { margin: 0 30px 10px; text-align:left}

.white p{ margin: 0 10px 1em; text-align:left}


#websitedisplay div.alignleft { width:23%;	margin: 0 1% 0 0;}
#websitedisplay img { border: 3px solid #034E65; padding:2px;}

#rnav #websitedisplay div.alignleft { width:100%; float: none;	margin: 0 0 10px 0;}

.about .text { width:350px; }

@media only screen and (max-width: 430px){
	.white .third p {
		font-size: 42px;
		line-height: inherit;
		width: 100%;
	}

	.white .third.alignleft {
		text-align: center;
		width: 80%;
		margin-bottom: 15px;
	}

	.white .third h3{
		font-size: 70px;
	}
}
/*#pagecontent img, #rightnav img { border: 5px solid #A7A37E}*/
/* ~-~-~~-~-~~ Right NAV SIDEBAR ~-~-~-~-~ */
#rnav {
	background: url('images/layout/rnav-rp.jpg') 0 67px repeat-y #034659; width: 300px; max-width:300px;
	float:right; position:relative; top: -21px;
}
#rnav_top {background: url('images/layout/rnav-top.jpg') left top no-repeat; width: 300px; max-width:300px;}
#rnav_btm {background: url('images/layout/rnav-btm.jpg') left bottom no-repeat; width: 230px; max-width:300px; padding: 30px 35px 70px;}

#rnav h2 { border-bottom: 0px; font-size:20px;}
#rnav h2, #rnav h3, #rnav h4, #rnav p, #rnav li, #rnav a {color:#FFFFFF !important}
#rnav #ashton_AIMwindow h3, #rnav #ashton_AIMwindow h4, #rnav #ashton_AIMwindow p, #rnav #ashton_AIMwindow li, #rnav #ashton_AIMwindow a {color:#1D3D4E !important}
#rnav p { margin-left:3px ;}
#rnav a { text-decoration:underline;}
#rnav a img {border: 3px solid #FFF; padding:2px;}
#rnav h3 { font-size:20px; font-weight:600; border: 0; padding: 10px 0 ; margin:20px 0 0; }
#rnav h4 { padding:0; margin:0 0 10px;}
#rnav ul {margin: 0; padding:0}
#rnav li {
	list-style: none;
}
#rnav li li {
	background: url('images/layout/rnav-li.jpg') 0 4px no-repeat ;
	padding-left:16px;
	margin: 0 0 10px;
	font-size:15px;
}
#rnav li li li{
	font-size:15px;
	margin: 7px 0 0;
	background-position:0 5px;
}
@media only screen and (max-width: 700px){
	#rnav a img{
		width: 90%;
		height: 275px;
	}
}
/* ~-~-~~-~-~~ WHITE PAGE STYLING ~-~-~-~-~ */
#pagecontent {
	width: 670px;
	float: left;
	margin-bottom: 30px;
}


.blueborder { border: 5px solid #034E65;}

blockquote p.right { margin-top: -15px;}



div#website_gallery h3 {
	display:block;
	color:#FFFFFF;
	background: url('images/layout/blue-top.jpg') #04637F top left repeat-x !important;
	padding: 5px;
	width: 100%;
	height:25px;
	font-size: 18px;
	margin:0 0 1em;
}
div#website_gallery img { float:right; margin:-40px 0 0 25px; border: 5px solid #034E65; padding:1px; background: #FFFFFF;}

/* Website Services Page */

.single_website, .single_website_s { overflow: hidden; padding-bottom: 20px;}
.single_website_s { float:left; width:49%; margin:0; }
.single_website_s p.alignright {clear:right; line-height:25px; text-align:right}

.single_website_s:nth-child(2n+1) {clear: left;}

.shortservices { margin-bottom:40px;clear:left; }
.shortservices img { float:left; margin:0 30px 40px;}
.shortservices.wbmimg img { margin: 0 12px 60px;}
.shortservices .right { margin-top:9px;}
#rnav img{ margin-top:10px;}

@media only screen and (max-width:700px) {
	#maincontent h1{font-size:48px;}
	.brownsmall .container p {
		font-size: 24px;
		line-height: inherit;
	}
	#pagecontent {
		width: 94%;
		margin-left: 3%;
	}
	#pagecontent h2 {
		font-size: 36px;
		line-height: inherit;
	}
	#pagecontent p {
		font-size: 24px;
		line-height: inherit;
	}
	#rnav {
		background: #034659;
		width: 100%;
		max-width: 100%;
		position: relative;
		top: -21px;
		clear: both;
		float: left;
	}
	#rnav_btm {
		background: none;
		width: 100%;
		max-width: 100%;
	}
	#rnav_top {
		background: none;
		width: 100%;
		max-width: 100%;
	}
	#rnav h3 {
		font-size: 48px;
	}
	#rnav h2 {
		font-size: 36px;
		margin-top: 40px;
		margin-bottom: 0px;

	}
	#rnav li li{
		font-size: 24px;
	}
	#rnav a {
		text-decoration: none;
	}
	#rnav #websitedisplay div.alignleft {
		width: 48%;
		float: left;
		margin: 0 0 10px 0;
		font-size: 24px;
	}
}
@media only screen and (max-width:430px) {
	#maincontent h1 {
		font-size: 60px;
	}
	.brownsmall .container p {
		font-size: 30px;
		line-height: inherit;
	}
	#pagecontent h2 {
		font-size: 48px;
		line-height: inherit;
	}

	#pagecontent p {
		font-size: 36px;
		line-height: inherit;
	}
}

/* ~-~-~~-~-~~-~-~~-~-~ FOOTER ~-~-~~-~-~-~-~-~-~-~ */

#footer {
	background: url('images/layout/footer-rp.jpg') #034D62 0 0 repeat-x;
	padding:60px 0;
	overflow: hidden;
	clear: both;
}

#footer * {color:#FFFFFF; text-align:left;}
#footer .alignleft { margin-left:30px; }
#footer #twitter_div {width:240px; line-height:15px;}
#footer h3 { font-size:18px; margin-bottom:10px; font-weight:900}
#footer ul { margin:0; padding-left:10px; list-style:none}
#footer li, #footer p, #footer span { font-size:15px; margin:0;}

#footer #copyright { float: right; font-size:12px; width: 350px}
#copyright a { text-decoration: underline;}
#footer #copyright p.copyright {font-size: 12px; margin-top: 30px;}
#footer .container .alignleft {
	width: 140px;
	margin-left: 15px;
}
#footer #copyright {
	margin-right:15px;
}
@media only screen and (max-width: 430px){
	#footer .container .alignleft {
		width: 80%;
		margin-left: 33px;

	}

	#footer .container h3 {
		font-size: 110px;
		margin-top: 15px;
	}
	#footer .container li {
		font-size: 60px;
		margin-right: 15px;
	}
	#footer * {
		line-height: inherit;
	}

	#footer #copyright {
		margin-left: 33px;
		float:left;
		width: 80%;
	}
	#footer #copyright p {
		font-size: 60px;
		margin-left: 15px;
	}
	#footer #copyright a{
		font-size: 60px;
	}
	#footer #copyright p.copyright {
		font-size: 40px;
		margin-top: 30px;
	}
}


/* ~-~-~~-~-~~ HOME ONLY ~-~-~~-~-~~ */
.home>.container.white, .home #pagecontent { width:100%; float:none; padding:0;}
.home #blue .blueflash {
	position:relative;
	height: 258px;
	width:680px;
	background: url('images/layout/blue-flash.jpg')  bottom left no-repeat;
}
.home #blue .blueflash h1 {padding:22px 0 0 0px !important; font-size:20px !important; background: none;}
.home .blueflash h2 { position: relative; top:84px ; left:300px; font-size:57px; text-indent:53px; border: none 0; color:#FFF;}
.home .blueflash h2 small {font-size:32px;}

.home .blueflash h1, .home .blueflash h2 {color:#FFFFFF; margin:0;}

#hmbluetext {height:219px; float:right; width:245px; padding-top:40px; margin-right:30px;  }
#hmbluetext p {font-size:15px; text-align:right; }

.home .brown { background:url('images/layout/gold-l.jpg') bottom repeat-x #e2c456; padding:40px 0 !important; margin-bottom: 30px;  }
.home .brown .container { padding: 20px 0 !important; overflow:hidden; }
.home .brown img { float:left; }

.home div#website_gallery img {
	margin-top: -10px;
	max-height: 170px;
	max-width: 220px;
}

@media only screen and (max-width: 430px) {
	.home div#website_gallery img {
		margin-top: -10px;
		max-height: 100%;
		max-width: 100%;
	}
}
/* ~-~-~~-~-~~ NINJA FORMS ~-~-~~-~-~~ */
.nf-form-cont div.first { clear:none; margin-right:1%;}
.nf-form-fields-required { display: none;}