/*
Theme Name: Niche Homes Theme
Author: Squirell Gripp
Description: Custom theme for Niche Homes to beused with Elementor. 
Version: 1.0.0
*/

/* //// Fonts /////////////////////////////////////////////////*/

@font-face {
    font-family: 'Verbatim';
    src: url('fonts/verbatimblack.eot'); /* IE9 Compat Modes */
    src: url('fonts/verbatimblack.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/verbatimblack.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/verbatimblack.woff') format('woff'), /* Pretty Modern Browsers */
        url('fonts/verbatimblack.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/verbatimblack.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Verbatim';
    src: url('fonts/verbatimbold.eot'); /* IE9 Compat Modes */
    src: url('fonts/verbatimbold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/verbatimbold.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/verbatimbold.woff') format('woff'), /* Pretty Modern Browsers */
        url('fonts/verbatimbold.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/verbatimbold.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Verbatim';
    src: url('fonts/verbatimlight.eot'); /* IE9 Compat Modes */
    src: url('fonts/verbatimlight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/verbatimlight.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/verbatimlight.woff') format('woff'), /* Pretty Modern Browsers */
        url('fonts/verbatimlight.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/verbatimlight.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Verbatim';
    src: url('fonts/verbatimregular.eot'); /* IE9 Compat Modes */
    src: url('fonts/verbatimregular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/verbatimregular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/verbatimregular.woff') format('woff'), /* Pretty Modern Browsers */
        url('fonts/verbatimregular.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/verbatimregular.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 500;
    font-style: normal;
}



/* //// Global /////////////////////////////////////////////////*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Verbatim';
	font-weight: 300;
}

body {
	font-family: 'Verbatim';
	font-weight: 300;
	background: #000;
	font-size: 16px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.elementor-text-editor p a {
	color: #fff;
	text-decoration: underline;
}

/* //// Header /////////////////////////////////////////////////*/

#main-nav {
	background: #000;
	border: 0px;
	border-radius: 0px;
	height: unset;
	margin-bottom: 0px;
}

.navbar-header h1 {
	margin: 0px;
}

.navbar-brand {
	height: unset;
}

.navbar-default .navbar-nav>li>a,
.dropdown-menu>li>a {
	color: #9d9e9e;
	background: transparent;
	text-transform: uppercase;
	transition: 0.3s all;
	font-size: 17px;
}

.dropdown-menu>li>a {
	font-weight: 300;
    padding: 7px 20px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #fff;
	color: #000;
}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
	background: #000;
	color: #fff;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, .navbar-default 
.navbar-nav>.open>a:hover {
	color: #fff;
	background: transparent;
}

.dropdown-menu {
    background-color: #000;
	color: #fff;
    border: 0px;
    border-top: 1px solid #fff;
}

.active .dropdown-toggle {
	color: #fff !important;
}

/* //// Footer /////////////////////////////////////////////////*/

.footer-info .elementor-text-editor p strong,
.contact-details p strong {
	color: #fff;
}

.elementor-icon .fa-wordpress:before {
	content: "\f095";
}

/* //// Home /////////////////////////////////////////////////*/

.price-price p {
	margin-block-end: 10px;
    margin-block-start: unset;
}

.price-features p strong {
	color: #fff;	
	font-size: 18px;
}

.elementor-image-gallery {
	overflow: hidden;
}

.niche-table {
	width: 100%;
}

.niche-table tr {
	border-bottom: 1px solid #333;
}

.niche-table td,
.niche-table th {
	padding: 6px 0px;
}

/* //// Contact /////////////////////////////////////////////////*/

.page-id-36 .footer-top {
	display: none !important;
}

/* //// Media Queries /////////////////////////////////////////////////*/
@media (max-width: 767px)  {

	.navbar-brand {
		padding: 60px 15px 40px;
	    max-width: 70%;
	}

	.navbar-default .navbar-toggle {
		margin-top: 60px;
	}

	.header-icons {
		position: absolute;
    	top: 10px;
    	right: 15px;
	}

	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form,
	.navbar-default .navbar-toggle {
		border-color: #fff;
	}

	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover {
		background: #fff;
	}

	.navbar-default .navbar-toggle:focus .icon-bar, 
	.navbar-default .navbar-toggle:hover .icon-bar {
		background-color: #000;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	
	.dropdown-menu {
		border-top: 0px;
		display: block;
		position: relative;
	    float: none;
	}
	
	.dropdown-menu>li>a {
		font-size: 15px;
		padding-left: 15px;
	}
	


}
@media (min-width: 768px)  {

	#main-nav>.container {
		display: flex;
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    justify-content: space-between;
	    align-items: center;
	}

	.navbar-default .navbar-nav>li>a::after {
		content: '|';
		display: inline;
		color: #fff;
		position: absolute;
		right: -3px;
	}

	.navbar-default .navbar-nav>li:last-child>a::after {
		display: none;
	}

	.navbar-header {
		padding: 40px 0px;
	}

	.menu-main-menu,
	.header-icons {
		padding-bottom: 10px;
	}
	
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}

	.navbar-default .navbar-collapse {
		flex-grow: 1;
	    justify-content: center;
	    align-items: center;
	    display: flex !important;
	    padding-left: 0px !important;
	}

	.header-icons {
		padding-right: 10px; 
	}
	

}
@media (min-width: 992px)  {}
@media (min-width: 1200px) {}