@charset "UTF-8";

:root{
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  --bs-link-color-rgb:28,28,28;
  --bs-link-hover-color-rgb:22,22,22;
  --bs-border-opacity:1;
  --bs-text-opacity:1;
  --bs-bg-opacity:1;
  --bs-border-radius-xxl:2rem;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
}

/* Reset and Base Styles */
*,:after,:before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{background-color:#fff;color:#212529;font-family:OpenSans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
hr{border:0;border-top:1px solid;color:inherit;margin:1rem 0;opacity:.25}

/* Typography */
h1,h2,h4{color:inherit;font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-top:0}
h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){h1{font-size:2.5rem}}
h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){h2{font-size:2rem}}
h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){h4{font-size:1.5rem}}
p{margin-top:0}
address,p{margin-bottom:1rem}
address{font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-bottom:1rem;margin-top:0}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
b,strong{font-weight:bolder}
.small,small{font-size:.6em}
.small2{font-size:1em}
a{color:#1c1c1c;text-decoration:underline}
a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}

/* Display Classes */
.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:700;line-height:1.2}
@media (min-width:1200px){.display-6{font-size:2.5rem}}

/* Lists */
.list-inline{list-style:none;padding-left:0}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:.5rem}

/* Images */
.img-fluid{height:auto;max-width:100%}

/* Container and Grid */
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}

.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}
.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}

/* Column Classes */
.col-12{flex:0 0 auto;width:100%}

/* VSL Specific Styles */

.featured-on{
    border-top: 0.0625em solid #e9ebee;
    border-bottom: 0.0625em solid #e9ebee;
}

.post-comments{
    padding-right: 0.5rem;
}

.group-likes-share {
  margin-bottom: 8px;
  gap: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
}

#fb-comments {
	font-size: 13px;
	width: 100%;
	margin: auto;
}

#fb-comments .fb-heading {
	margin: 2.125em 0 0.625em;
	font-size: 1.1em;
	color: #555;
	font-weight: 400;
	text-align: left;
}

#fb-comments .comments-container {
	display: flex;
	flex-direction: column;
	gap: 1.25em;
	border: 0.0625em solid #e9ebee;
	border-radius: 1.25em;
	padding: 1.25em 1.25em 0;
}

#fb-comments .comment {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	width: 100%;
	max-width: 100%;
	gap: 0.625em;
}

#fb-comments .comment.answer {
	margin-left: 3.625em;
	max-width: calc(100% - 3.625em);
	margin-bottom: 0.75em;
}

#fb-comments .comment.answer+.answer {
	margin-top: -0.75em;
}

#fb-comments .comment .user-avatar {
	max-width: 3em;
	max-height: 3em;
	border-radius: 1.5625em;
	-o-object-fit: cover;
	object-fit: cover;
}

#fb-comments .comment .comment-data {
	width: 100%;
}

#fb-comments .comment .comment-data .user {
	font-weight: 400;
	color: #050505;
	border-radius: 0.75em;
	background-color: #f0f2f5;
	padding: 0.375em 0.75em 0.75em;
}

#fb-comments .comment .comment-data .user .name {
	margin: 0;
	color: #365899;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
}

#fb-comments .comment .comment-data .user .text {
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	color: #050505;
	width: fit-content;
    text-align: left;
}

#fb-comments .comment .comment-data .buttons {
	margin: 0.125em 0 0 0.75em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.3125em;
}

#fb-comments .comment .comment-data .buttons time,
#fb-comments .comment .comment-data .buttons .like,
#fb-comments .comment .comment-data .buttons .answer,
#fb-comments .comment .comment-data .buttons span {
	font-size: 0.80em;
	color: #888;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#fb-comments .comment .comment-data .buttons .like,
#fb-comments .comment .comment-data .buttons .answer {
	font-weight: 600;
	cursor: pointer;
}

#fb-comments .comment .comment-data .buttons .like[liked] {
	color: #365899;
}

#fb-comments .comment .comment-data .buttons .answer {
	cursor: default;
	position: relative;
}

#fb-comments .comment .comment-data .buttons .answer:hover::after {
	content: "You cannot comment on this post";
	position: absolute;
	left: 50%;
	top: -0.625em;
	width: 11.25em;
	background-color: #f0f2f5;
	color: #4c4c4c;
	transform: translate(-50%, -100%);
	z-index: 10;
	border-radius: 0.25em;
	padding: 0.375em;
	text-align: center;
	font-weight: 400;
	box-shadow: 0.125em 0.125em 0.5em 0.125em rgb(255, 4, 4);
}

#fb-comments .comment .comment-data .buttons .answer:hover::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -0.625em;
	width: 0;
	height: 0;
	border-left: 0.5em solid rgba(0, 0, 0, 0);
	border-right: 0.5em solid rgba(0, 0, 0, 0);
	border-top: 0.5em solid #f0f2f5;
	z-index: 11;
	transform: translateX(-50%);
	filter: drop-shadow(0 0.1875em 0.125em rgba(0, 0, 0, 0.1));
}

#fb-comments .comment .likes {
	position: absolute;
	bottom: -0.625em;
	right: 0;
	background-color: #fff;
	border: 0.125em solid #eaebef;
	display: flex;
	align-items: center;
	font-size: 0.875em;
	line-height: 1;
	color: #888;
	border-radius: 6.25em;
	padding: 0.0625em 0.25em 0.0625em 0;
}

#fb-comments .comment .likes::before {
	content: url('img/likes.png');
	cursor: pointer;
}

#fb-comments .comments-closed {
	font-size: 0.875em;
	font-weight: 600;
	text-align: center;
	margin: 0.9375em 0 5px;
	color: #555;
}


@media (min-width: 600px) {
    .featured-on img{
        max-width: 500px;
    }
}

@media (min-width: 576px) {
	#fb-comments {
		font-size: 16px;
	}

	#fb-comments .comment likes {
		bottom: 0;
	}
}

@media (max-width: 410px) {
    #video-section .h1,#video-section h1 {
        font-size:calc(.939rem + 1.5vw);
    }
}

/* Custom Project Styles */
body,html{overflow-x:hidden}
.h1,.h2,.h3,.h4,.h5,.h6,.logo,h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}
.text-white-new{color:#fff}
.list-inline-item:not(:last-child){margin-right:1.5rem}
#video-section .h1,#video-section h1{font-size:calc(1.2rem + 1.5vw)}

/* Background Colors */
.bg-secondary-new{background:#003A62}
.bg-gradient-new{background:linear-gradient(135deg,#003A63,#003A62,#001A2E)}


/* Buttons */
.btn-new{border-radius:10px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.5;padding:1.25rem 5rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}
.btn-primary-new{background-color:#ffeb00;border:2px solid #ffd814;color:#000}
.btn-primary-new:hover{background-color:#ffd814;text-decoration:none}

/* Utility Classes */
.opacity-75{opacity:.75!important}
.overflow-hidden{overflow:hidden!important}
.d-inline-block{display:inline-block!important}
.d-none{display:none!important}
.position-relative{position:relative!important}
.justify-content-center{justify-content:center!important}
.align-items-center{align-items:center!important}

/* Spacing */
.m-0{margin:0!important}
.mt-4{margin-top:1.5rem!important}
.mb-0{margin-bottom:0!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
.py-3{padding-bottom:1rem!important;padding-top:1rem!important}
.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}
.py-5{padding-bottom:0.5rem!important;padding-top:0.5rem!important}
.ps-2{padding-left:.5rem!important}

/* Typography Utilities */
.fw-bold{font-weight:700!important}
.text-center{text-align:center!important}
.text-decoration-none{text-decoration:none!important}
.text-dark{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important}
.text-white{--bs-text-opacity:1;color:rgba(255,255,255,var(--bs-text-opacity))!important}
.text-muted{--bs-text-opacity:1;color:rgba(33,37,41,.75)!important}
.z-2{z-index:2!important}
.z-3{z-index:3!important}

/* Responsive Utilities */

@media (min-width:768px){
  .pt-md-4{padding-top:1.5rem!important}
  .py-md-5{padding-bottom:3rem!important;padding-top:3rem!important}
}




/* Video Section */
#video-section{min-height:320px}
.video-wrapper{max-width:750px}

/* Mobile Responsive */
@media (max-width:500px){
  .btn-new{padding:1rem 2.5rem}
}


@media (max-width:467px){
  #video-section .h1,#video-section h1{font-size:calc(.97rem + 1.5vw);line-height:1.4}
}