@font-face {
    font-family: 'Conduit';
    src: url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITC.eot) format("eot");
    src: url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITC.eot?iefix) format("embedded-opentype"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITC.woff2) format("woff2"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITC.woff) format("woff"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITC.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Conduit';
    src: url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCItalic.eot) format("eot");
    src: url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCItalic.eot?iefix) format("embedded-opentype"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCItalic.woff2) format("woff2"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCItalic.woff) format("woff"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Conduit';
    src: url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCBold.eot) format("eot");
    src: url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCBold.eot?iefix) format("embedded-opentype"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCBold.woff2) format("woff2"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCBold.woff) format("woff"),url(//www.sit.no/sites/all/themes/littditt/assets/fonts/ConduitITCBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}




		/* ===[ Generelt for alle Sits ibooking-moduler ]=== */

		* { box-sizing: border-box }

		html { background: none transparent }

		body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {
		    font-weight: 400;
		    font-size: 20px;
		    line-height: 1.4em;
		    margin: 0;
		    text-rendering: optimizeLegibility;
		    color: #333;
		    background: none transparent;
		}

		h1, h2, h3 {
		    font-family: 'Conduit' !important;
		    font-weight: 700;
		    color: #333;
		}

		h2 { font-size: 24px }

		h3 { font-size: 20px }

		p {
		    font-weight: 400;
		    line-height: 1.4em;
		    margin: 0 0 15px 0;
		}

		a { color: #969100 }

		a:hover {
		    color: #333;
		    text-decoration: none;
		}

		label { font-size: 16px }

		textarea, input, select {
		    padding: 7px 12px !important;
		    border: 1px solid #ccc !important;
		    border-radius: 2px;
		    color: #333;
		    background-color: #fff;
		    max-width: 100%;
		    display: inline-block;
		    border-radius: 2px;
		    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		    outline: none !important;
		    height: 40px;
		    font-family: 'Conduit';
		    font-size: 18px !important;
		    line-height: 1 !important;
		}

		input[type=checkbox] {
		    vertical-align: middle;
		    height: 1em;
		    line-height: 1em;
		    padding: 0 8px;
		    margin-right: 10px;
		}

		.button, .g-button, input[type="submit"], input[type="button"] {
		    padding: 6px 18px !important;
		    line-height: 1.35;
		    height: 36px;
		    border-radius: 2px;
		    font-weight: 400;
		}

		input[type="submit"] {
		    color: #fff;
		    border: none !important;
		    cursor: pointer;
		    display: inline-block;
		    background-color: #969100;
		    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
		}

		input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
		    border-color: #66afe9 !important;
		    outline: none;
		    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
		}

		::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #aaa }






		/* ===[ Spesifikt for kursmodul ]=== */
		 
		#container {
		    background: transparent; 
		    max-width: 1200px;
		    width: auto;
		    margin: 0px auto;
		    border: none;
		    -webkit-box-shadow: none;
		    padding: 0px;
		    margin-top: 0;
		    font-family: 'Conduit', Helvetica, sans-serif !important;
		    font-weight: 400;
		}

        .no-courses h1 {
            display: none !important;
        }

		.courseDescription { padding: 15px;border: 0; }

		.box .description, 
		p.description, 
		.box span, 
		.g-button,
		input[type="submit"],
		input[type="button"] {
		    font-family: 'Conduit', Helvetica, sans-serif !important;
		    font-size: 20px !important;
		    line-height: 1.4em;
		}

		.box {
		    background: #D8D7D1;
		    padding: 10px 20px;
		    transition: all 0.3s ease-in-out;
		    border-radius: 2px;
		}

		.box span {
			width: 380px;
		}

		.box:hover:not(.heading) { background: #d0cfc9}
		.box.active,
		.box.active:hover {
		    background-color: #111;
		    border: 0;
		    border-radius: 3px 3px 0 0;}

		.box.heading { cursor: auto }

		.box.active span { border-right: 1px solid #555; }
		.box span:last-child { border: 0px; }

		@media (max-width:767px) {
		    .box span { border-right: 0 !important;}
		    .box.heading {display: none;}    
		}

		#container .right a img {display: none;}

		.group, .bottom-bar {
		    border-top: 0;
		    margin-top: 20px;
		}


		.courseDescription { 
			background: white; 
		}
		.g-button{
			width:auto;
		}
		[id^="course"].box:not(.heading) span.slots {
			color: red;
			width: 200px;
		}
		div#container h1:first-of-type {
			display: none;
		}


		/* Justeringer på de kurspåmeldingens tekstfelter og plassering av de nederste knappene */
		input[type="submit"].right, input[type="button"].right {
		    float: left;
		    margin-right: 10px;
		}

		input[type="text"].medium { width: 200px }

		input[id=phone] { max-width: 200px !important }

		.hidden-input {
		    display: none;
		    visibility: hidden;
		}

input[id=phone] { max-width: 200px !important }

.hidden-input {
    display: none;
    visibility: hidden;
}