/**
 * Local Google Fonts
 */
@font-face {
	font-family: 'OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Bold';
	src: url('../fonts/OpenSans-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-Regular';
	src: url('../fonts/SourceSansPro-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-Bold';
	src: url('../fonts/SourceSansPro-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'SourceSansPro-Regular', sans-serif;
}
a, a:active, a:focus{
	outline:none !important;
}


/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		max-width: 1200px;
		max-width: 85.714285714rem;
		overflow: hidden;
	}
	.site-content,
	.featured-content {
		float: left;
		width: 65.104166667%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area,
	#featuredSidebar.widget-area {
		float: right;
		width: 26.041666667%;
	}
	#featuredSidebar.widget-area {
		margin-top: 0;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	hgroup {
		text-align: left;
		float: left;
		margin-bottom: 0;
	}
	.main-navigation {
		float: right;
	}
	.custom-logo {
		max-width: 60%;
		height: auto;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: right;
		width: 100%;
	}
	.top-navigation ul.nav-menu,
	.top-navigation div.nav-menu > ul {
		display: inline-block !important;
		width: 100%;
	}
	.top-navigation {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.top-navigation li {
		line-height: 1.42857143;
	}
	.menu-left {
		text-align: left;
		margin-bottom: 0;
	}
	.menu-left,
	.menu-right {
		width: calc(100% / 2);
		float: left;
	}
	.menu-right {
		text-align: right;
	}
	.menu-left li {
		display: inline-block;
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #333;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #ce1123;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #fff;
		border-bottom: 1px solid #ededed;
		border-left: 1px solid #ededed;
		border-right: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
		text-align: left;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #ce1123;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	ul.sub-menu {
    	display: block;
	}
	.th-search-icon {
  		cursor: pointer;
  		float: right;
  		position: absolute;
  		top: 0;
  		right: 0;
 		width: 30px;
  		text-align: right;
 		margin-left: 10px;
 		margin-left: 0.714285714rem;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
	.home_featured_headlines img,
	.archive .entry-header img.wp-post-image {
		max-width: 30%;
		margin-right: 24px;
		float: left;
	}
	.archive .entry-title {
		clear: none;
	}
	.home_featured_headlines .entry-header img.wp-post-image {
		margin-bottom: 0;
	}
	.col-6.newsfeed li {
		 width: 50%; 
		 float: left;
	}
	article.home_featured {
    	padding: 0 10px;
    	margin-bottom: 0;
	}
	article.home_featured_headlines {
		padding-top: 24px;
		padding-bottom: 0;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 0;
		border-bottom: 1px solid #eee;
	}
	.imprint {
		float: right;
	}
	/*.widget_luanda_featured_page .grid-item {
		width: calc((100% - 20px * 1) / 2);
		float: left;
		margin-right: 20px;
		margin-right: 1.428571428rem;
	}*/
	.widget_luanda_featured_page .grid-item {
		width: 100%;
		float: left;
		clear: both;
	}
	.widget_luanda_featured_page .grid-content {
		float: right;
    	margin-bottom: 0;
    	width: 47.916666667%;
	}
	.widget_luanda_featured_page .grid-item img {
		float: left;
    	width: 47.916666667%;
	}
	.home-widgets .widget img {
		margin-bottom: 0;
	}
	#secondary .widget_luanda_featured_page img,
	#secondary .widget_luanda_featured_page .grid-content {
		width: 100%;
		float: left;
	}
	.widget_luanda_three_grid_block .grid-item {
		width: calc((100% - 20px * 2) / 3);
		width: calc((100% - 20px * 2) / 3);
  		float: left;
  		margin-right: 20px;
  		margin-right: 1.428571428rem;
	}
	.widget_luanda_three_grid_block .grid-item:nth-child(3n+3) {
  		margin-right: 0;
	}
	.widget_luanda_three_grid_block .grid-item:nth-child(3n+1) {
  		clear: left;
	}
	.two-grid-block .grid-item .entry-header .entry-title {
  		font-size: 18px;
  		font-size: 1.285714285rem;
	}
	.three-grid-block .grid-item .entry-header .entry-title {
  		font-size: 16px;
  		font-size: 1.142857142rem;
	}
	.mixed-grid-block .col-3 {
		width: calc((100% - 20px * 1) / 2);
		float: left;
		/*margin-right: 20px;
		margin-right: 1.428571428rem; */
	}
	.mixed-grid-block .col-3.featured-headlines:nth-child(3) {
		margin-right: 0;
		float: right;
	}
	.mixed-grid-block .featured-headlines .post-thumb {
		width: 30%;
		float: left;
		margin-right: 14px;
		margin-right: 1rem;
		margin-bottom: 0;
	}
	.mixed-grid-block .entry-title,
	.mixed-grid-block .entry-meta {
		clear: none;
	}
	.widget_luanda_two_grid_block .grid-item {
		width: calc((100% - 20px * 1) / 2);
  		float: left;
  		/*margin-right: 20px;
  		margin-right: 1.428571428rem;*/
	}
	.widget_luanda_two_grid_block .grid-item:nth-child(2) {
  		margin-right: 0;
	}
}

/* Minimum width of 1200 pixels. */
@media screen and (min-width: 1200px) {
	body {
		background-color: #fff;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}

/* Screens under 800px */
/*@media all and (max-width: 800px){
	.navigationContent.site .col-1 { 
		width: 100%;  
		text-align: center;
	}
	.top-navigation li {
		display: inline-block;
		line-height: 1.42857143;
		text-transform: uppercase;
		white-space: nowrap;
		margin-right: 10px;
	}
	.navigationContent.site .main-navigation {
   	 	margin-top: 24px;
		margin-top: 1.714285714rem;
	}
    
}*/

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half {
		width: 50%;
	}
}