/* 
Theme Name:		 Guldäpplet - Metro Magazine Child theme
Theme URI:		 http://raratheme.com/wordpress-themes/metro-magazine/
Description:	 Metro Magazine is a modern responsive magazine style WordPress theme suitable for news, newspaper, magazine, sports, technology, food, travel, blogs, publishing, business and any kind of sites. The theme is built on Customizer and it allows you to easily customize your website with live previews. Metro Magazine includes color scheme and color for categories, which you can use to change the look and feel of your website with a click. The theme is Speed and Search Engine Optimized (SEO) to help you easily climb the google rank. Other feature includes social media integration, custom widgets, author bio, breadcrumb, advertisement settings, custom CSS, translation ready and more. Check demo at https://raratheme.com/preview/metro-magazine/ and documentation at https://raratheme.com/documentation/metro-magazine. Read theme details at https://raratheme.com/wordpress-themes/metro-magazine and get free support at https://raratheme.com/support-ticket.
Version: 1.1.4
Author:			 Smarter Marketing
Author URI:		 https://www.smartermarketing.com/
Template:		 metro-magazine
Version:		 1.0.0
Text Domain:	 Metro-Magazine-child
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */

/* Fonts */
	body {
	    color: #666666;
	}
	h1,h2,h3,h4,h5,h6{
		line-height: 1.25;
		font-weight: 400;
	}
	    
/* Header */
	.custom-logo{
		max-width: 100px;
	}
	.site-branding .site-title{
		padding-left: 10px;
		font-weight: 500;
	}
	.site-branding .site-title,
	.single-post #primary .post .entry-header .entry-title, 
	#primary .page .entry-header .entry-title,
	#primary .post .entry-header .entry-title,
	.section-two .header .header-title,
	.section-five .header .header-title,
	.section-five .post .entry-title,
	.page-header .page-title,
	.comments-area .comments-title, .comments-area .comment-reply-title,
	.section-two .post .entry-header .entry-title,
	.all-post .post .entry-title{
		font-family: 'Roboto', sans-serif;
	}
	#primary .post .entry-content h3, 
	#primary .page .entry-content h3{
		font-family: 'Roboto', sans-serif;
		color: #333;
		font-size: 24px;
		line-height: 1.25;
		font-weight: 400;
    	margin: 0 0 15px;
	}
	.site-branding{
		position: relative;
		z-index: 888;
	}
    
	.site-branding .site-title {
	    font-size: 32px;
	    line-height: 1;
	}
	.site-branding .site-title a{
		color: #DAA520;
	}
	.site-header .nav-holder{
		position: relative;
	}
	.site-header .nav-holder .nav-content{
		position: absolute;
	    right: 0;
	    bottom: 0;
	}
	.site-header form input[type="submit"]{
		background: #DAA520;
	}

	.section-five .post:hover, 
	.section-five .post:focus{
	    background: #ffd366;
	    border-color: #ffd366;
	}
	.site-branding {
	    float: left;
	    width: 33%;
	}
	.quote-wrapper{
		font-size: 15px;
		float: right;
	    width: 66%;
	    padding-top: 15px;
		padding-bottom: 15px;
	}
	.quote-wrapper p:last-child{
		margin-bottom: 0;
	}
	.site-header .nav-holder .nav-content{
		margin-top: 0;
	    float: right;
	    width: 66%;
	    border-top: none;
	}

	.main-navigation {
    	float: right;
	}
	.main-navigation li{
		margin-right: 17px;
		font-size: 15px;
	}

	.main-navigation .current-menu-item .sub-menu a,
	.main-navigation .current-menu-item .sub-menu a:hover{
		border-top: 0;
	}
	.main-navigation .current-menu-item .sub-menu a:hover{
		background: #DAA520;
	}
	.main-navigation a{
		padding-top: 11px;
	}
	.main-navigation .current_page_item > a, 
	.main-navigation .current-menu-item > a, 
	.main-navigation .current_page_ancestor > a, 
	.main-navigation .current-menu-ancestor > a,
	.main-navigation li:hover > a, 
	.main-navigation li.focus > a, 
	.main-navigation ul li a:hover, 
	.main-navigation ul li a:focus{
		padding-top: 8px;
	}
	.main-navigation ul ul{
	    left: -30px;
	}
	.site-header .btn-search{
		margin-top: 11px;
	}
	.mobilechoice{
		display: none!important;
	}

#content {
    padding: 40px 0;
    border-bottom: none;
}
#primary .post .post-thumbnail{
	width: auto;
}
.page-content, .entry-content, .entry-summary {
    margin: 0;
}

#primary .hentry .entry-header .entry-title a {
    color: #333;
}
.search #primary .hentry .entry-header .entry-title, 
.search #primary .page .entry-header .entry-title {
    margin: 0 0 15px 0;
}
#primary .hentry .entry-content, 
#primary .page .entry-content{
	margin-bottom: 15px;
}

#primary .hentry .entry-footer .btn-readmore{
	color: #daa520;
	font-size: 16px;
    font-weight: normal;
    text-transform: none;
}
#primary .hentry .entry-footer .btn-readmore .fa{
	font-size: 23px;
    margin-right: 5px;
    margin-top: 2px;
    vertical-align: top;
}

.col iframe{
	height: 280px;
}

@media (max-width: 1200px){
	.col iframe{
		height: 224px;
	}
}
@media (max-width: 991px){
	.col iframe{
		height: 232px;
	}
}
@media (max-width: 767px){
	.col iframe{
		height: 350px;
	}
	.section-two .post .image-holder {
    	text-align: center;
	}
	.section-two .post .post-thumbnail{
		float: none!important;
		display: inline-block;
	}
}

/* Home */
	.home-content{
		padding: 0;
	}
	.home-content #content,
	.home-content #content .all-post{
		margin-top: 0;
	}

	.all-post ul li{
		padding: 0;
		overflow: visible;
	}
	.all-post ul li .post .entry-header{
		text-align: left;
	}
	.all-post ul li .post .entry-title{
		color: #fff;
	}
	.post .category{
		font-size: 12px;
	    line-height: 15px;
	    border-radius: 5px;
	    display: inline-block;
	    padding: 7px 20px 8px;
	    color: #fff;
	    margin-right: 3px;
	    margin-bottom: 3px;
	}
	.post .category-holder {
	    position: absolute;
	    top: 10px;
	    left: 10px;
	}
	.posts-section .header {
	    margin: 0 0 50px;
	}
	.posts-section .header .header-title {
	    font-size: 28px;
	    line-height: 32px;
	    color: #000;
	    text-transform: uppercase;
	    text-align: center;
	    font-weight: 400;
	    position: relative;
	}
	.posts-section .header .header-title span,
	.section-two.top-news .header .header-title span {
		background: transparent;
	    padding: 0;
	    position: relative;
	}
	.section-two .header .header-title:before{
		content: none;
	}
	.posts-section ul{
		list-style: none;
		padding: 0;
	}
	.posts-section .entry-header,
	.posts-section .entry-content{
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.posts-section .header{
		margin: 0 0 30px;
	}
	.section-d .header{
		margin: 0;
   	 	padding: 30px 0 10px 0;
	}
	.section-b .grid-video iframe,
	.section-c .grid-video iframe,
	.section-d .grid-video iframe{
		width: 100%;
		height: auto;
	}
	.section-b,
	.section-c{
		padding: 30px 0;
	}
	.section-b .post,
	.section-c .post,
	.section-d .post{
		text-align: center;
	}

	.section-b .post {
    	background: transparent;
    }

	.section-b .post .entry-header,
	.section-c .post .entry-header,
	.section-d .post .entry-header{
		padding-top: 5px!important;
	}

	.section-b .only-text .post .entry-header,
	.section-c .only-text .post .entry-header{
		padding-top: 40px;
	}

	.section-b .post .entry-header .entry-meta,
	.section-c .post .entry-header .entry-meta,
	.section-d .post .entry-header .entry-meta{
		font-size: 15px;
		margin-bottom: 11px;
	}

	.section-b .post .entry-header .entry-meta a,
	.section-c .post .entry-header .entry-meta a,
	.section-d .post .entry-header .entry-meta a{
		color: #666;
		font-size: 15px;
	}

	/* Type A Masonry */
		.section-a ul li{
			padding: 0!important;
			margin-bottom: 10px;
		}
		.section-a li .post{
			height: 100%;
		}
		/* Regular */
			.section-a li{
				height: 272px;
				overflow: hidden!important;
			}
			.section-a li .grid-video,
			.section-a li .grid-video iframe{
				height: 272px;
			}
		/* Medium */
			.section-a li.medium{
				height: 369px;
			}
			.section-a li.medium .grid-video,
			.section-a li.medium .grid-video iframe{
				height: 369px;
			}
		/* Large */
			.section-a li.large{
				height: 369px;
			}
			.section-a li.large .grid-video,
			.section-a li.large .grid-video iframe{
				height: 369px;
			}

		@media (max-width: 1200px){
			/* Regular */
				.section-a li{
					height: 225px;
				}
				.section-a li .grid-video,
				.section-a li .grid-video iframe{
					height: 225px;
				}
			/* Medium */
				.section-a li.medium{
					height: 305px;
				}
				.section-a li.medium .grid-video,
				.section-a li.medium .grid-video iframe{
					height: 305px;
				}
			/* Large */
				.section-a li.large{
					height: 305px;
				}
				.section-a li.large .grid-video,
				.section-a li.large .grid-video iframe{
					height: 305px;
				}
		}
		@media (max-width: 992px){
			/* Regular */
				.section-a li{
					height: 345px;
				}
				.section-a li .grid-video,
				.section-a li .grid-video iframe{
					height: 345px;
				}
			/* Medium */
				.section-a li.medium{
					height: 345px;
				}
				.section-a li.medium .grid-video,
				.section-a li.medium .grid-video iframe{
					height: 345px;
				}
			/* Large */
				.section-a li.large{
					height: 345px;
				}
				
				.section-a li.large .grid-video,
				.section-a li.large .grid-video iframe{
					height: 345px;
				}

				.section-a li.medium .entry-title,
				.section-a li.large .entry-title{
					font-size: 20px!important;
				}
		}
		@media (max-width: 767px){
			.section-a li,
			.section-a li .grid-video,
			.section-a li .grid-video iframe,
			.section-a li.medium,
			.section-a li.medium .grid-video,
			.section-a li.medium .grid-video iframe,
			.section-a li.large,
			.section-a li.large .grid-video,
			.section-a li.large .grid-video iframe{
				height: 250px;
			}
		}
		@media (max-width: 600px){
			.section-a li,
			.section-a li .grid-video,
			.section-a li .grid-video iframe,
			.section-a li.medium,
			.section-a li.medium .grid-video,
			.section-a li.medium .grid-video iframe,
			.section-a li.large,
			.section-a li.large .grid-video,
			.section-a li.large .grid-video iframe{
				height: 200px;
			}
		}
		@media (max-width: 480px){
			.section-a li,
			.section-a li.medium,
			.section-a li.large{
				width: 100%!important;
			}
			.section-a li,
			.section-a li .grid-video,
			.section-a li .grid-video iframe,
			.section-a li.medium,
			.section-a li.medium .grid-video,
			.section-a li.medium .grid-video iframe,
			.section-a li.large,
			.section-a li.large .grid-video,
			.section-a li.large .grid-video iframe{
				height: 280px;
			}
			.section-a ul li img {
    			width: 100%!important;
			}
		}

	/* Section B & C Thirds */
		.section-b,
		.section-c{
			margin-left: 15px;
    		margin-right: 15px;
		}
		.section-b ul li,
		.section-c ul li{
			position: relative;
			float: left;
		    width: 33.3333%;
		    padding-left: 15px;
		    padding-right: 15px;
		    margin-bottom: 30px;
		}

		.section-b li .grid-video,
		.section-c li .grid-video,
		.section-b li .grid-video iframe,
		.section-c li .grid-video iframe{
			height: 340px;
		}

		@media (max-width: 1200px){
			.section-b li .grid-video,
			.section-c li .grid-video,
			.section-b li .grid-video iframe,
			.section-c li .grid-video iframe{
				height: 274px;
			}
		}
		@media (max-width: 991px){
			.section-b li .grid-video,
			.section-c li .grid-video,
			.section-b li .grid-video iframe,
			.section-c li .grid-video iframe{
				height: 315px;
			}
		}
		@media (max-width: 767px){
			.section-b li .grid-video,
			.section-c li .grid-video,
			.section-b li .grid-video iframe,
			.section-c li .grid-video iframe{
				height: 250px;
			}
		}

	/* Type D full width */
		.section-d .container{
			max-width: 100%;
			padding-left: 0;
			padding-right: 0;
		}

		.section-d .post .entry-header .entry-title a{
			color: #333;
		}
		.section-d img{
			width: 100%;
			text-align: center;
		}
		.section-d ul li,
		.section-d ul li.large{
			width: 100%;
			position: relative;
			border-bottom: 1px solid #b9b9b9;
		}
		.section-d .grid-video iframe{
			min-height: 450px;
		}

/* Single */
	.entry-header{
		text-align: center;
	}

	.hentry img{
		text-align: center;
	}
	.social-bar{
		margin-top: 30px;
		margin-bottom: 30px;
	}

/* Post/Nyhet */
	.holder-post,
	.holder-nyheter{
		background: #2aad2a;
	}
	.posts-nyheter{
		padding-top: 0;
		background: #fff;
	}
/* Artikel */
	.posts-artikel{
		padding-top: 0;
		background: #fff;
	}
	.holder-artikel{
		background: #2aadad;
	}

/* Pristagare */
	.posts-pristagare{
		padding-top: 0;
		background: #fff;
	}
	.holder-pristagare{
		background: #DAA520;
	}

/* Nominerade */
	.posts-nominerade{
		padding-top: 0;
		background: #fff;
	}
	.holder-nominerade{
		background: #571d48;
	}
	.nominerade-skola{
		font-size: 14px;
		padding-bottom: 5px;
	}
	.nominerade-kommun{
		font-size: 14px;
		padding-bottom: 5px;
	}
	.qa-content{
		display: none;
		width: 75%;
	    height: 75%;
	}

/* Jury */
	.posts-jury{
		padding-top: 0;
		background: #fff;
	}
	.holder-jury{
		background: #3c3cff;
	}
/* Press */
	.posts-press{
		padding-top: 0;
		background: #fff;
	}
	.posts-press ul{
		list-style: none;
    	padding: 0;
	}
	.posts-press ul li{
		background-color: #f4f4f4;	
	}
    
	.posts-press .image-holder{
	    position: relative;
	    text-align: center;
	    width: 100%;
	}

	.posts-press .press-image-wrapper{
	    float: left;
	    width: 33%;
	   	min-height: 1px;
	}
	.posts-press .press-image-wrapper img{
		width: 100%;
		max-width: 350px;
	}
	
	.posts-press .press-text-wrapper{
		float: left;
		width: 66%;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		text-align: left;
	}
	.posts-press .entry-header{
		text-align: left;
	}
    .posts-press .nopressfeatured .category-holder{
        position: static;
        margin-top: 15px;
    }
    .posts-press .nopressfeatured .entry-header,
	.posts-press .nopressfeatured .entry-content{
		text-align: center;
	}
	.posts-press .nopressfeatured .press-text-wrapper{
		width: 100%;
	}
	.posts-press .nopressfeatured .press-image-wrapper{
		padding-top: 0;
		width: 100%;
	}

	.holder-pressrum{
		background: #ff8ba0;
	}
.nominerade-video iframe,
.pristagare-video iframe,
.jury-video iframe,
.video-video iframe,
.press-video iframe{
	width: 100%;
	max-width: 830px;
}
.archive-year{
	width: 100%;
}

.separator{
	padding-right: 5px;
}
/* Pressbilder */
	.posts-pressbilder{
		padding-top: 0;
		background: #fff;
	}

	.posts-pressbilder .image-holder{
		text-align: left;
		padding-left: 15px;
	}
	.posts-pressbilder .category-holder{
        position: static;
        margin-top: 15px;
    }
	.posts-pressbilder .press-image-wrapper{
		width: 100%;
		text-align: center;
	}
	.posts-pressbilder .press-text-wrapper{
		width: 100%;
	}
	.holder-pressbilder{
		background: grey;
	}
/* Video */
	.posts-video{
		padding-top: 0;
		background: #fff;
	}
	.holder-video{
		background: purple;
	}

.empty-post-media{
	overflow: visible;
    height: 55px;
}
/* Sidebar */
	#secondary .widget ul li{
		border-bottom: none;
		margin-bottom: 5px;
	}
	#secondary .widget li ul > li{
		border-bottom: none;
		padding-left: 10px;
	}

	#secondary .widget ul li:last-child{
		padding-bottom: 0;
	}
	#secondary .widget ul li{
		border-bottom: none;
	}
	#secondary .widget .sub-menu{
		margin-top: 10px;
	}
	#secondary .widget li a{
		font-size: 16px;
		border-top: 3px solid transparent;
		color: #313131;
		padding-top: 8px;
		display: inline-block;
		width: 100%;
	}
	#secondary .widget a:hover,
	#secondary .widget .current-menu > a,
	#secondary .widget .current-menu-item > a{
		border-top: 3px solid #daa520;
    	color: #daa520;
    	padding-top: 8px;
	}

	#secondary .widget.widget_categories ul li{
		text-align: left;
	}
	.widget .widget-title{
		text-transform: none;
	}

/* Footer */
	.wp-pagenavi{
		font-size: 18px;
	}
	.wp-pagenavi a, 
	.wp-pagenavi span{
		padding: 8px;
    	margin: 4px;
	}
	.wp-pagenavi a:hover, 
	.wp-pagenavi span.current{
		border-color: #daa520;
		background-color: #daa520;
		color: #fff;
	}
	.site-footer .footer-t {
		border-top: 1px solid #b9b9b9;
    	background: #fff;
    	text-align: center;
    	padding: 40px 0 40px 0;
	}
	.site-footer .widget,
	.site-footer .footer-t .widget .widget-title {
		color: #333;
	}
	.footer-t .col {
    	width: 100%;
	}
	.footer-t .widget{
		margin-bottom: 15px;
	}
	.widget_sp_image{
		display: inline-block;
	    width: 16.666%;
	    padding-right: 20px;
	}

@media (max-width: 1200px){
	.site-branding{
		width: 20%;
		text-align: center;
	}
	.custom-logo {
    	max-width: 80px;
    	padding-bottom: 10px;
	}
	.site-branding .site-title{
		font-size: 24px;
	}
	.quote-wrapper,
	.site-header .nav-holder .nav-content{
		width: 80%;
	}
}
@media (max-width: 991px){
	.site-branding{
		width: 100%;
		padding-bottom: 10px;
	}
	.custom-logo{
		padding-bottom: 0;
	}
	.site-branding .site-title{
		padding-top: 10px;
	}
	.quote-wrapper, 
	.site-header .nav-holder .nav-content {
    	width: 100%;
	}
	.site-header .nav-holder .nav-content {
    	position: static;
    }
    .quote-wrapper{
    	padding-top: 0;
    }
	.slicknav_menu{
		text-align: center;
	}
	.slicknav_nav ul{
		margin: 0;
	}
	.slicknav_btn{
		display: inline-block;
		float: none;
	}
	.mobilechoice{
		display: block!important;
	}
	.nav-content .search-content{
		padding-top: 5px;
		text-align: center;
	}
	.site-header .btn-search{
		float: none;
		font-size: 24px;
	}
	.section-a ul li,
	.all-post ul li.large, 
	.all-post ul li.medium{
		width: 50%;
	}
	.section-b ul li, 
	.section-c ul li{
		width: 50%;
	}
	.section-a ul li img{
		width: auto;
	}
	.widget_sp_image{
	    width: 25%;
	}
	#primary{
		padding-right: 15px;
	}
}
@media (max-width: 767px){
	.posts-press .press-image-wrapper{
		width: 100%;
		text-align: center;
	}
	.posts-press .press-text-wrapper{
		width: 100%;
	}
	#primary .post .press-image-wrapper .post-thumbnail {
    	float: none;
    }
	#primary .post .press-image-wrapper .post-thumbnail img{
		width: auto;
	}
	.section-b, .section-c {
    	margin-left: 0;
    	margin-right: 0;
	}
}
@media (max-width: 600px){
	.section-b ul li, 
	.section-c ul li{
		width: 100%;
	}
	.section-d .container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.widget_sp_image{
	    width: 33%;
	}
}
@media (max-width: 480px){
	.widget_sp_image{
	    width: 50%;
	}
}
@media (max-width: 360px){
	.widget_sp_image{
	    width: 100%;
	    text-align: center!important;
	    padding-right: 0;
	}
	.widget_sp_image img{
		max-width: 150px!important;
	}
}