/*
Theme Name: Next Realty 2018
Author: Medium Rare
Version: Charcuterie 1.0

Colors:


Fonts:
Montserrat: 400,700
Open+Sans: 300

Playfair+Display|Roboto
font-family: 'Roboto', sans-serif;
font-family: 'Playfair Display', serif;

*/


/* Theme Validity --------------------- */
.wp-caption { 
}
.wp-caption-text { font-style: italic;
color: #999; 
}
.sticky { background: #f9f9f9; 
padding: 10px 15px 5px;
border: 1px solid #DDD;
}
.gallery-caption { font-style: italic;
color: #999; 
}
.bypostauthor { background: #f9f9f9; 
} 
.alignright { float: right; margin-left: 5px;
} 
.alignleft { float: left; margin-right: 5px;
} 
.aligncenter { display: block;
margin-left: auto;
margin-right: auto;
}

/* Essential Styles ------------------- */

body { 
	/* padding-top: 50px; */
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	}

ul {
	list-style-type: square;
	}

ul a {
	color: #000;
	}
	
h1, h2, h3, h4, h5, h6 {
	/*font-family: 'Playfair Display', serif;
	font-family: 'Fira Sans', sans-serif;*/
	font-family: 'Roboto', serif;
	font-weight: 300;
	color: #F6921E;
	margin-top: 0px;
	line-height: 1.3em;
	}

h1 {
	font-size: 50px;
	font-weight: 300;
	line-height: 1em;
	/*color: #333958;*/
	}

h2 {
	font-size: 28px;
	font-weight: 300;
	/*text-transform:uppercase;
	color: #333958;*/
	color: #333;
	}
h3 em{font-weight: 100;
font-size: .75em;}

.allwhitetext, .allwhitetext p, .allwhitetext h1, .allwhitetext h2, .allwhitetext h3, .allwhitetext h4, .allwhitetext h5, .allwhitetext h6 {
	color: #fff !important;
}

.allwhitetext a, .allwhitetext p a, .allwhitetext h1 a, .allwhitetext h2 a, .allwhitetext h3 a, .allwhitetext h4 a, .allwhitetext h5 a, .allwhitetext h6 a {
	color: #ccc !important;
}

.allwhitetext a:hover, .allwhitetext p a:hover, .allwhitetext h1 a:hover, .allwhitetext h2 a:hover, .allwhitetext h3 a:hover, .allwhitetext h4 a:hover, .allwhitetext h5 a:hover, .allwhitetext h6 a:hover {
	color: #fff !important;
}


.whitetext, .whitetext p, .whitetext h1, .whitetext h2 {
	color: #fff !important;
}




.sidebar, .sidebar-left, .footer-widget {
	overflow: hidden;
}

.sidebar-widget ul, .footer-widget ul  { 
	list-style:none !important;  padding-left: 0px; 
}

.sidebar-widget li, .footer-widget li  { 
	border-bottom: 1px solid #eee; padding: 3px 0; 
}
.sidebar-title {
	margin-top: 20px;
}

/* Link Styles ------------------- */
a {
    color: #333958;
    text-decoration: none;
}

a:focus, a:hover {
    color: #555;
    text-decoration: none;
}



.post  {
	overflow: hidden;
}

.post img {
	max-width: 100%;
	height: auto;
}

.comment {
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #DDD;
	list-style: none;
}

.commentlist {
	padding-left: 0px;
}

.comment-author {
	background: #f3f3f3;
}

.comment-meta {
font-size: 11px;
margin: 5px 0 10px;
}

.depth-2, .depth-3, .depth-4, .depth-5  {
	list-style: none !important;
}

textarea {
	width: 100%
}

embed, iframe, object, video {
    max-width: 100%;
}

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



/* HEADER & MENU  ===================================================================

.header > 
	.navbar  .navbar-static-top .navbar-inverse .navbar-fixed-top > 

	.container > 
		.navbar-header > 
				Button > .navbar-toggle .collapsed
				Logo   > .header-logo-wrapper
		#navbar .navbar-collapse .collapse 
		> ul #navbar .navbar-collapse .collapse > 
				Social Icons > .nav .navbar-nav .navbar-right .nav-socialicons
				Menu Items > ul #menu-main-menu .nav .navbar-nav > li .menu-item > ul .sub-menu > li .menu-item

.header-banner-wrapper > .header-title

======================================================================================= */

/* Menu Band Color -----------------------------*/
	.navbar-inverse {background-color: rgba(30, 30, 30, 0.85) !important;}
	/*.navbar-inverse {background-color: #f00 !important;}*/


/* Full Width with Banner Template */
	.header-banner-wrapper {
		height: 200px;
		overflow: hidden;
		width: 100%;
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: -55px;
		}

/* Header Logo */
	.header-logo-wrapper {
		margin-left: 0;
		height: 85px;
		padding-top: 10px;
		display: inline-block;
		float: left;
		/*-webkit-transition: all ease 0.5s;
		-ms-transition: all ease 0.5s;
		-o-transition: all ease 0.5s;
		transition: all ease 0.5s;*/
		}

	.header-logo-wrapper img {
		width: 146px;
		height: 65px;
		/*-webkit-transition: all ease 0.5s;
		-ms-transition: all ease 0.5s;
		-o-transition: all ease 0.5s;
		transition: all ease 0.5s;*/
		}

	.header-logo-wrapper.shrunk {
		margin-bottom: -25px;
		margin-left: 0;
		}

	.header-logo-wrapper.shrunk img {
		width: 275px;
		}

/* Navigation Bar */
	.navbar-inverse {
		border-bottom: none !important;
		}

	.navbar > .container .navbar-brand {
		margin-left: 0;
		color: #fff !important;
		font-weight: 100;
		}

	.navbar-nav {
		float: right;
		margin: 0;
		}

	#menu-main {
		margin-top: 10px;
		margin-right: 20px;
		}

	.menu-item {
		font-family: 'Roboto', serif;
		font-size: 12px;
		letter-spacing: 2px;
		text-transform: uppercase;
		}

	#menu-main-menu {
		margin-top: 17px;
		float: right;
		font-family: 'Roboto';
		font-size: 14px;
		}

	#menu-main-menu li:hover > ul {
		display: block;
		}

	ul#menu-main-menu .sub-menu {
		background-color: white;
		position: absolute;
		padding: 0;
		min-width: 200px;
		list-style: none;
		display: none;
		border: 1px solid #aaa;
		}

	ul#menu-main-menu .sub-menu li {
		width: 100%;
		}

	ul#menu-main-menu .sub-menu a {
		color: black;
		padding: 7px 15px;
		width: 100%;
		display: block;
		}

	ul#menu-main-menu .sub-menu a:hover {
		background-color: #333958;
		color: #fff;
		}

	.nav-socialicons > li > a {
		padding-left: 5px !important;
		padding-right: 5px !important;
		margin-top: 17px !important;
		}


/* ================ Media Queries ================ */
/* FULL / 1200+ -----------------------------------*/

/* MID / 992-1199 ---------------------------------*/
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		.navbar-right {display: none;} /* hide social media icons */
		#menu-main-menu {margin-right: -25px;} /* shift over menu */
		}

/* TABLET / 768-991 -------------------------------*/
	@media screen and (min-width: 768px) and (max-width: 991px) {

		.container {width: 100% !important;} /* full width content */
		.navbar-right {display: none;} /* hide social media icons */
		#menu-main-menu {margin-right: 0px;} /* shift over menu */
		.nav>li>a { padding-right: 5px; padding-left: 5px;} /* tighten up menu */

		.header-logo-wrapper {
			margin-left: 0;
			margin-bottom: 25px;
			}

		/*.header-banner-wrapper {
			height: 85px;
			} */
		.navbar {
			height: 85px;
			}
		
		.menu-item {
			font-size: 12px;
			letter-spacing: 1px;
			}
		
		}

/* PHONE / < 767 ----------------------------------*/
	@media screen and (max-width: 767px) {

		.container {width: 100% !important;}

		.nav-socialicons {display:none;}

		.header-logo-wrapper {
			margin-top: -5px;
			margin-bottom: 0px;
			margin-left: 10px;
			}

		.header-logo-wrapper img {
			width: 146px;
			}

		.navbar-toggle {
			padding: 9px 8px;
			margin-top: 25px;
			margin-right: 25px;
			border-radius: 0px;
			background-color: transparent;
			border: 1px solid transparent;
			}
				
		.nav>li>a {
			padding: 5px 5px;
			}

		ul#menu-main-menu {
			width: 100%;
			text-align: center;
			float: none;
			margin: 0 auto;
			}

		ul#menu-main-menu .sub-menu {
			position: relative;
			display: none;
			background-color: transparent;
			}

		ul#menu-main-menu .sub-menu a {
			color: #9d9d9d;
			}

		ul#menu-main-menu .sub-menu a:hover {
			background-color: transparent;
			}

		.navbar-fixed-top .navbar-collapse {
			max-height: none;
			}

		.navbar-brand {
			display: none;
			}

		.navbar-right {
			display: none;
			}
		
		.mobilecenter h1, .mobilecenter h2, .mobilecenter h3,
		.mobilecenter .vc_btn3-container.vc_btn3-right {
			text-align: center !important;
			}
		
		}

/* Header Title --------------------------------*/

.header-title {
	display:block;
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 158px;
	} 
	/* 100% Width under 991 / 970px up to 1200 */  
	@media (max-width: 1199px) {.header-title {width: 970px;}}
	@media (max-width:  991px) {.header-title {width:  100%;}}

.header-banner-wrapper h1 {
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-left: 23px;
	font-weight: 500;
	}


/* FOOTER  ===================================================================*/


.main-footer {
 	background: #333;
	border-top: 1px solid #000;
	margin-top: 0px;
	padding: 40px 15px;
}

/* Footer --------------- */
.main-footer h4 {
	font-family: 'Roboto';
	font-weight:300 !important;
	font-size: 18px;
	color: #fff;
	margin-top:10px;
	margin-bottom:5px;
	}
.main-footer p, .main-footer .textwidget {
	font-family: 'Roboto';
	font-weight:300 !important;
	/*text-transform:uppercase;*/	
	font-size: 12px;
	color: #aaa;
	margin-bottom:8px;
	line-height: 1.25
	}
.main-footer a {
	color: #aaa;
	}
.main-footer a:hover {
	color: #fff;
	text-decoration:none;
	}
.footer-widget li {
    border-bottom: none;
    padding: 0px 0;
	font-family: 'Roboto';
	font-weight:300 !important;
	font-size: 12px;
	}

/* Footer Fineprint ---------------------*/
.fineprint {
  font-size: .8em !important;
}	
	
/*======= FOOTER ALIGN =======*/
.footerleft  {text-align:left;}		
.footerright {text-align:right;}

@media screen and (max-width: 991px) {
.footerleft, .footerright {text-align:center;}	
	.footer-widget {padding:0 10%;}
}

/* RANDOM STYLES ================================ */



/* Fix Wordpress Toolbar Overlap  (works, but jacks up spacing between header and slider) ---------------------*/
   .navbar-fixed-top { top: 0px; }
    body.admin-bar .navbar-fixed-top { top: 32px !important; }

/*======= HOVER PLUGIN =======
.grid {
    padding: 0px !important;
	}*/





.nextpertthumb {
	/*font-size: .8em;*/
	line-height: 1.4em;
}


.vc_team_member .team-member h1 a {
	font-family: 'Roboto', sans-serif;
	}

.team-member>h1>span, .team-position {
	color: #444 !important;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	}

.body-padding {
	/*backround-color: #F6921E;
	padding-top: 35px;*/
	padding-bottom: 50px;
}


.vc_gitem-post-data {
    margin-bottom: 2px !important;
	}

.team-member h1, .team-member p {
    line-height: 1.1 !important;
	}

.logged-in div.wpcf7 {
	margin-top: 0px;
	}


/* NEW FEED */

.thumbnail {
    padding: 0px; 
    margin-right: 20px;
    border: none;
	border-radius: 0px;
	}

.read-more {
	display: table;
	background-color: #555;
	margin: 10px 0px 10px 0px;
	padding: 10px 30px 13px 30px;
	width: auto;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	}	
.read-more:hover {
	background-color: #00477a;
	color: #fff;
	}	

.chicklets {
	margin-top: 20px; 
	}

.post .pull-left {
	text-align: left;
	float:none !important;}


.orange, .orange a  {color: #F6921E;}
.orange a:hover  {color: #555;}
.grey {color: #555;}

input[type=checkbox] {
  /* Double-sized Checkboxes */
  /*-ms-transform: scale(2); /* IE */
  /*-moz-transform: scale(2); /* FF */
  /*-webkit-transform: scale(2); /* Safari and Chrome */
  /*-o-transform: scale(2); /* Opera
  padding: 10px;*/
  margin-right: 5px; 
	 margin-bottom: 5px; 
	
	
}

input[type=text], input[type=email], textarea {
color: #F6921E !important;
		font-family: 'Roboto', serif !important;
	font-weight: 500 !important;
	line-height: 1.3em !important;
	font-size: 18px !important;
}

sup {
    font-size: 25%;
	vertical-align: super;
	}

.next-leftband {
	padding-left: 15px !important;
	padding-right: 20% !important;
	text-align: left !important;
	}

.next-rightband {
	padding-left: 20% !important;
	padding-right: 15px !important;
	text-align: right !important;
	}

@media screen and (max-width: 767px) {
	.next-rightband, .next-leftband  {
		padding-left: 10% !important;
		padding-right: 10% !important;
		text-align: center !important;
		}
	}


.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 1.5em;
    width: auto;
    margin: 0 16px 0 0;
	background-color: #F6921E; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	
	
}
.gform_wrapper .top_label div.ginput_container {
    margin-top: 0px !important;
}


.thumbnail {background: none;}
.post-list-odd {background-color: #fff;}
.post-list-even {background-color: #eee;}
.post-list-odd, .post-list-even {
	padding-top: 25px;
	padding-bottom: 25px;
	}


