/* september 2020 edits */
.social-icons a {
    color: #808AB0;
}

/* form restyle: */
.mktoAsterix, .mktoOffset, .mktoGutter {
    display: none !important;
}

.mktoForm, .mktoHasWidth, .mktoLayoutLeft, .mktoFormRow, .mktoFieldDescriptor, .mktoFormCol, .mktoFieldWrap, .mktoRequiredField, .mktoButtonRow, .mktoButtonWrap, .mktoGlow {
    width: 100% !important;
}

.mktoButtonWrap, .mktoGlow {
    margin-left: 1rem !important;
}

.mktoButton {
    background-color: #00a0e3 !important;
    color: #fff !important;
    width: 90% !important;
    border-radius: 25px !important;
    outline: none !important;
    box-shadow: none !important;
    background-image: none !important;
    border: none! important;
    font-size: 14px !important;
	min-width: 130px !important;
	font-weight: 700 !important;
}

@media only screen and (max-width: 480px) {
    .mktoForm input, .mktoForm select, #country  {
        height: auto !important;
    }
}

.mktoFormRow {
    padding: 0 1rem !important;
}

#sticky-form form {
    padding: 1rem 0 !important;
}

.mktoForm {
    padding: 0 !important;
}

.mktoForm input, .mktoForm select, #country {
    box-shadow: none !important;
    padding: 0.75rem !important;
    color: #001560 !important;
    border: 1px solid #CCD0DF !important;
}

.mktoLabel {
    padding: 0 !important;
}

div.mktoFieldDescriptor.mktoFormCol, div.mktoFormCol {
    margin-bottom: 0.3rem !important;
}

/* standardize section padding: */
#enterprise-risk, 
#testimonials, 
#products,
#partner-logos,
#snapshots,
#certifications {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

@media only screen and (min-width: 1200px){
    #enterprise-risk, 
    #testimonials, 
    #products,
    #partner-logos,
    #snapshots,
    #certifications {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
}

/* marketo fixes */
.mktoImg {
    width: 100%;
}

.partner-tile-imgs {
    margin: 2rem 1rem;
}

label.mktoLabel.mktoHasWidth {
    width: 0 !important;
    display: none !important;
}

div.mktoGutter.mktoHasWidth {
    width: 0 !important;
}

/* general styles */
body {
    background-color: #FAFAFA
}

/* mobile */
#header {
    box-shadow: none;
    border-bottom: 8px solid #00a0e3;
}

#main-container {
    display: flex;
    flex-direction: column-reverse;
}

/* STICKY FORM */
#form-container {
    width: 100%;
    margin-bottom: 2rem;
}

#mkto-form-title {
    margin: 0 1rem;
    padding: 1rem 0 0.75rem 0;
    font-weight: 400;
    color: #000;
}

form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

form input {
    padding: 1rem;
    margin: 0.5rem 0.75rem 0 0.75rem;
    width: 90%;
    color: #001560;
    border: 1px solid #CCD0DF;
}

#book-demo {
    background-color: #00a0e3;
    color: #fff;
    width: 90%;
    margin: 1rem 1rem 1rem 1rem;
}

#book-demo:hover {
    background-color: #d82b64;
    transition: 0.3s;
}

/* small tablets (regular ipads) */
@media only screen and (min-width: 768px){
    #right-small {
        width: 80%;
        align-self: center;
    }

    #form-container {
        margin-bottom: 3rem;
    }

    #sticky-form {
        margin-top: 1rem;
    }
}

/* large tablets (ipad pro) */
@media only screen and (min-width: 1024px){
    #main-container {
        flex-direction: row-reverse;
    }
    
    #left-big {
        width: 60%;
        margin-right: 1rem;
    }
    
    #right-small {
        width: 40%;
        height: 100%;
        align-self: flex-start;
        position: relative;
    }

    #sticky-form {
        display: flex;
        justify-content: center;
        position: relative;
        align-self: flex-start;
        margin: 0;
        /* added mar 31 */
        top: -135px;
        position: absolute;
        right: 100px;
    }

    #form-container {
        position: fixed;
        width: 265px;
        margin-bottom: 0;
        /* added mar 31 */
        padding: 1rem;
        background-color: #fff;
        border: 1px solid #ccc;
    }

    #form-container h2 {
        font-size: 1.5rem;
    }
}

/* laptops and larger */
@media only screen and (min-width: 1200px){
    #form-container {
        width: 325px;
    }
}

/* MAIN: PAGE TITLE */
#main-title {
    font-weight: 600;
    margin-bottom: 5px;
}

#main-subtitle {
    font-weight: 600;
    font-size: 1.25rem;
}

#purple-bar {
    border-top: 8px solid #4D2C92;
    width: 33%;
    text-align: left;
    margin-left: 0;
}

/* MAIN SECTION 1 */
#left-big {
    width: 100%;
}

#about-egress {
    width: 100%;
    margin-top: 1rem;
}

#about-egress h2 {
    font-size: 24px;
    font-weight: 400;
    padding-top: 1rem;
}

.img-container {
    width: 100%;
}

#ms1-img, #subheading-1-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* tablets */
@media only screen and (min-width: 768px){
    #ms1-img, #subheading-1-img {
        height: 275px;
    }
}

/* laptops and larger */
@media only screen and (min-width: 1200px){
    #about-egress {
        padding-right: 2rem;
    }

    #ms1-img, #subheading-1-img {
        height: 350px;
    }
}

/* MS 2: PARTNER LOGOS */
/* mobile */

/* override outer container margin to make background colour sections: */
.partner-logos {
    background-color: #fff;
    margin: 0 -1rem;
}

#partner-logos-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 5px;
}

/* small tablets (regular ipads) */
@media only screen and (min-width: 768px){
    .partner-logos {
        background-color: #fff;
        margin: 0 -3rem;
    }
}

/* large tablets (ipad pro) */
@media only screen and (min-width: 1024px){
    #partner-logos h2 {
        font-size: 24px;
    }
}

/* MS3: ENTERPRISE RISK */
/* mobile */
.enterprise-container {
    display: flex; 
    flex-direction: column;
}

.enterprise-img-container {
    width: 100%;
    margin-bottom: 1rem;
}

#enterprise-img, #subheading-3-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.enterprise-content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.enterprise-title {
    padding-top: 1rem;
    font-weight: 600;
    margin-bottom: 5px;
}

#enterprise-btn {
    background-color: #00a0e3;
    color: #fff;
    padding: 0.5rem 2rem;
    align-self: center;
    margin-bottom: 1rem;
}


/* small tablets (regular ipads) */
@media only screen and (min-width: 768px){
    .enterprise-container {
        flex-direction: row;
        justify-content: space-between;
    }

    .enterprise-img-container {
        width: 50%;
        padding-right: 2rem;
        margin-bottom: 0;
    }

    .enterprise-content {
        width: 50%;
    }

    .enterprise-content p, 
    .enterprise-content h2 {
        margin-bottom: 0;
    }

    .enterprise-title {
        padding-top: 0rem;
    }

    #enterprise-img, #subheading-3-img {
        height: 100%;
    }

    #enterprise-btn {
        align-self: flex-start;
        margin-bottom: 0;
    }

    #enterprise-btn:hover {
        background-color: #d82b64;
        transition: 0.3s;
    }

    #enterprise-risk {
        padding-bottom: 1rem;
    }
}

/* large tablets (ipad pro) */
@media only screen and (min-width: 1024px){
    
}

/* laptops and larger */
@media only screen and (min-width: 1200px){
    .gb-2 {
        height: 500px;
        top: 740px;
    }

    #enterprise-risk {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

    .enterprise-content {
        justify-content: space-around;
    }
}

/* MS4: TESTIMONIALS */
/* mobile */

.testimonials-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.testimonial-title {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 5px;
}

.testimonial-tiles-container {
    display: flex;
    flex-direction: column;
}

.test-tile {
    border: 1px solid #E5E7EF;
    border-bottom: 5px solid #d82b64;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5rem 0;
    justify-content: space-between;
    height: auto;
    background-color: #fff;
    text-align: center;
}

.test-tile .testimonial {
    padding: 1rem;
    font-size: 1rem;
}

.test-tile .test-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    color: #979797;
}

/* .test-details div:not(:last-of-type) {
    margin-right: 1rem;
} */

.test-details .name {
    font-weight: 700;
}

/* small tablets (regular ipads) */
@media only screen and (min-width: 768px){
    .testimonial-tiles-container {
        flex-direction: row;
        justify-content: space-between;
    }

    .test-tile {
        width: 49%;
    }
}

/* large tablets (ipad pro) */
@media only screen and (min-width: 1024px){
    .testimonial-title {
        font-weight: 600;
        font-size: 24px;
    }
}

/* MS5: PRODUCTS */
#products {
    background-color: #C8E8F5;
    margin: 0 -1rem;
    
}

.products-title {
    font-weight: 600;
    padding: 0 1rem;
    margin-bottom: 5px;
}

.risk-content {
    width: 100%;
}

.risk-text-link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.risk-text a {
    font-weight: 700;
    color: #001560;
    font-size: 1rem;
    margin-right: 0.5rem;
}

.risk-text a:hover {
    color: #00a0e3;
    transition: 0.3s;
}

.risk-text i {
    color: #d82b64;
}

@media only screen and (min-width: 768px){
    #products {
        margin: 0 -3rem;
        
    }

    .products-container {
        padding: 0 2rem;
    }
}

/* laptops and larger */
@media only screen and (min-width: 1200px){
    .products-title {
        font-size: 24px;
    }
}

/* MS6: CERTIFICATIONS */
.certs-title {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 5px;
}

/* small tablets (regular ipads) */
@media only screen and (min-width: 768px){
    .certs-title {
        margin-bottom: 0;
    }
}

/* laptops and larger */
@media only screen and (min-width: 1200px){
    .gb-3 {
        height: 400px;
        top: 2050px;
    }
    .certs-title {
        font-size: 24px;
    }
}

/* MS7: SNAPSHOTS */
/* mobile */
.snapshots-container {
    display: flex;
    flex-direction: column;
}

.snapshot-content {
    display: flex;
    flex-direction: column-reverse;
}

.snapshot-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.snapshot-text {
    font-size: 1rem;
}

.snapshot-photo {
    width: 100%;
    margin-bottom: 1rem;
}

.snapshot-photo img {
    width: 100%;
    height: 195px;
    object-fit: cover;
}

.photo-right {
    background-color: #fff;
}

/* small tablets (regular ipads) */
@media only screen and (min-width: 768px){
    .snapshot-content {
        display: flex;
        flex-direction: row;
    }

    .photo-right .snapshot-text-content {
        margin-right: 2rem;
    }

    .photo-left .snapshot-text-content {
        margin-left: 2rem;
    }

    .snapshot-text-content {
        width: 50%;
    }

    .snapshot-text {
        margin-bottom: 0 !important;
    }

    .snapshot-photo {
        width: 50%;
        margin-bottom: 0;
    }

    .photo-left {
        flex-direction: row-reverse;
        padding: 2rem 0;
    }

    .snapshot-title {
        font-size: 24px;
    }

    .photo-right {
        margin: 0 -3rem;
        padding: 2rem 3rem;
    }
}

/* laptops and larger */
@media only screen and (min-width: 1200px){

    .gb-4 {
        height: 300px;
        top: 2760px;
    }
}

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], 
.mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], 
.mktoForm select.mktoField, .mktoForm textarea.mktoField {
    padding-left: 20px !important;
    font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

#stickyForm .mktoForm .mktoButtonWrap.mktoGlow .mktoButton {
    margin-top: 1rem !important;
    min-width: 180px !important;
    font-size: 16px !important;
    padding: 14px 20px !important;
    font-family: 'Ubuntu' !important;
    font-weight: 700 !important;
}

#stickyForm .mktoForm div, 
#stickyForm .mktoForm span, 
#stickyForm .mktoForm label, 
#stickyForm .mktoForm p {
    font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

#stickyForm .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoHtmlText.mktoHasWidth {
    font-size: 10px !important;
}
/* FOOTER */
footer {
    background-color: #001560;
    color: #808AB0;
    padding: 1.5rem;
}

.footer-container {
    display: flex; 
    flex-direction: column;
    font-weight: 700;
}

.links a {
    color: #808AB0;
    text-decoration: underline;
}

.links a:hover {
    color: #00a0e3;
    transition: 0.3s;
}

.social-icons {
    margin-bottom: 1rem;
}

.social-icons i:hover {
    color: #00a0e3;
    transition: 0.3s;
}

/* small tablets (ipad) */
@media only screen and (min-width: 768px){

    .copyright {
        margin-bottom: 0;
    }

    .social-icons {
        display: flex;
    }
    .social-icons i:not(:last-of-type) {
        margin-right: 1rem;
    }
}

/* laptops and larger */
@media only screen and (min-width: 1200px){
    .footer-container {
        display: flex; 
        flex-direction: row;
        align-items: center;
    }

    .social-icons {
        margin-bottom: 0;
    }
}