/*
Theme Name: Together
Version: 1.0.8
Author: FameThemes
Author URI: https://www.famethemes.com/
Theme URI: https://www.famethemes.com/themes/together/
Description: TOGETHER is a wedding WordPress theme which specially designed for marriage, engagement, personal, wedding websites. It is optimized and targeted to create clean and beautiful wedding websites and blogs quickly and easily. Theme included theme customizer for live editing and easy to manage homepage through home page builder. It includes color schemes, header and footer option, custom banner images, social profiles and more features for your ease to create elegant websites. Please find more details about theme at https://www.famethemes.com/themes/together/ and Demo at https://demos.famethemes.com/together/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: together
Tags: one-column, two-columns, right-sidebar, custom-header, custom-background, custom-menu, custom-colors, threaded-comments, featured-images, post-formats, translation-ready, sticky-post

This theme, like WordPress, is licensed under the GPL.
Together is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

/* Media Queries */
@media (max-width: 600px) 
{
    .dt-menu-btn {
       right: 10px!important;
       top: 3.5px!important;
     }
    .dt-content-area{
       padding: 10px;
     }
    .text-right {
       text-align: center!important;
    }
}

html {
	 scroll-behavior: smooth;
}

.entry-title {
	text-align: center!important;
}
.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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

/*.byline,*/
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Default
--------------------------------------------------------------*/
body {
	font-size: 15px;
	line-height: 2em;
	font-family: 'Roboto', sans-serif;
}

.transition5 {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.transition35,
a,
.dt-main-menu li a,
.dt-main-menu li ul,
.menu-item-has-children,
.dt-rsvp-form input[type="submit"]:hover {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

.byline span {
	text-transform: capitalize;
}

a {
	text-decoration: none !important;
	color: #444;
	outline: none;
}

a:hover {
	color: #e55a65;
}


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

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.dt-site-header {
	width: 100%;
	height: 700px;
	z-index: 9999;
	padding: 0;
	background-size: 100% auto !important;
	overflow: hidden;
	position: relative;
    background-color: #000;
}
.dt-site-header:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
}

/*
 *  Logo
 -----------------------------------*/
.dt-logo {
	text-align: center;
	margin-top: 15vh;
	color: #fff;
}

.dt-logo img {
	max-height: 96px;
}

.dt-nav-logo {
/* 	margin: 30px 0px 0px 0px; */
	text-align: left;
    position: relative;
}

.dt-nav-logo img {
	max-height: 50px;
}

.dt-logo h1,
.dt-nav-logo h1,
.dt-foot-logo h1 {
	font-size: 64px;
	font-family: 'Pacifico', cursive;
}

.dt-nav-logo h1 {
	margin: 5px!important;
	font-size: 28px;
	line-height: 1.2em;
}

.dt-logo > span {
	display: block;
/* 	margin: 40px 0; */
	font-size: 48px;
	color: #e55a65;
}

.dt-logo p {
	font-size: 36px;
	font-weight: 300;
}

.dt-wedding-date {
	font-size: 20px;
	font-weight: 300;
	margin-top: 15px;
}

/*--------------------------------------------------------------
# Wedding Countdown
--------------------------------------------------------------*/
.dt-wedding-countdown {
	text-align: center;
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
}

.simply-section {
	width: 96px;
	margin: 0 20px;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 24px;
}

.simply-amount {
	background: rgba(0,0,0,.4);
	border-radius: 50%;
	width: 64px;
	height: 64px;
	padding-top: 17px;
	display: inline-block;
	font-weight: 300;
}

.simply-word {
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 5px;
	display: block;
}

.dt-scroll-down {
	position: absolute;
	left: 50%;
	bottom: 20px;
	width: 48px;
	height: 48px;
	margin-left: -24px;
	text-align: center;
	font-size: 48px;
	color: rgba(255,255,255,.5);
}

.dt-scroll-down:hover {
	padding-top: 8px;
}

.dt-scroll-down a {
	color: rgba(255,255,255,.5);
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.dt-sticky {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
	box-shadow: 0 0 6px 0 #ddd;
}

/*.dt-menu-sep {*/
	/*height: 98px;*/
/*}*/

.dt-main-menu {
	background: #fff;
}
.page .dt-main-menu {
    box-shadow: 0 0 6px 0 #ddd;
}
.dt-main-menu ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.dt-main-menu li {
	position: relative;

	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	
	border-right: 1.5px solid rgb(88, 88, 88, 0.9) ;
	line-height: 14px;
	padding-right: 3.2px;
	padding-left: 3.2px;
}

.dt-main-menu li:last-child {
	 border: 0!important;
}

.dt-main-menu li a {
	display: block;
	text-decoration: none;
}

.dt-main-menu .menu > li > a {
/* 	margin: 25px 0; */
}

.dt-main-menu .menu > li > a {
	border: 2px solid transparent;
	display: block;
/* 	padding: 7px 15px 5px; */
}

.dt-main-menu li li > a {
	border: 0 !important;
	border-radius: 0 !important;
}

.dt-main-menu li ul {
	position: absolute;
	z-index: 99999;
	top: 120%;

	display: block;
	visibility: hidden;
	text-align: left;

	width: 220px;
	max-width: 500%;

	opacity: 0;
	padding: 0;
}

.dt-main-menu li li ul {
	top: 50%;
	left: 100%;
}

.dt-main-menu li li a {
	position: relative;
	padding: 10px 15px;
}

.dt-main-menu li li.page_item_has_children > a:after,
.dt-main-menu li li.menu-item-has-children > a:after {
	font-family: 'FontAwesome';

	position: absolute;
	top: 10px;
	right: 5px;

	width: 16px;
	height: 24px;

	content: '\f105';
	text-align: center;
}

.dt-main-menu li:hover > ul {
	top: 100%;

	visibility: visible;

	opacity: 1;
	background: rgba(255,255,255,.98);
}

.dt-main-menu li li:hover > ul {
	top: -1px;
}

.dt-main-menu li ul li {
	display: block;

	border-top: 1px solid rgba(0,0,0,.07);
}

.dt-main-menu li ul li:last-child {
	border-bottom: 1px solid rgba(0,0,0,.07);
}

.dt-main-menu-scroll .menu-main-menu-container > ul li a {
	color: #fff;
}

/*
 *  BreadCrumbs
 -----------------------------------*/
.dt-breadcrumbs {
	font-size: 13px;

	padding: 12px 0 10px;
}

.dt-breadcrumbs ul {
	margin: 0;
	padding: 0;
}

#dt_breadcrumbs li {
	display: inline-block;

	padding: 0 2px;

	opacity: .8;
}

/*--------------------------------------------------------------
# About Couple
--------------------------------------------------------------*/
.dt-about-couple {
	padding: 100px 0 40px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.dt-about-couple h2,
.dt-rsvp-form h2,
.dt-recent-blog-post h2 {
	text-align: center;
	font-weight: 300;
	font-size: 48px;
	margin-bottom: 80px;
	position: relative;
}

.dt-about-couple h2:before,
.dt-rsvp-form h2:before {
	content: '';
	position: absolute;
	left: 20%;
	bottom: -30px;
	width: 60%;
	height: 2px;
	background: #d8dce3;
	border-bottom: 1px solid #fefefe;
}

.dt-about-couple h2:after,
.dt-rsvp-form h2:after {
	content: "\f004";
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	bottom: -48px;
	margin-left: -16px;
	font-size: 24px;
	text-align: center;
	color: #e55a65;
	font-family: 'FontAwesome';
}

.dt-couple-cont {
	text-align: center;
	padding: 0 50px;
	margin-bottom: 60px;
}

.dt-couple-cont figure img {
	border: 6px solid #fff;
}

.dt-couple-cont h3 {
	font-size: 32px;
	margin: 30px 0;
}

/*--------------------------------------------------------------
# Ceremony
--------------------------------------------------------------*/
.dt-wedding-ceremony {
	padding: 100px;
	background: #fff;
}

.dt-ceremony-wrap {
	padding: 0 50px;
}

.dt-ceremony-wrap figure {
	position: relative;
}

.dt-ceremony-wrap figure span {
	position: absolute;
	display: inline-block;
	z-index: 99;    width: 93%;
	height: 90%;
	top: 5%;
	left: 3.5%;
	border: 2px solid rgba(255,255,255,.6);
}

.dt-ceremony-wrap h2 {
	font-weight: 400;
	font-size: 32px;
	margin: 40px 0;
}

.dt-ceremony-wrap ul {
	padding: 0;
	margin: 0;
}

.dt-ceremony-wrap li {
	display: block;
	font-size: 18px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.dt-ceremony-wrap li .fa {
	width: 36px;
	font-size: 22px;
	opacity: .75;
	display: inline-block;
	float: left;
	padding-top: 5px;
}

.dt-ceremony-wrap li span {
	display: inline-block;
	width: calc(100% - 52px);

	padding-bottom: 30px;
}

/*--------------------------------------------------------------
# RSVP
--------------------------------------------------------------*/
.dt-rsvp {
	padding: 100px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.dt-rsvp-form {
	padding: 0 200px;
	text-align: center;
	font-size: 18px;
}

.dt-rsvp-form .textwidget > p {
	font-size: 16px;
}

.dt-rsvp-form .wpcf7 {
	margin-top: 30px;
}

.dt-rsvp-form p {
	margin-bottom: 35px;
}

.dt-rsvp-form p label {
	display: block;
}

.dt-rsvp-form input[type="text"],
.dt-rsvp-form input[type="url"],
.dt-rsvp-form input[type="number"],
.dt-rsvp-form input[type="email"],
.dt-rsvp-form input[type="date"],
.dt-rsvp-form input[type="file"],
.dt-rsvp-form input[type="submit"],
.dt-rsvp-form textarea,
.dt-rsvp-form select {
	margin-top: 15px;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	background: #fff;
}

.dt-rsvp-form input:focus,
.dt-rsvp-form textarea:focus,
.dt-rsvp-form select:focus,
.dt-rsvp-form input:hover,
.dt-rsvp-form textarea:hover ,
.dt-rsvp-form select:hover {
	outline: none;
	border-color: #bbb;
}

.dt-rsvp-form input[type="submit"] {
	width: 50%;
	cursor: pointer;
	background: #d5d5d5;
}

.dt-rsvp-form input[type="submit"]:hover {
	color: #fff;
}

.dt-rsvp-form select {
	padding: 14px 10px;
}

.dt-rsvp-form input[type="checkbox"],
.dt-rsvp-form input[type="radio"] {
	margin-right: 5px;
}

.dt-rsvp-form .wpcf7-checkbox .wpcf7-list-item,
.dt-rsvp-form .wpcf7-radio .wpcf7-list-item {
	margin-right: 25px;
}

/*--------------------------------------------------------------
# Recent Blog Posts
--------------------------------------------------------------*/
.dt-recent-blog-post {
	background: #fff;
	padding: 100px 0;
}

.dt-recent-blog-post h2 {
	margin-bottom: 50px;
}

.dt-recent-blog-post-holder figure {
	position: relative;
}

.dt-recent-blog-post-holder figure span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.4);
	visibility: hidden;
	opacity: 0;
}

.dt-recent-blog-post-holder figure span .fa {
	width: 48px;
	height: 48px;
	background: rgba(0,0,0,.75);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -24px;
	text-align: center;
	padding-top: 16px;
	color: #fff;
	font-size: 18px;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
}

.dt-recent-blog-post-holder figure:hover span {
	visibility: visible;
	opacity: 1;
}

.dt-recent-blog-post-holder figure:hover .fa {
	margin-top: -24px;
	opacity: 1;
	visibility: visible;
}

.dt-recent-blog-post-holder img {
	width: 100%;
	height: auto;
}

.dt-recent-blog-post-holder h3 {
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 400;
	/*min-height: 76px;*/
	margin: 30px 0 0;
}

.dt-recent-blog-post-holder .dt-posted-on {
	margin-bottom: 20px;
	display: block;
	color: #999;
}

/*--------------------------------------------------------------
# archive page
--------------------------------------------------------------*/
.dt-archive-post {
	margin-top: 30px;
	margin-bottom: 120px;
	text-align: center;
}

.dt-archive-post figure:hover {
	opacity: .65;
}

.dt-archive-post article {
	padding: 20px 25px 60px;
	border: 1px solid rgba(39,48,57,.08);
}

.dt-archive-post .entry-title {
	margin: 40px 0 25px;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.dt-pagination-nav a,
.dt-pagination-nav .current {
	display: inline-block;

	margin: 0 2px 15px;
	padding: 2px 12px;

	border: 1px solid rgba(39,48,57,.1);
	border-radius: 2px;
	background: #fff;
	color: rgba(39,48,57,.8)
}

.dt-pagination-nav a:hover,
.dt-pagination-nav .current:hover,
.dt-pagination-nav .current {
	color: #e55a65;
	border-color: #e55a65;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.rodapeNome {
	padding: 50px 0;
}
.cor {
	background-color: #343A40!important;
	color: white;
}
.logoProjeta {
	width: 140px;
	margin-left: auto;
    margin-right: auto;
}
.espaco {
	padding-top: 10px;
}
.dt-footer {
	overflow-x: hidden;
	margin-top: 50px;
	text-align: center;
	background: rgba(0,0,0,.025);
}

.dt-foot-logo {
	text-align: center;
	padding: 25px 0;
}

/*--------------------------------------------------------------
# Social Profiles
--------------------------------------------------------------*/
.dt-social-icons {
	margin-top: 40px;
}

.dt-social-icons [id*='dt_social_icons'] {
	display: inline-block;
}

.dt-social-icons ul {
	display: inline-block;
	margin: 0;
    padding-left: 0;
	text-align: right;
}

.dt-social-icons li {
	display: inline-block;

	margin: 0 1px;

	text-align: center;

	outline: none !important;
}

.dt-social-icons li a {
	font-size: 20px;
	line-height: 1em;

	display: block;

	outline: none !important;
}

.dt-social-icons li .fa {
	display: block;

	width: 48px;
	height: 48px;
	padding-top: 12px;
	margin: 0 5px;
	border-radius: 50%;
	border: 2px solid #ccc;
}

.dt-social-icons .dt-search-icon .fa {
	cursor: pointer;
}

.dt-social-icons li .fa:hover {
	opacity: 1;
	color: #fff;
	border-color: transparent;
}

.dt-social-icons .fa-facebook:hover {
	background: #325c94;
}

.dt-social-icons .fa-twitter:hover {
	background: #00abdc;
}

.dt-social-icons .fa-google-plus:hover {
	background: #dd4b38;
}

.dt-social-icons .fa-instagram:hover {
	background: #4480b1;
}

.dt-social-icons .fa-github:hover {
	background: #3f91cb;
}

.dt-social-icons .fa-flickr:hover {
	background: #ff0084;
}

.dt-social-icons .fa-pinterest:hover {
	background: #cb2027;
}

.dt-social-icons .fa-wordpress:hover {
	background: #0090c5;
}

.dt-social-icons .fa-youtube:hover {
	background: #d32323;
}

.dt-social-icons .fa-vimeo:hover {
	background: #1ab7ea;
}

.dt-social-icons .fa-linkedin:hover {
	background: #007bb6;
}

.dt-social-icons .fa-behance:hover {
	background: #2d9ad2;
}

.dt-social-icons .fa-dribbble:hover {
	background: #f26798;
}

.dt-copyright {
	margin-top: 50px;
}

/*--------------------------------------------------------------
# Back to top
--------------------------------------------------------------*/
#back-to-top {
	font-size: 32px;

	position: fixed;
	z-index: 9999;
	right: 20px;
	bottom: 60px;

	width: 48px;
	height: 48px;
	padding-top: 6px;

	cursor: pointer;
	text-align: center;
	text-decoration: none;

	opacity: 0;
	color: #fff !important;
	border-radius: 50%;
	background: rgba(0, 0, 0, .35);

	filter: alpha(opacity=0);
}

#back-to-top:hover {
	background: #666;
}

#back-to-top.show {
	opacity: 1;

	filter: alpha(opacity=100);
}

/*--------------------------------------------------------------
# 404 Error Page
--------------------------------------------------------------*/
.dt-error-page .search-form {
	margin: 30px 0;
}

.dt-error-page .search-form input[type="search"] {
	min-width: 300px;
	padding: 8px 10px;
	border: 2px solid #d5d5d5;
	background: #fff;
}

.dt-error-page .search-form input[type="submit"] {
	padding: 8px 25px;
	border: 2px solid #d5d5d5;
	background: #d5d5d5;
	cursor: pointer;
	font-weight: bold;
}

.dt-error-page .search-form input[type="submit"]:hover  {
	color: #fff;
}

/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/
.dt-single-post p {
	margin-top: 20px	;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#secondary .widget {
	padding: 20px;
	border: 1px solid rgba(39,48,57,.08);
}

#secondary .widget-title {
	position: relative;
	font-size: 20px;
	border-radius: 3px 3px 0 0;
	padding: 15px 20px;
	margin: -20px -20px 24px;
	border-bottom: 1px solid rgba(39,48,57,.08);
}

#secondary ul {
    padding-left: 15px;
}
#secondary .dt-social-icons {
    margin-top: 0;
}
#secondary .dt-social-icons ul {
    text-align: left;
}
#secondary .dt-social-icons ul li {
    margin-bottom: 7px;
}
    /*--------------------------------------------------------------
    # Forms
    --------------------------------------------------------------*/
.comment-form-url {
	display: none!important;
}
.comments-area {
	text-align: center!important;
}
.comment-form label {
	min-width: 90px;
	
}

div.wpforms-container-full {
	margin-left: 30%!important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
	margin-left: 25%!important;
}

.form-submit {
	margin-left: 94px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid rgba(39,48,57,.2);
	border-radius: 3px;
	background: rgba(39,48,57,.05);
	color: rgba(39,48,57,.85);
	line-height: 1;
	padding: 11px 15px !important;
	font-size: 1em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: rgba(39,48,57,.25);
	background: rgba(39,48,57,.1);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
select {
	color: rgba(39,48,57,.85);
	border-radius: 3px;
	border: 1px solid rgba(39,48,57,.25);
	min-width: 60%;
	max-width: 100%;
	padding: 5px 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	outline: none;
	border-color: rgba(39,48,57,.5);
}


/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/
.post-navigation {
	margin: 30px 0;
	padding: 20px 0 45px;
	border-top: 1px solid rgba(39,48,57,.05);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 50%;
}
.post-navigation .nav-previous {
    float: left;
}
.post-navigation .nav-next {
    float: right;
}

.post-navigation .nav-previous a:before,
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:before,
.post-navigation .nav-next a:after {
    position: absolute;
    top: 0;
    font-size: 18px;
}
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
    content: "\f104";
    width: 24px;
    height: 32px;
    font-family: 'FontAwesome';
    left: 0;
    font-size: 36px;
}

.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:after {
    content: 'Previous Post';
    width: calc(100% - 32px);
    left: 32px;
    padding-top: 2px;
    font-weight: 500;
}

.post-navigation .nav-next a:before {
    content: "\f105";
    right: 0;
    left: auto;
    text-align: right;
}

.post-navigation .nav-next a:after {
    content: 'Next Post';
    right: 32px;
    left: auto;
    text-align: right;
}

.dt-archive-post .entry-footer a {
	display: inline-block;
	margin-top: 40px;
	border: 1px solid rgba(39,48,57,.05);
	padding: 5px 20px;
	background: rgba(39,48,57,.75);
	border-radius: 6px;
	color: #fff;
}

.dt-archive-post .entry-footer a:hover {
	background: #e55a65;
	color: #fff !important;
}


/*----------------------------------------*/
			/*RESPONSIVE CSS*/
/*----------------------------------------*/

/*PHONES AND TABLETS*/
@media  (max-width:990px) {

	/*--------------------------------------------------------------
    						# HEADER
    --------------------------------------------------------------*/
	.dt-site-header {
		background-size:  auto 100% !important;
	}

	.dt-logo {
		margin-top: 0;
	}

	.dt-logo h1 {
		margin: 50px 0 20px;
	}

	.simply-section {
		width: 60px;
	}

	.dt-wedding-countdown {
		bottom: 60px;
	}

	.dt-logo > span {
		margin: 50px 0 50px;
	}
    .dt-main-menu .main-menu-container {
        display: none;
    }
    .dt-main-menu .main-menu-container.top-mobile-nav {
        display: block;
    }
    .dt-main-menu .menu > li > a {
		margin: 5px 0;
	}

	.dt-recent-blog-post-holder .dt-posted-on {
		margin-top: 15px;
	}

	/*--------------------------------------------------------------
    						# MENU
    --------------------------------------------------------------*/
	.menu-main-menu-container {
		/*visibility: hidden;*/
		position: relative;
		height: 0;
		visibility: hidden;
		opacity: 0;
	}

	.dt-main-menu li  a{
		margin: 5px 0;
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 300;
	}

	.dt-main-menu li a:hover {
		color: #e55a65;
	}
	
	.menu-main-menu-container ul li{
		display: inline-block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0, .9);
		z-index: 99;
	}


	.dt-menu-btn {
		position: absolute;
        top: 10px;
		right: 0;
		cursor: pointer;
		font-size: 25px;
        color: #444;
	}

	.dt-menu-btn:before {
        content: "\f0c9";
        -moz-osx-font-smoothing: grayscale;
        font-family: "FontAwesome";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: inherit;
        text-transform: none;
        position: relative;
	}
    .dt-menu-btn.toggeled:before {
        content: "\f00d";
    }
	.top-mobile-nav{
		visibility: visible;
		opacity: 1;
		width: 100%;
		z-index: 999;
	}

	/*--------------------------------------------------------------
    						# Body Adjustment
    --------------------------------------------------------------*/
	.dt-about-couple {
		padding: 50px 0 0;
		border: 0;
		/*margin-bo*/
	}

	.dt-couple-cont {
		padding: 50px;
		margin: 0 0 60px;
		border: 1px solid  #e5e5e5;

	}

	.dt-wedding-ceremony {
		padding: 0 0 50px;
		border: 0;
	}

	.dt-ceremony-wrap li:nth-last-of-type(1) {
		margin-bottom: 0;
		border: 0;
	}

	.dt-ceremony-wrap li:nth-last-of-type(1) span{
		padding: 0;
	}

	.dt-ceremony-wrap {
		border: 1px solid  #e5e5e5;
		padding: 50px 50px;
		margin-bottom: 50px;
	}

	.dt-rsvp {
		padding: 0;
		border: 0;
	}

	.dt-rsvp-form {
		padding: 50px 50px 15px;
		border: 1px solid #e5e5e5;
	}

	.dt-recent-blog-post {
		padding: 50px 0;
	}

	.dt-recent-blog-post-holder {
		padding: 0 0 80px;
		text-align: center;
	}

	.dt-recent-blog-post-holder:nth-last-of-type(1) {
		padding-bottom: 30px;
	}

	.dt-footer {
		padding-top: 50px;
	}

}

/*SMALL PHONES*/
@media  (max-width:480px) {


	/*--------------------------------------------------------------
    							# HEADER
    --------------------------------------------------------------*/
	.dt-site-header {
		background-size:  auto 100% !important;
	}

	.dt-logo {
		margin-top: 0;
	}

	.dt-logo h1 {
		margin: 50px 0 20px;

	}

	.dt-logo p{
		line-height: 35px;
	}

	.simply-section {
		width: 50px;
	}

	.dt-wedding-countdown {
		bottom: 60px;
	}

	.simply-amount {
		height: 45px;
		width: 45px;
		padding-top: 8px;
	}

	.simply-section {
		margin: 0 10px;
	}

	.simply-word {
		font-size: 10px;
		letter-spacing: 1px;
	}

	.dt-logo > span {
		margin: 50px 0 50px;
	}

	.dt-scroll-down {
		bottom: 0px;
	}

	/*--------------------------------------------------------------
    						# MENU
    --------------------------------------------------------------*/

	.dt-main-menu  ul li {
		display: block;
		width: 100%;
		z-index: 99;
	}


	/*--------------------------------------------------------------
    					# Body Adjustment
    --------------------------------------------------------------*/

	.dt-about-couple {
		padding: 50px 0 0;
		border: 0;
		/*margin-bo*/
	}

	.dt-couple-cont {
		padding: 50px 20px;
		margin: 0 0 60px;
		border: 1px solid  #e5e5e5;

	}

	.dt-wedding-ceremony {
		padding: 0 0 50px;
		border: 0;
	}

	.dt-ceremony-wrap li:nth-last-of-type(1) {
		margin-bottom: 0;
		border: 0;
	}

	.dt-ceremony-wrap li:nth-last-of-type(1) span{
		padding: 0;
	}

	.dt-ceremony-wrap {
		border: 1px solid  #e5e5e5;
		padding: 50px 20px;
		margin-bottom: 50px;
	}

	.dt-ceremony-wrap h2 {
		font-size: 32px;
		margin: 20px 0 40px;
	}

	.dt-rsvp {
		padding: 0;
		border: 0;
	}

	.dt-rsvp-form {
		padding: 50px 20px 15px;
		border: 1px solid #e5e5e5;
	}

	.dt-recent-blog-post {
		padding: 50px 0;
	}

	.dt-recent-blog-post-holder {
		padding: 0 0 80px;
		text-align: center;
	}

	.dt-recent-blog-post-holder:nth-last-of-type(1) {
		padding-bottom: 30px;
	}

	.dt-footer {
		padding-top: 50px;
	}

	.dt-footer-widgets > aside > ul{
		text-align: center;
		padding: 0;
	}

	.dt-footer-widgets > aside > ul > li {
		margin:5px 0;

	}
}