/* Following L&Z brand guidelines. */
/* Included by osuframe.Master    */

/* We'd like to use css variables to define L&Z colours, but Edge and IE don't support this yet.  M$, "it's in our backlog". */

/* Ensure that the target browser knows where it can find the "Lato" font. */
@import url("//fonts.googleapis.com/css?family=Lato");


/*********************************************/
/****************** GLOBALS ******************/
/* Use L&Z's body text style everywhere, except in headings where we have a different style. */
body {
    font-family: Lato;
    color: rgb(92, 91, 91); /* lnz dark grey */
    margin-bottom: 40px; /* sticky footer height */
}

h1, h2, h3, h4, h5, h6 {
    font-family: Lato;
    font-weight: bold;
    letter-spacing: 0px;
    text-rendering: optimizeLegibility;
}
/* Now that the 'globals' are defined, more specific selectors below can over-ride if needed. */


/*********************************************/
/****************** BUTTONS ******************/
button {
    font-family: Lato;
    font-weight: normal;
    color: rgb(255, 255, 255);
    line-height: 23px;
    background-color: rgb(125,0,224);
    background-image: none;
    border: solid 2px rgb(125,0,224);
    border-radius: 45px;
    -moz-border-radius: 45;
    -webkit-box-sizing: content-box;
    margin: 0px;
    padding: 9px 38px;
    letter-spacing: 0px;
    font-size: 12px;
    white-space: normal;
    opacity: 1;
    transition-duration: 0.18s;
    -webkit-transition-duration: 0.18s; /* for Safari */
}

    button:hover {
        color: rgb(125,0,224);
        background-color: rgb(255, 255, 255); /* lnz white */
    }

    button:focus {
        outline: none;
    }

    button:disabled {
        background: rgb(242, 242, 242);
        border: rgb(51, 51, 51);
        color: rgb(51, 51, 51);
    }

    button::-moz-focus-inner {
        border: 0;
    }

    button.lnz-btn-primary {
    }

        button.lnz-btn-primary:hover {
        }

    button.lnz-btn-secondary {
        background-color: rgb(255, 0, 0);
        border: 2px solid rgb(255, 0, 0);
    }

        button.lnz-btn-secondary:hover {
            background-color: rgb(255, 255, 255);
        color: rgb(255, 0, 0);
        }

    button.lnz-btn-wasclicked {
        background-color: rgb(120, 40, 18);
        border: 2px solid rgb(23, 23, 56);
    }

        button.lnz-btn-wasclicked:hover {
            color: rgb(56, 138, 202);
            background-color: white;
        }

    button.lnz-btn-wasntclicked {
        background-color: rgb(130, 212, 255);
        border: 2px solid rgb(130, 212, 255);
    }

        button.lnz-btn-wasntclicked:hover {
            color: rgb(130, 212, 255);
            background-color: white;
        }


/*********************************************************/
/************************ ANCHORS ************************/

:link {
    color: rgb(240,79,37);
}



/**********************************************************/
/********************* L&Z TOP BANNER *********************/
.lnz-top-banner {
    padding: 0px;
    box-shadow: inset 0px 0px 1px 0px;
    z-index: 9999;
    height: 200px;
    width: 100%;
    display: block;
	background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(231, 217, 255), rgb(82, 46, 145));
    color: rgb(255, 0, 0);
}

    .lnz-top-banner .lnz-logo {
        height: 150px;
        width: auto;
        background-image: url(../img/britendosoc.jpg);
        background-repeat: no-repeat;
		background-size: contain;
        margin: 25px 25px 25px 25px;
		border: solid, 10px;
		border-color: rgb(82, 46, 145);
		border-radius: 20px;
		margin-right:auto;
		margin-left:auto;
    }

    .lnz-top-banner img {
        margin: 25px 25px 25px 25px;
        max-width: 100%;
    }




/*********************************************************/
/********************* STICKY FOOTER *********************/
html {
    position: relative;
    min-height: 100%;
}

.lnz-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #f2f2f2;
}

    .lnz-footer p {
        padding: 10px 0px 0px 32px;
    }


.page-header {
    border-bottom-style: none;
}



/*********************************************************/
/********************* FORM CONTROLS *********************/
/* overriding bootstrap defaults */
.form-control:focus {
    border-color: rgb(45, 46, 111); /* lnz lightblue */
}




/*********************************************************/
/****************** GENERAL Cardstream COLOURS ***********/
/* Made accessible by class. */
.lnz-darkblue {
    color: rgb(45, 46, 111);
}

.lnz-lightblue {
    color: rgb(153, 162, 222);
}


/*
	why does doing this via classes feel better yet not seem to make a fundamental difference?

body.lnzbrand {
  	font-family: Open Sans;
	color: #5C5B5B;
}
h1.lnzbrand, h2.lnzbrand, h3.lnzbrand, h4.lnzbrand, h5.lnzbrand, h6.lnzbrand {
	font-family: Lato;
	font-weight: bold;
}

	...etc
*/