/* 
Theme Name: Kysthotellet
Description: SmartFoundation with Megadropdown
Github Theme URI: https://github.com/smartmediaas/SmartFoundation
Author: Smart Media AS
Author URI: http://smartmedia.no/
Version: 1.0.9
*/

/*
= Fonts
------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,300,600);


/*
= Global
------------------------------------------*/
html{
	height: 100%;
}

body{
	min-height: 100%;
    background:url('images/bg.png') no-repeat center top fixed;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    line-height: 26px;
}
#page{
    background: transparent;
}
h1,h2,h3,h4,h5,h6,p, h2#page-title{
	font-family: 'Titillium Web', sans-serif;	
	padding-left: 0.5em;
}

h2#page-title, h1{
	font-weight: 300;
	font-size: 150%;
}
h2#page-title{
	margin-bottom: 0;
}
h2{
	font-weight: 300;
	font-size: 130%;
}
h3{
	font-weight: 300;
	font-size: 120%;
}

a{
    text-decoration: none;
    color: #A70F14;
}
a:hover{
    text-decoration: none;
    color: #750A0E;
}
a.zoomLink{
    display: block !important;
}
/*
= Structure
------------------------------------------*/


/*
= Header
------------------------------------------*/

.infoline-top{
	margin-top: 16px;
	margin-left: 0.5em;
	font-weight: 600;
	line-height: 26px;
}
.infoline-top a{
	color: #333333;
	font-weight: 600;
}
.infoline-top a:hover{
	text-decoration: underline;
}

.pluss-1000{
	text-align: center;
	margin-top: 16px;
}
.pluss-1000 img{
	max-width: 80px;
	width: 100%;
	height: auto;
}
@media only screen and (min-width: 768px){
	.pluss-1000{
		margin-top: 16px;
	    text-align: right;
	    position: absolute;
	    right: 24px;
	    bottom: 14px;
	}
}
/*
= Navigation
------------------------------------------*/
.menu{
	padding-top: 12px;
}

.main-navigation {
	background: #fad471;
	padding-bottom: 1.5em;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	width: 100%;
}
.main-navigation li {
	position: relative;
	text-align: center;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 0.5em 0 0.5em 1em;
	color: #333333;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
}
.main-navigation ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background: #dddddd;
	display: none;
	float: left;
	position: absolute;
    	top: 0;
    	left: 12em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation li.current-menu-ancestor > a,
.main-navigation li.current-menu-parent > a,
.main-navigation li.current-menu-item > a {
}

/*
= Content
------------------------------------------*/
ul,ol{
    padding-left: 2em;
}
.entry-meta{
	font-size: 0.9em;
	font-style: italic;
	color: #888888;
	margin-bottom: 17px;
}
.entry-content, p{
	font-size: 15px;
}
.entry-content p, .gform_wrapper{
	padding-left: 0.7em;
}

.header-thumb{
	padding: 1.5em 0;
}

.header-thumb img{
	height: 208px;
}

ul.rooms li{
	padding-bottom: 0;
}

p + h3, p + h2{
	margin-top: 0.9em;
}

.gallery{
	margin-top: 2em;
}
ul.gallery{
	margin-left: 1em;
}
li.gallery-item img{
	max-width: 150px;
}
/*
= Front Page
------------------------------------------*/
.first-section, .second-section{
	margin-bottom: 1.5em !important;
}
.first-section{
	position: relative;
}

.front-second-menu-outer{
	padding: 0;
}
.front-second-menu-outer.left-padding{
	padding-left: 1.5em;
}
.front-second-menu-inner{
	background: #fad471;
	height: 182px;
}

.front-second-menu-inner:hover{
	background: #dee8f3;
}

.front-second-menu-inner a{
	color: #333333;
	font-family: 'Titillium Web', sans-serif;
}
.front-second-menu-inner p{
	padding-top: 0.9em;
	font-size: 16px;
}
a.style1{
	padding-left: 1em;
}
.front-second-menu-outer.large-6.columns a img{
	width: 100%;
	padding-left: 0 !important;
}
.front-second-menu-outer.large-3.columns a img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.2em;
	padding-top: 2.5em;
}
.front-second-menu-outer.large-3.columns{
	text-align: center;
}

.entry-thumb-front{
	padding-left: 1.5em;
	padding-right: 0;
}

.entry-content-front h3{
	font-weight: 300;
	font-size: 24px;
}
.entry-content-front h3, p{
	padding-left: 0;
}

.entry-content-front p{
	line-height: 26px;
}

/*
= Kurs og konferanse
------------------------------------------*/
.room-thumb{
	margin-bottom: 1em;
}
ul.conference-package{
	padding-left: 0.4em;
}
ul.conference-package li{
	padding-right: 2em;
}

ul.conference-package p {
	font-size: 16px;
	margin: 0;
}
p.package-name{
	font-weight: 600;
	margin-bottom: 0.5em;
	margin-left: 0.5em !important;
}
p.package-price{
	font-style: italic;
	font-weight: 600;
}
p.package-price, p.package-content{
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 1.5em;
}

/*
= Slider
------------------------------------------*/
.slider-holder{
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 0;
}
.slider{
	margin-top: 26px;
	padding-right: 0;
}
.rsSBlock.sliderText {
	background: #dee8f3;
	color: #333333;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 24px;
	padding-top: 0.8em;
	padding-left: 1em;
}

/*
= Widgets / Sidebar
------------------------------------------*/
#secondary{
}

#logos img{
	max-width: 200px;
	width: 100%;
	display: block;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
}
ul.second-menu{
	list-style: none;
	padding-left: 0;
}

ul.second-menu li {
	background: #fad471;
	margin-top: 1.5em;
}

ul.second-menu li:hover{
	background: #dee8f3;
}

.front-second-menu-inner, ul.second-menu a{
	color: #333333;
	font-family: 'Titillium Web', sans-serif;
}

p.style1{
	padding-top: 0.8em;
	padding-bottom:1em;
	padding-left: 0.8em;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
}
ul.second-menu li.style2 a img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 16px;
}
ul.second-menu li.style2{
	text-align: center;
	padding-top: 2.5em;
	padding-bottom: 1em;
}

/*
= Footer
------------------------------------------*/
.footer-contact-info{
	background: #e6e6e6;
	text-align: center;
	padding-top: 26px;
	padding-bottom: 52px;
	margin-top: 2em;
	height: 104px;
	margin-bottom: 2em;
}

.footer-contact-info p{
	line-height: 26px;
}

.footer-contact-info span, .site-generator{
	padding-left: 1em;
	color: #333333;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 90%;
}

.site-generator{
	font-size: 80%;
}

.footer-contact-info span a, .site-generator a {
	color: #333333;
}

.footer-contact-info span a:hover{
	text-decoration: underline;
}

/*
= Mobile Menu
------------------------------------------*/
.mobile-menu-wrapper{
	position: relative;
	padding: 1em 0;
}

.activate-menu{
	height: 25px;
	width: 25px;
	margin: 0 auto;
	padding: 1em 0;
	background: url('images/arrow-down.png') no-repeat center center;
}

.activate-menu.active{
	position: absolute;
	bottom: 1em;
	left: 50%;
	margin-left: -12.5px;
	background: url('images/arrow-up.png') no-repeat center center;
}

#mobile-menu ul.top-menu{
	line-height: 39px;
	padding-bottom: 1em;
}
#mobile-menu ul.top-menu, #mobile-menu ul.sub-menu{
	display: none;
	list-style: none;
	text-align: center;
	padding-left: 0;
	margin-left: 0;
}

#mobile-menu a{
	color: #333333;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 120%;
}

#mobile-menu a:hover,
#mobile-menu li.current-menu-ancestor > a,
#mobile-menu li.current-menu-parent > a,
#mobile-menu li.current-menu-item > a {
	text-decoration: underline;
	color: #000000;
}


#mobile-menu li.menu-item-has-children:after{
	content: "+";
}

#mobile-menu li.menu-item-has-children.active:after{
	content: "-";
}

#mobile-menu ul.sub-menu li{
	background: #C8AA5A;
}

#mobile-menu ul.sub-menu li a{
	font-size: 100%;
}


/*
= Topbar
------------------------------------------*/
.mobile-head-logo{
	padding-top: 1em;
	padding-bottom: 0.5em;
	background: #fad471;
}
.mobile-head-logo img{
	display: block;
	margin: 0 auto;
	max-height: 100px;
}

.toggle-mega{
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	float: left;
	opacity: 0.5;
	margin-right: -15px;
}
.toggle-mega:hover{
	text-decoration: none;
}
.toggle-mega.open{
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 1;
	z-index: 1;
	-moz-transform-origin: center center;
}

.top-bar, .contain-to-grid, .top-bar.expanded .title-area,
.top-bar-section ul, .top-bar-section ul li > a,
.top-bar-section ul li.active > a {
	background: #fad471;
}

.top-bar.expanded .toggle-topbar a, .top-bar-section ul li > a,
.top-bar-section ul li.active > a {
	color: #333333;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 100%;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
	border:none;
}

.top-bar ul{
    padding-left: 0;
    text-align: center;
}
.top-bar .name h1 a{
	width: auto;
}
.top-bar .name h1 a#top-bar-title{
	overflow: hidden;
	margin-right: 80px;
}

.top-bar .toggle-topbar {
	position: absolute;
	right: 50%;
	top: 0;
	margin-right:-35px;
}

.top-bar.expanded .name {
	height: 0;
}

.top-bar.expanded .toggle-topbar {
	visibility:hidden;
}

.top-bar.expanded .toggle-topbar a {
	visibility:hidden;
	height: 0px;
}

/*
= Mega Dropdown
------------------------------------------*/
#megadrop{
	background: #252525;
	display: none;
	color: #fff;
	padding-top: 1em;
	width: 100%;
}
#megadrop a{
	color: #fff;
}
#megadrop ul{
	list-style: none;
	padding: 0;
}
#megadrop .widget-title{
	color: #fff;
}
/*
= Media Queries
------------------------------------------*/
@media only screen and (min-width: 768px) {
	body{
		padding-top: 0 !important;
	}
}

@media only screen and (max-width: 767px) {
	.slider-holder{
		position: static;
		padding-left: 0;
	}
	.slider{
		padding-left: 0;
		margin-top: 1.5em;
	}
	.first-section{
		position: static;
	}
	.front-second-menu-outer.large-6.small-12.columns .front-second-menu-inner {
		height: auto;
	}
	.front-second-menu-outer.left-padding {
		padding-left: 0;
	}
	#site-generator{
		padding-top: 1em;
	    padding-bottom: 1em;
	}
	.front-second-menu-outer{
		padding: 0 0.7em 1em 0.7em;
	}
	.front-second-menu-outer.left-padding{
		padding: 0 0.7em;
	}
	.front-second-menu-inner p {
		padding-top: 0;
	}
	.footer-contact-info span{
		display: inline-block;
	}
}