@charset "UTF-8";

/*---------------------------------------------------------------------------------

	Theme Name: WordPressguider.se
	Description: Tema för WordPressguider.se
	Author: Anders Norén
	Author URI: http://www.andersnoren.se
	Version: 1.0
	
-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup
	2.  Structure
	3.	Header
	4.	Navigation
	5.	Main Content
	6.  Single post
	7.	Post Content
	8.	Page
	9.	Pagination
	10.	Page & Page Templates
	11.	Credits
	12. Responsive
13. Pricing Tables


----------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------------- */


html, body { margin:0; padding:0; height:100%; }

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

blockquote:before, blockquote:after {
	content:"";
}

a { outline:none; }

input { -webkit-appearance:none; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}


/* -------------------------------------------------------------------------------- */
/*	1. Document setup
/* -------------------------------------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	border: none;
	background: #F6F8F8;
	color: #333;
	font-family: 'proxima-nova', Helvetica, sans-serif;
	font-size: 18px;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: subpixel-antialiased;
}

body a {
	color: #1e8cbe;
	text-decoration: none;
}

body a:hover {
	color: #1e8cbe;
	text-decoration: none;
}

* { 
	-webkit-font-smoothing: subpixel-antialiased;
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}

img {
	max-width: 100%;
	height: auto;
}

.hidden { display: none; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }

::selection {
	background: #222;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
}

::-webkit-input-placeholder { color: #A9A9A9; }
:-ms-input-placeholder { color: #A9A9A9; }



/* Transitions --------------------------------------- */


body a,
.widget .ui-tabs-nav .tabbed,
.widget .posts-tab a .post-title,
.widget .categories-tab a h5,
.main-menu > .has-children:hover::after,
.related-post .post-title,
.main-menu ul.popular a span {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.logo .site-title span,
.post-title a,
.mobile-menu .twitter,
.widget.about .social a,
.hero-nav .bubble,
.navigation #s,
.post-comments,
.content form input,
.content form textarea,
.social-links a,
.about-wpg .searchbutton,
.mobile-search .searchbutton,
.widget .comment-tab-inner .avatar,
.widget_wpg_recent_posts_widget a img,
.wpg-social .social-link,
.authors-container .author-avatar-container,
.archive-nav a,
.footer-theme .btn,
.widget_search input[type="search"] {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.nav-toggle,
.search-toggle,
.nav-toggle .bar,
.post .featured-media a img,
.post-author-image a img,
.widget_wpg_theme_widget .theme-thumb .overlay,
.widget_wpg_theme_widget .theme-thumb .overlay h4 {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/* -------------------------------------------------------------------------------- */
/*	2.	Structure
/* -------------------------------------------------------------------------------- */


.section { 
	padding: 100px 0; 
	position: relative;
	display: block;
}

.big-padding { padding: 160px 0; }
.medium-padding { padding: 80px 0; }
.light-padding { padding: 60px 0; }
.small-padding { padding: 40px 0; }
.no-padding { padding: 0; }

.one-fifth { width: 16%; margin-left: 5%; }
.one-fourth { width: 21.25%; margin-left: 5%; }
.one-third { width: 30%; margin-left: 5%; }
.one-half { width: 47.5%; margin-left: 5%; }
.two-thirds { width: 65%; margin-left: 5%; }

.one-fifth:first-child,
.one-fourth:first-child,
.one-third:first-child,
.one-half:first-child,
.two-thirds:first-child { margin-left: 0; }


/* site specific */


.bg-white { background: #FFF; }
.bg-grey { background-color: #F1F1F1; }
.bg-medium { background-color: #33363B; }
.bg-dark { background-color: #222; }
.bg-graphite { background-color: #333; }
.bg-blue { background-color: #1e8cbe; }
.bg-red { background-color: #d54e21; }

.section-inner {
	width: 1280px;
	max-width: 90%;
	margin: 0 auto;
}

.section-inner.thin { width: 700px; }

.wrapper-inner { position: relative; }

.content { width: 70%; }
.single .content {
	width: 66.5%; 
	box-shadow: 0 2px 0 #eee;
}
.sidebar { width: 30%; position: relative; z-index: 2; }


/* -------------------------------------------------------------------------------- */
/*	3. Header
/* -------------------------------------------------------------------------------- */


.header .section-inner { position: relative; }

.header .logo {
	display: block;
	max-width: 225px;
}

.logo .site-title {
	margin-top: 10px;
	font-size: 1.05em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	color: #999;
	-webkit-font-smoothing: antialiased;
}

.logo:hover .site-title .blue { color: #1e8cbe; }
.logo:hover .site-title .orange { color: #d54e21; }
.logo:hover .site-title .black { color: #111; }

.header-ad {
	position: absolute;
	top: 50%;
	margin-top: -47px;
	right: 0;
}


/* -------------------------------------------------------------------------------- */
/*	3. Navigation
/* -------------------------------------------------------------------------------- */


.navigation:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #007DAE;
	position: absolute;
	bottom: -1px;
	z-index: -1;
}

.mobile-nav-wrapper { display: none; }
.nav-wrapper { display: block; }

.main-menu { 
	border-right: 1px solid rgba(255,255,255,0.1); 
	border-left: 1px solid rgba(0,0,0,0.1);
}

.main-menu:after { content: ""; display: inline-block; clear: both; }

.main-menu li { float: left; position: relative; }

.main-menu > li > a {
	display: block;
	padding: 25px 22px 23px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 0.8em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	line-height: normal;
	border-right: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(255,255,255,0.1);
}

.main-menu .menu_item_home a {
	width: 74px;
	height: 65px;
	position: relative;
}

.main-menu .menu_item_home i {
	font-size: 28px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	right: 0;
	left: 0;
}

.main-menu > .has-children > a { padding-right: 37px; }

.main-menu > .has-children:before,
.main-menu > .has-children:after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-top-color: rgba(255,255,255,1);
	position: absolute;
	z-index: 1001;
	right: 17px;
	top: 50%;
	margin-top: -2px;
}

.main-menu > .has-children:before { 
	border-top-color: rgba(0,0,0,0.1); 
	right: 16px;
	margin-top: -1px;
}

.main-menu li:hover > a,
.main-menu li .active { 
	color: #fff; 
	background-color: #333; 
	border-color: transparent;
}

/* sub menus */

.main-menu ul {
	position: absolute;
	left: -9999px;
	opacity: 0;
	z-index: 99999;
	width: 300px; 
	background: #333;
	-webkit-transition: opacity 0.1s ease-in-out;
	 -moz-transition: opacity 0.1s ease-in-out;
	 -ms-transition: opacity 0.1s ease-in-out;
	 -o-transition: opacity 0.1s ease-in-out;
	 transition: opacity 0.1s ease-in-out;
}

.main-menu ul li {
    float: none;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.main-menu ul a {
	display: block;
	padding: 22px 22px 20px;
	line-height: 120%;
	color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-menu ul a:hover { background: rgba(255,255,255,0.1); }

.main-menu li:hover > ul {
	opacity: 1;
	left: 0;
}

/* popular posts */

.main-menu ul.popular { width: 400px; }

.main-menu ul.popular a > span {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: #d54e21;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 22px;
	font-size: 1.1em;
	font-weight: 400;
	text-align: center;
	color: #fff;
	padding-top: 11px;
}

.main-menu ul.popular h4 {
	font-family: 'adelle', sans-serif;
	margin-left: 62px;
	font-size: 0.95em;
	line-height: 140%;
}

.main-menu ul.popular p {
	margin-left: 62px;
	margin-top: 6px;
	font-size: 0.9em;
	color: rgba(255,255,255,0.5);
}

.main-menu ul.popular p span {
	color: rgba(255,255,255,0.2);
	margin: 0 5px;
}

/* search */

.nav-search-block {
	display: none;
	background: #333;
	padding: 60px 0;
}

.nav-search-block .section-inner { position: relative; }

.nav-search-block #s {
	display: block;
	width: 100%;
	padding: 0 75px 0 0;
	margin: 0;
	background: none;
	border: none;
	font-family: 'proxima-nova', sans-serif;
	font-size: 2em;
	font-weight: 300;
}

.nav-search-block #s:focus { 
	outline: none; 
	color: #fff;
}

.nav-search-block .searchbutton {
	display: block;
	height: 50px;
	width: 50px;
	border: none;
	background: none;
	padding: 0;
	opacity: 0.5;
	font-size: 50px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -25px;
}

.nav-search-block .searchbutton:hover {
	cursor: pointer;
	opacity: 1;
}


/* social links */


.nav-wrapper .social-links li {
	float: left;
	margin: 13px 0 0 8px;
}

.social-links li:first-child { margin-left: 0; }

.social-links a {
	display: block;
	width: 39px;
	height: 39px;
	border-radius: 99px;
	background: rgba(0,0,0,0.2);
	position: relative;
}

.social-links a:before {
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 0;
	left: 0;
}

.social-links a:hover { background-color: #d54e21; }


/* -------------------------------------------------------------------------------- */
/*	5. Post archive
/* -------------------------------------------------------------------------------- */


/* posts ad */

.posts .post.posts-ad {
	float: none;
	clear: both;
	width: 100%;
	margin-right: 0;
	padding-right: 4.9%;
	background: none;
	box-shadow: none;
}

/* post */

.posts .post {
	width: 45%;
	margin: 0 4.9% 40px 0;
	float: left;
	background: #FFF;
	box-shadow: 0 2px 0 #eee;
}

.posts .post:nth-child(1),
.posts .post:nth-child(2) { margin-top: 0; }

.post .featured-media { 
	position: relative; 
	overflow: hidden; 
}

.posts .post .featured-media a:hover img { -webkit-transform: scale(1.1); }

.post .featured-media a,
.post .featured-media img { display: block; }

.post .featured-media img { width: 100%; }

.post .featured-media iframe { border: none; }

.post-comments { 
	position: absolute; 
	top: 15px;
	right: 15px;
	padding: 5px 7px 4px;
	color: #FFF;
	background: #1e8cbe;
	border-radius: 3px;
	z-index: 10;
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
	text-align: center;
}

.post-comments:before {
	content: "\f075";
	font-family: 'FontAwesome';
	font-size: 0.9em;
	margin-right: 4px;
	-webkit-font-smoothing: antialiased;
	position: relative;
	top: -1px;
}

.post-comments:hover { 
	background-color: #d54e21; 
	color: #fff;
}

.posts .post-inner { padding: 30px; }

.post .post-header { margin-bottom: 25px; }

.post-categories { 
	margin-bottom: 10px;
	font-size: 14px; 
	text-transform: uppercase; 
	font-weight: 700; 
	letter-spacing: 1px;
}

.post-categories a { 
	color: #d54e21; 
	margin-right: 10px; 
}

.post-categories a:hover { 
	color: #d54e21; 
	text-decoration: underline; 
}

.post .post-title {
	font-family: 'adelle', sans-serif;
	font-size: 1.4em;
	line-height: 120%;
	font-weight: 700;
	margin-bottom: 10px;
}

.post .post-title a { color: #222; }
.post .post-title a:hover { color: #1e8cbe; }

.post .post-meta.top { 
	font-size: 0.85em; 
	color: #999; 
}

.post .post-meta a { color: #999; }
.post .post-meta a:hover { color: #1e8cbe; }

.post .post-meta .sep { 
	color: #DDD; 
	margin: 0 8px; 
}

.posts .post-content { 
	color: #666; 
	font-size: 0.95em; 
}

.post .post-content p { line-height: 160%; }


/* -------------------------------------------------------------------------------- */
/*	6. Single post
/* -------------------------------------------------------------------------------- */




.single.post { background: #FFF; }


/* post-comments */


.single .post-comments { top: 17px; right: 17px; }


/* post-header */


.single .post-header { 
	padding: 7.5%; 
	margin-bottom: 0; 
}

.single .post-header .post-categories { margin-bottom: 15px; }

.single .post-header .post-title { 
	font-size: 2.25em; 
	line-height: 130%;
	margin-bottom: 15px;
}

.single .post-header .post-meta.top { 
	font-size: 1em; 
	line-height: normal; 
}


/* post-header-ad */


.post-header-ad {
	padding: 25px 5%;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

.post-header-ad > .adsbygoogle { margin: 0 auto; }


/* post-content */


.single .post-content-container { position: relative; padding: 7.5%; }

.single-post .post-content { 
	min-height: 290px;
	margin-left: 110px; 
}


/* post-share */


.post-share { 
	position: absolute;
	top: 0;
	left: 7.5%;
	padding-top: 10%;
}

.post-share a {
	display: block;
	width: 60px;
	height: 50px;
	margin-bottom: 10px;
	border-radius: 3px;
	background: #aaa no-repeat center;
	background-size: 22px auto;
	position: relative;
}

.post-share a:before {
	font-size: 22px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 0;
	left: 0;
}

.post-share .twitter { background-color: #55acee; }
.post-share .facebook { background-color: #3b5998; }
.post-share .googleplus { background-color: #dd4b39; }

.post-share .twitter:hover { background-color: #2E87C1; }
.post-share .facebook:hover { background-color: #2F437C; }
.post-share .googleplus:hover { background-color: #C02618; }

.post-share .mail:hover,
.post-share .print:hover { background-color: #888; }

/* post-author */

.post-author-container { padding: 5%; background: #1e8cbe; }

.post-author-image { width: 20%; float: left; }
.post-author-content { width: 75%; float: right; }

.post-author-image a {
	display: block;
	border-radius: 999px;
	overflow: hidden;
	border: 6px solid #1976A1;
}

.post-author-image img { display: block; border-radius: 999px; }

.post-author-name {
	font-family: 'adelle', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}

.post-author-name a { color: #FFF; }
.post-author-name a:hover { text-decoration: underline; color: #fff; }

.post-author-description { 
	font-size: 0.95em;
	line-height: 150%;
	color: rgba(255,255,255,0.9);
	margin-top: 15px;
}

.post-author-links {
	margin-top: 20px;
	font-size: 0.9em;
	line-height: 200%;
}

.post-author-links li {
	display: inline-block;
}

.post-author-links li:before { 
	content: "/";
	display: inline-block;
	margin: 0 7px 0 10px; 
	color: rgba(255,255,255,0.2); 
}

.post-author-links li:first-child:before { content: none; }

.post-author-links a { 
	color: rgba(255,255,255,0.6); 
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(255,255,255,0.2); 
}

.post-author-links a:hover { color: #FFF; border-bottom-color: #FFF; }


/* related-posts */

.related-posts { padding: 7.5% 0 7.5%; margin: 0 5%; border-bottom: 4px solid #EEE; }

.related-post { display: block; }

.related-post img { 
	display: block; 
	margin-bottom: 20px;
}

.related-post .post-title { 
	font-family: 'adelle', sans-serif;
	font-size: 1em;
	line-height: 130%;
	color: #333;
	margin: 0;
	-ms-word-break: break-word;
	word-break: break-word;
}

.related-post:hover .post-title { color: #1e8cbe; }



/* -------------------------------------------------------------------------------- */
/*	7. Post content
/* -------------------------------------------------------------------------------- */


.post-content {	
	position: relative; 
	font-size: 0.95em; 
	color: #444; 
}

.post-content p,
.post-content blockquote,
.post-content ul,
.post-content ol,
.post-content li,
.post-content address,
.post-content dl,
.post-content .wp-caption,
.post-content pre {
	line-height: 166%;
	margin-bottom: 30px;
}

.post-content > *:first-child { margin-top: 0; }
.post-content *:last-child { margin-bottom: 0; }

.post-content a { border-bottom: 1px solid #DDD; } 
.post-content a:hover { border-bottom-color: #1e8cbe; } 

.post-content p.intro {
	font-size: 1.35em;
	line-height: 140%;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	font-family: 'adelle', sans-serif;
	line-height: 120%;
	font-weight: 700;
	margin: 50px 0 20px;
	color: #333;
}

.post-content h1 {
	margin-top: 30px;
	padding-top: 15px;
	border-top: 2px solid #DDD;
}

.post-content h1 a[href^="#"] { border-bottom: none; color: #999; }
.post-content h1 a[href^="#"]:hover { color: #1e8cbe; }

.post-content h1 { font-size: 2em; }
.post-content h2 { font-size: 1.75em; }
.post-content h3 { font-size: 1.5em; }
.post-content h4 { font-size: 1.2em; }
.post-content h5 { font-size: 1.1em; }
.post-content h6 {
	font-size: 0.9em; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}

.post-content .alignnone + h1, 
.post-content .alignnone + h2, 
.post-content .alignnone + h3, 
.post-content .alignnone + h4, 
.post-content .alignnone + h5, 
.post-content .alignnone + h6 { padding-top: 0; }

.post-content .theme + .theme { margin-top: 60px; }

.post-content .theme .alignnone { margin: 0; }

.post-content .theme h3 { margin: 0 0 12px; }

.post-content .theme .button:nth-child(2):hover { background-color: #d54e21; } 

.post-content hr {
	border: none;
	width: 100%;
	height: 4px;
	background: #eee;
	margin-bottom: 30px;
}

.post-content blockquote {
	padding-left: 1em;
	border-left: 0.3em solid #EEE;
	color: #666;
}

.post-content blockquote p { font-style: italic; }

.post-content blockquote.pull {
	width: 250px;
	float: left;
	border-left: 0;
	padding-left: 0;
	margin: 1em 2em 1em -75px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color: #222;
}

.post-content blockquote.pull p { 
	line-height: 140%;
	font-style: normal;
	font-weight: bold; 
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.post-content blockquote cite {
	display: block;
	margin-top: 1em;
	line-height: 140%;
	color: #666;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.post-content blockquote cite:before { content: "— "; }

em, q {  font-style: italic;  }

code, kbd, pre { font-size: 0.85em; }

.post-content ul {
	list-style: disc;
	margin-left: 1.5em;
}

.post-content ol {
	list-style: decimal;
	margin-left: 1.5em;
}

.post-content li,
.post-content li:last-child { margin-bottom: 0.5em; }

.post-content > ol > li:last-child,
.post-content > ul > li:last-child {
	margin-bottom: 0;
}

.post-content ol ul,
.post-content ul ol { margin-bottom: 0; }

.post-content ol ul li:first-child,
.post-content ol ol li:first-child,
.post-content ul ol li:first-child,
.post-content ul ul li:first-child { margin-top: 0.5em; }

.post-content address {
	padding: 3% 3.5%;
	background: #f1f1f1;
}

.post-content kbd,
.post-content code {
	display: inline-block;
	padding: 7px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	background: #333;
	font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace !important;
	font-size: 0.75em;
	color: #C5C8C6;
	word-wrap: break-word;
}

.post-content pre {
	font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace !important;
	font-size: 0.8em;
	line-height: 160%;
	padding: 20px;
	border: none;
	background: #333;
	color: #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow-x: scroll;
}

.post-content .more-link {
	font-size: 0.75em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	line-height: 1;
	padding: 15px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #4ca6cf;
	color: #FFF;
}

.post-content .more-link:hover { background: #25272A; border-bottom: none; }


/* Post media --------------------------------------- */


.post-content img,
.post-content iframe { display: block; }

.post-content .alignnone {
	display: block;
	margin: 45px auto;
	position: relative;
}

.post-content .wp-caption-text,
.post-content .gallery-caption {
	display: block;
	border-bottom: 2px solid #eee;
	font-size: 14px;
	line-height: 120%;
	font-weight: 700;
	color: #999;
	padding: 10px 0;
}

.post-content .alignleft,
.post-content .alignright {
	max-width: 300px;
	margin-bottom: 1em;
}

.post-content .wp-caption a { border-bottom: 0; }

.post-content .wp-caption .alignleft,
.post-content .wp-caption .alignright {
	margin-bottom: 0;
}

.post-content .alignleft { float: left; margin-right: 1.5em; }
.post-content .alignright { float:right; margin-left: 1.5em; }

.post-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Post forms --------------------------------------- */


.post-content .button {
	display: inline-block;
	width: auto;
	max-width: none;
	padding: 14px 22px;
	margin: 0;
	border: none;
	background: #222;
	color: #FFF;
	font-family: 'proxima-nova', sans-serif;
	font-size: 0.925rem;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.post-content .button + .button { margin-left: 10px; }

.post-content .button:hover {
	cursor: pointer;
	background: #1e8cbe;
	color: #FFF;
}

.post-content .button:active {
	top: 1px;
	position: relative;
}


/* Tables --------------------------------------- */


.post-content table {
	border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 0.95rem;
    width: 100%;
}

.post-content table.full-width {
    width: 723px;
    margin: 50px 0 50px -109px;
}

.post-content th,
.post-content td {
	padding: 2%;
	margin: 0;
	overflow: visible;
	line-height: 120%;
	border-bottom: 1px solid #eee;
}

.post-content caption {
	color: #444;
	text-align: center;
	padding: 2%;
}

.post-content thead {
	vertical-align: bottom;
	white-space: nowrap;
}

.post-content th {
	padding: 0 2% 1.5%;
	font-weight: 700;
	border-bottom: 2px solid #eee;
}

.post-content table tbody > tr:nth-child(even) { background: #f9f9f9; }


/* Forms --------------------------------------- */


.post-content fieldset {
	padding: 25px;
	border: 2px solid #eee;
	border-radius: 6px;
	margin-bottom: 1em;
}

.post-content fieldset legend {
	font-family: 'adelle', sans-serif;
	font-size: 0.9rem;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	padding: 10px 13px;
	border-radius: 2px;
	background: #FF0286;
	color: #fff;
}

.post-content label {
	font-family: 'jubilat', sans-serif;
	font-size: 0.8em;
	font-weight: 600;
}

.post-content input,
.post-content textarea { font-family: 'proxima-nova', 'Helvetica Neue', 'Helvetica', sans-serif; }

.post-content input[type="file"] {
	padding: 12px;
	background: #fdfdfd;
	border: 1px solid #eee;
	border-radius: 3px;
}

.post-content input[type="text"],
.post-content input[type="email"],
.post-content input[type="tel"],
.post-content input[type="url"],
.post-content input[type="password"],
.post-content input[type="search"],
.post-content textarea {
	width: 100%;
	padding: 16px;
	font-size: 1rem;
	border: none;
	color: #2d2d2d;
	border: 2px solid #eee;
	border-radius: 3px;
	background: #fdfdfd;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
	-webkit-appearance: none;
}

.post-content textarea { 
	height: 180px; 
	line-height: 140%;
}

.post-content input[type="text"]:focus,
.post-content input[type="email"]:focus,
.post-content input[type="tel"]:focus,
.post-content input[type="url"]:focus,
.post-content input[type="password"]:focus,
.post-content input[type="search"]:focus,
.post-content textarea:focus {
	background: #fdfdfd;
	color: #2d2d2d;
	outline: none;
}

.post-content input[type="submit"],
.post-content input[type="reset"],
.post-content input[type="button"] {
	padding: 12px 18px;
	margin: 0;
	border: none;
	background: #333;
	color: #fff;
	font-family: 'adelle', sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
	-webkit-appearance: none;
	border-radius: 3px;
}

.post-content input[type="submit"] + input[type="reset"],
.post-content input[type="submit"] + input[type="reset"],
.post-content input[type="reset"] + input[type="submit"],
.post-content input[type="reset"] + input[type="button"],
.post-content input[type="button"] + input[type="button"],
.post-content input[type="button"] + input[type="reset"],
.post-content input[type="button"] + input[type="submit"] {
	margin-left: 5px;
}

.post-content input[type="submit"]:hover,
.post-content input[type="reset"]:hover,
.post-content input[type="button"]:hover {
	cursor: pointer;
	background: #FF0286;
	color: #fff;
}

.post-content input[type="submit"]:focus,
.post-content input[type="submit"]:active {
	outline: none;
}


/* -------------------------------------------------------------------------------- */
/*	8. Comments
/* -------------------------------------------------------------------------------- */


.comments {
	padding: 7.5% 5%;
	background: #FFF;
}

.comments-title-container { position: relative; }

.comments-title,
#reply-title {
	font-family: 'adelle', sans-serif;
	font-size: 1.75em;
	line-height: 1;
	font-weight: 700;
	color: #333;
}

.comments-title { margin-bottom: 7.5%; }

.add-comment-link {
	display: block;
	border-bottom: 1px solid #ddd;
	font-size: 0.85em;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	color: #767676;
	position: absolute;
	bottom: 5px;
	right: 0;
}

.add-comment-link:hover {
	color: #d54e21;
	border-bottom-color: #d54e21;
}

li.comment,
li > div.comment {
	margin-bottom: 25px;
	position: relative;
}

li > div.comment { 
	padding-bottom: 25px;
	border-bottom: 1px solid #EEE; 
}

.commentlist > li:first-child > div.comment:first-child { border-top: 1px solid #EEE; padding-top: 25px; }

.children > li > div.comment { padding-left: 10%; }
.children .children > li > div.comment { padding-left: 20%; }
.children .children .children > li > div.comment { padding-left: 30%; }
.children .children .children .children > li > div.comment { padding-left: 40%; }
.children .children .children .children .children > li > div.comment { padding-left: 50%; }

.comment .children li:last-child { margin-bottom: 0; }

.commentlist > li.comment:last-child,
.commentlist > li.comment div.comment:last-child {
	margin-bottom: 0;
}


/* Pingback list --------------------------------------- */


.comments .pingbacks { margin-top: 5.5%; }

.pingbacks-inner { margin: 0 auto; }

.pingbacks-title {
	margin-bottom: 20px;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

.pingbacklist li {
	padding: 10px;
	line-height: 130%;
}

.pingbacklist a:hover { text-decoration: underline; }

.pingbacklist li:nth-child(odd) { background: #f9f9f9; }

.pingbacklist .comment-edit-link { color: #999; }
.pingbacklist .comment-edit-link:hover { color: #444; text-decoration: none; }


/* Comment meta --------------------------------------- */


.comment .comment-meta { margin-bottom: 1em; }

.comment-meta .avatar {
	display: block;
	height: 60px;
	width: 60px;
	border-radius: 999px;
	-moz-border-radius: 999px;
	-webkit-border-radius: 999px;
	float: left;
}

.comment-actions {
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.comment-actions a {
	margin-left: 8px; 
	border-bottom: none;
}

.comment-actions a:first-child { margin-left: 0; }

.comment-actions a:hover { color: #d54e21; }

.comment-meta-content,
.comment-content {
	margin-left: 80px;
}

.comment-meta-content { padding-top: 7px; }

.comment-meta-content cite {
	font-family: 'adelle', sans-serif;
	font-size: 1.075em;
	color: #333;
	margin-bottom: 5px;
	display: block;
	font-weight: 700;
}

.bypostauthor .comment-meta-content cite .post-author { 
	font-weight: 400; 
	color: #999; 
	margin-left: 3px; 
	letter-spacing: 0; 
}

.comment-meta-content cite a { color: #333; }
.comment-meta-content cite a:hover { color: #1e8cbe; }

.comment-meta-content p {
	display: inline-block;
	font-size: 0.9em;
	font-weight: 600;
}

.comment-meta-content p a { color: #999; }
.comment-meta-content p a:hover { color: #1e8cbe; }

.comment-awaiting-moderation {
	position: absolute;
	right: 0;
	top: 4px;
	font-weight: bold;
	display: block;
	padding: 10px;
	background: #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 0.8rem;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.comment-awaiting-moderation:hover { background: #2d2d2d; }


/* Comment nav below --------------------------------------- */


.comment-nav-below {
	margin-top: 10%;
	margin-bottom: -5%;
	border-top: 4px solid #EEE;
	padding-top: 5%;
	background: none;
}

.comment-nav-below a { color: #666; }


/* Comment content --------------------------------------- */


.comment-content { font-size: 1em; }

.comment-content p,
.comment-content blockquote,
.comment-content ul,
.comment-content ol,
.comment-content li,
.comment-content address,
.comment-content dl,
.comment-content .wp-caption,
.comment-content pre {
	line-height: 166%;
	margin-bottom: 1em;
}

.comment-content > *:first-child { margin-top: 0; }
.comment-content *:last-child { margin-bottom: 0; }

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	font-size: 1.25em;
	font-weight: 500;
	margin-top: 50px;
	margin-bottom: 10px;
	text-transform: none;
}

.comment-content a { border-bottom: 1px solid #ddd; }
.comment-content a:hover { border-bottom-color: #1e8cbe; }


/* Respond --------------------------------------- */


.comments + .comment-respond { border-top: 4px solid #EEE; }

.comment-respond { padding: 7.5% 5%; background: #FFF; }

#reply-title { margin-bottom: 15px; }

#respond a:hover { text-decoration: underline; }

#respond .content-section-right {
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-top: 1px solid #EEE;
	z-index: 12;
}

.nocomments {
	margin-top: 10%;
	color: #666;
	text-align: center;
}

#cancel-comment-reply-link {
	margin-left: 10px;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

#respond p,
#respond code {
	line-height: 150%;
}

#respond code { 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
}

.comment-notes,
.logged-in-as {
	margin-bottom: 7.5%;
	color: #666;
}

#respond form label { display: none; }

.required { color: #c00; }

.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-comment .required {
	display: none;
}

.content form input[type="text"],
.content form input[type="email"],
.content form textarea {
	-webkit-appearance: none;
	border: none;
	background-color: #fafafa;
	font-size: 1em;
	color: #444;
	font-family: 'proxima-nova', 'Helvetica Neue', sans-serif;
	border-radius: 4px;
	border: 1px solid #eee;
	padding: 20px;
	margin: 0;
	width: 100%;
}

.content form input[type="text"],
.content form input[type="email"],
.content form input.password { line-height: normal; }

.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 500px;
	max-width: 100%;
	position: relative;
}

.comment-form #author,
.comment-form #email,
.comment-form #url {
	padding-right: 76px;
	background: #fafafa;
}

.comment-form p:before {
	width: 76px;
	font-size: 24px;
	color: #aaa;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 0;
}

.comment-form .comment-form-email:before { margin-top: -13px; }

.comment-form-author { margin-left: 0; }

.content form textarea { line-height: 160%; height: 250px; }

.content #respond form p { margin-bottom: 1em; }

.content #respond input[type="submit"] {
	display: inline-block;
	width: auto;
	max-width: none;
	padding: 16px 22px;
	margin: 0;
	border: none;
	background: #222;
	border-radius: 4px;
	font-family: 'proxima-nova', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	color: #FFF;
}

.content #respond input[type="submit"]:hover {
	cursor: pointer;
	background: #1e8cbe;
	color: #FFF;
}

.content #respond input[type="submit"]:active {
	top: 1px;
	position: relative;
}

.content #respond input:focus,
.content #respond textarea:focus { outline: none; }

#respond p.form-allowed-tags { display: none; }

.form-submit { margin-top: 1.5em; }


/* comment subscription */


.comment-subscription-form { 
	margin-top: 30px; 
	font-size: 0.9em;
	color: #666;
}

.comment-subscription-form + .comment-subscription-form { margin: 0 !important; }


/* -------------------------------------------------------------------------------- */
/*	10. Page
/* -------------------------------------------------------------------------------- */


.page-header { padding: 7.5%; }

.page-title {
	font-family: 'adelle', sans-serif;
	font-size: 2.25em;
	font-weight: 700;
}

.page-header + .post-content-container { padding-top: 0; }


/* -------------------------------------------------------------------------------- */
/*	10. Authors template
/* -------------------------------------------------------------------------------- */


.authors-row { 
	position: relative; 
	border-top: 2px solid #eee;
}

.authors-row:before {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #eee;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
}

.authors-container .author-info { 
	width: 50%;
	padding: 7.5%;
	float: left; 
}

.authors-container .author-avatar-container {
	display: block;
	width: 140px;
	height: 140px;
	border: 6px solid #ddd;
	margin: 0 auto 25px auto;
	border-radius: 999px;
}

.authors-container .author-avatar-container img { display: block; border-radius: 999px; }

.authors-container .author-avatar-container:hover {
	-webkit-transform: rotate(5deg) scale(1.05);
}

.authors-container h4 {
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 8px;
}

.authors-container h4 a { color: #333; }
.authors-container h4 a:hover { color: #1e8cbe; }

.authors-container h5 {
	text-align: center;
	margin-bottom: 20px;
}

.authors-container h5 a { color: #666; }
.authors-container h5 a:hover { color: #1e8cbe; }

.authors-container .author-description {
	text-align: center;
	line-height: 130%;
	color: #666;
}

.authors-container .author-links { 
	display: block;
	text-align: center;
	margin-top: 20px; 
}

.authors-container .author-links a {
	display: inline-block;
	text-indent: -9999px;
	width: 44px;
	height: 44px;
	margin: 0 3px;
	border-radius: 99px;
	background: #ccc;
}

.authors-container .author-links a:hover { background-color: #1e8cbe; }


/* -------------------------------------------------------------------------------- */
/*	10. Pagination
/* -------------------------------------------------------------------------------- */


/* Page title --------------------------------------- */


.archive-title {
	padding: 30px;
	margin-bottom: 30px;
	background: #333;
	margin-right: 5%;
	box-shadow: 0 2px 0 #eee;
}

.archive-title h4 {
	font-size: 1.5em;
	font-weight: 700;
	color: #fff;
	float: left;
}

.archive-title h4 .archive-type {
	display: block;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	margin-bottom: 10px;
}

.archive-title-count { 
	float: right; 
	padding: 8px 10px;
	margin-top: 9px;
	color: #fff;
	background: #444;
	border-radius: 3px;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}


/* Archive navigation --------------------------------------- */


.archive-nav {  
	margin: 50px 5% 0 0; 
	font-size: 0.9em; 
}

.archive-nav ul { text-align: center; }

.archive-nav li { 
	display: inline-block;
	margin: 0 3px;
	color: #999;
}

.archive-nav .number { margin-top: -9px; }

.archive-nav .number a {
	display: block;
	height: 34px;
	padding-top: 9px;
	width: 34px;
	border-radius: 999px;
	text-align: center;
	color: #666;
}

.archive-nav .archive-nav-older a,
.archive-nav .archive-nav-newer a {
	padding: 14px 16px;
	background: #222;
	color: #fff;
	border-radius: 3px;
}

.archive-nav .archive-nav-older { float: right; margin-right: 0; } 
.archive-nav .archive-nav-newer { float: left; margin-left: 0; }

.archive-nav a:hover,
.archive-nav .active a { background: #1e8cbe; color: #FFF; }

.archive-nav .active a:hover { cursor: default; }


/* -------------------------------------------------------------------------------- */
/*	11. Author.php
/* -------------------------------------------------------------------------------- */


.sidebar-author { 
	background: #fff; 
	box-shadow: 0 2px 0 #eee;
}

.sidebar-author .widget-title {
	font-size: 0.85em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #d54e21;
	margin-bottom: 20px;
}


/* Author title --------------------------------------- */


.sidebar-author .author-title {
	position: relative;
	padding: 30px;
	background: #1e8cbe;
}

.sidebar-author .author-image {
	width: 120px;
	height: 120px;
	margin: 0 auto 25px auto;
}

.sidebar-author .author-image a {
	display: block;
	border-radius: 999px;
	border: 6px solid rgba(0,0,0,0.1);
}

.sidebar-author .author-image img { display: block; border-radius: 999px; }

.sidebar-author .author-name {
	font-size: 1.5em;
	font-weight: 600;
	color: #fff;
	margin-bottom: 8px;
	text-align: center;
}

.sidebar-author .author-position {
	color: rgba(255,255,255,0.75);
	text-align: center;
}


/* Author data --------------------------------------- */


.sidebar-author .author-data { background: #333; }

.sidebar-author .author-data .one-half { 
	width: 50%; 
	padding: 30px 0;
	margin: 0; 
}

.sidebar-author .author-data h5 {
	font-size: 2.25em;
	font-weight: 800;
	text-align: center;
	color: #fff;
}

.sidebar-author .author-data p { 
	margin-top: 5px;
	font-size: 0.8em; 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	color: rgba(255,255,255,0.75);
	text-align: center;
}


/* Author description --------------------------------------- */


.sidebar-author .author-description { 
	padding: 30px;
	border-bottom: 1px solid #ddd;
}

.sidebar-author .author-description p {
	font-size: 0.95em;
	color: #666;
	line-height: 160%;
}


/* Author links --------------------------------------- */


.sidebar-author .author-links { 
	padding: 30px; 
	border-bottom: 1px solid #ddd;
}

.sidebar-author .author-links li { border-bottom: 1px solid #eee; }
.sidebar-author .author-links li:first-child { border-top: 1px solid #eee; }

.sidebar-author .author-links a { 
	display: block;
	padding: 15px 0 15px 32px;
	color: #666;
	font-weight: 600;
	font-size: 0.9em;
	position: relative;
}

.sidebar-author .author-links i {
	font-size: 24px;
	color: #ccc;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
}

.sidebar-author .mail i {
	font-size: 21px;
	margin-top: -11px;
}

.sidebar-author .author-links a:hover { color: #1e8cbe; }


/* Author comments --------------------------------------- */


.author-comments { padding: 30px; }

.author-comments li {
	list-style: none;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.author-comments li:last-child { margin: 0; border: none; padding: 0; }

.author-comments .comment-excerpt {
	font-size: 0.95em;
	line-height: 140%;
	color: #666;
}

.author-comments .comment-meta {
	margin-top: 10px;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

.author-comments .comment-meta .sep { color: #CCC; margin: 0 3px; }

.author-comments a:hover .comment-meta,
.author-comments a:hover .sep { color: #1e8cbe; }


/* -------------------------------------------------------------------------------- */
/*	11. Page & Page Templates
/* -------------------------------------------------------------------------------- */


/* Archive template --------------------------------------- */


.archive-box ul { margin: 0; }

.archive-box li { 
	list-style: none; 
	margin: 0;
	border-bottom: 1px solid #eee;
	position: relative;
}

.archive-box li:first-child { border-top: 1px solid #eee; }

.archive-box a {
	display: block;
	padding: 12px 160px 12px 4px;
	border: none;
	line-height: 120%;
}

.archive-box span {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #999;
	position: absolute;
	right: 4px;
	top: 13px;
}

.archive-box a:hover { background: #fafafa; }


/* -------------------------------------------------------------------------------- */
/*	12. Sidebar
/* -------------------------------------------------------------------------------- */


.sidebar .widget { margin-top: 40px; }
.sidebar .widget:first-child { margin-top: 0; }

.sidebar .widget-content { font-size: 0.95em; }


/* Search widget --------------------------------------- */


.widget_search { position: relative; }

.widget_search input[type="search"] {
	padding: 20px 68px 20px 20px;
	margin: 0;
	background: #fff;
	border: 2px solid #ddd;
	width: 100%;
	font-family: 'proxima-nova', sans-serif;
	font-size: 1em;
}

.widget_search input[type="search"]:focus {
	outline: none;
	border-color: #aaa;
}

.widget_search .searchbutton {
	border: none;
	display: block;
	width: 72px;
	padding: 0;
	background: none;
	color: #aaa;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.widget_search .searchbutton i {
	text-align: right;
	font-size: 26px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	right: 0;
	left: 0;
}

.widget_search .searchbutton:hover { 
	cursor: pointer; 
	color: #d54e21;
}


/* Facebook widget --------------------------------------- */


html#facebook { background: #fff; }

span.fb_iframe_widget, span.fb_iframe_widget iframe[style], span.fb_iframe_widget iframe * {
	width: 100% !important;
	max-width: 100% !important;
}


/* Tabbed widget --------------------------------------- */


.widget_wpg_tabbed_widget { background-color: #333; }

.widget_wpg_tabbed_widget .ui-tabs-nav { background-color: #bbb; }

.widget_wpg_tabbed_widget .ui-tabs-nav li {
	display: block;
	float: left;
	max-width: 25%;
}

.widget_wpg_tabbed_widget .ui-tabs-nav .tabbed { 
	display: block;
	position: relative;
	width: 70px;
	max-width: 100%;
	height: 50px;
	background: #bbb;
	color: #fff;
	position: relative;
}

.widget_wpg_tabbed_widget .ui-tabs-nav .tabbed i {
	font-size: 22px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	right: 0;
	left: 0;
}

.widget_wpg_tabbed_widget .ui-tabs-nav .tabbed:hover { 
	background-color: #1e8cbe; 
	color: #fff;
	cursor: pointer; 
}

.widget_wpg_tabbed_widget .ui-tabs-nav .ui-tabs-active .tabbed { background-color: #333; }

.widget_wpg_tabbed_widget .tab { 
	background-color: #333; 
	padding: 7.5%; 
}

.widget_wpg_tabbed_widget .tab li { 
	padding-top: 20px; 
	border-top: 1px solid #444; 
	margin-top: 20px; 
	position: relative; 
}

.widget_wpg_tabbed_widget .tab li:first-child { 
	margin-top: 0; 
	border-top: none; 
	padding-top: 0; 
}

.widget .sep { 
	color: #444; 
	margin: 0 5px; 
}

.widget_wpg_tabbed_widget .posts-tab a:hover .post-title { color: #1e8cbe; }

.widget_wpg_tabbed_widget .posts-tab .post-title {
	display: block;
	margin-bottom: 8px;
	font-family: 'adelle', sans-serif;
	line-height: 130%;
	color: #FFF;
}

.widget_wpg_tabbed_widget .posts-tab .meta { 
	font-size: 0.9em; 
	color: #666; 
}

.widget_wpg_tabbed_widget .posts-tab a:hover .meta { color: #666; }

.widget .comments-tab .comment-tab-inner { 
	display: block; 
	position: relative; 
}

.widget .comments-tab .avatar {
	display: block;
	width: 56px;
	height: 56px;
	padding: 4px;
	background: #444;
	border-radius: 999px;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	left: 0;
}

.widget .comments-tab .comment-header { margin-left: 70px; }

.widget .comments-tab p {
	font-family: 'adelle', sans-serif;
	font-size: 0.9em;
	line-height: 140%;
	color: #fff;
}

.widget .comments-tab .comment-header h5 {
	font-size: 0.9em;
	line-height: 120%;
	margin-top: 5px;
}
.widget .comments-tab .comment-header h5,
.widget .comments-tab .comment-header h5 a { 
	color: #666; 
}

.widget .comment-tab-inner:hover .avatar { background-color: #1e8cbe; }

.widget .categories-tab h5 {
	font-family: 'adelle', sans-serif;
	margin-bottom: 6px;
}

.widget .categories-tab a h5 { color: #fff; }
.widget .categories-tab a:hover h5 { color: #1e8cbe; }

.widget .categories-tab span { 
	font-family: 'proxima-nova', sans-serif;
	font-size: 0.9em; 
	margin-left: 6px;
}
.widget .categories-tab a span,
.widget .categories-tab a:hover span { 
	color: #777; 
}

.no-js .ui-tabs-nav,
.no-js .widget_wpg_tabbed_widget .tab { display: none; }
.no-js .widget_wpg_tabbed_widget #tabs-1 { display: block; }


/* Random posts widget --------------------------------------- */


.sidebar-post { 
	margin-top: 40px; 
	position: relative;
	box-shadow: 0 2px 0 #EEE;
}

.sidebar-post:first-child { margin-top: 0; }

.sidebar-post .featured-media a,
.sidebar-post .featured-media img { display: block; }

.sidebar-post .post-comments { 
	top: 17px; 
	right: 17px;
}

.sidebar-post-header {
	padding: 25px;
	background: #fff;
}

.sidebar-post .post-title {
	font-family: 'adelle', sans-serif;
	font-size: 1.3em;
	line-height: 125%;
	font-weight: 700;
}

.sidebar-post .post-title a { color: #333; }
.sidebar-post .post-title a:hover { color: #1E8CBE; }

.sidebar-post .post-meta { 
	color: #999; 
	font-size: 0.9em;
}

.sidebar-post .post-meta a { color: #999; }
.sidebar-post .post-meta a:hover { color: #1E8CBE; }


/* Theme widget --------------------------------------- */


.widget_wpg_theme_widget {
	position: relative;
	overflow: hidden;
	background: #f2f2f2;
}

.widget_wpg_theme_widget .price {
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	margin-top: 15px;
	right: 0;
	margin-right: -39px;
	z-index: 100;
	width: 140px;
	padding: 11px 10px 10px;
	background: #d54e21;
	color: #FFF;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	text-align: center;
	-webkit-transform: rotate(45deg);
}

.widget_wpg_theme_widget h3 {
	font-size: 1.5em;
	font-weight: 700;
	line-height: normal;
	text-align: center;
}

.widget_wpg_theme_widget h4 {
	text-align: center;
	color: #666;
	margin-top: 5px;
}

.widget_wpg_theme_widget h3 a { color: #333; }
.widget_wpg_theme_widget h3 a:hover { color: #1e8cbe; }

.widget_wpg_theme_widget .theme-thumb,
.widget_wpg_theme_widget .theme-thumb img {
	position: relative;
	display: block;
}

.widget_wpg_theme_widget .theme-thumb img { margin: 0 auto; }

.widget_wpg_theme_widget .overlay {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255, 0.75);
	opacity: 0;
}

.widget_wpg_theme_widget .overlay h4 {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 100%;
	font-family: 'adelle', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
	color: #222;
}

.widget_wpg_theme_widget .theme-thumb:hover .overlay { opacity: 1; }

.widget_wpg_theme_widget .theme-thumb:hover .overlay h4 { margin-top: -13px; }


/* Tabbed recent comments */


.widget_wpg_recent_comments li,
.widget_wpg_recent_posts_widget li,
.widget_wpg_categories_widget li {
	margin-top: 20px;
	border-top: 1px solid #333;
	padding-top: 20px;
}

.widget_wpg_recent_comments li:first-child,
.widget_wpg_recent_posts_widget li:first-child,
.widget_wpg_categories_widget li:first-child {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}


/* Tabbed recent posts */


.widget_wpg_recent_posts_widget a { 
	display: block;
	position: relative; 
	padding-left: 70px; 
	min-height: 56px;
}

.widget_wpg_recent_posts_widget li img {
	display: block;
	width: 56px;
	height: 56px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -32px;
	border-radius: 9999px;
	padding: 4px;
	background: #444;
}

.widget_wpg_recent_posts_widget p {
	font-family: 'adelle', sans-serif;
	font-size: 0.9em;
	line-height: 140%;
	color: #fff;
}

.widget_wpg_recent_posts_widget span {
	display: block;
	font-size: 0.9em;
	line-height: 120%;
	margin-top: 5px;
	color: #666;
}

.widget_wpg_recent_posts_widget a:hover img { background-color: #1e8cbe; }


/* -------------------------------------------------------------------------------- */
/*	13. Footer
/* -------------------------------------------------------------------------------- */


.footer { 
	border-top: 4px solid #D54F20; 
	margin-top: 100px;
	font-size: 0.9em;
}


/* Footer theme --------------------------------------- */


.footer-theme .section-inner { position: relative; }

.footer-theme .theme-image {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.footer-theme .theme-image img { 
	display: block; 
	max-width: 200px;
	height: auto;
}

.footer-theme .theme-description { padding: 25px 0 25px 225px; }

.footer-theme h4 {
	font-family: 'adelle', sans-serif;
	font-size: 1.25em;
}

.footer-theme h4 a { color: #fff; }
.footer-theme h4 a:hover { color: #1e8cbe; }

.footer-theme p {
	margin: 7px 0 11px;
	color: #999;
	line-height: 130%;
}

.footer-theme .btn {
	display: inline-block;
	padding: 9px 14px;
	border-radius: 3px;
	background: #222;
	font-size: 0.85em;
	font-weight: 600;
	color: #fff;
}

.footer-theme .btn.read-more:hover { background-color: #d54e21; }

.footer-theme .btn + .btn { margin-left: 6px; }

.footer-theme .btn:hover { background: #1e8cbe; color: #fff; }


/* Footer copyright --------------------------------------- */


.footer .copyright { text-align: center; }

.footer-logo,
.footer .copyright p {
	vertical-align: middle;
}

.footer-logo {
	display: inline-block;
	margin-right: 10px;
	width: 80px;
	opacity: 0.25;
}

.footer-logo img {
	display: block;
	width: 100%;
	height: auto;
}

.footer .copyright p {
	display: inline-block;
	color: #555;
	text-align: center;
}

.footer p a { color: #555; }
.footer p a:hover { color: #555; text-decoration: underline; }


/* Footer menu --------------------------------------- */


.footer-menu { 
	text-align: center; 
	margin-top: 30px;
}

.footer-menu li { display: inline-block; }

.footer-menu li:before {
	content: "/";
	color: #444;
	margin: 0 12px 0 9px;
}

.footer-menu li:first-child:before { content: none; }

.footer-menu a { color: #999; }
.footer-menu a:hover { color: #fff; }

img#wpstats { display: none !important; } /* silly wp-stats */


/* -------------------------------------------------------------------------------- */
/*	14. Media queries
/* -------------------------------------------------------------------------------- */



@media (max-height: 650px) {
	
	
	/* Navigation ------------------------------------ */
	
	.main-menu ul a { padding: 16px 16px 18px; }
	
	
}



@media (max-width: 1423px) {
	
	
	/* Post content ------------------------------------ */
	
	.post-content table.full-width {
	    width: 100%;
	    margin: 50px 0;
	}

	
}


@media (max-width: 1100px) {
	
	
	/* Header ------------------------------------ */
	
	.header-ad { display: none; }
	
	
}


@media (max-width: 960px) {
	
	
	/* Navigation ------------------------------------ */
	
	.nav-wrapper .social-links { display: none; }
	
	
}


@media (max-width: 895px) {

	
	/* Structure ------------------------------------ */
	
	
	.sidebar { display: none; }
	.content,
	.single .content { width: 100%; }
	
	
	/* Archive ------------------------------------ */
	
	
	.wrapper-inner { max-width: 95%; }
	
	.posts .post { margin: 5% 2.4% 0 2.4%; }
	
	
	/* Pagination ------------------------------------ */
	
	
	.archive-title,
	.archive-nav {
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
				

}


@media (max-width: 820px) {
	
	
	/* Structure ------------------------------------ */
	
	
	.section { padding: 80px 0; }
	.section.big-padding { padding: 130px 0; }
	.section.medium-padding { padding: 60px 0; }
	.section.light-padding { padding: 40px 0; }
	.section.small-padding { padding: 30px 0; }
	.section.no-padding { padding: 0; }
	
	
	/* Navigation ------------------------------------ */
	
	
	.navigation { margin-bottom: 40px; }
		
	.navigation:after { content: none; }
	
	.mobile-nav-wrapper { display: block; }
	.nav-wrapper,
	.nav-search-block.section { display: none !important; }
	
	.navigation > .section-inner { 
		position: relative;
		max-width: 100%; 
	}
		
	.mobile-menu-toggle {
		display: inline-block;
		position: relative;
		z-index: 10;
		padding: 24px;
		float: left; 
		opacity: 0.5;
	}
		
	.mobile-menu-toggle .bar {
		display: block;
		width: 24px;
		height: 3px;
		margin-top: 4px;
		background: #FFF;
		border-radius: 2px;
	}
	
	.mobile-menu-toggle .bar:first-child { margin-top: 0; }
		
	.mobile-menu-toggle:hover { cursor: pointer; }
	.mobile-menu-toggle.active { opacity: 1; }
	
	.mobile-logo-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
	}
	
	.mobile-logo {
		display: inline-block;
		margin: 0 auto;
		max-height: 36px;
		margin-top: 14px;
	}
	
	.mobile-logo img { 
		display: block; 
		height: 36px;
		width: auto;
	}
	
	.mobile-search-toggle {
		width: 72px;
		height: 65px;
		position: relative;
		z-index: 10;
		opacity: 0.5;
	}
	
	.mobile-search-toggle i {
		font-size: 26px;
		text-align: center;
		color: #fff;
		position: absolute;
		top: 50%;
		margin-top: -14px;
		right: 0;
		left: 0;
	}
	
	.mobile-search-toggle:hover { cursor: pointer; }
	.mobile-search-toggle.active { 
		opacity: 1; 
		-moz-opacity: 1;
		-webkit-opacity: 1;
	}
	
	
	/* Mobile menu ------------------------------------ */
	
	
	.mobile-menu,
	.mobile-search { 
		display: none;
		background: #333; 
	}
	
	.mobile-menu .menu-title {
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 600;
		color: #d54e21;
		text-align: center;
		padding: 30px 0;
	}
	
	.mobile-menu .menu li { margin-top: 24px; }
	.mobile-menu .menu li:first-child { margin-top: 0; }
		
	.mobile-menu .menu a {
		display: block;
		padding-bottom: 12px;
		color: #fff;
		border-bottom: 1px solid #444;
	}
	
	.mobile-menu .menu a:hover { border-bottom-color: #fff }
	
	.mobile-menu .social-links { 
		display: block; 
		text-align: center;
		padding: 30px 0;
		margin-top: 30px;
		background: #444;
	}
	
	.mobile-menu .social-links li { 
		float: none;
		display: inline-block; 
		margin: 0 4px;
	}
	
	.mobile-menu .social-links a {
		width: 44px;
		height: 44px;
		background-size: 22px auto; 
		background-color: #555; 
	}
	
	.mobile-menu .social-links .facebook { background-size: auto 20px; }
	.mobile-menu .social-links .rss { background-size: 20px auto; }
	
	.mobile-menu .social-links a:hover { background-color: #1e8cbe; }
	
	.mobile-search { padding: 30px 0; }
	
	.mobile-search form { position: relative; }
	
	.mobile-search input[type="search"] {
		border: none;
		background: none;
		margin: 0;
		width: 100%;
		padding: 20px 66px 20px 20px;
		background: #fff;
		border-radius: 3px;
		font-family: 'proxima-nova', sans-serif;
		font-size: 1em;
		color: #444;
	}
	
	.mobile-search input:focus { outline: none; }
	
	.mobile-search .searchbutton {
		display: block;
		width: 66px;
		padding: 0;
		margin: 0;
		background: none;
		border: none;
		color: #aaa;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}
	
	.mobile-search .searchbutton i {
		font-size: 30px;
		text-align: center;
		position: absolute;
		top: 50%;
		margin-top: -15px;
		right: 0;
		left: 0;
	}
	
	.mobile-search .searchbutton:hover { 
		cursor: pointer; 
		color: #d54e21;
	}
	
		
	/* Header ------------------------------------ */
	
	
	.header { display: none; }
	
	
	/* Single post ------------------------------------ */
	
	
	.single.page .wrapper-inner,
	.single-post .wrapper-inner { max-width: 100%; }
	
	.single.page .navigation,
	.single-post .navigation { margin-bottom: 0; }
	
	.single.page .footer,
	.single-post .footer { margin-top: 0; }
	
	
	/* Pagination ------------------------------------ */
	
	
	.archive-nav a { display: block; padding: 16px 20px; }
	.archive-nav a:hover { background-color: #1e8cbe; }	
	
	.archive-nav .number { display: none; } 
	
	.archive-nav li { float: left; }
	.archive-nav .archive-nav-older { float: right; }


	/* Footer ------------------------------------ */
	
	
	.footer { margin-top: 50px; }
	
	
}

@media (max-width: 700px) { 
	
	
	/* Single post ------------------------------------ */
	
	
	.single .post-content-container { padding: 0; }
	
	.single .post-content { min-height: 0; }
	
	.post-share {
		position: static;
		left: auto;
		top: auto;
		padding: 5% 7.5%;
		border-bottom: 2px solid #eee;
	}
	
	.post-share a {
		width: 18%;
		margin: 0 0 0 2.5%;
		float: left;
	}
	
	.post-share a:first-child { margin-left: 0; }
	
	.single .post-content { 
		padding: 7.5%;
		margin-left: 0; 
	}
	
	.post-author-links li {
		display: block;
		margin-top: 18px;
	}
	
	.post-author-links li:first-child { margin-top: 0; }
	
	.post-author-links li:before,
	.post-author-links li:first-child:before {
		content: "— ";
		margin: 0 8px 0 0;
	}


}


@media (max-width: 600px) {


	body { font-size: 16px; }


	/* Structure ------------------------------------ */

	
	.section { padding: 60px 0; }
	.section.big-padding { padding: 100px 0; }
	.section.medium-padding { padding: 50px 0; }
	.section.light-padding { padding: 30px 0; }
	.section.small-padding { padding: 20px 0; }
	.section.no-padding { padding: 0; }
	
	.wrapper-inner { max-width: 100%; width: 100%; }
	
	.posts .post {
		width: 100%;
		margin: 0;
	}
	
	
	/* Navigation ------------------------------------ */
	
	
	.navigation { margin-bottom: 0; }
	
	.mobile-menu-toggle { padding: 20px; }
	
	.mobile-logo { margin-top: 10px; }
	
	.mobile-search-toggle {
		height: 57px;
		width: 64px;
	}
	
	
	/* Archive ------------------------------------ */
	
	
	/* Posts ad */
	
	.posts .post.posts-ad { padding: 25px 5%; }
	
	/* Post */
	
	.posts .post { box-shadow: none; }
	
	.posts .post-inner { padding: 30px 5%; }
	
	.posts .post .post-title { font-size: 1.5em; }
	
	.posts .post .post-meta.top { font-size: 1em; }
	
	.posts .post-content { font-size: 1.05em; }
	
	.post-meta span.cut { display: none; }
	
	
	/* Single post ------------------------------------ */
	
	
	.single.post .post-comments { top: 10px; right: 10px; }
	
	.single.post .post-header { padding: 30px 5%; }
	
	.single.post .post-header .post-meta.top { font-weight: 600; }
	
	.single.post .post-share { padding: 20px 5%; }
	
	.single.post .post-content { padding: 30px 5%; }
	
	.post-author-container { padding: 30px 5%; }
	
	.related-posts { margin: 0; padding: 30px 0; margin: 0 5%; }
	
	
	/* Post content ------------------------------------ */
	
	
	.post-content { font-size: 1.05em; }
	
	.post-content p,
	.post-content blockquote,
	.post-content ul,
	.post-content ol,
	.post-content address,
	.post-content dl,
	.post-content .wp-caption,
	.post-content pre {
		margin-bottom: 20px;
	}
	
	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
		margin: 30px 0 15px;
	}

	
	.post-content .alignnone,
	.post-content .aligncenter,
	.post-content .alignleft,
	.post-content .alignright { margin: 20px auto; }
	
	.post-content .alignleft,
	.post-content .alignright {
		float: none;
		width: auto;
		max-width: 100%;
	}
	
	.post-content .button {
		padding: 12px 18px;
		border-radius: 3px;
	}
	
	
	/* Comments ------------------------------------ */
	
	
	.comments { padding: 30px 5%; }
	
	.comments-title { font-size: 1.5em; margin-bottom: 30px; }
	
	.comment-meta .avatar { width: 44px; height: 44px; }
	
	.comment-meta-content,
	.comment-content { margin-left: 64px; }
	
	.comment-respond { padding: 30px 5%; }
	
	#reply-title { font-size: 1.5em; margin-bottom: 8px; }
	
	.form-allowed-tags { display: none; }
	
	
	/* Pagination ------------------------------------ */
	
	
	.archive-title { 
		margin: 0; 
		padding: 25px 5%;
	}
	
	.archive-nav { 
		margin: 0;
		padding: 7.5% 5%; 
	}
		
	
	/* Page ------------------------------------ */
	
	
	.page-header { padding: 30px 5% 0; }
	
	.page-header .page-title { font-size: 2.25em; }
	
	
	/* Archive template ------------------------------------ */
	
	
	.archive-box a { padding-right: 100px; }
	
	.archive-box .desktop { display: none; }
	
	.archive-box .resp.hidden { display: block; }
	
	
	/* Footer ------------------------------------ */
	
	
	.footer { margin-top: 0; }
	
	.footer-theme { display: none; }
	
}


@media (max-width: 500px) {

	
	/* Navigation ------------------------------------ */
	
	
	.mobile-menu .one-half {
		width: 100%;
		float: none;
		margin: 0;
	}
	
	.mobile-menu .one-half + .one-half { margin-top: 30px; }
	
	.mobile-menu .social-links a {
		width: 44px;
		height: 44px;
		background-size: 22px auto; 
		background-color: #555; 
	}
	
	.mobile-menu .social-links .facebook { background-size: auto 22px; }
	.mobile-menu .social-links .rss { background-size: 19px auto; }
	
	
	/* Single post ------------------------------------ */
	
	
	.single .post-header .post-categories { margin-bottom: 10px; }
	
	.single .post-header .post-title { 
		font-size: 1.5em; 
		line-height: 120%;
	}
	
	.post-share a {
		width: 23.125%;
		height: 44px;
	}
	
	.post-share .print { display: none; }
	
	/* Post author */
	
	.post-author-image { display: none; }
	.post-author-content { width: 100%; }
	
	.related-posts .related-post { width: 47.5%; }
	
	.related-posts .related-post:nth-child(3) { display: none; }
	
	
	/* Comments ------------------------------------ */
	
	
	.add-comment-link span { display: none; }
	
	
	/* Respond ------------------------------------ */
	
	
	.content form input[type="text"], 
	.content form input[type="email"], 
	.content form textarea {
		padding: 15px;
	}
	
	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url { 
		width: 100%;
	}
	
	.content form .comment-form-author input, 
	.content form .comment-form-email input, 
	.content form .comment-form-url input { 
		background-position: 94% center;
		background-size: 20px auto;
		padding: 15px 50px 15px 15px;
	}
	
	.content form textarea {
		line-height: 150%;
		height: 150px;
	}	
	
	
	/* Page ------------------------------------ */
	
	
	.page-header .page-title { font-size: 1.5em; }
	
}


@media print {
	
	
	.navigation,
	.sidebar,
	.footer,
	.post-comments,
	.post-share,
	.related-posts,
	.post-author-container,
	.comments,
	.comment-respond {https://www.wordpressguider.se/wp-admin/theme-editor.php?file=style.css&theme=wpg
		display: none !important;
	}
	
	.single .content {
		width: 100%;
		float: none;
	}
	
	.post-header,
	.post-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	
}


/* -------------------------------------------------------------------------------- */
/*	14. Pricing Table
/* -------------------------------------------------------------------------------- */

#webbhotell [class*='col-'] {
	float: left;
  min-height: 1px;
	padding-right: 10px; /* column-space */
}

#webbhotell .grid {
	width: 100%;
	max-width: 580px;
	min-width: 580px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
	margin: 0 auto;
	overflow: hidden;
}

#webbhotell .grid:after {
	content: "";
	display: table;
	clear: both;
}

#webbhotell .grid-pad {
	padding-top: 10px;
	padding-left: 10px; /* grid-space to left */
	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

#webbhotell .push-right {
	float: right;
}

/* Content Columns */


#webbhotell .col-1-4, .col-3-12 {
	width: 25%;
}


/* Layout Columns */


/* Pushing blocks */


#webbhotell .push-1-4, .push-3-12 {
	margin-left: 25%;
}
@media handheld, only screen and (max-width: 600px) {
	#webbhotell .grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	#webbhotell [class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; /* column-space */
	}

	/* Mobile Layout */

	#webbhotell [class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	#webbhotell .mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	

	/* Layout Columns */

	
	#webbhotell .hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}
.webbhotell-logo{

padding: 10px;
	vertical-align: middle;
	
	
	
}

.knappen{
	
	
	vertical-align: middle;
	padding: 5px;


}
.knapp{
	padding: 10px;
	vertical-align: middle;
	 text-align: center;
}

.knapp {
	background-color:#44c767;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-color:white;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
  
}
.knapp:hover {
	background-color:#5cbf2a;
	 text-decoration: none;
}
.knapp:active {
	position:relative;
	top:1px;
}
/* unvisited link */
#webbhotell a:link {
    color: white;
}

/* visited link */
#webbhotell  a:visited {
    color: white;
}


.webbhotell-list-header{
	background-color: #132c47;
}
.webbhotell-list-header h2{
	color: white;
	padding: 5px;
	font-size: 20px;

}
.webbhotell-info{
	vertical-align: middle;
}
.webbhotell-list-header-4g{
	float: right;
	color: white;
	font-size: 15px;
	margin-right: 10px;
	margin-top: 5px;
}
.webbhotell-list-item{
	background-color: white;
	border: 1px solid #132c47;
	margin-bottom: 10px;
}
.webbhotell-list-item-main {
	text-align: center;
	margin-top: 0px;
}
.webbhotell-list-header{
	background-color: #132c47;

	
}
.webbhotell-list-header-4g{
	float: right;
	color: white;
	font-size: 15px;
	margin-right: 10px;
	margin-top: 10px;
}
.price{
	font-size: 14px;
	margin-right: 10px;
	vertical-align: middle;
	padding: 10px;
}


.grade{
	
	margin-right: 8px;
	vertical-align: middle;
	padding: 10px;
}





.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #a7689d;
    border-radius: 8px;
    background: #ffaaff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffaaff), to(#a7689d));
    background: -moz-linear-gradient(top, #ffaaff, #a7689d);
    background: linear-gradient(to bottom, #ffaaff, #a7689d);
    text-shadow: #784a70 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid #ef94e0;
    background: #ffccff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffccff), to(#c87dbc));
    background: -moz-linear-gradient(top, #ffccff, #c87dbc);
    background: linear-gradient(to bottom, #ffccff, #c87dbc);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #a7689d;
    background: -webkit-gradient(linear, left top, left bottom, from(#a7689d), to(#a7689d));
    background: -moz-linear-gradient(top, #a7689d, #a7689d);
    background: linear-gradient(to bottom, #a7689d, #a7689d);
}
.checked {
  color: orange;
}

@media (max-width: 768px) {
    .webbhotell-list-item-main {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .knappen, .price {
        width: 100%;
        text-align: center;
    }
    .knappen a {
        display: block;
        width: auto;
        margin: auto;
    }
    .webbhotell-logo {
        max-width: 150px;
    }
}