/* DEFINITIONEN
	Links/Buttons: #7f7f7f
	Rollover und Active Links/Buttons: #222222
	Headertext/Longcopy: #222222
	Text von Item mit helles Blaue Hintergrund: #ffffff

	Hintergrund header (Hauptmenu): #ffffff
	Hintergrund website: #f5f5f5
	Overlay Bilder: #fafafa
	Rollover Overlay Bilder: #7f7f7f

	Item Hintergrund: #ffffff
	Item helles Blaue Hintergrund: #a6c2de = > neu: rgba(155, 146, 136, 1)
	Item Linien: #e5e5e5
*/

@font-face {
    font-family: 'Sintony';
    src: url('../fonts/Sintony-Bold.eot');
    src: url('../fonts/Sintony-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sintony-Bold.woff2') format('woff2'),
        url('../fonts/Sintony-Bold.woff') format('woff'),
        url('../fonts/Sintony-Bold.ttf') format('truetype'),
        url('../fonts/Sintony-Bold.svg#Sintony-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Sintony';
    src: url('../fonts/Sintony.eot');
    src: url('../fonts/Sintony.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sintony.woff2') format('woff2'),
        url('../fonts/Sintony.woff') format('woff'),
        url('../fonts/Sintony.ttf') format('truetype'),
        url('../fonts/Sintony.svg#Sintony') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PT Serif';
    src: url('../fonts/PTSerif-Bold.eot');
    src: url('../fonts/PTSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PTSerif-Bold.woff2') format('woff2'),
        url('../fonts/PTSerif-Bold.woff') format('woff'),
        url('../fonts/PTSerif-Bold.ttf') format('truetype'),
        url('../fonts/PTSerif-Bold.svg#PTSerif-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}



html {
	overflow-x: hidden;
    overflow-y: auto;
}

body {
	background-color: #f5f5f5;
	font-family: 'Sintony', sans-serif;
	font-size: 14px;
	line-height: 1.6;
}

ul,
ul li.leaf {
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.clear { clear:both; }
.clear:after {
  content:"";
  clear:both;
  display:block;
  visibility:hidden;
}

.text ul {

}

h1 {
	margin: 0px 0px 20px 0px;
	color: black;
	font-family: 'PT Serif', serif;
	font-weight: bold;
	font-size: 25px;
}

h2 {
}

h3,
#masonry_grid h1,
#masonry_grid h2,
#masonry_grid h3 {
	margin: 0px 0px 18px 0px;
	color: black;
	font-size: 20px;
	font-family: 'PT Serif', serif;
	font-weight: bold;
	
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #7f7f7f;
	text-decoration: none;
}

a:hover {
	color: #222222;
	text-decoration: underline;
	-webkit-transition: color 500ms ease-out;
	-moz-transition: color 500ms ease-out;
	-o-transition: color 500ms ease-out;
	transition: color 500ms ease-out;
}

a.nolink,
a.nolink:hover {
	cursor: default;
	text-decoration: none;
}

a[href^="http:"],
a[href^="https:"],
a[href^="ftp:"]
{
    background-image: url('../images/extlink.png');
	background-position: right center;
	background-repeat: no-repeat;
    padding-right: 15px;
}

a[href^="http://drwa.de"],
a[href^="http://www.drwa.de"],
a[href^="https://drwa.de"],
a[href^="https://www.drwa.de"],
a[href^="http://drwa-files.de"],
a[href^="http://www.drwa-files.de"]
{
    background-image: none;
    padding-right: 0px;
}

p, pre {
	margin: 0px 0px 1em 0px;
}

h1 p,
h2 p,
h3 p {
	margin: 0px;
}

#page-wrapper {
	width: 100%;
	position: relative;
	max-width: 2200px;
	/* min-width: 1050px; */
	margin: auto;
	padding-bottom: 72px; /* wg fixed footer*/
	padding-top: 72px !important; /* Added 21-02-2017*/
}

@media only screen and (max-width: 1023px) {
	#page-wrapper {
		padding-top: 116px !important; /* Added 21-02-2017*/
	}
}
@media only screen and (max-width: 510px) {
	#page-wrapper {
		padding-top: 59px !important; /* Added 21-02-2017*/
	}
}

.inner {
	position: relative;
}

.outer,
.ntype_fullscreen_content #breadcrumb {
	padding: 0px 24px;
}

#header {
	background-color: white;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 10;
	transition: 0.3s all;
	z-index: 1;
}

#header.scrolled {
	/* padding-bottom: 10px; */
	-webkit-box-shadow: 0px 0px 10px -2px rgba(166,166,166,1);
	-moz-box-shadow: 0px 0px 10px -2px rgba(166,166,166,1);
	box-shadow: 0px 0px 10px -2px rgba(166,166,166,1);
}

#header_section {
	float: right;
	margin-right: 24px;
}

#main-wrapper {
	padding-bottom: 10px;
	overflow: hidden;
}


#left,
#address.fixed
{
	/* width: 210px; */
	width: 18%;
}

#left {
	float: left;
	overflow: hidden;
}

#sidebar-first .block-block {
	color: #7f7f7f;
	font-weight: bold;
	margin-bottom: 60px;
}

#sidebar-first #block-block-3 {
	font-size: 18px;
}

#block-block-3 ul li {
	list-style-type: none;
	float: left;
	margin-left: 18px;
}

#block-block-3 ul li a {
	display: inline-block;
	line-height: 72px;
	
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	
	padding-right: 0px;
	background-image: none;
}

#block-block-3 ul li a:hover {
	text-decoration: none;
}

#block-block-3 ul li img {
	vertical-align: middle;
	position: relative;
	top: -4px;
}

#logo {
	display: block;
	float: left;
	height: 72px;
	/* margin: 0px 38px 0px 24px; DRWA 02.10.2018 */
	margin: 0px 28px 0px 24px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	/* max-width: 70%; */
	max-width: 270px; /* for iPad*/
}

#logo img {
	display: block;
	/* height: 48px; */
	max-height: 48px;
    width: auto;
	max-width: 100%;
}

#nav-wrapper {
	
}

#navigation {
	float: left;
	position: relative;
}

#navigation li {
	list-style-image: none;
	list-stye-type: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	/*
	width: 33%;
	text-align: center;
	*/
}

#navigation li a {
	color: #7f7f7f;
	font-weight: bold;
	font-size: 24px;
	line-height: 72px;
	text-transform: uppercase;
	-moz-osx-font-smoothing: grayscale;
	/* -webkit-font-smoothing: antialiased; */
	
	/* menu icon stuff */
	/*  padding: 0px 30px 0px 30px; DRWA 02.10.2018 */
	padding: 0px 20px 0px 30px; 
	background-position: left 2px;
}
#navigation li:last-of-type a {
	padding-right:0;
}

#navigation li a.active-trail,
#navigation li a:hover {
	text-decoration: none;
	color: #222222;
}

#navigation li ul {
	display: none; /* keine Submenus! */
}

#mobile_menu {
	display: none;
}

#mobile_menu #mobile_menuicon {
	position: absolute;
	right: 3%;
	margin-right: -3px;
	top: 5px;
}

#mobile_menu > ul {
	display: none;
	position: absolute;
	width: 100%;
	background-color: white;
	z-index: 10;
	top: 50px;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	
	-webkit-box-shadow: 0px 5px 10px -2px rgba(166,166,166,1);
	-moz-box-shadow: 0px 5px 10px -2px rgba(166,166,166,1);
	box-shadow: 0px 5px 10px -2px rgba(166,166,166,1);
	
	max-height: 300px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

#mobile_menu ul li {
	padding: 0px;
	margin: 0px;
}

#mobile_menu ul li a,
#mobile_menu ul li a.menu_icon {
	text-align: center;
	width: 90%;
	padding: 5px 5%;
	display: block;
	height: auto;
	line-height: 35px;
	background-image: none;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}

#mobile_menu ul li ul {
	display: block;
}

#mobile_menu ul li ul li a{
	font-size: 18px;
	text-transform: none;
	line-height: 1;
	padding: 5px 5%;
}

#mobile_menu ul li ul ul {
	display: none;
}

#breadcrumb {
	line-height: 48px;
	min-height: 48px;
}

#breadcrumb a {
	font-weight: bold;
	display: inline-block;
	color: black;
	position: relative;
	padding-left: 12px;
}

#breadcrumb a:before,
#breadcrumb a:hover:before {
	/* content: "∨ "; */
	content: "> ";
	text-decoration: none;
	position: absolute;
	left: 0px;
}

#block-search-form {
	margin: 60px 0px;
}

#block-search-form input[type="text"] {
	background-color: white;
	border: 0px;
	padding: 0px 10px 0px 50px;
	height: 40px;
	line-height: 40px;
	background-image: url(../images/icon_lupe.png);
	background-position: 10px  center;
	background-repeat: no-repeat;
	display: block;
}

#block-search-form .form-item-search-block-form {
	width: 100%;
	display: block;
	margin: 0px;
}

#block-search-form #edit-actions {
	display: none;
}

#address {
	font-style: normal;
	font-weight: normal;
	padding: 20px 0px 30px 0px;
}
#address.fixed {
	position: fixed;
	bottom: 0px;
}

#address p,
#sidebar-first .block-block p
{
	margin: 0px;
}

.borderbox {
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	
	-webkit-box-shadow: 0px 0px 10px -2px rgba(166,166,166,1);
	-moz-box-shadow: 0px 0px 10px -2px rgba(166,166,166,1);
	box-shadow: 0px 0px 10px -2px rgba(166,166,166,1);
}

#standard {
	background-color: white;
	padding: 20px 20px 0px 20px;
	max-width: 960px;
	margin-bottom: 20px;
	/* margin: auto; */
}

#standard #year {
	float: right;
	font-family: 'PT Serif', serif;
	font-size: 18px;
	font-weight: bold;
	
	position: relative;
	top: -15px;
}

#standard .headlinebox,
#standard #terms {
	margin: 0px -20px;
	padding: 0px 20px;
}

#standard .headlinebox {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

#standard #terms {
	border-top: 1px solid #e5e5e5;
	line-height: 48px;
}

#standard #terms .field-label {
	display: none;
}

#standard #terms .field {
	display: inline-block;
	margin-right: 20px;
	font-weight: bold;
}

#standard #terms .field a:before {
	content: "> ";
	font-weight: bold;
}

#standard #facebook {
	float: right;
	border-left: 1px solid #e5e5e5;
	padding-left: 20px;
	height: 34px;
	line-height: 1;
	padding-top: 14px;
	min-width: 100px;
}

#standard .landscape #textcontent {
	margin: 20px 0px;
}

#standard #slider_container {
	margin-bottom: 20px;
}

#standard .portrait #slider_container {
	float: right;
	width: 66.66%;
	margin-bottom: 20px;
}
#standard .portrait #textcontent {
	float: left;
	width: 31.33%;
	padding-right: 2%;
	margin-bottom: 20px;
}

#standard #intro_text {
	font-size: 16px;
}

#standard #long_text {
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#slider img,
#slider_container img {
	max-width: 100%;
}

/* View Seiten */
#masonry_grid {
	/* margin: -1%; */
}

#masonry_grid .gutter-sizer {
	width: 2%;
	/* width: 20px; */
}

#masonry_grid .grid,
#masonry_grid .grid-sizer { /* dummy element for masonry */
	float: left;
	
	margin-bottom: 2%;
	/* margin-bottom: 20px; */
}


/* 4 Masonry Spalten flexibel - STANDARD */
#masonry_grid .grid,
#masonry_grid .grid-sizer {
	width: 23.5%;
}
#masonry_grid .grid2columns {
	width: 49%;
}
#masonry_grid .grid3columns {
	width: 74.5%;
}

@media only screen and (min-width: 1330px) {
	/* 5 Masonry Spalten */
	#masonry_grid .gutter-sizer {
		width: 1%;
	}
	#masonry_grid .grid,
	#masonry_grid .grid-sizer { /* dummy element for masonry */
		margin-bottom: 1%;
	}
	
	#masonry_grid .grid,
	#masonry_grid .grid-sizer { /* dummy element for masonry */
		width: 19.2%;
	}
	#masonry_grid .grid2columns {
		width: 39.4%;
	}
	#masonry_grid .grid3columns {
		width: 58.6%;
	}
}

@media only screen and (min-width: 1800px) {
	/* 6 Masonry Spalten */
	#masonry_grid .gutter-sizer {
		width: 1%;
	}
	#masonry_grid .grid,
	#masonry_grid .grid-sizer { /* dummy element for masonry */
		margin-bottom: 1%;
	}
	
	#masonry_grid .grid,
	#masonry_grid .grid-sizer { /* dummy element for masonry */
		width: 15.8%;
	}
	#masonry_grid .grid2columns {
		width: 32.66%;
	}
	#masonry_grid .grid3columns {
		width: 48.46%;
	}
}

/* == */
/* 4 spaltig ist standard von 820 - 1025 */
	
@media only screen and (max-width: 990px) {
	/* 3 Masonry Spalten */
	#masonry_grid .grid,
	#masonry_grid .grid-sizer { /* dummy element for masonry */
		float: left;
		width: 32%;
		margin-bottom: 2%;
	}

	#masonry_grid .grid2columns {
		width: 66%;
	}
	#masonry_grid .grid3columns {
		width: 100%;
	}
}

@media only screen and (max-width: 760px) {
	/* 2 Masonry Spalten */
	#masonry_grid .grid,
	#masonry_grid .grid-sizer { /* dummy element for masonry */
		width: 49%;
	}
	#masonry_grid .grid2columns {
		width: 100%;
	}
	#masonry_grid .grid3columns {
		width: 100%;
	}
}

@media only screen and (max-width: 320px) {
	/* 1 Masonry Spalte */
	#masonry_grid .grid-sizer {
		width: 0%;
	}
	#masonry_grid .grid,
	#masonry_grid .grid2columns,
	#masonry_grid .grid3columns {
		width: 100%;
	}
				
}


/* Masonry mit fixer Breite */
/*
#masonry_grid .grid,
#masonry_grid .grid-sizer {
	width: 230px;
	max-width: 100%;
}
#masonry_grid .grid2columns {
	width: 480px;
	max-width: 100%;
}
#masonry_grid .grid3columns {
	width: 730px;
	max-width: 100%;
}
*/


#masonry_grid .item {
	padding: 6px 6px 0px 6px;
	background-color: white;
}
#masonry_grid .item.blue {
	padding-bottom: 6px;
}

#masonry_grid .item.blue .itembox {
	background-color:rgba(155, 146, 136, 1);
	color: black;
}

#masonry_grid .content {
	padding: 18px;
}

#masonry_grid p {
	margin: 0px;
}

#masonry_grid .mainimagelink {
	display: block;
	line-height: 0;
	overflow: hidden;
	position: relative;
	margin-bottom: 6px;
}

#masonry_grid .blue .mainimagelink {
	padding: 8px;
}

#masonry_grid .mainimagelink.fancybox:after {
	content: "";
	display: none;
	position: absolute;
	top: 0px;
	width: 100%;
	background-image: url('../images/drwa_werbeagentur_freiburg_zoom.png');
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s;
}

#masonry_grid .mainimagelink.fancybox:before {
	content: "";
	display: none;
	position: absolute;
	top: 0px;
	width: 100%;
	background-color: black;
	opacity: 0.5;
	transition: all 0.3s;
}
#masonry_grid .mainimagelink.fancybox:hover:before,
#masonry_grid .mainimagelink.fancybox:hover:after {
	display: block;
	height: 100%;
}

#masonry_grid .item .mainimage,
#masonry_grid .item img 
{
	max-width: 100%;
}

#masonry_grid .subline
/* #masonry_grid .teaser */
{
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 1.2;
}

#masonry_grid .teaser > img {
	float: left;
	margin: 5px 10px 0px 0px;
	max-width: 90%;
}

#masonry_grid .subline p,
#masonry_grid .teaser p,
#masonry_grid .longtext p {
	margin: 0px 0px 10px 0px;
/*	margin: 0px 0px 18px 0px; */
}

#masonry_grid .longtext {
	margin-top: 15px;
}

#masonry_grid  .readmore {
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	display: block;
}
#masonry_grid  .readmore:hover,
#masonry_grid .terms  a:hover {
	text-decoration: none;
	color: black;
}

#masonry_grid .blue .readmore:hover,
#masonry_grid .blue .terms  a:hover {
	color: white;
}

#masonry_grid .terms {
	border-top: 1px solid #e5e5e5;
	padding: 0px 18px 0px 18px;
	margin: 0px -6px;
	font-weight: bold;
}

#masonry_grid  .terms .readmore {
	display: inline;
	margin: 0px;
}

#masonry_grid .terms .fivestar {
	float: right;
	padding-left: 10px;
	border-left: 1px solid #e5e5e5;
}

#masonry_grid .terms .fivestar form.fivestar-widget {
	top: 4px;
	position: relative;
}

#masonry_grid .fivestar .fivestar-summary .empty,
#masonry_grid .fivestar .fivestar-summary .average-rating {
	display: none;
}

#masonry_grid .fivestar .fivestar-summary .total-votes {
	/* display: none; */
	margin-left: 5px;
	color: #7f7f7f;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	top: -3px;
}
#masonry_grid .fivestar .fivestar-widget .fivestar-widget,
#masonry_grid .fivestar .fivestar-widget .description {
	float: left;
}

/* ADDED DRWA 02.05.2018 : Mehr platz für Vote Zahl */
.description {
    clear: none;
}

#masonry_grid .fivestar .fivestar-summary .votes_only {
	display: none;
	margin-left: 5px;
	color: #7f7f7f;
	position: relative;
	top: -3px;
	font-size: 14px;
}
div.fivestar-widget .star a,
div.fivestar-widget .star:hover a {
	background: transparent;
}
div.fivestar-widget .star {
	height: 16px;
	background-image: url('../images/drwa_werbeagentur_freiburg_fav.png');
}
div.fivestar-widget .star:hover,
div.fivestar-widget .star.on {
	background-image: url('../images/drwa_werbeagentur_freiburg_fav_active.png');
}

#masonry_grid .blue .terms {
	margin: 0px;
	background-color: #9B9288;
}

#masonry_grid .terms > div {
	display: inline-block;
	padding: 5px 0px;
	min-height: 23px;
}

#masonry_grid .terms .taxonomy {
	border-left: 1px solid #e5e5e5;
	padding-left: 12px;
	margin-left: 8px;
}

#masonry_grid .blue .terms a,
#masonry_grid .blue .readmore,
#masonry_grid .blue .fivestar .fivestar-summary .votes_only {
	color: #cdc8c3;
}

#masonry_grid .blue .terms,
#masonry_grid .blue .fivestar,
#masonry_grid .blue .facebook,
#masonry_grid .blue .taxonomy {
	border-color: #cdc8c3;
}

#masonry_grid .big .headline {
	font-size: 42px;
	line-height: 1.0;
	color: #a6c2de;
}
#masonry_grid .big.blue .headline {
	color: white;
}

#slider {
	background-color: transparent;
	width: 100%;
	padding: 0px;
}

#slider.liquid-slider .ls-panel {
	width: 100%;
	padding: 0px;
}

#slider .panel-wrapper {
	padding: 0px;
	text-align: left;
}

#slider-wrapper {
	overflow: visible;
}

#slider_container .ls-nav {
	position: absolute;
	right: 0px;
	top: -65px;
}

#slider-nav-ul {
	/* margin: 20px 10px 0px 0px; */
}

#slider-nav-ul li a {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	padding: 0px;
	margin: 0px 3px;
	background-color: #808080;
}
#slider-nav-ul li.current a {
	background-color: black;
}

#footer-wrapper {
	margin: 20px 0px 0px 0px;
	background-color: white;
	border-radius: 0px; 
	/*
	height: 60px;
	line-height: 60px;
	*/
	font-size: 12px;
	padding: 12px 0px 10px 0px;
	position: fixed;
	bottom: 0px;
	width: 100%;
}

#footer p {
	margin: 0px;
}

#footer .content > p,
#footer .content > div {
	display: inline-block;
	margin-right: 8px;
}

#footer a {
	color: black;
}

#footer a:hover {
	color: #7f7f7f;
}

#footer .menu > li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}

#footer .content > .menu > li {
	float: left;
	width: 33%;
}

#footer .menu li a {
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
	color: #7f7f7f;
}

#footer .menu li a:before {
	content: "> ";
}

#footer .menu li a.active-trail {
	color: black;
}

#footer #footer_icons {
	float: right;
	line-height: 0px;
	position: relative;
}

#footer #footer_icons .feed-icon {
	position: relative;
	padding: inherit;
	background-image: none;
	display:block;
	float:left;
}

#footer #facebook_footer {
	float: right;
	margin-left: 4px;
	background-color:#3b5998;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}

#footer .region-footer {
	float: left;
}

#content .content ul {
	margin-left: 25px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"] {
	border: 1px solid #7f7f7f;
	line-height: 25px;
	width: 97%; /*border!*/
	padding: 0px 1%;
	font-family: arial, verdana;
}

.form-item,
.form-actions {
	margin: 10px 0px;
}

.webform-component-textarea label,
.webform-component-textfield label {
	display: none;
}

#formular .webform-progressbar {
	margin-top: 30px;
	margin-bottom: 50px;
}

button,
input[type="submit"] {
	background-color: transparent;
	border: 0px;
	font-weight: bold;
	color: #7f7f7f;
	font-size: 14px;
	white-space: normal;
}

#block_social_media {
	display: none;
}

#block_social_media li {
	list-style-type: none;
	
}

.ls-wrapper [class$="-arrow"] {
	margin: -25px 10px 0px 10px;
}

#page-wrapper.ntype_fullscreen_content {
	padding-bottom: 0px;
}
.ntype_fullscreen_content #main-wrapper {
	padding: 0px;
}
.ntype_fullscreen_content #breadcrumb {
	/* display: none; */
}

#fullscreen {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#standard #subline_text {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}
.region-footer-left {
	float:left;
}

.content > div.shariff {
	margin:0;
	padding:0;
}
.content .shariff ul {
	list-style-type: none;
	overflow: auto;
	margin:0 !important;
}
.content .shariff ul li.facebook {
	margin:0;
	padding:0;
	line-height:16px;
}
.shariff-button a {
	display: block;
	background: url('../images/drwa_werbeagentur_freiburg_like.png') no-repeat center center;
	min-width: 19px; /* min-width: 45px; */
	min-height: 19px;
	padding-right: 0;
}
#footer #facebook_footer .shariff-button a {
	background-image: none;
}
#footer #facebook_footer .shariff-button a span {
	display: block;
	float:left;
	min-width: 15px;
	height: 15px;
	color:#fff;
	margin:2px;
	line-height: 15px;
}
#footer #facebook_footer .shariff-button a .fa-facebook {
	background: url('../images/fb-icon.png') no-repeat center center;
	background-size: contain;
}
#footer .content > div.shariff {
    margin-right: 2px;
}
#masonry_grid .shariff-button a {
	padding:2px 0;
}
#masonry_grid .shariff-button a .share_text,
#masonry_grid .shariff-button a .fa {
	display: none;
}

#masonry_grid .facebook {
	float: right;
	min-width: 45px;
	border-left: 1px solid #e5e5e5;
}

/* TOP NEWS BANNER */
#topnews {
	display: none;
}
/*
#topnews {
	overflow: hidden;
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding: 0px 20px;
	background-color: yellow;
	display: flex;
	justify-content: center;
	align-items: center;
}

#header {
	top: 50px;	
}
#page-wrapper {
	margin-top: 50px;
}
@media only screen and (max-width: 620px) {
	#topnews {
		height: 80px;
		font-size: 12px;
	}
	#header { top: 80px; }
	#page-wrapper { margin-top: 80px; }
}
*/

/* INTRO POPUP */
#intro_popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
	background-color: white;
	display: none;
}

#intro_popup .content {
	width: 90%;
	max-width: 800px;
}

#intro_popup .content .text {
	margin: auto;
	max-width: 800px;
}

#intro_popup .close {
	position: absolute;
	top: 2%;
	right: 2%;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('../images/close_x.png') no-repeat center center;	
	background-size: 100%;
}