/* 
v-2021
Standalone css file created for additions and updates in 2021 
as the theme itself appears to have been removed
from the build environemnt in which it was created.
Requests fullfilled by the Cloud Talk USA team can be made here.
*/

.youtube_lightbox.featherlight-inner{ display: block!important; }
.hero-slider{ background-color:#30D5C8; margin-bottom:1em; box-shadow:inset 0 5px 0 #1C3F94; border-bottom:4px solid #FFC02E;}
.logo-stacked{ background-image: url('/wp-content/uploads/2021/08/SGR-Logo-v2-240x100-png.png')!important; }

#colophon .social li{ font-size:2em; padding-bottom:.5em; }

.button--inverse:hover{ background-color: #1C3F94; color:#fff; border-color:#fff; }

#masthead { padding: 1em;  }
#masthead .container{ display:flex; align-items: center; flex-wrap: wrap; }
#masthead .logo-wrapper{ flex: 1 0 50%; margin:0 auto; }
#masthead .logo{ background-position:center; background-repeat: no-repeat; background-size:contain; height: auto; width:360px; max-width: 100%; text-indent:0; margin:0 auto; text-align: center;}
#masthead .site-navigation__toggle, #masthead .site-search__toggle{ position: relative; top:auto; right:auto; left:auto; padding:1rem; flex:0 1 auto;}
#masthead .site-navigation__toggle{ margin-right: auto; margin-left:0;}
#masthead .site-search__toggle{ margin-left: auto; margin-right:0; display: block }
#masthead .tools{ flex-basis:100%; }
#masthead .js-nav, #masthead .js-search{display:none;}
.swiper-container .swiper-slide .caption-wrap { padding:1em; font-size: 1.25em; max-width: 100%;}

@media screen and (max-width:767px){
	#masthead .tools input[type='search']{ max-width:none; }
	#masthead .logo{background-image: none!important; width:auto;} 
	#masthead .logo-wrapper{flex-basis:100%;}
	#masthead .site-navigation { width:100%; }
	.swiper-container{ height: 64vw;} 
	.swiper-container video{  transform:scale(1.25); }
	.mobile-hidden{ display: none; }
	.swiper-container .swiper-slide .caption-wrap{background: rgba(28, 63, 148, 0.65)!important; transform: scale(.9) translateY(10%);}
	.swiper-container .swiper-slide .caption-wrap .button{ padding:.25em .5em!important; max-width:10em!important; }
	.site-navigation h3{ width:auto!important; float:none!important; }
}
@media screen and (min-width:768px){
	#masthead .logo{background-image: none;}
	#masthead .logo-wrapper{ flex-basis:75%; width:auto; text-align: center; }
	#masthead .logo img{ width:477px;}
	#masthead .site-navigation__toggle{ order:-1; display:block; position:relative; }
	#masthead .site-navigation{	width:45%; }
	.mobile-show{ display:none; }
	.swiper-container .swiper-slide .caption-wrap { left: 4em!important; }
}

/* Front-page */
.home .featured-videos, .home .press, .home .knowldege{ padding-top:3em; }
.home .press h2, .home .featured-videos h2, .home .knowledge h2{ text-align: center; margin-bottom:.75em; }
.home .press { background-color: #F5f4f0 !important; }
.home .knowledge{ background-color: #1C3F94; }
.home .knowledge h2{ color:#fff; }
.home .knowledge .c-article{ background-color: #fff; padding:1em;}
.home #colophon{ background-color: #fff; }
@media screen and (min-width:768px){
	.home .swiper-container{ height: 33vw; }
	.home .swiper-slide .caption-wrap{ transform: translateY(100%); transition: 1s transform ease-out;}
	.home .swiper-slide.swiper-slide-active .caption-wrap{ transform: translateY(0); }
}

@media screen and (min-width:768px){
	.home .swiper-container{ height: 33vw; }
	.home .swiper-slide:not(:first-child) .caption-wrap{ transform: translateY(100%); transition: 1s transform ease-out;}
	.home .swiper-slide.swiper-slide-active .caption-wrap{ transform: translateY(0); }
}
.logo-stacked{ background-image: url('/wp-content/uploads/2021/08/SGR-Logo-v2-240x100-1.png'); }
.home #colophon{ background-color: #fff; }
.home .events{ padding: 60px 0; position:relative;}
.home .events:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(135deg, blueviolet 10%, white 30%, grey 45%, white 63%, slategray 75%); mix-blend-mode: overlay; opacity:.33;}
.home .events .events__form{ margin-bottom:0; }
.home .events .events__form form{ width:450px; max-width:100%;
	display:block;
	float:none;
margin:0 auto;}
.home .events .nf-form-content > *{
	display:flex;
	width:100%;
	gap:3px
}
.home .events .nf-form-content > * >*:first-child{flex:1 0 auto;}
.home .events .events__form input{ padding:1em; font-size:.9em;}
.featured-video h3{ font-size:1.25rem}
.featured-video a{display:block;}
.featured-video .img-wrap{ position:relative;border:3px solid #1c3f94; }
.featured-video img{ position:relative; z-index:1; padding-bottom:0; margin-bottom:0; display:block;}
.featured-video .img-wrap:before{ 
	position:absolute;
	background:#1c3f94;
	content:'SGR Exclusive';
	font-size:.9em;
	color:#fff;
	padding:.125em .5em;
	z-index:2;
	bottom:0px;
}