/*
Theme Name: Prehab Trening
Theme URI: http://muuh.no
Description: Prehab Trening Theme
Version: 1
Author: Øyvind Heggernes
Author URI: http://muuh.no
*/

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

body {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 16px;
}
h1 { font-size: 60px; font-weight: 300; font-family: 'Titillium Web', sans-serif; }
h2 { font-size: 24px; font-weight: 400; font-family: 'Titillium Web', sans-serif; line-height: 1.4; margin-bottom: 20px; }
h3 { font-size: 30px; font-weight: 300; font-family: 'Titillium Web', sans-serif; }
h4 { font-size: 16px; font-weight: 300; font-family: 'Titillium Web', sans-serif; }
a { 
	color: #00a3e5;
}
p { margin: 0 0 20px; }
.row { margin: 0; }
.fb-like { margin-bottom: 30px; }
.fb-comments { margin-top: 30px; }
blockquote { font-size: 24px; font-weight: 300; font-style: italic; }
blockquote:before { content: "«"; }
blockquote:after { content: "»"; }
blockquote p { display: inline; }
.text {
	word-break: break-word;
}
.text h3 { font-size: 18px; font-weight: 600; margin: 20px 0 5px; }
.text img { float: none; width: 100%; height: auto; padding: 10px 30px 30px 0; }
strong { font-weight: 600; }

.img-responsive { display: inline-block; }
.max-width { width: 100%; }
.sidebar { border-left: 1px solid #e0e0e0; margin: 0 0 0 40px; padding-left: 60px; }
.sidebar h3 { margin: 0 0 50px; }
.sidebar .skribent { margin-bottom: 40px; }
.box { background-color: #f6f6f6; padding: 22px 30px; }
.box img { margin-bottom: 15px; }
.box .col-md-7, .box .col-xs-8 { padding-left: 0px; }

.navbar-collapse {
	max-height: none;
	padding: 0;
	border-top-width: 0;
	box-shadow: none;
}
.navbar-toggle {
	float: none;
	margin: 0 5px 10px 0;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
}
.navbar-header>button.navbar-toggle.text, .navbar-header>span.navbar-toggle, .terms span.navbar-toggle {
	background-color: transparent;
	font-size: 20px;
	color: #fff;
}
.navbar-toggle .icon-bar { background-color: #fff; }

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

.header-thumbnail {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.header-thumbnail .play {
	position: absolute;
	width: 100%;
	margin-top: 25%;
	text-align: center;
	font-size: 90px;
	cursor: pointer;
}

/*
 * Navbar
 */
.navbar { position: absolute; width: 100%; top: 20px; z-index: 9; }
.navbar .navbar-header { float: right; margin: 0 0 0 14px; }
.navbar-nav { margin: 0 0 0 10px; padding: 0 5px; }

.container>.navbar-header { padding-left: 0px; }
.nav>li { 
	margin-top: 25px; 
	margin-right: 15px;
	background-color: rgba(255, 255, 255, 0.6);
}
.nav>li>a {  
	padding: 8px 15px; 
	line-height: 16px;
	font-size: 16px; 
	text-transform: uppercase;
	color: #333;
	letter-spacing: 0.5px;
	font-weight: 400;
}
.nav>li>a:hover { text-decoration: underline; background-color: inherit; }
/*.header { position: fixed; width: 100%; }*/
.header .container {
	padding: 0;
}

/*
 * Header
 */
.header>.container { width: 100%; }
.header.bn>.container { width: 100%; max-width: 1170px; }
.header .container { position: relative; }
.header .container>.container { padding: 10px 60px; color: #00a3e4; }
.header.omoss img { border: 7px solid #fff; }
.header.omoss h1 { font-size: 90px; font-weight: 600; color: #fff; }
.header.omoss.main { background-image: url('gfx/header-omoss.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; transition: height 0.5s ease; }
.header.omoss.main .container { padding-top: 200px; padding-bottom: 200px; max-width: 1170px; }
.header.omoss.main .container .row>div { margin-bottom: 40px; }
.header.omoss.main h1 { font-size: 40px; }
.header.omoss h3 { font-size: 18px; font-weight: 300; font-style: italic; color: #fff; }
.header.omoss img { width: 150px; height: auto; }

.header-img {
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: height 0.5s ease;
}
.header-img>img { width: 100%; height: auto; }

.heading { position: absolute; top: 430px; width: 100%; transition: top 0.5s ease; }
.front .heading { position: absolute; bottom: 100px; top: auto; width: 100%; transition: bottom 0.5s ease; }
.heading .row { padding: 0 30px; }
.heading span {
	background-color: rgba(255, 255, 255, 0.6);
	font-size: 90px;
	color: #333;
	font-weight: 200;
	padding: 0 10px;
	line-height: 1.6
}

.header.front {
	position: relative;
}
.header.front .header-img {
	background-image: url('gfx/header-front.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 460px;
	transition: height 0.5s ease;
}

/*
 * Om oss
 */
.omoss .heading { top: 240px; }
.omoss .text { padding-top: 40px; }
.omoss .sidebar { margin-top: 95px; border: none; }
.omoss .sidebar .row>div { margin-bottom: 30px; }
.omoss .sidebar img { margin-bottom: 30px; }
.omoss .sidebar h2 { font-size: 36px; font-weight: 300; margin-top: 0; line-height: 1; }

/*
 * Contnt
 */
/*.container.content { position: relative; top: 500px; background-color: #fff; width: 100%; }*/
.content h1 { margin-top: 50px; margin-bottom: 30px; }
.content .wp-caption {
	width: 100%;
	height: auto;
	float: none;
}
.content .wp-caption img { width: 100%; height: auto; padding: 10px 30px 10px 0; }
.content .wp-caption .wp-caption-text { color: #00a3e5; }

/*
 * Øvelser
 */
.ovelser {
	background-color: #333;
	color: #f3f3f3;
}
.ovelse h1 { margin: 40px 0; }
.ovelse p { color: #f3f3f3; }
.ovelse a { color: #f3f3f3; }
.ovelse .row { margin-bottom: 40px; }
/*
 * Terms
 */
.terms { background-color: #252525; }
.terms .container { padding: 20px 30px; }
.terms ul.terms-list { margin: 0; }
.terms .terms-list li { margin: 20px 0; padding: 0 2px; }
.terms .terms-list li a { padding: 10px; border: 3px solid transparent; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
.terms .terms-list li a:hover, .terms .terms-list li.active a { border: 3px solid #ff9c00; text-decoration: none; }

/*
 * Lister
 */
.list { margin-top: 40px; }
.list h1 {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 6px;
}
.ovelser .list { color: #ccc; }
.list>div { margin-bottom: 20px; }
.list h1 a { color: #000; font-weight: 400; }
.list a {	color: #00a3e5; }
.ovelser .list h1 a {	color: #ff9c00; }
.ovelser .list a { color: #ccc; }

.referanser { padding-top: 30px; }
.referanser .row { margin-top: 40px; }
.referanser .row>div { margin-bottom: 60px; }
.referanser h2 { font-size: 30px; margin-bottom: 10px; line-height: 1; }
.referanser h3 { font-size: 20px; margin-top: 0; line-height: 1; }

/*
 * Front
 */
/*.front .header-img { max-height: none; }*/
/*.front .header-img img { display: none; }*/
.front .head h1 {
	font-weight: 300;
	font-size: 30px;
	margin: 30px 0 0;
}
.front .head h1 span {
	padding: 0 13px; margin-left: 0px;
	background-image: url('gfx/arrow-down.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
	background-position: center right;
}
.front .more {
	text-align: right;
	font-size: 14px;
	margin-top: 40px;
}
.front .more a {
	padding: 5px 30px 5px 0;
	background-image: url('gfx/arrow-right.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
	background-position: center right;
}
.front .list { margin-top: 20px; }
.front .list>div { margin-bottom: 40px; }

.front .list h1 {
	font-size: 20px;
	font-weight: 300;
}
.front p>a {
	background-image: url('gfx/arrow-right.png');
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 10px 0px 10px 30px;
}
.front-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 245px;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(20px);}
	60% {-webkit-transform: translateY(15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(20px);}
	60% {-moz-transform: translateY(15px);}
}

@-ms-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
	40% {-ms-transform: translateY(20px);}
	60% {-ms-transform: translateY(15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(20px);}
	60% {-o-transform: translateY(15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(20px);}
	60% {transform: translateY(15px);}
}
.header.front .glyphicon {
	font-size: 22px;
	color: #fff;
	position: absolute;
	bottom: 30px;
	left: 49%;
	top: inherit;
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-duration: 3s;
	-moz-animation-delay: 2s;
	-moz-animation-iteration-count: infinite;
	-ms-animation-duration: 3s;
	-ms-animation-delay: 2s;
	-ms-animation-iteration-count: infinite;
	-o-animation-duration: 3s;
	-o-animation-delay: 2s;
	-o-animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
}

/* Gallery */
.gallery img { border: none !important; padding: 0; }
.gallery-item { width: 100% !important; }
.gallery-caption { padding-top: 6px; }

/*
 * Footer
 */
footer { background-color: #303030; }
footer>.container {
	margin-top: 0px;
	padding: 60px 60px;
	color: #7c7c7c;
}
footer .slash { padding-right: 10px; }
footer a { color: #c5c5c5; }
footer a:hover { color: #c5c5c5; text-decoration: underline; }
footer .developer { font-size: 13px; }
footer .developer a { color: #7c7c7c; }
footer .developer a:hover { color: #7c7c7c; text-decoration: underline; }

.treningsprogram .list > .col-md-6:nth-child(2n+1) { clear: left; }
.treningsprogram .list > .col-md-6:nth-child(3n+1) { clear: none; }

@media (min-width: 1200px) {
	/*.header>.container { max-width: 1200px; }*/
	.header.front { max-width: none; }
	.header.front>.container .header-img { max-height: none; }
	.terms>.container { max-width: 1200px; }
}
@media (min-width: 992px) {
	.container { padding-left: 30px; padding-right: 30px; }
	.sidebar { border-left: 1px solid #e0e0e0; margin: 0 0 0 10px; padding-left: 40px; }
	.box { background-color: #f6f6f6; padding: 15px 20px; }
	.list>div:nth-child(3n+1) { clear: left; }
}
@media (max-width: 991px) and (min-width: 768px) {
	.container { width: auto; padding-left: 30px; padding-right: 30px; }
	footer>.container .menu { text-align: center; margin-bottom: 5px; }
	footer>.container .social { margin-top: 40px; text-align: center; }
	.sidebar { border-left: 1px solid #e0e0e0; margin: 0; padding-left: 30px; }
	.box { background-color: #f6f6f6; padding: 15px 20px; }
	.text img { width: 100%; height: auto; float: none; padding: 20px 0; }
	.content .wp-caption { min-width: 100%; }
	.nav>li { margin-right: 10px; }
	.nav>li>a { font-size: 14px; }
	.list>div:nth-child(2n+1) { clear: left; }
}
@media (min-width: 768px)  {
	
}
@media (max-width: 767px) {
	h1 { font-size: 40px; }
	.container, footer>.container { padding-left: 0px; padding-right: 0px; }
	footer>.container { text-align: center; }
	footer>.container .menu li { display: block; padding-left: 0; margin-bottom: 5px; }
	footer>.container .social { margin-top: 40px; text-align: center; }
	.omoss .heading { top: 90px; }
	.omoss .heading h1 { font-size: 60px; }
	.container>.navbar-collapse { margin: 0; }
	.nav>li { display: inline-block; }
	.text img { width: 100%; height: auto; float: none; padding: 20px 0; }
	.content .wp-caption { min-width: 100%; }
	.header.front .header-img { height: 400px; }
	.header-img { height: 400px; }
	.header.omoss.main .container { padding-top: 100px; padding-bottom: 100px; }
	.navbar { margin: 0; }
	.navbar .navbar-header { float: none; }
	.navbar .navbar-brand { float: right; padding: 0 15px; margin-top: 0; }
	.navbar .navbar-brand img { width: 120px; height: auto; }
	.sidebar { border-left: none; border-top: 1px solid #e0e0e0; margin: 20px 0; padding-top: 20px; padding-left: 0; }
	.box { background-color: #f6f6f6; padding: 15px 15px; }
	.heading { top: 270px; }
	.heading span { font-size: 60px; }
	.header .container>.container { padding: 10px 10px; }
	.ovelser .terms .container { padding: 30px 0 10px; }
}
@media (max-width: 480px) {
	.header.front .header-img { height: 300px; }
	.header-img { max-height: 300px; }
	.heading .row { padding: 0; }
	.heading { top: 220px; }
	.header span { font-size: 40px; }
	.header-thumbnail .play { font-size: 40px; }
	.omoss .heading { top: 100px; }
	.omoss .heading p { margin-bottom: 0px; }
	.header.omoss img { width: 100px; }
	.omoss .heading h1 { font-size: 40px; margin-top: 0; }
	.omoss .heading h3 { margin-top: 0; }
	.omoss .text { padding-top: 0; }
}