/*
 Theme Name:   Besseggen theme
 Theme URI:    http://jeit.no
 Description:  Besseggen
 Author:       Marius Stenbakk Pettersen
 Author URI:   http://jeit.no
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         None
 Text Domain:  Besseggen | Guide til overnatting, mat og aktiviteter
*/



@import url("css/menu.css");
@import url("css/header.css");
@import url("css/footer.css");
@import url("css/slider.css");
@import url("css/fb.css");
@import url("css/mobile.css");
@import url("css/bigscreen.css");
@import url("css/main.css");


/* External */

@import url('https://fonts.googleapis.com/css?family=Eczar');
@import url('https://fonts.googleapis.com/css?family=Abel');
/* -- Global --*/

.wpml-ls-item-de { display: none !important; } /*slett linjen og slå på i WPML for å re-aktivere tysk */

p { 
	font-family: 'Abel', sans-serif;
	color: #282828;
	font-size: 18px;
	line-height: 130%;
}

* { 
	font-family: 'Abel', sans-serif;
	color: #282828;
	font-size: 18px;
	line-height: 130%;
}

h3 {
	font-family: 'Abel', sans-serif;
	color: #da8a44;
	font-size: 18px;
	line-height: 130%;
	text-transform: uppercase;
}

h2, .h1First, .h1Single {	
	font-family: 'Abel', sans-serif;
	color: #282828;
	line-height: 130%;
	text-transform: uppercase;
}
.h1First, .h1Single {
	font-size: 50px;
}
h2 {
	font-size: 40px;
}

h1, .h2Header {
	font-family: 'Eczar', serif;
	color: #282828;
	font-size: 25px;
	line-height: 130%;
	text-transform: uppercase;
}

body { margin: 0px;}

/* 03-09-18 - reinens rike og gjenbdebåten på forsiden */

.index_ads{
	position: absolute;
	right: 0px;
	display: flex;
	flex-direction: column;
}

.index_ads_reins-rike{
	z-index: 9999
}

.index_ads_reins-rike a{
	display: flex;
	flex-direction: column;
	max-width: 200px;
	background-color: #F28B47;
	text-align: center;
	
}

.index_ads_reins-rike_img{
	background-image: url('/wp-content/uploads/2018/09/reinensrike.png');	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 105px;
}

.index_ads_reins-rike h3{
	color: white;
	padding: 12px;
	text-decoration: none

}
/* 03-09-18 - reinens rike */

.sqs-block-code{
	margin-bottom: 50px;
}

.rg-table{
	width: 100%;
	border: 1px solid #eee;
	text-align: left;
	border-spacing: 0;
	border-collapse: collapse;
}

.rg-table thead{
	border-bottom: 3px solid #dddddd;
}

.rg-table tbody{
	text-align: left;
}
.rg-table th{
	padding-top: 10px;
	padding-bottom: 10px;
}

.rg-table th:last-child,  .rg-table td:last-child {
	text-align: right;
	padding-right: 20px;
}
.rg-table tr{
	margin: 0px;
	padding: 0px;
	border-width: 0px 0px 1px;
	border-image: initial;
	font: inherit;
	vertical-align: baseline;
}

.rg-table tr:hover{
	background-color: #e4e4e4 !important;
}

.rg-table tr, .rg-table td{
	padding-right: 12px;
	border-top: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}

.rg-table tbody tr:nth-child(even){
	background-color: #f6f6f6;
}



/* -- Layout --*/


#header-left {width: 360px;   float: left; background-color: #2E2E2E; height: auto; position: fixed; z-index: 999;}
#header-rigth {width: auto;   float: rigth; height: 100%; margin-left: 360px; }
#wrapper { display: block;  width:100%; margin:0px auto; }
#header { height: 366px; }
#sidebar { width: 360px;  padding: 0px !important;}
#delimiter { clear: both; }
/*#footer { width: 100%; height: auto ;}*/
#main { overflow: hidden; max-height: auto; position:relative; margin-left: 360px;}



#footer {
	position: relative;
	clear:both;
	margin-left: 360px;
	background-color: white;
	padding-bottom: 76px;
} 

#IndexWrapper{
	width:360px;
	height: auto;
	z-index: 99;
}


.Cursor{
	cursor:pointer;
}

#InfoTable > tbody > tr > td {
	padding-right: 20px;
}

#InfoTable > tbody > tr > td:first-child > p {
	text-align: right;
}

#InfoTable > tbody > tr > td > p {
	font-size:20px;
}

		.video-wrapper {
			position: relative;
			padding-top: 56.25% !important;
			/* padding-top: 25px; */
			
			padding: 0px;
		}
		.video-wrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 64%;
			height: 64%;
			max-width: 100%;
			margin-bottom: -200px;
		}
		
		iframe {
			-ms-zoom: 1.25;
			-moz-transform: scale(1.25);
			-moz-transform-origin: 0 0;
			-o-transform: scale(1.25);
			-o-transform-origin: 0 0;
			-webkit-transform: scale(1.25);
			-webkit-transform-origin: 0 0;
    }
		}

#IndexFill {
	height: auto;
	float: none; 
	overflow: hidden;
	background-color: #2E2E2E;
}

.ColContainer {
    display: table;
    width: 100%;
}

.ColRigth {
	display: table-cell;
	vertical-align: top;
	float:rigth;
	
}

.Col33 {
	display: table-cell;
	width: 33%;
}

.Col50 {
	display: table-cell;
	width: 50%;
}

.Col {
	display: table-cell;
	vertical-align: top;
	
}

	.Col > div {
		padding: 40px;
	}
.Col10{
	display: table-cell;
	width:10%;
}

.ColSmall{
	display: table-cell;
	width:25%;
}

	.ColSmall > div {
		padding: 40px;
		margin: 20px;
	}
		
		.ColSmall > div > ul {
			padding-left: 20px;
		}

.PostContent {
	padding:40px;
}


/* -- Tools --*/

.Uppercase {
    text-transform: uppercase;
}

.White {
	color: white;
}

.Fill {
	width:100%;
	height: 100%;
}

.Fixed {
	position: fixed !important;
}

.Relative {
	position: relative !important;
	width: 100%;
}

.TextCenter{
	text-align: center;
}

.Middle{
	vertical-align:middle;
}

.Right{
	float:right;
}

.CleanLink {
	text-decoration: none;
	outline: none;
}

.FillBox {
	min-width: 100%;
}

.Show {
	display:block !important;
}

.Hide {
	display:none !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

object * {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

svg:path::selection {
    background: none;
}

/* -- Tools -- */

/* -- Right Sidebar -- */

.SideImg{
	max-width: 300px;
	max-height: 300px;
	background-repeat: no-repeat;
	background-size:contain;
}

#Guide {
	width: 90%;
	height: auto;
	border: solid 1px;
	padding-bottom: 20px;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

	#Guide > #GuideImg {
		background: url("/wp-content/themes/Besseggen/img/ikon_vandrer_negative.png");
		background-repeat: no-repeat;
		background-position: center;
		width: auto;
		height: 80px;
	}
	
		#Guide > div > h2 {
			text-align: center;
			padding: 0px 10px;
		}
		
		#Guide > div > p {
			padding: 10px;
			text-align: center;
			padding: 0px 10px;
		}
.GuideOrder{
	text-align: center;
	padding: 20px 0px;
	
}

	.GuideOrder > input[type=button]{
		background-color: white;
		padding: 10px;
		font-size: 18px;
		color: #282828;
		border: 2px solid #282828;
	}

#MultiPost{
	display: table;
	width: 100%;
}

	#MultiPost > .MainCell{
		width: 70%; 
		display: table-cell; 
		padding: 40px 50px; 
		vertical-align: top;
	}

	#MultiPost > .MetaCell{
		width: 30%; 
		display: table-cell;
		padding: 40px;
		}



.SlideImage{
		
		background-repeat: no-repeat !important;
		background-size: cover !important;
		width:100%;
		height: 400px;
		background-position:50% 50% !important;
}

.LogoGallery {
	width: 20%;
	margin: 30px;
	border: solid 1px black;
	padding: 0px !important;
}

.LogoImage {
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	width: auto;
	background-position: center;
}

.FAQ{
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

	.FAQ > .Question {
		vertical-align: middle;
		width: 100%;
		background-color: #E5F5F5;
		margin-bottom: 30px;
		border: solid 1px black;
	}
		.FAQ > .Question > h2 {
			float: left;
			margin-left: 40px;
		}

		.FAQ > .Question > .Answer {
			display: block;
			width: 90%;
			padding-top: 70px;
			margin: auto;
		}		
			.FAQ > .Question > .Answer > p{

			}
		
		.FAQ > .Question > .Expand{
			float: right;
			display:inline-block;
			margin-right: 40px;
			margin-top: auto;
			margin-bottom: auto;
			height: auto;
			margin-top: 24.9px;
		}
			
			.FAQ > .Question > .Expand:hover{
				cursor:pointer;
			}


.HideFAQ {
	display: none !important;
}

#Gjende{
	width: auto;
    height: auto;
    background-color: #00A8AB;
    display: table;
    z-index: 30;
    opacity: 0.9;
    padding-bottom: 25px;
}

	#Gjende * { 
		color: white; 
		text-align: center;
	}
	
	#Gjende  h2 {
		padding: 10px 4px ;
		font-size:20px;
	}
	
	#Gjende a {
		outline: none;
		padding: 4px 0px;
		z-index: 100;
	}
	
	#Gjende > a > table{
		max-width: 200px;
	}
	
#GjendeLogo {
	background-repeat: no-repeat;
	height: 46px;
	width: auto;
	background-image: url("/wp-content/themes/Besseggen/img/ikon_gjendebaten0.png");
	padding: 20px;
	background-position: center;
}

.gjende_mobile_header *{
	text-align: center; 
	font-size: 18px !important;
}

.StandardButton {
	background-color: white;
	padding: 10px;
	font-size: 18px;
	color: #282828;
	border: none;
	min-width: 200px;
}

.StandardButton:hover{
	cursor:pointer;
}

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

.Buttons{ display: inline;}

.InfoFacts{
	top: 128px;
	position: absolute;
}

.SVGBig{
	width: calc( 100vw - 369px );
	height: auto;
	
}

.ButtonPadding{
	margin: 20px;
}

.TailImgDiv{
	height: 300px;
	width: 100%;
}

.TrailImg{
	background-image: url("/wp-content/themes/Besseggen/img/besseggen_reinensrike.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100%;
}

.TailImgDiv ~ div {
	padding: 0px !important;
}

.alignnone {
	max-width: 100%;
	height: auto;
}