@font-face {
    font-family: 'causten-mediumregular';
    src: url('fonts/causten_medium-webfont.woff2') format('woff2'),
         url('fonts/causten_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'causten-semiboldregular';
    src: url('fonts/causten_semi_bold-webfont.woff2') format('woff2'),
         url('fonts/causten_semi_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html{
	scroll-behavior:smooth;
}

body {
	font-family: 'causten-semiboldregular';
	color:#111443;
}

section {
	width:95%;
	max-width:1818px;
	margin:0 auto;
	border:1px solid #D0CEC1;
	border-radius:15px 15px 0px 0px;
}


.top {
	background-image:url(images/bg.jpg);
	margin:25px auto -10px auto;
	border-radius:15px;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	overflow:hidden;
	position:relative;
	z-index:8;
}

.top .logo{
	width:118px;
	margin:0 auto 50px auto;
}

.top .right{
	width:38%;
	margin:140px 0 180px 0;
	float:right;
	text-align:center;
}

.top .desc{
	font-size:21px;
	font-family: "larken", sans-serif;
	color:#111443;
	margin:40px 0 60px 0;
}

input{
	-webkit-appearance: none; /* Removes default iOS styling */
	-moz-appearance: none;
	appearance: none;
	background: none; /* Removes iOS button background */
	border: none; /* Removes default border */
	padding: 0; /* Removes extra spacing */
	margin: 0;
	outline: none; /* Prevents iOS tap highlight */
	font-family: inherit; /* Ensures consistent font */
}

.button {
	color:#FFF;
	border-radius:15px;
	background-color:#D2737C;
	text-transform:uppercase;
	font-size:17px;
	cursor:pointer;
	letter-spacing:3px;
	padding:12px 18px;
	font-family: 'causten-mediumregular';
	text-decoration:none;
	border:none;
}

.padding{
	padding:100px 0;
}



h1 {
	font-family: "larken", sans-serif;
	font-weight: 500;
	font-size:100px;
	color:#625D73;
	letter-spacing:-2px;
	line-height:0.8;
	font-style: italic;
}

h1 span {
	color:#8884A6;
	letter-spacing:0px;
}

.top h1 span{
	font-size:60px;
}


h2 {
	font-size:60px;
	 
	color:#625D73;
	font-family: "larken", sans-serif;
	font-weight: 400;
	font-style: italic;
	margin:0 0 40px 0;
}

h2 .strong{
	 
	color:#111443;
	font-style:normal;
}

h3{
	font-size:21px;
	letter-spacing:4.2px;
	color:#625D73;
	margin:0 0 20px 0;
	text-transform:uppercase;
}

h4{
	color:#D2737C;
	font-size:48px;
	margin:0 0 40px 0;
	font-family: "larken", sans-serif;
}

.flex, #dn-center #part1{
	display:flex;
	justify-content:space-between;
}

.bris{
	position:relative;
	border-radius:0;
	background:#FDFDFC;
}

.inner{
	width:58%;
	margin:0 auto;
}

.bris .crib{
	position:absolute;
	right:0;
	top:100px;
	z-index:8;
}

.bris .title{
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:1.8px;
	margin:0 0 0 15px;
}

.bris .right .box.flex{
	margin:0 35px 0 0;
	align-items:center;
}

 

.bris .right .flex{
	margin:0 0 0 -200px;}

.bris .text{
	text-align:right;
	width: 35%;
    font-size: 20px;
    line-height: 1.4;
}

.bris .right{
	margin:80px 0 0 0;
	width:57%;
}

.bris h2{
	margin:0 0 40px 0;
	color:#111443;
}

.bris .padding{
	padding:80px 0 30px 0;
}
 
.quotes{
	position:relative;
	    margin: -10px auto;
    position: relative;
    z-index: 7;
	background:#F5F5F3;
}

.quotes .chair{
	position:absolute;
	left:0;
	z-index:8;
	top:-200px;
}

.quotes .button{
	position:absolute;
	right:50px;
	bottom:0;
	border-radius:15px 15px 0 0;
	padding:15px 20px;
}

.quotes .hebrew{
	float:right;
}

.quotes .inner{
	width: 41%;
    margin: 0 auto;
    padding: 80px 0 80px 150px;
}

.quotes .quote{
	padding:40px 0 0 0;
	clear:both;
	font-size:36px;
	line-height:1.1;
	font-family: "larken", sans-serif;
}

.quotes .source{
	color:#8884A6;
	font-size:14px;
	text-align:right;
	margin:10px 0 0 0;
	text-transform:uppercase;
}

.letter{
	position:relative;
	overflow:hidden;
}

.letter .text{
	font-size:18px;
	line-height:1.4;
	width:55%;
}

.letter .pic{
	position:absolute;
	bottom:-5px;
	right:0;
}

.letter h2{
	text-align:right;
	width:40%;
	color:#111443;
}

.letter .right{
	width:35%;
}

.letter .narrow{width:70%;
margin:20px 0 0 0;
}

.letter .inner{
	width:70%;
}

.letter .flex{
	align-items:end;
	width:78%;
}


#dn-center {
	font-family: 'causten-mediumregular';
}

#dn-center li{
	color:#8884A6;
	font-size:15px;
	letter-spacing:1.2px;
	margin:15px 0 25px 0;
	padding:5px 0 5px 40px;
	background-repeat:no-repeat;
}

#dn-center li.bris{
	background-image:url(images/sponsor-meal.png);
}
 

#dn-center li.mohel{
	background-image:url(images/sponsor-mohel.png);
}

#dn-center li.supply{
	background-image:url(images/sponsor-supplies.png);
}

#dn-center li.layette{
	background-image:url(images/sponsor-layette.png);
}

#dn-center li.crib{
	background-image:url(images/sponsor-layette.png);
}

#dn-center li.home{
	background-image:url(images/home.png);
}

 
#dn-center #part1{
	position:relative;
}

#form{
	    margin: -10px auto -10px auto;
    position: relative;
   
    background: #fff;
	border-radius:15px 15px 0 15px;
}

#form .left{
	padding:40px 50px 0 50px;
	width:18%;
	background:#F5F5F3;
	border-right: 1px solid #D0CEC1;
	border-radius:15px 0 0 15px;
}

#form .right {
	flex-grow: 1;
}

#form .left .text{
	    font-size: 18px;
    line-height: 1.4;
    width: 70%;
    margin: 0 auto;
}

#form .left h2 .strong{
	margin: 0 0 -14px 40px;
    font-weight: 500;
}

#dn-center .ticketbox.general{
	position:absolute;
	right:0; 
	border-top:1px solid #D0CEC1;
	bottom:0;
	border-left:none;
	padding: 40px 35px 10px 35px;
}

#dn-center .ticketbox.general input{
	width: 50%;
    border: none;
    border-bottom: 1px solid  #E5E5E5;
    margin: 0 0 20px 0;
}

#dn-center .ticketbox{
	border-left:1px solid #D0CEC1;
	padding:35px 35px 80px 35px;
	cursor:pointer;
	width:205px;
	position:relative;
	 
}

#dn-center .ticketbox#label2{
	border:none;
}

#dn-center .bottom{
	 
	border-top:1px solid #D0CEC1;
	 
	padding:50px;
	 
	position:relative;
	 
	 
}

#dn-center .bottom .flex{
	justify-content:left;}

#dn-center #submitBtn{
	position: absolute;
    bottom: 0;
    right: 0;
    font-size: 21px;
    width: 498px;
    letter-spacing: 4.2px;
	border-radius:15px 15px 0 0;
	padding:20px 0;
}

#dn-center #part2{
	width:40%;
	margin:0 5% 0 0;
}

#dn-center #part3{
	width:40%;
}

#dn-center .amount{
	font-size:36px;
	letter-spacing:1.8px;
	margin:0 0 30px 0;
	border-bottom:1px solid #282828;
}

#dn-center .amount input{
	border:none;
	width:85%;
	
	
}

#dn-center .options{
	line-height:10px;
	margin:20px 0;
}

#dn-center .btn-group{
	clear:both;
}

#dn-center .btn-group.btn-group-lg.btn-group-justified .button.left {
	float:left;
}

#dn-center .btn-group.btn-group-lg.btn-group-justified .button.right{
	float:right;
}

#dn-center .dn-title.rel{
	position:relative;
	pointer-events: auto;
}

#dn-center .checkbox{
	vertical-align:middle;
}

#dn-center .script {
	display: block;
	position: relative;
	padding:2px 0 0 20px;
	cursor: pointer;
	text-transform:capitalize;           
}
	      
#dn-center .newmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 12px;
	width: 12px;
	background-color: #fff;
	border:1px solid #1A80D9;
}
         
#dn-center .newmark:after {
	content: "";
	display: none;
}

#dn-center .script input:checked ~ .newmark:after {
    display: block;
}
 
#dn-center .script .newmark:after {
	width: 100%;
	height: 100%;
	background: #1A80D9;				 
} 


#dn-center .ticketbox .ticket {
	font-size:27px;
		font-family: "larken", sans-serif;
	font-weight: 400;
	font-style:italic;
	text-align:right;
 
	margin:0 0 40px 0;
}

#dn-center .ticketbox .ticketprice {
	font-size:40px;
	text-align:right;
	color:#615D73;
		font-family: "larken", sans-serif;
	font-weight: 400;
	 
}


#dn-center #part1 .dn-checkbox {
	display:none;	
}

#dn-center  label .button {
	display:none;
	border-radius:15px 15px 0px 0px;
	position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    letter-spacing: 1.4px;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

#dn-center  label#label6 .button{
	bottom:178px;
}

#dn-center  label:hover .button, #dn-center input[type="checkbox"]:checked+label .button {
	display:block;
}


#dn-center .dn-field {
	position: relative;
	margin:0 0 20px 0;
	font-size:14px;		 
}

#dn-center .dn-field.float{
	float:left;
	width:50%;
}

#dn-center .dn-field.float.half{	 
	width:49%;
}
 
 
#dn-center .dn-field.float.half.right{
	float:right;
}

#dn-center .dn-field.nopadd {
	margin:0px 0px 5px 0px;	
}

#dn-center .dn-field.float.third{	 
	width:32.5%;
}

#dn-center .dn-field.float.third.middle{
	margin:0 1%;
}

#dn-center .dn-field select.dn-textfield{
	height:39px;
	width:100%;
}
	
#dn-center .dn-field .dn-textfield {
	width: 98%;
	background-color:#FFFFFF;
	border-radius:7px;
	border:1px solid #E5E5E5;
	font-size:14px;	 
	height:30px;
	color:#022859;
	padding:2px 0px 5px 2px;
			 
}

#dn-center .dn-field .dn-textfield.longer{
	margin:10px 0;
}
		
#dn-center .dn-field .dn-textfield:focus {
	border-color: #022859;
	border-width: medium medium 2px;
	font-size:11px;		 
}

#dn-center .dn-field #honorName.textfield:focus, #dn-center .dn-field #honorAddress.textfield:focus{
	font-size:14px;
	border-width: medium medium 1px;
}

#dn-center .edit {
	color:#1A80D9;
	cursor:pointer;
	font-size:x-small;
	font-weight:600;
	text-decoration:underline;
	letter-spacing:1px;
	text-transform:uppercase;
}

#dn-center textarea{
	resize:none;
}

#dn-center .dn-star {
    color: #000;
	font-size:8px;
	position:absolute;
}

#dn-center .dn-head{
	color: #8884A6;
	font-family: 'causten-mediumregular';
    font-size: 16px;
	text-transform:uppercase;
	 
	margin:0 0 30px 0;
    letter-spacing: 1.6px;
   
}

#dn-center .textarea{
	resize:none;
}

#dn-center .dn-title{
	position: absolute;
    pointer-events: none;
    top: 13px;
    left: 15px;
    letter-spacing: 0.65px;
    color: #000;
    transition: 0.2s ease all;
}

#dn-center .dn-title.rel{
	position:relative;
	top:0;
	left:0;
	font-size:16px;
 
}

#dn-center .dn-field input:focus ~ .dn-title,
#dn-center .dn-field input:not([value='']) ~ .dn-title {
	top: -15px;
	left: 0px;
	opacity: 1;
	font-size:10px;
}

#dn-center .dn-field textarea:focus ~ .dn-title,
#dn-center .dn-field textarea:not([value='']) ~ .dn-title {
	top: -15px;
	left: 0px;
	opacity: 1;
	font-size:10px;
}

#dn-center .dn-spacer {
	clear:both;
	height:15px;
}

#dn-center .dn-title img{
	position:absolute;
}

#dn-center .dn-smalltext {
	font-size:12px;
}

#dn-center .edit{
	display:block;
	margin:10px 0 0 0;
	color: #284264;
}

.dn-clear {
	clear:both;
}


#dn-center .red {
	color:red;
	padding:5px 0px 15px 0px;
}

#dn-center .more {
		display:none;
}
	
#dn-center .expand {
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:1px;
}

#dn-center .expand i{
	padding:0 10px 12px 0;
}

#dn-center #CreditCardTable {
	margin:0px 0px 25px 0px;
}


@media (max-width:550px) {
	#dn-center .dn-field.float.third, #dn-center .dn-field.float, #dn-center .dn-field.float.half, #dn-center .dn-field.float.half.right{
		float:none;
		width:100%;
	}
	
	 
}

.about{
	border-radius:0;
}

.about .left{
	width:25%;
	overflow:hidden;
}

.about .main{
	width:85%;
	margin:0 auto;
}

.button.pink{
	text-decoration:none;
	color:#D2737C;
	display: inline-block;
    margin: 30px 0 0 0;
	font-size:14px;
	cursor:pointer;
	letter-spacing:2.8px;
	border-radius:5px;
	background:none;
	padding:10px;
	border:1px solid #D2737C;
	text-transform:uppercase;
}

.about .left .text{
	float:right;
	width:75%;
	font-size:18px;
	line-height:1.4;
}

.about .right{
	text-align:right;
	font-style:italic;
	font-size:60px;
	font-family: "larken", sans-serif;
	color:#111443;
	width:37%;
}

.hidden{
	display:none;
}

.hidden.opened{
	display:block;
	margin:30px 0 0 0;
}

.about .right span{
	color:#8884A6;
}

.sources{
	background:#F5F5F3;
	margin:-10px auto 0 auto;
}
 
.owl-stage{
	 display: flex;
  align-items: stretch; /* Ensures all slides have the same height */
 }

.sources .source{
	border:1px solid #D0CEC1;
	background:#fff;
	display:block;
	padding:30px 40px;
	 height: 100%; /* Ensures all boxes match the tallest one */
 
}

.sources .source .zoom{
	display:none;
	top:80px;
	position:absolute;
	text-align:center;
	width:100%;
}

.sources .source:hover .zoom{
	display:block;
	 
}

.sources .source  .zoom .fa{
	color:#fff;
 
	background:rgba(0,0,0,0.4);
	border-radius:100%;
	width:78px;
	height:58px;
	padding:20px 0 0 0;
	font-size:30px;
}

.sources .source .pic{
	position:relative;
}

.sources .name{
	font-size:14px;
	text-transform:uppercase;
	color:#8884A6;
}

.sources .quote{
	font-size:30px;
	font-family: "larken", sans-serif;
	margin:40px 0 20px 0;
	color:#111443;
	 
}
.sources .owl-prev{
	position:absolute;
	left:0;
}

.sources .owl-next{
	position:absolute;
	right:0;
}

.sources .owl-nav{
	position:absolute;
	top:45%;
	width:100%;
}

.sources .owl-nav div {
 
   
 
  padding:20px 0;
  cursor:pointer;
  font-size:0;
  text-align:center;
}

.sources .owl-nav div:before {
  content: "\f053";  
  font-family: "Font Awesome 6 Free";  
  font-weight: 900;  
  font-size: 30px;
  color:hsla(52, 14%, 79%, 1);
  position: absolute;
  top:  0%;
  left:0;
  width:75px;
  cursor:pointer;
  padding:20px 0;
  background:hsla(60, 9%, 96%, 0.6);
 
 
 
}

.sources .owl-nav .owl-next:before {
  content: "\f054";  
  right:0;
  left:auto;
}



.sources a{
	text-decoration:none;
}

.sources h3{
	text-align:center;
	color:#625D73;
	margin:30px 0;}

/*Footer*/
#footerwrapper {
	color:#111443;
	padding:25px 0px;
	font-size:14px;
}

.copy{
	text-align:center;
	color: #8884A6;
	padding:0 0 10px 0;
}

#footerwrapper .logo{
	width:117px;
	margin:0 auto;
}

#footerwrapper .contactinfo a, .copy a{
	color:#8884A6;
	text-decoration:none;
}

#footerwrapper .contactinfo{
	color:#8884A6;
	margin:15px 0;
	text-align:center;
}