﻿@charset "utf-8";
/* CSS Document */
/*

v1.0 build 30-06-2021

#1: D365 form placeholder
#2: Cookie animation and text
#3: D365 form styling
#4: Modal popup styling (Case Stories and general left col contact us box)
#5: SC left column generic contact box styling
#6: SC left column generic contact box button styling 

*/



/* #1: D365 form placeholder  */
.formblock {
margin-bottom: 40px;
}

/* #2: Cookie animation and text  */
/* this is the placeholder for the SVG if marketing cookies not accepted */

#cookietext {
	text-align: center;
/* specific for MIKE product landing pages */
padding: 2em; 
border-radius: 10px;
background-color: white;
}

/* #3: D365 form styling */


/* #4: Modal popup styling */

/* #5: SC left column generic contact box styling */ 
#getintouch {
	border: 2px solid #e9edf9; 
	padding: 10px; 
	width: 100%;  
	border-radius: 10px; 
	text-align: center;
}


/* #6: SC left column generic contact box button styling */
.register-course-button {
	text-align: center; 
	padding: 10px; 
	margin-bottom:20px; 
	border-radius: 5px;
}

.btn {
font-family: Roboto, font-weight: 400;
    letter-spacing: 0px;
    padding: 14px;
    font-size: 18px;
    line-height: 1.2;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/* KO button styling */

.btn-contact {
    background-color: #0098db;
    border: 0;
    color: #ffffff;
    width: 100% !IMPORTANT;
}

/* KO button styling hover/active state */

.btn-contact:hover,
.btn-contact:focus,
.btn-contact.focus,
.btn-contact:active,
.btn-contact.active {
    background-color: rgba(0, 0, 0, 0.72);
    border: 0;
    color: white;
}
