/*
Theme Name: Nugent & Ground LLC
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/ */

/* Start by applying a natural box layout model to all elements, but allowing components to change */

	html {
		box-sizing: border-box !important;
	}

	*, *:before, *:after {
		box-sizing: inherit !important;
	}

	@media (min-width: 1200px) {
		.container {
		    width: 1024px !important;
		}
	}

	@media (min-width: 992px) {
		.container {
		    width: 970px;
		}
	}
	body {
		font-size: 14px;
		line-height: 16px;
	    font-family: 'Open Sans', sans-serif;
	    font-weight: 400;
		color: black;
	}


	body.home div.page-title {
		display: none;
	}

	body.home #pageTitle {
		display: none;
	}

	body.page-id-28 #header-title {
		display: none;
	}

	span.wpcf7-list-item {
    	margin-left: 0em !important;
	}

	.wpcf7-radio span {display: block; float: left; width: 33%; padding: 5px;}

	.wpcf7-radio span span {float: left; width: auto; padding: 0px; margin: 0px;}

	.wpcf7-radio span input {display: block; float: left; margin: 0px 5px 0px 0px;}

	.wpcf7 .row {margin: 10px 0px;}

	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
		width: 100%;
	    min-height: 14px;
	    color: #585858;
	    font-family: open-sans, sans-serif;
	    font-style: italic;
	    font-weight: 400;
	    padding: 6px;
	    background-color: rgba(196, 196, 196, .2);
	    border: 1px solid gray;
	}

	.wpcf7 input:hover, .wpcf7 textarea:hover, .wpcf7 input:focus, .wpcf7 textarea:focus {
		background-color: white;
		font-style: none;
		color: black;
	}

	.floridian {
		margin-top: 15px;
	}

	.wpcf7 textarea {
		padding: 5px; 
		width: 100%;
		background-color: rgba(196, 196, 196, .2);
	    border: 1px solid gray;
	    font-style: italic;
	}

	.wpcf7 input[type="submit"] {
		padding: 10px; 
		border: 1px solid gray;
		background-color: white;
	}

	div[class^="col-"] img  {max-width: 100%; height: auto;}

	.vAlign {  
	    /* background: #ffdb4c; */
	    position: relative;
	    top: 50%;
	    transform: translate(0%, -50%);
	}

	h1 {
		font-size:34px;
		font-family:Times;
		color:#1A3072;
	}

	h2 {
		font-size:17px;
		line-height:150%;
		font-family: 'Open Sans', sans-serif;
		color:#1A3072;
	}

	h3 {
		font-size: 17px;
	    line-height: 18px;
	    margin: 10px 0px;
	    padding: 10px 0px;
	    color: #1A3072;
	    font-weight: 700;
	}

	.content ul li {
		margin: 10px 0px;
		list-style-type: disc;

	}
	.content li {  }
	strong {
		color: #1A3072;
	}


	.embed-container { position: relative; padding-bottom: 86.25%; height: 0; overflow: hidden; max-width: 100%; } 
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    	.hide-desktop {
    		display: block;
    	}

    	.hide-mobile {
    		display: none;
    	}

    	.testborder {
    		border: 1px solid blue;
    	}

    	.featured-image {
    		text-align: center;
    		margin-bottom: -30px;
    	}

		.featured-image img {
			position: relative;
			left: 50%;
			transform: translateX(-50%);
			width: 100%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			display: block;
		}

		.header-bar-outter {
			/* position: fixed; */
			display: block;
			width: 100%;
			top: 0px;
			background-color: rgba(255,255,255, .9);
			box-shadow: none;
			z-index: 3;
		}

		.header-bar-inner {
		    height: 60px;
		}

		.content-box {
		    background-color: rgba(255,255,255, .7);
		    /* top: -50px; */
		}

		div.menu-button {
			/* width: 100%; */
			float: right;
			padding: 10px;
			margin-right: 10px;
			text-align: center;
			background-color: rgba(0,0,0, .1);
		}

		.page-title {
			color: #1A3072;
		    text-align: right;
		    text-transform: uppercase;
		    font-size: 34px;
		    font-family: Times, Times New Roman, Georgia, serif;
		    font-weight: normal;
		}

		h1.page-title {
			text-align: left;
		}

		.footer-text {text-align: center; font-size: 13px; color:#1A3072;}

		div.main-menu {
			padding-left: 10px;
		}

		ul.main-menu {
			list-style-type: none;
			padding: 0px;
		}

		ul.main-menu li {
			text-align: center;
			padding: 10px;
			margin-bottom: 5px;
			color: white;
			background-color: #1A3072;
			box-shadow: 0px 3px 5px rgba(0,0,0, .4);
			font-family: Times, Times New Roman, Georgia, serif;
	    	font-weight: bold;
	    	font-size: 16px;
	    	text-transform: uppercase;
		}

		ul.main-menu li a {
			width: 100%;
			height: auto;
			display: block;
			color: white;
		}

		ul.main-menu li a:hover {
			color: #FFFF00;
			text-decoration: none;
		}

		div.mobile-menu {
			display: block;
			/* padding-top: 10px; */
		}

		ul.mobile-menu {
			display: none;
			list-style-type: none;
			padding: 0px;
		}

		ul.mobile-menu li {
			text-align: center;
			padding: 10px;
			margin-bottom: 5px;
			color: white;
			background-color: #1A3072;
			box-shadow: 0px 3px 5px rgba(0,0,0, .4);
			font-family: Times, Times New Roman, Georgia, serif;
	    	font-weight: bold;
	    	font-size: 16px;
	    	text-transform: uppercase;
		}

		ul.mobile-menu li a {
			width: 100%;
			height: 100%;
			display: block;
			color: white;
		}

		p {
			line-height: 21px;
		    font-family: 'Open Sans', sans-serif;
		    font-weight: 400;
		}

        .page-title {
	    	font-size: 24px;
		}

		div.main-menu {
			display: none;
		}

		.wpcf7-form {
			font-size: 95%;
		}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    	.hide-desktop {
    		display: none;
    	}

    	.hide-mobile {
    		display: block;
    	}

    	.page-title {
		    font-size: 24px;
		    line-height: 20px;
		}

		h1.page-title {
			display: none;
			text-align: left;
		}

		div.mobile-menu {
			display: none;
		}
		div.main-menu {
			display: inherit;
		}
		.header-bar-inner {
		    height: 100px;
		}
		.header-bar-outter {
			position: absolute;
			display: block;
			width: 100%;
			top: 20px;
			background-color: rgba(255,255,255, .9);
			box-shadow: 0px 8px 10px rgba(0,0,0, .4);
		}
		.content-box {
		    position: relative;
		    padding-top: 10px;
		}
		.featured-image {
			margin-bottom: -85px;
		}
		body.home .featured-image {
    		margin-bottom: -160px;
    	}
		.right-devider {
			border-right: #1A3072 solid 1px;
		}
		.featured-image img {
			width: 105%;
		}

		.wpcf7-form {
			font-size: inherit;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    	.page-title {
		    font-size: 32px;
		    line-height: 30px;
		}

		.header-bar-outter {
			top: 64px;
			
		}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {



    }

 /* forced padding and margins */

	.fivepadding {padding: 5px;}
	.fiveVpadding {padding: 5px 0px;}
	.fiveHpadding {padding: 0px 5px;}

	.tenpadding {padding: 10px;}
	.tenVpadding {padding: 10px 0px;}
	.tenHpadding {padding: 0px 10px;}

	.twentypadding {padding: 20px;}
	.twentyVpadding {padding: 20px 0px;}
	.twentyHpadding {padding: 0px 20px;}

	.nopadding {padding: 0 !important;}

	.fivemargin {margin: 5px;}
	.fiveVmargin {margin: 5px 0px;}
	.fiveHmargin {margin: 0px 5px;}

	.tenmargin {margin: 10px;}
	.tenVmargin {margin: 10px 0px;}
	.tenHmargin {margin: 0px 10px;}

	.twentymargin {margin: 20px;}
	.twentyVmargin {margin: 20px 0px;}
	.twentyHmargin {margin: 0px 20px;}

	.nomargin {
	margin: 0 !important;
	}
	
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* 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. */
}