/*
Theme Name: Divi child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 2.5.6
Description: Smart. Flexible. Beautiful. Divi child is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:   Divi
Text Domain:  Divi-child
*/

/*==== Footer Play ===*/
#footer-info {display:none;}


/* ******************************************************************************** */
/*===+++======+++======+++=== Sliders Play ===+++======+++======+++===*/

/*** To reduce padding of our poem slider text ***/

.et_pb_slide_with_image .et_pb_slide_description {
width: 68%;
padding: 18% 0 18% 0;
right: -100px;
position: relative;
}

/*** To adjust padding of festivities slider on desktop ***/

#festivities_desktop .et_pb_slide_6 .et_pb_slide_description {
width: 40%;
padding: 42vh 0% 12vh 0%;
right: 26%;/* 267px; /*27%;*/
position: relative;
}

#festivities_desktop .et_pb_slide_7 .et_pb_slide_description {
width: 80vh;
padding: 30vh 0% 12vh 0%;
position: relative;
}

/*** To adjust padding of festivities slider on mobile ***/

#festivities_mobile .et_pb_slide_description {
padding: 25vh 10% 12% 10%;
position: relative;
}

/*** To adjust padding of RSVP text ***/

#rsvp .et_pb_row {
	padding: 0vh 10% 10% 0%;
}


/*** To make all sections except photo gallery have full screen height ***/
 .et_pb_container {
	height: 94vh;
}
/* #travel, #registry,  */

/* ******************************************************************************** */
/*===+++======+++======+++=== CHANGE SLIDER ARROWS ===+++======+++======+++===*/
.et-pb-arrow-prev {
	opacity: 0 !important;
}
.et-pb-arrow-next {
	opacity: 1;
	font-size: 10em;
	font-weight: 50;
	color: #083c52 !important; /* GOLD #fcf1d3 !important; /* TEAL: #083c52 !important; */

	top: 38vh;
}
#festivities_desktop .et-pb-arrow-next {
	color: #c37329 !important; /*ORANGE: #c37329; GOLD #fcf1d3 !important; /* TEAL: #083c52 !important; */
}
#festivities_mobile .et-pb-arrow-next {
	top: 31vh;
	color: #c37329 !important; /*ORANGE: #c37329; GOLD #fcf1d3 !important; /* TEAL: #083c52 !important; */
}

/* ******************************************************************************** */
/*===+++======+++======+++=== NINJA FORMS MODIFICATIONS ===+++======+++======+++====*/
/* ******************************************************************************** */

/*---  Make form background transparent ---*/
.ninja-forms-form-wrap {
 border: none;
 font-size: 18px;
 font-weight: bold;
 color: #443522; /* brown for the text */

 padding: 0;
 background-color: rgba(0,0,0,0);
}

.ninja-forms-cont {
	padding: 0;
}

.ninja-forms-field, #ninja_forms_field_1, #ninja_forms_field_2 {/* 2 ids are for Name and Email field. Need more specificity */
 font-size: 24px;
 font-weight: bold;
 background-color: #f4f4f4;
 border: 0px;

}
.ninja-forms-field:active {
 border: 0px;
}

#ninja_forms_form_1_wrap {
	 width: 60%;
}

/*---  Password Fill in field  ---*/
#ninja_forms_field_8 {
 width: 75%;
 background-color: rgba(192, 168, 117, 0.20);
 border: 0px;

 padding: 8px 10px 12px 10px;

 font-size: 21px;
 font-weight: bold;
 color: #78603c !important; /* brown for the text */
}
#ninja_forms_field_8:active {
 border: 0px;
}

/*--- Submit Button Modifications ---*/
#ninja_forms_field_7, #ninja_forms_field_5 {
/* button color */
 background-color: #f15f26;
 background-image: -webkit-radial-gradient(#f7ad1a, #f15f26);
 background-image: -moz-radial-gradient(#f7ad1a, #f15f26);
 background-image: -ms-radial-gradient(#f7ad1a, #f15f26 );
 background-image: radial-gradient(#f7ad1a, #f15f26);

 border: 1px solid;
/* border color. */
 border-color: #bfa875;

/* border. Trying to make it a gradient.
 -webkit-border-image: -webkit-linear-gradient(left, #bfa875, #fcf1d3, #bfa875);
 -moz-border-image: -moz-linear-gradient(left, #bfa875, #fcf1d3, #bfa875);
 -ms-border-image: -ms-linear-gradient(left, #bfa875, #fcf1d3, #bfa875);
 border-image: linear-gradient(to right, #bfa875, #fcf1d3, #bfa875);
 border-image-slice: 10;
*/

/* shapes */
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -ms-border-radius: 10px;
 border-radius: 10px;

 padding: 12px 15px;

/* fonts */
color: #fcf1d3;
font-size: 26px;
font-weight: bold;
line-height: 1.7em;


/* shadows */
 text-shadow: 2px 1px 3px #78603c;
 box-shadow: 1px 2px 2px #78603c;

/* sizes */
width: 75%;

 cursor: pointer;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 -ms-transition: all 0.2s;
 transition: all 0.1s;
}


/*--- Submit Button Mouse-Over Modifications ---*/
#ninja_forms_field_7:hover, #ninja_forms_field_5:hover {
 border: 1px solid #fcf1d3;
}

/*--- Submit Button On-Click Modifications ---*/
#ninja_forms_field_7:active, #ninja_forms_field_5:active {
 transform: translate(2px,2px);
}


/******* GORSVP Page ********/
.page-id-1271 #main-content {
	background: #c8b17e url("http://union.joviality.us/img/RSVPpage2d.png") no-repeat right top fixed;
	background-size: contain;
	min-height: 1000px;
}
.page-id-1271 #ninja_forms_field_28_div_wrap {
	font-size: 16px;
	font-weight: bold;
	background-color: #c8b17e;
	padding-top: 0px;
	padding-bottom: 20px;
}

/*   */

/* ******************************************************************************** */
/*===+++======+++======+++=== Hide/Show on Mobile ===+++======+++======+++====*/
.showonly-mobile{
	display:none;
}
@media screen and (max-width: 960px) { /* Max device width is 414 or iphone 6+, and min landscape width is 480 for iphone 4 */
	.hide-mobile	{display: none;}
	.showonly-mobile{display: block;}
}


/*===+++=== Hide Menu Items on Mobile ===+++===*/

.et_mobile_menu #menu-item-968, .et_mobile_menu #menu-item-997, .et_mobile_menu #menu-item-998 {
	display: none;
}

.nav #menu-item-1390 {
	display: none;
}

.nav #menu-item-1159 {
}

#page-container #main-header .jv_orange_link a, .gecko #main-header .jv_orange_link a {
    color: #c37329 !important;
}

/* ******************************************************************************** */
/*===+++======+++======+++=== Scrollbar & Size for Toggle ===+++======+++======+++====*/
.et_pb_toggle_content {
	height: 60vh;
	overflow: scroll;
}