/*!
Theme Name: wedding
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wedding
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

wedding is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Main
# Header
# Navigation
	## Links
	## Menus
# Typography
# Forms
#Misc.

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/

body {
	font-size: 18px;
	font-family: 'Roboto', Helvetica, sans-serif;
}

.section {
	padding: 90px 0;
}

.gallery {
	background: #333;
}

.gallery .col-md-3 {
	padding-bottom: 30px;
}

/* .gallery-wrapper {
	overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
} */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header-container {

}

header.site-header {
	height: 100vh;
	min-height: 775px;
	position: relative;
}

header {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.hero-banner {
	height: 100%;
	width: 100%;
	position: absolute;
}

.hero-overlay {
    background: linear-gradient( -90deg, rgba(132, 1, 1, 0.55), rgba(132, 1, 1, 0.1), rgba(0, 64, 102, .1), rgba(0, 64, 102, .55));
    width: 100%;
    height: 100%;
    position: absolute;
}

@media (min-width: 992px) {

}

.hero-wrapper {
	overflow: hidden;
	position: absolute;
	height: 100%;
	widows: 100%;
}

img.cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-container {
    width: 100%;
    height: 100%;
    display: table;
    margin: 0 auto;
}

.hero-content {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    -webkit-animation: hero-content-anmt 1s 1 ease-out;
    animation: hero-content-anmt 1s 1 ease-out;
}

.hero-text {
	color: #fff;
}


@media (max-width: 767px) { 
	.hero-overlay {
		background: linear-gradient( -90deg, rgba(132, 1, 1, 0.55), rgba(0, 64, 102, .55));
		width: 100%;
		height: 100%;
		position: absolute;
	}

 }


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

nav.navbar {
	background: transparent;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin-bottom: 0;
	z-index: 1000000;
}

nav.navbar a {
    color: #fff;
    text-align: right;
    width: 200px;
    text-transform: uppercase;
    font-weight: lighter;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent !important;
    border-color: #337ab7;
    display: block;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

ul.dropdown-menu {
    background: transparent;
    border: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0);
	box-shadow: 0 6px 12px rgba(0,0,0,0);
	transition: all 0.55s ease;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
	background-color: transparent;
	font-weight: bold;
}

ul.dropdown-menu li a {
    padding: 8px 15px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}

ul.dropdown-menu li a {
    padding: 8px 15px;
    text-align: right;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
	line-height: 20px;
	text-align: left !important;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1 {
	font-family: 'Josefin Sans', Helvetica, sans-serif
}

/* header h1 {
	font-size: 75px;
	text-transform: uppercase;
	font-weight: bold;
} */

header h1 {
    font-size: 130px;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    font-family: 'Alex Brush', Helvetica, sans-serif;
}

h2 {
	font-size: 36px;
}

h3 {

}

h3 {
    text-transform: uppercase;
    font-weight: lighter;
}


h4 {

}

span.small {
    color: #fff;
}

@media (max-width: 767px) { 

	header h1 {
		font-size: 46px;
    }
    h3 {
        text-transform: uppercase;
        font-weight: lighter;
        font-size: 20px;
    }

 }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

input {
    padding: 5px 10px !important;
    border: 1px solid #333 !important;
}

select {
    padding: 8px 10px;
    height: 38px !important;
    border-radius: 0;
}

input[type="button"] {
    border: 0px solid #fff;
    outline-style: solid;
    outline-color: #333;
    outline-width: 2px;
    font-size: 18px;
    color: #333;
    background: rgba(255,255,255,0.3);
    padding: 13px 20px 10px 20px;
    text-align: center;
    /* margin-left: auto; */
    /* margin-right: auto; */
    transition: all .33s;
    text-decoration: none !important;
    display: block;
    vertical-align: middle;
    width: 100% !important;
	padding: 8px 15px !important;
	cursor: pointer !important;
}

input[type="button"]:hover {
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.nf-form-fields-required {
    display: none;
}

textarea {
    padding: 6px 10px;
    border: 1px solid #333;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.call-to-action {
    padding: 50px;
    background: linear-gradient( -165deg, rgba(132, 1, 1, 1), rgba(0, 64, 102, 1));
}

.call-to-action .button.white {
    border: 0px solid #fff;
    outline-style: solid;
    outline-color: #fff;
    outline-width: 2px;
    font-size: 18px;
    color: #fff;
    background: rgba(255,255,255,0.3);
    padding: 13px 20px 10px 20px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    transition: all .33s;
    text-decoration: none !important;
    display: block;
    vertical-align: middle;
    margin-top: 0px;
    margin: 15px 0;
}





/*--------------------------------------------------------------
# Misc.
--------------------------------------------------------------*/

.button.white {
	border: 0px solid #fff;
	outline-style: solid;
    outline-color: #fff;
    outline-width: 2px;
    font-size: 18px;
    color: #fff;
    background: rgba(255,255,255,0.3);
    padding: 13px 20px 10px 20px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    transition: all .33s;
    text-decoration: none !important;
    display: block;
	vertical-align: middle;
}

.button.white:hover {
	border: 0px solid #fff;
	outline-style: solid;
    outline-color: #fff;
    outline-width: 4px;
	font-weight: bold;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
  }
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {	padding-right: 0;	padding-left: 0;
}  

.no-gutter {
	padding: 0;
}

.rellax.no-gutter {
	padding: 0;
	position: absolute;
	top: 0;
}

a.navbar-brand {
    font-family: 'Alex Brush';
    text-transform: capitalize !important;
    font-size: 36px;
    width: 300px !important;
}

.nf-response-msg {
    text-align: center;
}

.nf-response-msg h2 {
    font-family: 'Alex Brush';
    font-size: 56px;
}