/* CSS Restyle Dec 2022
Tim Ball

Overall page layout uses default styling. These changes are overiding the typography and background */

body {
	font-family: Bernina Sans,Open Sans,sans-serif;
}

.textAlignCenter {
	text-align:center;
}

.nav {
    background-color: #02091B !important;
}
.nav__brand {
	background-color: transparent !important;
}

.nav__list--primary {
    background-color: #02091B !important;
}

.nav__list.nav--expanded {
    background-color: #02091B !important;
}

.nav__list.nav--slim {
    background-color: #02091B !important;
}


#herosection {
	padding-top:100px;
}

#herosection h2, #herosection h3, #herosection h4, #herosection h5, #herosection h6, #herosection p, #herosection ul, #herosection li, #herosection ol {
	color:#ffffff;
}

#herosection h1 {
	font-weight:800;
	color:#ffffff;
	font-size:39px;
	line-height:48px;
}

#herosection h3 {
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	margin-bottom:20px;
}

#dt-fulfillment a, #dt-video a {
	color:#1496ff;
	font-size:18px !important;
}

#sideContent ul li {
	list-style-position: inside;
	list-style:none;
	text-align:center;
}

.list {
    padding-left: 1.25rem;
}

.mktoSnippet .list {
    padding-left: 0rem;
}

ul.list li:before {
	float:none !important;
}

.mktoSnippet h2 {
    font-size: 28px !important;
	color:#02091B !important;
	font-weight:800 !important;
	margin-bottom:20px !important;
	line-height:34px !important;
	text-align:center;
}

.mktoSnippet h3 {
    font-size: 28px !important;
	color:#02091B !important;
	font-weight:800 !important;
	margin-bottom:20px !important;
	line-height:34px !important;
	text-align:center;
}

.mktoSnippet h4 {
    font-size: 22px !important;
	color:#02091B !important;
	font-weight:800 !important;
	line-height:29px !important;
	text-align:center;
}

.mktoSnippet h5 {
	color:#222;
	font-size:18px !important;
}

.mktoSnippet .separator {
    background: #2583ee !important;
	width:125px;
	height:4px;
}

.section {
	background-color: transparent;
}

.textCopyWidth {
	width:100%;
}

#dt-homepage, #dt-fulfillment {
	background-image: none;
	background-color: #02091B; 
}

#dt-video {
	background-image: none;
	background-color: #02091B;
}

.vidyard-player-container {
	background: none;
	border-radius:0px:
}

.separator {	
	display:block;
}

#dt-homepage .headline-separator, #dt-fulfillment .headline-separator, #dt-video .headline-separator {
    margin-bottom: 48px!important;
}

#dt-homepage .headline-separator:after {
    content: "";
    background: #3481f4;
    position: relative;
    height: 4px;
    width: 125px;
    bottom: -20px;
    left: 0;
    display: block;
	margin:0 auto;
}
#dt-fulfillment .headline-separator:after, #dt-video .headline-separator:after {
    content: "";
    background: #3481f4;
    position: relative;
    height: 4px;
    width: 125px;
    bottom: -20px;
    left: 0;
    display: block;
	margin:0 auto;
}

#dt-homepage .section--index--hero {
    min-height: calc(100vh - 50px);
}

.footer {
	background-color:#222B3E;
}

#sideContent ul li {
    list-style-position: outside;
    list-style: none; 
    text-align: center;
    margin-left: 0;
}

#sideContent ul li:before {
	background-color:#ffffff;
	float:none !important;
	margin-top:0.5em !important;
	margin-right:8px !important;
}

#formheader {
	font-weight:800;
	font-family: Bernina Sans,Open Sans,sans-serif;
	font-size: 22px !important;
	padding:8px 12px;
    line-height: 29px !important;
	text-align:center;
}

#formBackground {
	background: #2D3A5B;
	border-radius: 12px;
}

.mktoForm {
	padding:0 12px;
}

.mktoForm.mktoForm .mktoFormCol {
	padding-bottom: 2px;
}

.mktoButtonRow {
    width: 100% !important;
}

.btn.btn--primary {
	color:#ffffff !important;
    background-color: #3481F4 !important;
	border-radius:50px !important;
	border-color:none !important;
    background-image: none !important;
    border: 2px solid #3481F4 !important;
    padding: 6px 30px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 34px !important;
	height:50px !important;
}

.btn.btn--secondary--light {
	color:#3481F4 !important;
    background-color: #ffffff !important;
	border-radius:50px !important;
	border-color:none !important;
    background-image: none !important;
    border: 2px solid #3481F4 !important;
    padding: 6px 30px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 34px !important;
	height:50px !important;
}
	
.mktoForm .mktoButton {
	color:#ffffff !important;
    background-color: #3481F4 !important;
	border-radius:50px;
    background-image: none !important;
    border: none !important;
    width: 100% !important;
    padding: 7px 30px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 36px !important;
	height:50px !important;
}

.mktoForm .mktoButton:hover {
	background: #659FF7 !important;
	color: #fff !important;
    transition: all .2s ease;
}

.mktoForm.mktoForm label.mktoLabel {
	font-weight:300;
}

@media (max-width: 1160px) {
	
.nav__list--primary {
    background-color: transparent !important;
}

.nav__list.nav--expanded {
    background-color: transparent !important;
}

.nav__list.nav--slim {
    background-color: #02091B !important;
}
}

@media (min-width: 767px) {

.nav {
    background-color: transparent !important;
}	

.nav__list--primary {
    background-color: transparent !important;
}

.nav__list.nav--expanded {
    background-color: transparent !important;
}

.nav__list.nav--slim {
    background-color: #02091B !important;
}


.mktoSnippet h4 {
    font-size: 22px !important;
	color:#02091B !important;
	font-weight:800 !important;
	text-align:left;
}

.mktoSnippet h4 strong {
	font-weight:800 !important;
}

.mktoSnippet h5 {
	color:#222;
	font-size: 18px !important;
}

.mktoSnippet h5 a {
	font-size: 18px !important;
}

.mktoSnippet .list {
    padding-left: 1.25rem;
}

#dt-homepage .headline-separator:after {
	margin:0;
}
	
#sideContent ul li {
    list-style-position: outside;
    list-style: none; 
    text-align: left;
    margin-left: 1em;
}
	
.mktoButtonRow {
    width: 50% !important;
	margin-bottom:1em !important;
}

#formheader {
	text-align:left;
}

#formBackground {
	background: #2D3A5B;
	box-shadow: 16px 16px 0px #3481F4;
	border-radius: 0px 48px;
}

#sideContent ul li {
	list-style-position: outside;
	list-style:none;
	text-align:left;
	margin-left:1em;
}

.textCopyWidth {
	width:85%;
}

h1 {
	font-size:39px;
	line-height:48px;
	}

p {
	font-size:16px;
	line-height:22px;
	}
	
#dt-homepage, #dt-fulfillment {
	/*  background-image: url(https://dt-cdn.net/images/homepage-bg-404197b480.svg); */
	/*  background-image: url(https://dt-cdn.net/images/background-hero-2880-0b20a09247.jpg); */
	/*  background-image: url(https://info.dynatrace.com/rs/352-NVO-562/images/Vector.png); */
    background-image: url(https://info.dynatrace.com/rs/352-NVO-562/images/Background-3layers.png);
	/*  background-image:url(https://dt-cdn.net/images/around-the-world-3-1700-a825bad039.jpg); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
	background-color:#02091B;
	padding-top:40px;
}
#dt-video {
	/*  background-image: url(https://dt-cdn.net/images/homepage-bg-404197b480.svg); */
	/*  background-image: url(https://dt-cdn.net/images/background-hero-2880-0b20a09247.jpg); */
	/*  background-image: url(https://info.dynatrace.com/rs/352-NVO-562/images/Vector.png); */
    background-image: url(https://info.dynatrace.com/rs/352-NVO-562/images/Background-3layers.png);
	/*  background-image:url(https://dt-cdn.net/images/around-the-world-3-1700-a825bad039.jpg); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
	background-color:#02091B;
	padding-top:40px;
}

.vidyard-player-container {
	box-shadow: 16px 16px 0px #3481F4;
	border-radius: 0px 48px;
}
}