/* =================================================================== */
/* Import Section
====================================================================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(/cs-common/css/reset.css);
@import url(/cs-common/css/clubsite.css?v242001);
@import url(/cs-common/css/play.css?v242001);
@import url(/cs-common/css/responsive-table.css);
@import url(/cs-common/css/forms.css?v242001);
@import url(/cs-common/fonts/clubsite/style.css?v242001);

body,html {height:100%; font-family:'Open Sans'; font-size:15px; font-weight:400;}

a,a:hover, a:focus,a:visited {text-decoration:none; cursor:pointer; transition:all 0.2s ease;}

a.button {padding:10px 20px; text-decoration:none !important;}

a.arrow:before {
	font-family:'Font Awesome 5 Free';
    font-weight:900;
	content:"\f105";
	font-size:15px;
	margin-right:10px;
	transition:all 0.1s ease;
}

h1,h2,h3,h4,h5,h6 {font-weight:400; margin:0 0 1em 0;}
h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:21px;}
h4 {font-size:18px;}

p {margin-bottom:30px;}

hr, .hr{
	border:none;
	background:#ccc;
	height:1px;
	margin:20px 0px;
}

#wrapper {padding-top:107px;}
.inner {margin:0 auto;}
#content-front {padding-top:45px;} /* Front. Widgets har margin-bottom:45px;*/
#content {padding-top:37px;} /* Undersider */
#sidebar {padding-left:30px; margin-bottom:45px; margin-top:20px; min-height:720px;}
.page {margin-bottom:60px;}
#boxes-bottom {margin-bottom:45px;}

/***************************************
			Z-INDEX
***************************************/

#mobile-menu {z-index:5000;}
nav {z-index:3000;}
.topline {z-index:2030;}
.topline ul ul {z-index:2031;}
#back-to-top {z-index:1020;}

/***************************************
			CONTENT
***************************************/

#content img.frame {max-width:97% !important; padding:1.5%; background-color:#fff;
	-webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
	        box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
}

h1.pageheading {margin-bottom:15px;}

.section-heading {
    position:relative;
    font-size:16px;
    font-weight:400;
    line-height:36px;
	padding:0 0 0 10px;
	margin:5px 0 15px 0;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
}

.edit-content img.left {float:left; margin:0 20px 20px 0;}
.edit-content img.right {float:right; margin:0 0 20px 20px;}
.edit-content img.top {display:block; margin:0 0 30px 0;}
.edit-content img.bottom {display:block; margin:30px 0 0 0;}

.page .plugin {margin-top:30px;}

.template.img img {display:block;}
.template.img.left {max-width:50%; float:left; margin:0 20px 20px 0;}
.template.img.left-small {max-width:50%; float:left; margin:0 10px 0 0;} /*Element - Banestatus*/
.template.img.right {max-width:50%; float:right; margin:0 0 20px 20px;}
.template.img.top {max-width:100%; display:block; margin:0 0 30px 0;}
.template.img.bottom {width:100%; float:none; display:block; margin:30px 0 0 0;}
.template.img .descr {width:100%; display:block; text-align:left; font-size:13px; color:#666; padding:5px 5px 0 5px;}

.template.img {position:relative;}
.fancybox i {position:absolute; top:17px; left:12px;}
.fancybox i:before {color:#fff; background-color:rgba(0,0,0,0.2); line-height:1em; padding:5px 6px 3px 6px;}

#content .search {
	width:100%;
	max-width:300px;
	margin-bottom:30px;
}
#content .search input[type=text] {
	width:78%;
	height:42px;
	line-height:42px;
	float:left;
}
#content .search a.button {
	width:20%;
	height:42px;
	line-height:42px;
	display:inline-block;
	color:#fff;
	text-align:center;
	padding:0;
}
#content .search i:before {line-height:42px;}

.search-result ul li {margin-bottom:15px; line-height:24px;}
.search-result ul li a {font-size:17px; margin-right:15px;}
.search-result ul li em {color:#999;}

.markblock {background-color:rgba(100,100,100,0.05); border:1px solid #e0e0e0; padding:10px; border-radius:5px;}

h4.sectionheading {font-size:15px; font-weight:600; text-transform:uppercase; padding:10px; margin-bottom:15px;}

/***************************************
			BOX
***************************************/

.box {margin-bottom:30px;}
.box[class*="bg-"] {padding:20px; }
.box.rounded {border-radius:10px;}

.box a {text-decoration:underline;}
.box a.icon {
	display:block;
	margin-bottom:30px;
	width:250px;
	border-radius:50%;
	text-decoration:none;
}
.box .list {border-radius:10px;}
.box .list a {text-decoration:none;}
.box .list a:before {
	font-family:'Font Awesome 5 Free';
    font-weight:900;
	content: "\f105";
	padding-right:8px;
	transition:all 0.2s ease;
}
.box .list a:hover:before {
	padding-right:4px;
	padding-left:4px;
}
@media (max-width:767px) {
	.box.profile p.descr {height:auto;}
}
@media (max-width:479px) {
	.edit-content img.left,
	.edit-content img.right,
	.template.img.left,
	.template.img.right {width:100%; max-width:100%; float:none; margin:0 0 20px 0;}

	.fancybox i {display:none;}

	.search-result ul li a {margin:0;}
	.search-result ul li em {display:block; width:100%;}
}

/***************************************
			COLNAV
***************************************/

.colnav {padding-bottom:30px;}
.colnav:last-child {padding-bottom:0;}

.colnav li {margin-bottom:1px;}
.colnav li a {display:block; transition:all 0.1s ease; padding:2px 0;}
.colnav li a:hover {transition:all 0.1s ease;}
.colnav li a:before {
	font-family:'Font Awesome 5 Free';
    font-weight:900;
	content:"\f105";
	font-size:15px;
	margin-right:10px;
	transition:all 0.1s ease;
}
.colnav li a:hover:before {
	margin-right:5px;
	margin-left:5px;
	transition:all 0.1s ease;
}

/***************************************
			BLOGNAV
***************************************/

.blogposts {padding-bottom:30px;}
.blogposts:last-child {padding-bottom:0;}

.blogposts li {margin-bottom:1px;}
.blogposts li a {display:block; padding:3px 0;}
.blogposts li a:hover {}
.blogposts li a:before {
	font-family:'Font Awesome 5 Free';
    font-weight:900;
	content:"\f044";
	font-size:15px;
	margin-right:10px;
	transition:all 0.1s ease;
}

/***************************************
            BREADCRUMB 
***************************************/

#crumb {border-top:1px solid #e5e5e5; padding:10px 0;}
.crumb a {text-decoration:none;}
.crumb a + a {background:url(img/colnav-arrow.png) no-repeat center left; padding-left:13px; margin-left:10px;}

/* ----------------------------------------------------- */
/* SUBTITLE */
/* ----------------------------------------------------- */

.subtitle {padding:18px 0;}
.subtitle h1 {line-height:auto; margin:0;}
.subtitle h1 span {font-size:17px; color:#fff; font-weight:normal; text-transform:none;}

/***************************************
			FOOTER
***************************************/

.footer {padding-top:45px; margin-top:-1px;}
.footer .headline {border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:1em;}
.footer .headline h3 {text-transform:uppercase; font-size:17px; color:#eee; margin-bottom:0.5em;}

.footer textarea,
.footer input[type=text],
.footer textarea:focus,
.footer input[type=text]:focus {color:#000; padding:5px; border:0; font-size:14px;}

.footer textarea {height:160px;}

/***************************************
			BOTTOM LINE
***************************************/

#copyright {padding:20px 0;}

#back-to-top {display:none; position:fixed; right:0; bottom:30%; text-align:center;}
#back-to-top a {color:#fff; width:30px; display:block; line-height:30px; background-color:#999;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
#back-to-top a:hover {background-color:#555;}

/***************************************
			WIDGETS
***************************************/

section .widget-full {margin-top:-1px;}
section:first-child .widget-full {margin-top:0px;}

.widget-full.body {padding:45px 0;}

.widget {margin-bottom:45px; padding:0;}

.widget .headline {border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:1em;}
.widget .headline i {margin-right:10px;}
.widget .headline h3 {text-transform:uppercase; font-size:17px; color:#555; margin-bottom:0.5em;}

#sidebar .widget.sys,
#sidebar .widget.default {}

#sidebar .widget {margin-bottom:30px;}
#sidebar .widget:last-child {margin-bottom:0;}

/* Newsticker */

.newsticker ul li a {display:block; padding:5px 0 5px 5px;}
.newsticker ul li a:before {
	content:"- ";
	margin-right:5px;
}
.to-archive {text-align:right; font-size:13px; margin-top:15px;}
.to-archive a:before {
	font-family:'Font Awesome 5 Free';
    font-weight:900;
	content:"\f105";
	margin-right:5px;
}


/*************************************
	         BLOG
*************************************/

.blog-index {}
.blog-index .wrap {margin-bottom:30px;}

.blog-index .img {float:left; width:30%; padding:10px; border:1px solid #e0e0e0; background-color:#fff;}
.blog-index .img.for-desktop {display:block;}
.blog-index .img.for-pad {display:none; margin-bottom:15px;}
.blog-index .index-right {float:right; width:65%}
.blog-index h2 {margin-bottom:15px;}
.blog-index .ingress {margin-bottom:15px;}

#blog-comments {margin-bottom:30px;}
#blog-comments .wrap {padding:15px 0;}
#blog-comments .avatar {float:left; width:9%;}
#blog-comments .author {font-weight:600;}
#blog-comments .meta {font-size:13px; margin-bottom:15px;}
#blog-comments .comment-wrap {float:left; width:91%; padding-left:1%;}
#blog-comments .wrap:last-child {border-bottom: 1px solid #e3e3e3;}
#blog-comments .reply-wrap {padding-top:25px; padding-left:10%;}
#blog-comments .reply-wrap .avatar {float:left; width:10%;}
#blog-comments .reply-wrap .comment-wrap  {float:left; width:90%; padding-left:1%;}

.post-author {font-size:13px; margin-bottom:10px; padding:10px 0;}

textarea#postcomment {}

.blog-section {padding:45px 0;}
.blog-box {position:relative;}
.blog-box .img {position:relative; max-height:280px; overflow:hidden; text-align:center;}
.blog-box h3 {
	margin:0;
	width:100%;
	position:absolute; bottom:0; left:0;
	color:#fff;
	font-size:17px;
	line-height:23px;
	text-align:left;
	background-color:rgba(0,0,0,0.7);
	padding:10px;
}
.blog-box h3 span {
	display:block;
	font-size:13px;
	font-style:italic;
	color:rgba(255,255,255,0.7);
}
.blog-box h3:hover {background-color:rgba(0,0,0,0.8);}

.blog-single .seemore {
	display:block;
	line-height:42px;
	text-align:right;

}
.blog-section .seemore {
	display:block;
	line-height:42px;
	text-align:right;
	margin-bottom:-27px;
}

@media only screen and (max-width: 991px) {
	.blog-index .img.for-desktop {display:none;}
	.blog-index .img.for-pad {display:block;}
	.blog-index div.img {float:none; width:100%;}
	.blog-index .index-right {float:none; width:100%;}
}
@media only screen and (max-width: 767px) {
	.blog-box .img {max-height:360px;}
	.blog-section .col-sm-6 {padding-bottom:30px;}
	.blog-section .col-sm-6:last-child {padding-bottom:0;}
	.blog-section .seemore-multi {margin-bottom:0;}

	#blog-comments .avatar {width:15%;}
	#blog-comments .comment-wrap {width:85%;}
	#blog-comments .reply-wrap .avatar {width:15%;}
	#blog-comments .reply-wrap .comment-wrap  {width:85%;}
}
@media only screen and (max-width: 480px) {
	#blog-comments .avatar {width:18%;}
	#blog-comments .comment-wrap {width:82%;}
	#blog-comments .reply-wrap {padding-left:0;}
	#blog-comments .reply-wrap .avatar {width:18%;}
	#blog-comments .reply-wrap .comment-wrap  {width:82%;}
}

/*************************************
	        PARALLAX
*************************************/

#para-1 {
	background: 50% 0 no-repeat fixed;
    background-size:cover;
	color: white;
	max-height: 400px;
	margin: 0 auto;
	padding: 0;
}
.story {
	margin: 0 auto;
	overflow: hidden;
    width:100%;
}
.story .float-left, .story .float-right{
	width:33%;
	height:400px;
	padding: 45px 30px;
	position: relative;
	background-color: rgba(0,0,0,0.5);
}
@media only screen and (max-width: 991px) {#para-1 .story .float-left,	#para-1 .story .float-right {width:50%;}}
@media only screen and (max-width: 479px) {#para-1 .story .float-left,	#para-1 .story .float-right {padding: 45px 30px; width:100%;}}

/***************************************
			MESSAGES
***************************************/

label.input-err,
input.input-err,
textarea.input-err,
select.input-err {
	border:1px solid #ffaaaa !important;
	box-shadow:0 0 5px 0 rgba(255,20,20,0.4);
}
label.input-err {padding:10px;}

.nNote {margin-bottom:30px;}

.success,
.failure,
.warning,
.information {font-size:15px; border:1px solid; padding:15px;}

.warning {background:#ffd67e; border-color:#deba6e;}
.confirm {background:#def2d2; color:#3d5e2a; border-color:#abcd96;}
.information {background:#d3f2f2; border-color:#acc5c5;}
.success,
.success-tiny {background:#def2d2; color:#3d5e2a; border:1px solid #abc797;}

.failure,
.error-tec,
.error-tiny {color:#aa0000; background:#fef1f1; border:1px solid #aa0000;}
.error-field {color:#aa0000;}

.error-tec,
.success-tiny,
.error-tiny,
.success-tiny {font-size:15px; margin-bottom:10px; padding:5px;}

#frm_error, #frm_error_contact {display:none;}

/***************************************
			MODAL
***************************************/

.modal-overlay {position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border:5px solid #000;margin:0;padding:0;background:#000;z-index:5000;}
.modal-overlay-trans {position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border:5px solid #000;margin:0;padding:0;background:#000;opacity:.60;filter: alpha(opacity=60);-moz-opacity: 0.60;}
* html .modal-overlay {position:absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
.modal-window {position:fixed;top:50%;left:50%;margin:0;padding:0;z-index:102;}
* html .modal-window {position:absolute;}
.close-window {position:absolute;width:32px;height:32px;right:8px;top:8px;background:transparent url('/assets/css/img/close.gif') no-repeat scroll right top;text-indent:-99999px;overflow:hidden;cursor:pointer;opacity:.99;filter: alpha(opacity=99);-moz-opacity: 0.99;}