/* Responsive Stylesheet of Norra Halland */

/*  ----------------------------------------------------------------------------
  Widescreen - 1920p
----------------------------------------------------------------------------- */
@media only screen and (max-width: 1920px) {
	.norra-native-thumbnail .feature-img{ width: 40%; }
	.norra-native-thumbnail .post-contents{ width: 59%; }
}

/*  ----------------------------------------------------------------------------
  Laptop - 720p
----------------------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {

	/* ===== Global ===== */
		html,body{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		max-width: 100%;
		/*overflow-y: hidden; */
		}
		.elementor-section.elementor-section-boxed > .elementor-container{ max-width: 980px; }
		.norra-container{ max-width: 980px; }
		.norra-singlepage-template .norra-container{ max-width: 980px; }

	/* ===== Header ===== */
		.norra-header-desktop .accounts-navigation nav ul .menu-item a{
			padding: 10px;
			font-size: 13px;
		}
		.norra-header-desktop .accounts-navigation nav ul .logga-in{ margin-top: -5px; }
		.norra-header-desktop .accounts-navigation nav ul .logga-in a{ padding: 8px 10px; }
		.norra-header-desktop .accounts-navigation nav ul .search{ margin-top: -5px; }
		.norra-header-desktop .accounts-navigation nav ul .search a{ padding: 8px 10px; }
		.norra-header-desktop .currentdate-column .elementor-heading-title{ font-size: 13px !important; }
		.norra-header-desktop .currentdate-column .norra-current-date-shortcode{ font-size: 13px; }
		.norra-header-desktop .category-navigation nav ul .menu-item{ padding: 0; }
		.norra-header-desktop .category-navigation nav ul .menu-item a{ font-size: 13px; }
		.norra-header-desktop .secondary-navigation nav ul .menu-item{ padding: 0; }
		.norra-header-desktop .secondary-navigation nav ul .menu-item a{ font-size: 13px; }
		.norra-categorypage-template .norra-category-nav .norra-container ul li a{ font-size: 13px; }

	/* ===== Homepage ===== */
		.norra-postgrid-main .title{ font-size: 38px; }
		.norra-postgrid-main .excerpt{ font-size: 14px; }
		.norra-postgrid-main .excerpt .article-locked-badge{ width: 65px; }
		.norra-postgrid-main .post-row-4 .img-column{ width: 35%; }
		.norra-postgrid-main .post-row-4 .post-column{ width: 64%; }

	/* ===== Sidebar ===== */
		.norra-pagetemplate-3columns .main-column .sidebar-column{ padding: 0 15px; }
		.norra-postgrid-single .title{ font-size: 26px; }
		.norra-postgrid-single .excerpt{ font-size: 14px; }
		.norra-post-list .title{ font-size: 18px; }
		.norra-post-list ul .list a{ font-size: 14px; }
		.widget_polls-widget .td-block-title{ font-size: 20px; }
		.widget_polls-widget .wp-polls .wp-polls-form .discussion_poll_topic{ font-size: 20px; }
		.widget_polls-widget .wp-polls .wp-polls-form .wp-polls-ans .wp-polls-ul li{ line-height: 1.5; }
		.widget_polls-widget .wp-polls .wp-polls-form .wp-polls-ans .wp-polls-ul li label{ font-size: 14px; }
		.reportage_widget .td-block-title{ font-size: 20px; }
		.reportage_widget .slick-slider .slick-slide img{ height: 145px; }
		.widget-post-slider .wps-caption{ font-size: 13px; }

	/* ==== Det hander ==== */
		.det-hander-form #gform_4 .gform_footer input{ margin: -80px 4% 0px 0; }
		.dethander-kalendarium .date-column{ width: 14% !important; }
		.dethander-kalendarium .content-column{ width: 85% !important }
		.det-hander-form #gform_4 .gform_body .gform_fields .time-field .clear-multi .gfield_time_minute input{ padding: 12px 5px !important; }
		.det-hander-form #gform_4 .gform_body .gform_fields .time-field .clear-multi .gfield_time_hour input{ padding: 12px 5px !important; }

	/* ==== Tid Och  ==== */
		.tid-och-form #gform_12 .gform_footer input{ margin: -80px 4% 0px 0; }
		.dethander-kalendarium .date-column{ width: 14% !important; }
		.dethander-kalendarium .content-column{ width: 85% !important }

}	

/*  ----------------------------------------------------------------------------
Tablets - 980px
----------------------------------------------------------------------------- */
@media only screen and (max-width: 980px){

	/* ===== Global ==== */
		.norra-header.norra-header-desktop{ display: none; }
		.norra-container{ 
			padding: 0 10px; 
			width: 100%;
			max-width: none;
		}
		.norra-singlepage-template .norra-container{ width: 100%; }

	/* ===== Header ===== */
		.norra-header-mobile .accounts-navigation .prenumerera{ margin-right: 10px; }
		.norra-header-mobile .accounts-navigation .prenumerera a{
			background-color: #0067a4;
			border-radius: 30px;
			padding: 10px 20px;
			margin-top: 5px;
			color: #fff;
		}
		.norra-header-mobile .accounts-navigation .prenumerera a:hover{ color: #b8e9ff !important; }
		.norra-categorypage-template .norra-category-nav .norra-container ul{ padding: 10px 0px; }
		.norra-categorypage-template .norra-category-nav .norra-container ul li a{ font-size: 14px; }

	/* ==== Home ==== */
		.norra-pagetemplate-3columns .main-column{ width: 100%; }
		.norra-pagetemplate-3columns .main-column .pagecontent-column{ width: 65%; }
		.norra-pagetemplate-3columns .ads-sidebar{ width: 19%; }
		.norra-postgrid-main .excerpt, .norra-post-grid .excerpt{ padding-right: 0; }

	/* ====Sidebar ==== */
		.norra-post-list ul .list a{ width: 75%; }
		.norra-debatt-posts .mostread-list .list a{ width: 100%; }

	/* ==== Login Page ==== */
		.norra-loginpage-template .access-forms .loginForm_prenly #loginform .login-remember input{ height: 10px; }

	/* ==== Single Page ==== */
		.post-template-default.single .main-column{ width: 75%; }

	/* ==== Det Hander ==== */
		.det-hander-form #gform_4 .gform_footer input{ margin: -80px 3% 0px 0; }
		.dethander-kalendarium .date-column{ width: 14% !important; }
		.dethander-kalendarium .content-column{ width: 85% !important }

}

/*  ----------------------------------------------------------------------------
Mini Tablets - 768px
----------------------------------------------------------------------------- */
@media only screen and (max-width: 768px){
	
	/* === Sidebar === */
		.norra-post-list .title{ font-size: 15px; }
		.norra-post-list ul .list .counter{ 
			font-size: 12px;
			padding: 0px 9px;
		}
		.norra-post-list ul .list a{ 
			width: 80%; 
			vertical-align: top;
			font-size: 13px;
		}
		.norra-debatt-posts ul .list a{ width: 100%; }
		.reportage_widget .td-block-title{ font-size: 18px; }
		.reportage_widget{ padding: 20px 10px 30px; }
		.widget-post-slider .wps-caption{ font-size: 11px; }
		.reportage_widget .slick-slider .slick-slide img{ height: 120px; }

	/* ==== Home page ==== */
		.norra-featured-kronikor .content { width: 100%; }
		.norra-featured-kronikor .content h4{ font-size: 24px; }
		.norra-postgrid-main .twocolumn-post .post-column .featured-img{ height: 130px; object-fit: cover; }

		.has-featureimage .img-column{ float: left; }
		.has-featureimage .img-column img{ height: 100%; }

		.post-column .title{ font-size: 20px; padding-right: 0; }

	/* ==== Search page ==== */
		.norra-searchresult-template .main-row .search-results-column{ width: 100%; }
		.norra-searchresult-template .main-row .right-sidebar-ads-column{ width: 100%; }

	/* ==== Det Hander ==== */
		.det-hander-form #gform_4 .gform_footer input{
			margin: -80px 0 0px 0;
			padding: 10px 0px;
			width: 100px;
		}
		.dethander-kalendarium .date-column{ width: 18% !important; }
		.dethander-kalendarium .content-column{ width: 80% !important; }
		.det-hander-form #gform_4 .gform_body .gform_fields .date-field-first{ width: 32%; }
		.det-hander-form #gform_4 .gform_body .gform_fields .date-field-last{ width: 32%; }
		.det-hander-form #gform_4 .gform_body .gform_fields .time-field{ 
			width: 100%; 
			margin-left: 0 !important; 
		}
		.det-hander-form #gform_4 .gform_body .gform_fields .time-field .clear-multi .gfield_time_hour{
			width: 45%;
			max-width: none;
		}
		.det-hander-form #gform_4 .gform_body .gform_fields .time-field .clear-multi .gfield_time_minute{
			margin-left: 15px;
			width: 45%;
			max-width: none;
		}
		.det-hander-form #gform_4 .gform_body .gform_fields .time-field .clear-multi .gfield_time_hour i{ margin: 10px -15px 0px 0px; }
		.det-hander-form #gform_4 .gform_body .gform_fields .time-field .clear-multi .gfield_time_minute input{ padding: 12px 15px !important; }
		.det-hander-form #gform_4 .gform_body .gform_fields .time-field .clear-multi .gfield_time_hour input{ padding: 12px 15px !important; }

	/* ==== Tid Och  ==== */
		.tid-och-form #gform_12 .gform_footer input{
			margin: -80px 0 0px 0;
			padding: 10px 0px;
			width: 100px;
		}

}

/*  ----------------------------------------------------------------------------
Mini Tablets - 680px
----------------------------------------------------------------------------- */
@media only screen and (max-width: 680px){

	/* ===== Header ==== */
	.norra-header-mobile .accounts-navigation ul{ text-align: right; }
	.norra-header-mobile .accounts-navigation .menu-item{
		width: max-content;
		display: inline-block;
	}
	.norra-header-mobile .category-navigation .menu-item{
		width: max-content;
		display: inline-block;
	}
	.norra-header-mobile .category-navigation .menu-item a{
		padding: 12px 10px;
	}
	.norra-header-mobile .secondary-navigation .elementor-nav-menu--dropdown{
		position: absolute;
		right: -10px;
		width: 100vw;
		top: 35px;
		z-index: 9;
	}
	.elementor-page-subcategory .elementor-nav-menu .menu-item{
		display: inline-block;
	}
	.elementor-page-subcategory .elementor-nav-menu .menu-item a{
		padding: 10px 0 15px 25px;
	}

	.norra-singlepage-template .pagecontent-column article .post-header .meta-row .meta-column{
		width: 70%;
	}

	.norra-singlepage-template .pagecontent-column article .post-header .meta-row .share-column{
		margin-top: 15px;
		width: 55%;
	}

	/* ==== Homepage ==== */
	.norra-pagetemplate-3columns .main-column{ width: 100%; }
	.norra-pagetemplate-3columns .ads-sidebar{ width: 100%; }

	/* ==== Prenumerera ==== */
		body.page-id-76352 .prenumerera-heading-section{ 
			background-size: 101% 50% !important;
			padding: 10px 10px 180px 10px !important;
		}
		body.page-id-76352 .eael-gravity-form{ }
		body.page-id-76352 .eael-gravity-form #gform_11{ }
		body.page-id-76352 .eael-gravity-form #gform_11 .gfield.gfield_contains_required.field_sublabel_below{ }
		body.page-id-76352 .eael-gravity-form #gform_11 .gfield.gfield_contains_required.field_sublabel_below .ginput_container{ }
		body.page-id-76352 .eael-gravity-form #gform_11 .gfield.gfield_contains_required.field_sublabel_below .ginput_container input{
			width: 100%;
		padding: 10px 15px 12px !important;
		}

	/* ==== Login Page ==== */
		.norra-loginpage-template .main-column{
			padding: 0 25px;
			width: 100%;
		}
		.norra-loginpage-template .login-banner .image-column{
			width: 100%;
			text-align: center;
		}
		.norra-loginpage-template .login-banner .context-column{
			width: 100%;
			padding-bottom: 35px;
		}
		.norra-loginpage-template .access-forms .main-column .form-controls{ margin: 0; }
		.norra-loginpage-template .access-forms .prenly-register-account{ margin: 55px 0 0 0; }
		.norra-loginpage-template .access-forms .loginForm_prenly{ margin: 55px 0 0 0; }

	/* ==== Det Hander ==== */
		.dethander-kalendarium .date-column{ width: 15% !important; }
		.dethander-kalendarium .content-column{ width: 80% !important; }

	/* ==== Mervadet ==== */
		body.page.page-id-76423 .mervadet-hero-banner{
			padding: 35px 35px 350px 35px;
			background-size: 100% 50% !important;
		}

	/* ==== Om Oss ==== */
		body.page.page-id-76360 .omoss-hero-banner{
			padding: 35px 35px 235px 35px;
			background-size: 100% 50% !important;
		}
	/* ==== Annonnsera ==== */
		body.page.page-id-76314 .annonsera-hero-banner{
			padding: 35px 35px 350px 35px;
			background-size: 100% 50% !important;
		}

}

/*  ----------------------------------------------------------------------------
Mini Tablets - 480px
----------------------------------------------------------------------------- */
@media only screen and (max-width: 480px){

	/* ==== Ads === */
		.norra-leeads-ads h6{ text-align: center; }

	/* ==== Homepage ==== */
		.norra-pagetemplate-3columns .main-column .pagecontent-column{ 
			width: 100%; 
			padding-right: 0;
		}
		.norra-postgrid-main .twocolumn-post .post-column{ width: 100%; }
		.norra-postgrid-main .twocolumn-post .post-column:first-child{ border: 0; }
		.norra-postgrid-main .twocolumn-post .post-column .featured-img{ 
			width: 100%; 
			height: auto;
		}
		.norra-post-grid .twocolumn-post .post-column{ width: 100%; }
		.norra-post-grid .twocolumn-post .post-column:first-child{
			border: 0;
			padding-right: 0;
		}
		.norra-post-grid .twocolumn-post .post-column .featured-img{ 
			width: 100%; 
			height: auto;
		}
		.norra-post-grid .twocolumn-post .post-column:last-child{ padding-left: 0; }
		.norra-postgrid-main .twocolumn-post .post-column:last-child{ padding: 0; }
		.norra-postgrid-main .twocolumn-post .post-column .title,
		.norra-post-grid .twocolumn-post .post-column .title,
		.norra-postgrid-main .title{
			font-size: 27px;
  			line-height: 29px;
			padding-right: 0px;
		}


	/* ==== Sidebar ==== */
		.norra-pagetemplate-3columns .main-column .sidebar-column{ width: 100%; }
		.norra-postgrid-single img{ width: 100%; }
		.reportage_widget .slick-slider .slick-slide img{ 
			height: 285px;
			width: 100%;
		}
		.widget-post-slider .wps-caption{ font-size: 14px; }
		.reportage_widget .slick-slider .slick-slide img{
			height: 210px;
			width: 100%;
		}
		.norra-pagetemplate-3columns .main-column .sidebar-column{ min-height: auto; }
		.norra-postgrid-single .title{ font-size: 22px; }

	/* ==== Login Page ==== */
		.norra-loginpage-template .access-forms .main-column .form-controls .login-account{ width: 100%; }
		.norra-loginpage-template .access-forms .loginForm_prenly{ padding: 0; }

	/* ==== Search Page ==== */
		.norra-searchresult-template .main-row .search-results-column .page-title{ font-size: 28px; }
		.norra-searchresult-template .main-row .search-results-column .search-page-search-wrap .td-search-form-widget input{ width: 90%; }
		.norra-searchresult-template .main-row .search-results-column .search-results-wrap .norra-post-rows .feature-img{ width: 100%; }
		.norra-searchresult-template .main-row .search-results-column .search-results-wrap .norra-post-rows .feature-img img{ width: 100%; }
		.norra-searchresult-template .main-row .search-results-column .search-results-wrap .norra-post-rows .content{
			width: 100%;
			padding-left: 0;
		}
		.norra-searchresult-template .main-row .search-results-column .search-results-wrap .norra-post-rows .content .title{ width: 100%; }

	/* ==== Single Page ==== */
    .norra-singlepage-template .pagecontent-column article .post-header .title{
			font-size: 2.125rem;
			letter-spacing: normal;
			line-height: normal;
			margin: 0 0 10px 0;
		}
		.norra-singlepage-template .pagecontent-column article .post-header .excerpt{
			font-size: 1.125rem;
			letter-spacing: normal;
			line-height: normal;
			margin: 0 0 10px 0;
			padding-right: 0;
		}
		.post-template-default.single .main-column{ width: 100%; }

	/* ==== Det Hander ==== */
	.det-hander-form #gform_4{ padding: 0; }
	.det-hander-form #gform_4 .gform_body .gform_fields .name-field{ width: 100%; }
	.det-hander-form #gform_4 .gform_body .gform_fields .date-field-first{ width: 47%; }
	.det-hander-form #gform_4 .gform_body .gform_fields .date-field-last{ width: 47%; }
	.det-hander-form #gform_4 .gform_body .gform_fields .photo-field{
		width: 100%;
		padding-left: 0px;
	}
	.det-hander-form #gform_4 .gform_body .gform_fields .phone-field{ width: 100%; }
	.det-hander-form #gform_4 .gform_body .gform_fields .email-field{
		width: 100%;
	margin-right: 0%;
	margin-left: 0 !important;
	margin-top: 15px !important;

	}
	.det-hander-form #gform_4 .gform_body .gform_fields .text-field{ width: 100%; }
	.det-hander-form #gform_4 .gform_footer input{
		margin: 25px 10px 15px 0;
		padding: 10px 0px;
		width: 100px;
	}
	.dethander-kalendarium .date-column{ width: 21% !important; }
	.dethander-kalendarium .content-column{ width: 79% !important; }

	/* ==== Tid Och ==== */
	.tid-och-form #gform_12{ padding: 0; }
	.tid-och-form #gform_12 .gform_body .gform_fields .name-field{ width: 100%; }
	.tid-och-form #gform_12 .gform_body .gform_fields .date-field-first{ width: 47%; }
	.tid-och-form #gform_12 .gform_body .gform_fields .date-field-last{ width: 47%; }
	.tid-och-form #gform_12 .gform_body .gform_fields .photo-field{
		width: 100%;
		padding-left: 0px;
	}
	.tid-och-form #gform_12 .gform_body .gform_fields .phone-field{ width: 100%; }
	.tid-och-form #gform_12 .gform_body .gform_fields .email-field{
		width: 100%;
	margin-right: 0%;
	margin-left: 0 !important;
	margin-top: 15px !important;

	}
	.tid-och-form #gform_12 .gform_body .gform_fields .text-field{ width: 100%; }
	.tid-och-form #gform_12 .gform_footer input{
		margin: 25px 10px 15px 0;
		padding: 10px 0px;
		width: 100px;
	}
	.dethander-kalendarium .date-column{ width: 21% !important; }
	.dethander-kalendarium .content-column{ width: 79% !important; }

}


/*  ----------------------------------------------------------------------------
Mobile - 360px
----------------------------------------------------------------------------- */
@media only screen and (max-width: 420px){

	/* ==== Header ==== */
	.norra-header-mobile .accounts-navigation .menu-item a{ font-size: 13px; }
	.norra-header-mobile .category-navigation .menu-item a{ font-size: 13px; }
	.norra-header-mobile .secondary-navigation .menu-item a{ font-size: 13px; }	

	/* ==== Homepage === */
		.norra-featured-kronikor .content{ width: 69%; }
		.norra-featured-kronikor .content h4{ font-size: 26px; }
		.norra-postgrid-main .post-row-4 .img-column{ width: 100%; }
		.norra-postgrid-main .post-row-4 .img-column img{ 
			width: 100%;
			height: auto;
		}
		.norra-postgrid-main .post-row-4 .post-column{
			width: 100%;
			padding: 0;
		}
		.norra-post-grid .post-row-4 .img-column{ width: 100%; }
		.norra-post-grid .post-row-4 .img-column img{
			width: 100%;
			height: auto;
		}
		.norra-post-grid .post-row-4 .post-column{
			width: 100%;
			padding: 0;
		}

	/* ==== Single Page ==== */
		.norra-singlepage-template .pagecontent-column article .post-content .content .facts{
			margin: 0;
			padding: 0 10px;
		}
		.norra-singlepage-template .pagecontent-column article .post-content .content .facts h4{
			font-size: 21px;
			word-break: break-all;
		}

	/* ==== Det Hander ==== */
		.dethander-kalendarium .date-column{ width: 25% !important; }
		.dethander-kalendarium .content-column{ width: 75% !important; }

}