@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Send+Flowers&display=swap');

body {
	color:#fff; background: url("/img/e/party/bg.jpg") no-repeat center center fixed !important; 
	background-size: cover !important;
}
body, .form-check-label {font-size: 1.25em !important;}
h1, .quotes {font-size: 1.35em;}
.input-group .input-group-text {font-size: .9em;}
.highlight span, .copy {font-size:.8em;}

body, .highlight span, .quotes {font-family: 'Poppins', sans-serif;}
.cursive {font-family: 'Send Flowers', cursive;}

h1, h4, h5 {color: #fff;}
a, h2 {color: #08acc7;}
h3 {color:#e3876c;}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: #08acc7;}

h2, h3 {margin-top: 2em;}
h1, h4, h2, h3 {font-weight: 600 !important;}
.details h2, .details h3 {margin-top: .75em; margin-bottom: .5em;}

h1 {margin-top: 1em; margin-bottom: .5em;}
hr {border-color: #4f556c; margin: 2em 0;}
section {padding: 0; border-bottom:0 !important;}

.content-wrapper {max-width: 1480px; margin: 0 auto;}

.btn, .form-control {border-radius: 5em;}
textarea.form-control {border-radius: 1.25em; min-height: 12em;}
.form-select {border-radius: .3em;}
.input-group .input-group-text {color:#fff; background-color: transparent; border-color: transparent;}
.custom-control-label {line-height: 2.5;}

.big-header {height: inherit; text-align: center;}
.banner .img-fluid {object-fit: cover;}

.highlight {display: inline-block; padding: 1em 1em .75em; border-radius: .35em; background-color:rgba(0,0,0,.15); margin: 0 0 1.5em;}
.highlight span {display: block; font-weight: 600; margin-bottom: .35em;}
.office-address {width: 50%;}
p iframe {max-width:100%; box-sizing: border-box;}

.details {word-wrap: break-word;}
.invitaion-form .btn-lg {margin-top: 1.5em;}

.show-mobi {display: none;}
.show-desktop {display: block;}

/*--[gallery]--*/
.task-box, .modal {color: #000;}
.task-box {
	min-height: 460px; width: 320px; margin: .5em .5em 1em; vertical-align: top;
	display: inline-block; padding: 1.25em .75em; text-align: center;
	border-radius: 1em; background-color: rgba(255,255,255,1);
}
.task-box:hover {background-color: rgba(255,255,255,1);}
.task-box a, .task-box span {display: block;}
.task-box img {width: 250px; max-width: 100%;}
.task-box .swiper-container+img.thumb {opacity:.75;}
.task_title { font-weight: 600; color:#e3876c; padding: .5em 0 .35em;}
.task_description {font-size:.8em;}
.task_img_slider {}
.task_closed_button {pointer-events: none; filter: grayscale(100%); opacity: .7;}
.task_button_container {padding-top: .75em;}
.task_button_container button {border-radius:.35em; font-size:.8em;}

.multiple-photos {width: 250px; background-color: #f3f3f3;}
.multiple-photos .thumb {padding: .1em 0;}

.gallery-heading {text-align: center; margin-bottom: .65em;}
.party-location {font-size: .75em; text-align: center;}
h2+.party-location {margin-bottom: .5em;}
.party-location strong {font-weight:600; text-transform: uppercase;}
.party-gallery {text-align: center; margin-bottom: 2.5em;}
.party-gallery h3 {margin: 1.5em .5em .35em .5em; font-weight: 600 !important; font-size: 1.25em !important;}
.box-container {padding:.65em .5em; display: block; background-color:rgba(255,255,255,.07); border-radius: .35em;}
.box-container a {display: inline-block; margin: .25em; border:1px solid rgba(255,255,255,.25); box-sizing: border-box;}
.box-container a:hover {border:1px solid rgba(255,255,255,.75);}

.modal-header .close {top: -2.25em; right: calc(50% - .5em);
	background-image: url("/img/e/party/close-icon.svg") !important; background-repeat: no-repeat; background-position: center center; background-size: 100%;
}
.modal-header h5:first-child {color: #e3876c; background-color: rgba(200,200,200,.20); text-align: center; font-weight: bold; padding: .35em !important; border-radius: .35em !important; margin: .5em 0 !important;}
.modal-content {border-radius: 1em !important;}
.modal-content, .modal-header, .modal-footer {background-color: #fff !important; border-color: transparent!important;}

#imageform {text-align: center;}
#imageform .btn {min-width: auto !important; padding: .65em 1.5em !important;}
#imageform .fa-camera {display: none;}

/*--[/gallery]--*/

/*--[webcam]--*/
#webcam-app {position: absolute; top: 0; left: 0; display: none; opacity:0;}
body.webcam-active {overflow-y: hidden;}
body.webcam-active #webcam-app {display: block; z-index: 90; opacity:1;}
video.bonVidio {width: 100vw !important; height: 100vh !important;}
/*--[/webcam]--*/

@media all and (max-width:990px) {
	body, .form-check-label {font-size: 1em !important;}
	section:not(.no-margin){padding: .25em 0 0;}
	.invitaion-form .btn-lg {width: 100%;}
	h2, h3, .social-icons {margin-top: 1.5em;}
	.btn, .form-control {border-radius: .3em;}
	.show-mobi {display: block;}
	.show-desktop {display: none;}
	.office-address {width: 75%;}
	footer {margin-top: 0;}
	footer.footer section {padding: 0 0 1.5em;}
	textarea.form-control {min-height: 16em;}
	.task-box {min-height: auto;}
	.task_button_container button {font-size: 1em;}
	#captureMomentDescription {text-align: center;}
	#imageform .btn {width:100%; max-width: 100% !important; margin:0 auto .5em !important;}
}