@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');

* {
	box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}



a:link {
	color: #00C;
	text-decoration: none;
}
a:visited {
	color: #00C;
}
a:hover {
	color: #F00;
	text-decoration: none;
}
a:active {
	color: #00C;
}



body, td, th, p {
	font-family: Arial, "sans-serif", "serif";
	font-size: 16px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url("../img/main/wal_2horigul300.jpg");
	background-position:top center;
	background-attachment:fixed;
}

/* end util  */

/* Hod */

.active {
    border-bottom: solid 2px #ddd;
}


.butn-wrap {
	padding: 10px 0px 0px 0px;
	width: 100%;
}



.hod-hoved {
    background-image: url("../img/main/nu/hambash_main_top.png");
    box-shadow: 3px 3px 6px 4px rgba(51, 51, 51, 0.2);
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 3;
}

.hod-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 0;
    max-width: 1100px;
    padding: 0 15px 0 15px;
}

#hod-txt {
    margin: 14px 10px 10px 0px;
}

#hod-dato {
    margin: 8px 35px 10px 10px;
}

#hod-dato img {
    height: 87px;    
}

/* End Hod */
/* Kropp */

.about-color {
    color: rgba(99, 102, 106, 0.6);
}

.about-hod {
    display: block;
    margin: 0 auto 0;
}

.about-hoved-pd {
    padding: 0px 10px 10px 10px;
}

.about-info p {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0px 0px 7px 0px;
    text-align: justify;
}

.about-officers-hod {
    color: #333;
    font-size: 1.3rem;
    font-weight: 600;
}

.about-officers p {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0px 0px 7px 0px;
    text-align: justify;
}



.about-radio-call {
    color: #333;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 15px 5px 20px 5px;
    opacity: .6;
    text-align: center;
}

.about-we-talk-txt {
    color: #800;
    font-family: 'Playball', cursive;
    font-size: 2.1rem;
    margin: 5px auto 10px;
    text-align: center;
}

.about-wrap {
    margin-top: 0;
    padding-right: 5px;
}

.contact-hoved {
    padding: 40px 30px 0px 30px
}


.hoved-kropp {
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 3px 3px 6px 3px rgba(52, 52, 52, 0.3), -3px -3px 6px 3px rgba(52, 52, 52, 0.3);
    margin: 100px auto 10px;
    padding: 25px 15px 20px 15px;
    max-width: 1100px;
}

.hoved-kropp-top {
    display: flex;
    margin: 25px 0px 25px 2px;
    padding: 20px 0 0 0;
}
.hoved-kropp-wrap {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: center;
	}
    

.kropp-top-info {
    margin: 0 auto 0;
}

.on-air {
    text-align: center;
    width: 125px;
}

.on-air-pd {
    margin: 15px 10px 10px 4px;
    width: 100%;
    text-align: center;
}

.ham-meny-wrap {
    background: #800000;
    margin: 0 0 10px 0;
    padding: 5px 0px 3px 0px;
    width: 100%;
}
.ham-meny-pd {
    margin: 0 auto 0;
    width: 100%;
    max-width: 1100px;
}

.ham-meny {
    margin: 0 0 0px 0;
    max-width: 1100px;
    padding: 0px 0px 0px 23px;
}

.ham-meny ul {
    display: flex;
    list-style: none;
}

.ham-meny ul li {
    font-size: 1.3rem;
    padding: 0 50px 0 0;
}

.ham-meny ul li a {
    color: #ddd; 
}


.ham-meny ul li a:hover {
    color: #ff0000;
}




.ham-nede-txt div {
    color:  #ccc;
    font-size: 1.2rem;
    font-weight: 600;
}



.ham-nede-txt {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: -4 auto 0;
    opacity: .7;
    padding: 0px 10px 1px 10px;
}




/* data */
.arrl-logo {
	margin: 2px auto 0px;
	padding: 0 0;
	width: 305px;
	height: 110px;
}

.aarl-pd {
    margin: 10px 0px 10px 15px;
}

.aarl-pd img {
    border: solid 2px #ffffff;
	border-radius: 10px;
	display: block;
	justify-content: center;
	margin: 0 auto 0;
	padding: 2px 4px;
	text-align: center;
	transition: all .5s ease-in-out;
}

.aarl-pd:hover img {
    border: solid 2px #ff0000;
}

.about-radio {
	padding: 20px 0 14px 0;
}

.articles {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.article {
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	height: 220px;
	margin: 4px 0px 0px 0;
	padding: 10px 0px 70px 0px !important;
	width: 33%;
}


.article-nomin {
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	margin: 4px 0px 10px 0;
	padding: 10px 0px 0 0;
}


.article-comment {
	color: maroon;
	font-weight: 600;
	padding: 4px 0 0 0px;
}
.article-comment2 {
	color: maroon;
	font-weight: 600;
	padding: 2px 0 0 0;
}



.article-form-band {
	margin: 0px 0 0 10px;
	padding: 0px 0px 1px 4px;
}


.article-form-main {
	margin: 0px 0 0px 0;
	padding: 4px 0px 3px 14px;
}


.article-header {
	font-weight: 600;
}


.article-linear {
	line-height: 1.3;
	margin-top: 0px;
	padding-top: 15px;
}


.article-text-black {
	background: #dddddd90;
	margin: 0 0;	
	padding: 4px 2px 2px 0px;
	border-radius: 0px 0px 0 0;
	color: #000000;
	font-weight: 600;
}




.article-text-mar {
	background: #dddddd90;
	margin: 0 0;	
	padding: 4px 2px 2px 0px;
	border-radius: 0px 0px 0 0;
	color: #800000;
	font-weight: 600;
}

.article-text-band {
	margin: 0 0 0 0;
	padding: 0 0;
}





.article2 {
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	height: 199px;
	margin: 5px 10px 0 0;
	padding: 10px 13px;
}

.article3 {
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	height: 199px;
	margin: 5px 0px 0 0;
	padding: 10px 13px;
}




/* butn */

button {
	border-style: none;
}



.buybtn {
	border-radius: 5px;
	color: black;
	font-size: 16px;
	border-style:double;
	border-width: 1px;
	border-color: black;
	font-weight: 500;
	margin: 3px 6px 6px 0px;
	padding: 2px 3px 2px 2px;
	text-decoration: none;
	text-align: left;

}
.buybtn:hover {
	background-color: #8d0b0b;
	color: #c0c0c0;
	transition-delay: .2s;
/* New butns */
	}
.butntickets  {
	background: #b22222;
	border-radius: 10px;
	box-shadow: 1px 1px 2px 2px lightgray;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Arial, "sans-serif", "serif";
	font-size: 90%;
	font-weight: 600;
	margin: 20px 10px 4px 10px;
	padding: 3px 10px 3px 15px;
	text-align: left;
	text-decoration: none;
	width: 265px;
	
}


.butntickets:hover {
	background: red;
	color: #fff;
	text-decoration: none;
	transition: all .8s;
}

.butntickets2  {
	background: #b22222;
	border-radius: 10px;
	box-shadow: 1px 1px 2px 2px lightgray;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Arial, "sans-serif", "serif";
	font-size: 90%;
	font-weight: 600;
	margin: 15px 10px 3px 10px;
	padding: 3px 10px 3px 15px;
	text-align: left;
	text-decoration: none;
	width: 265px;
	
}


.butntickets2:hover {
	background: red;
	color: #fff;
	text-decoration: none;
	transition: all .8s;
}


.butnticketskort  {
	background: #b22222;
	border-radius: 10px;
	box-shadow: 1px 1px 2px 2px lightgray;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: Arial, "sans-serif", "serif";
	font-size: 90%;
	font-weight: 600;
	margin: -4px 4px 6px 0px;
	padding: 0px 0px 1px 9px;
	text-align: left;
	text-decoration: none;
	width: 50px;
	
}


.butnticketskort:hover {
	background: red;
	color: #fff;
	text-decoration: none;
	transition: all .8s ease-in-out;
}




/* End new butns */

a.buybtn:link {
	color: black;
	}
	
a.buybtn:hover {
	background-color: #8d0b0b;
	color: black;
}


/* wide butn */


.buybtnwide {
	border-radius: 5px;
	color: black;
	font-size: 16px;
	border-style:double;
	border-width: 1px;
	border-color: black;
	font-weight: 500;
	margin: 3px 3px 3px 0px;
	padding: 2px 3px 2px 6px;
	text-decoration: none;
	text-align: left;
	width: 235px;
}
.buybtnwide:hover {
	background-color: #8d0b0b;
	color: #c0c0c0;
	transition-delay: .2s;
	}
	
a.buybtnwide:link {
	color: black;
	}
	
a.buybtnwide:hover {
	background-color: #8d0b0b;
	color: #c0c0c0;
}
/*End buttons */


.container-lower {
	background: #fff;
	border-radius: 10px;
	box-shadow: 2px 2px 3px 2px #ddd, -2px -1px 3px 2px #ddd;
	margin: 5px 0px 25px 0px;
	padding: 20px 20px 6px 20px;
}

.dropbox{
	margin: 0 0 0 150px;
}

.footer {
	border-radius: 10px;
/*	box-shadow: inset 0 0 10px #ddd;*/
	font-size: 90%;
	line-height: 1.2;
	margin: 8px 0px 10px 2px;
	padding: 10px 13px;
}



.hambashheader {
	font-size: 34px;
	font-weight: 600;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	text-shadow: 1px 1px 3px #bfbfbf;
}


.hambashsignheader {
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	text-shadow: 1px 1px 3px #bfbfbf;
}


.headeritem {
	font-size: 18px;
	color: #c00;
	padding: 0px 0 3px 0;
}


.headermar {
	color: maroon;
	font-size: 17px;
	font-weight: 600;
}

.headerblack-border {
	color: #000;
	font-size: 10px;
	border-radius: 14px;
	box-shadow: inset 0 0 10px #ddd;
	margin: 0px 8px 4px 4px;
	padding: 6px 8px 0px 8px;
	width: 600px;
}


#header-black-text {
	color: #000;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	margin: 0px 0px 0px -5px;
	padding: 0px 8px 0px 0px;
}

#header-black-text {
	list-style: none;
	line-height: 1.4;
	
}

#header-black-text-main {
	color: #000;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	list-style: none;
	margin: 5px 0px 4px 17px;
	padding: 0px 8px 0px 0px;
}


#header-black-text li {
	margin: 0 0 0 6px;
}

#header-black-text li:nth-child(1) {
	font-weight: 600;
}

#header-black-text li:nth-child(2) {
	padding-left: 15px;
}



#header-black-text li:nth-child(3) {
	padding-left: 16px;
}

#header-black-text-main ul {
	
}

.headerblack-border2 {
	margin: 14px 0 0 0;
	padding: 11px 18px 25px 18px;
	}

/* About */


.about-container-lower {
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 3px 1px rgba(221, 221, 221, 0.6), -1px -1px 3px 1px rgba(221, 221, 221, 0.6);
	margin: 5px 0px 25px 0px;
	padding: 25px 30px 6px 30px;
}


.headerblack-about-border {
	color: #000;
	font-size: 10px;
	border-radius: 14px;
	box-shadow: inset 0 0 10px #ddd;
	margin: 20px 0px 4px 0;
	padding: 15px 20px  15px 35px;
}


.headerblack-about-border2 {
/*	margin: 14px 0 0 0;*/
	padding: 11px 35px 25px 35px;
}

/* End About*/

.header-container-space {
	margin: 2px 0px 0px 0px;
}



.header-container {
	border: inset 2px #800000;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 1px #ddd, -1px -1px 1px 1px #ddd;
	margin: 10px 2px 2px 2px;
	margin: auto;
	padding: 3px 2px 3px 2px;
	width: 400px;
}


.headermaroon-border {
	color: maroon;
	font-size: 18px;
	font-weight: 600;
/*	border: ridge 1px #dddddd;*/
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	margin: 4px 0px 4px 0;
	padding: 10px 13px;
}


.headerblack-border {
	color: #000;
	font-size: 18px;
	font-weight: 600;
/*	border: ridge 1px #dddddd;*/
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	margin: 4px 0px 8px 0;
	padding: 11px 13px 5px 13px;
}





.header-thanks-border {
	background: #800000;
	color: white;
	font-size: 18px;
	font-weight: 600;
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	margin: 4px 0px 12px 0;
	padding: 10px 13px 10px 14px;
	transition: all .3s ease-in-out;
}


.headerred-border {
	background: #800000;
	color: white;
	font-size: 18px;
	font-weight: 600;
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	margin: 4px 0px 12px 0;
	padding: 10px 13px 10px 14px;
	transition: all .3s ease-in-out;
}


.headerred-border:hover {
	background: #ff0000;
	color: white;
	font-size: 18px;
	font-weight: 600;
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	margin: 4px 0px 12px 0;
	padding: 10px 13px 10px 14px;
}


.headerred-text {
	text-shadow: 1px 1px  #000;
}


.headerred-text  {
	color: #fff;
	text-shadow: 1px 1px  #000;
	transition: all .3s ease-in-out;
}


.headerred-text a:hover {
	color: #333;

}


.headerticket {
	font-size: 19px;
	font-weight: 600;
	margin: 0 0 0 12px;
	padding: 0 0 0 2px;
}

/* IMG */

img {
	border-style: none;
}

.img-about {
	height: 27px;
	margin: 13px 0 0 0;
	width: 100px;
}

.imgcart {
	border-radius: 10px;
	box-shadow: 1px 1px 2px 2px #ddd, -1px -0px 2px 2px #ddd;
	margin: 2px 3px 0 0;
	padding: 0px 0px 0 0;
	
}

/* End IMG */


.map-hod {
    color: #333;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0px 20px 12px 20px;
}

.map-from-hod {
    color: #333;
    font-size: 1.4rem;
}

.map-link button {
    border-radius: 10px;
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    border: solid 3px #ddd;
    margin: 10px 5px 10px 18px;
    padding: 2px 16px 3px 13px;
    box-shadow: 1px 1px 1px 1px rgba(52, 52, 52, 0.2);
    text-align: center;
}


.map-link button:hover {
    background: #800;
    color: #ddd;
}

.map-wrap {
    padding: 0 0 60px 0;
}

.map-wrap p {
    font-size: 1.1rem;
    line-height: 1.2;
    padding: 0px 20px 12px 20px;
    text-align: justify;
}

.on-air {
	border-radius: 30px;
	box-shadow: 2px 1px 3px 2px #ddd, -1px 1px 2px 2px #ddd;
	margin: 10px 3px 6px 3px;
	padding: 0 0 0 0;
}



.on-air-about {
	border-radius: 30px;
	box-shadow: 2px 1px 3px 2px #ddd, -1px 1px 2px 2px #ddd;
	margin: 13px 3px 4px 3px;
	padding: 0 0 0 0;
}




.sales1 {
	font-size: 90%;
	padding: 3px 0 5px 4px;
	text-align: left;
}
.sales {
	font-size: 90%;
	padding: 0 0 3px 4px;
	text-align: left;
}

/* Store */

.store-container {
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 3px 2px #ddd, -2px -1px 3px 2px #ddd;
	margin: 15px 3px 15px 3px;
	padding: 10px 20px 6px 20px;
}

.store-header {
	margin: 5px 0 10px 0px;
	padding: 5px 15px 15px 10px;
}



.store-items {
	display: flex;
	flex-direction: row;
	float: left;
	justify-content: space-between;
	width: 100%;
/*	max-width: 800px;*/
}


.store-item-1 {
	color: #000;
	font-size: 16px;
	width: 250px;	
}


.store-item-2 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}



.storeheaderitem {
	font-size: 18px;
	color: maroon;
	padding: 0px 0 0px 0;
}


.store-item-border {
	border-radius: 10px;
	box-shadow: inset 0 0 10px #ddd;
	color: #000;
	height: 100%;
	margin: 4px 0px 14px 0;
	padding: 10px 13px;
	width: 100%;
}

.storelineitem {
	color: maroon;
	line-height: 1.3;
}

/* Talkin */

.talkin {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

/* Thanks */



.thanks {
	font-size: 16px;
	padding: 10px 10px;
}

.thanks-txt p {
	font-size: 16px;
}

.thanks-store-border {
	border-radius: 14px;
	box-shadow: inset 0 0 10px #ddd;
	color: #000;
	font-size: 16px;
	line-height: 1.2;
	margin: 23px auto 70px;
	padding: 10px 10px;
	width: 100%;
}


.thanksheaderblack-border {
	border-radius: 14px;
	box-shadow: inset 0 0 10px #ddd;
	color: #000;
	font-size: 10px;
	line-height: 1.2;
	margin: 23px auto 70px;
	padding: 10px 18px;
}



.webadmin-wrap {
	padding: 2px 0 0 0;
	width: 100%;
}


.webadmin {
	border: solid 2px #333333;
	border-radius: 10px;
	color: #333333;
	display: block;
	font-size: .92rem;
	margin: 10px auto 25px;
	opacity: .3;
	padding: 3px 5px 3px 5px;
	width: 300px;
	text-align: center;
}



@media screen and (min-width:780px) {
    .dukkeopp {
        display: none;
    }
}

@media screen and (max-width:780px) {

    .aarl-pd {
    margin-left: 0px;
    }
    
    .about-we-talk-txt {
        width: 100%;
        max-width: 300px;
    }


    .about-wrap {
        padding-top: 15px;
    }


    .article {
	width: 100%;
    }

    
    .articles {
        display: flex;
        flex-direction: column;
    }
    
	.check-out {
		text-align: center;
	}
	
    
    .contact-hoved {
        padding: 35px 10px 0px 10px;
    }

	
	.dropbox{
		margin: 10px 0 0 0px;
	}

    
    .gjemme {
        display: none;    
    }
    
    .hod-wrap {
        display: flex;
        flex-direction: column;
    }
    
    #hod-dato {
        width: 100%;
        margin: 3px 0 3px 0; 
        justify-content: center;
        text-align: center;
    }

    #hod-dato img {
        height: 70px;        
    }
    
    
    #hod-txt {
        width: 100%;
        margin: 10px auto 0;
        justify-content: center;
        text-align: center;
    }

    #hod-txt img {
        width: 100%;
        max-width: 500px;
        }

    
    .hoved-foto img {
        width: 100%;
        max-width: 450px;
    }
    
    .hoved-kropp {
        margin-bottom: 0px;
        padding-top: 65px;
    }
	
    .hoved-kropp-2 {
        margin-bottom: 15px;
        padding-top: 65px;
    }
	
	
    .hoved-kropp-top {
        padding-top: 10px;
        display: flex;
        flex-direction: column; 
    }
	
	.ham-meny-wrap {
    	padding: 5px 0px 3px 0px;
    	width: 100%;
}


	.ham-meny-pd {
    margin: 0 auto 0;
    width: 100%;
    max-width: 1100px;
}

	
    
    .ham-meny ul {
        padding-left: 0px;
		text-align: center;
    }


    
    .ham-meny ul li {
        font-size: 1.1rem;
        padding: 0 20px 0 0;
    }
	
	
	.ham-meny {
		display:flex;
		justify-content: center;
		margin: auto;
    	max-width: 1100px;
    	padding: 0px 0px 0px 0px;
}

	
	
    
    .hoved-foto-pd {
		display: block;
		text-align: center;
        padding-top: 10px;
    }
    
    .map-wrap {
        padding-top: 15px;
    }

.store-items {
	display: block;
	float: none;
	width: 100%;
	max-width: 800px;
	text-align: left;
}




.store-item-1 {
	display: block;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	width: 100%;
	max-width: 100%;
}



.store-item-2 {
	display: block;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	width: 100%;
	max-width: 100%;
}

	
	

    
    .talkin {
	    font-size: 1rem;
	    font-weight: 400;
    }


}