.sharemodal-container {
	background-color: white;
	border-radius: var(--border-radius);
	animation-name: slideFromTop;
	animation-duration: 0.5s;	
	width: 25.6434rem;
}

.sharemodal-heading-container {
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 3rem 4.2857rem;
}

.overlay-modal-close {
  position: absolute;
  right: 0.4286rem;
  top: 0.9291rem;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.cms-heading.sharemodal-title {
	margin-bottom: 0.9rem;
}

.modal-thumbnail-container {
    position: relative;
}

.modal-thumbnail-container img {
    position: absolute;
    width: 60.5%;
    height: auto;
    right: 20%;
    top: 28%;
    box-shadow: 0 0.1429rem 0.2857rem 0 rgba(0,0,0,0.26);
}

.popup-action-wrapper {
	padding: 0.8571rem 0;
    border-top: 0.072rem var(--sfly-border-style-solid) var(--light-grey-2);
    background-color: var(--myprojects-background);
    display: flex;
	justify-content: center;	
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.popup-action-container .AppLink.button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-regular) !important;
}

.sharemodal-content .default {
    font-weight: var(--font-weight-light);
}

.cms-heading.fb-description, .cms-heading.middleText, .cms-heading.links-description {
    margin: 0 2.0057rem;
    line-height: 1.5314rem;
}

/************** Facebook Section **************/
.cms-heading.fb-description {
    padding-bottom: 5.0143rem;
}

.popup-action-container .AppLink.facebookBtn {
	background-color: #0d6efd;
}

svg.facebook, svg.link, svg.email {
    margin-right: 0.5rem;
}

/************** Email Section **************/
hr {
    margin-top: 1.7143rem;
    opacity: 0.4;
}

.middleText .call-out {
    line-height: 1.5006rem;
}

.email-row {
    display: flex;
    justify-content: center;
	margin-top: 0.4286rem;
	flex-direction: column;
}

.email-row-input {
    display: flex;
    align-items: center;
}

.email-to-header {
	width: 1.7143rem;
}

.input-box, .middleText .input-box .input-field {
	width: auto;
}

.input-box .input-field {
	font-size: 0.8571rem;
}

.middleText .input-box {
	margin-top: 0;
}

.middleText .input-box .input-field {
	border-radius: 1.0354rem;
    height: 1.8571rem;
}

.input-box .input-field:focus {
	outline: 0;
}

.input-box .uig-svg-icon {
	top: 0.4286rem;
}

.email-content-textarea {
    margin-top: 0.2571rem;
    resize: none;
    width: 100%;
    border: none;
    font-weight: var(--font-weight-regular);
	color: var(--text-color);
	font-size: 0.8571rem;
	line-height: 0.9943rem;
	margin-bottom: 0.8571rem;
    min-height: 5vh;
}

.email-content-textarea:focus {
	outline: 0;
}

.error-message {
  color: var(--color-red);
  padding: 0.3577rem 0;
  font-weight: var(--font-weight-regular);
}

/************** Link Section **************/
.sharelink-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sharelink-container .input-box {
	margin: 1.7143rem 0;
	width: 90%;
}

.sharelink-container .input-box .input-field {
    font-weight: var(--font-weight-regular);
}

/* Animation Section */
@keyframes slideFromTop {
	from {
    	margin-bottom: 22.8571rem;
		opacity: 0;
	}
	to {
    	margin-bottom: 0;
		opacity: 1;
	}
}

@media screen and (max-width: 768px){
   .sharemodal-container {
       width: 100vw;
       height: 100vh;
       border-radius: 0;
   } 

   .popup-action-wrapper {
        position: absolute;
        bottom: 0;
        width: 100%;
   }

   .email-content-textarea {
        min-height: 10vh;
    }
}
.da-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.da-main-content {
	max-width: 50vw;
	margin: 0 auto;
	position: relative;
}

.da-heading-container {
	margin-bottom: 1.7143rem;
}

.da-title-container {
	width: 70%;
}

.cms-heading.da-title {
    font-weight: var(--brand-fontweight-callout);
	font-size: 1.8857rem;
	margin-bottom: 0.5714rem;
}

.cms-heading.da-subtitle {
    font-weight: var(--font-weight-light);
	font-size: 1rem;
}

.da-share-combobox {
	position: absolute;
    top: 2.2857rem;
    right: 0;
}

.VideoBlock.DAVideoContent {
	min-width: 50vw;
}

.da-banner {
    margin: 3.4286rem 0 1.7143rem;
}

@media screen and (max-width: 1200px){
	.da-main-content {
		max-width: 60vw;
	}

	.VideoBlock.DAVideoContent {
		min-width: 60vw;
	}
}

@media screen and (max-width: 992px){
	.da-main-content {
		max-width: 72vw;
	}


	.VideoBlock.DAVideoContent {
		min-width: 72vw;
	}
}

@media screen and (max-width: 768px){
	.da-share-combobox {
		position: absolute;
		top: inherit;
		right: 50%;
		left: 50%;
		bottom: -5rem;
		width: fit-content;
		transform: translate(-50%, -50%);
		z-index: 10;
	}
	
	.da-title-container {
		width: 100%;
	}

	.da-title, .da-subtitle {
		text-align: center;
	}

	.da-title {
		font-size: 1.5657rem;
	}

	.da-banner {
    	margin: 6rem 0 0;
	}

	.da-main-content {
		max-width: 90vw;
	}

	.VideoBlock.DAVideoContent {
		min-width: 90vw;
	}
}