.tag-right {
background: url(images/img-tag-grey.png) top right no-repeat #FFF !important;
}

.box-white {
background: #FFF;
padding: 20px;
width: 100%;
}


header[role=banner]
{
	top:0;
	width:100%;
	zoom:1;
	z-index:5;
	height:80px;
}
.ie7 header[role='banner'] {
    z-index: 100;
}
#header-bg
{
	width:100%;
	height:80px;
	z-index:0;
	position:absolute;
}
.ie7 #header-bg
{
	z-index: 1000;
}
.ie7 #inner-header
{
	z-index: 10000;
}

/*
.menu-nav-container {
text-align: center !important;
float: none !important;
width: 100% !important;
position: relative;
border: 1px solid;
}
*/


h2, h2.subtitle {
font-size: 22px !important;
font-family: georgia !important;
font-style: italic !important;
color: #464646 !important; }

/* LOGO */
.menu-nav-container ul li#menu-item-909 {
/*background: url(images/logo-emmapaul-freelance-designer.gif) no-repeat left center transparent !important;*/
width: 160px;
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: 50px !important;
margin-left: 52px !important;
/*margin-right: 40px !important;
margin-left: 50px !important;*/
}

.menu-nav-container ul li#menu-item-909 span { display: none; }


/* TEXT */

.entry-title h1 {
font-size: 23px;
font-weight: bold;
color: #000;
text-transform: uppercase;
}

.entry-title h1 span, h1.archive-title span {
border-top: 3px solid #000;
padding-top: 20px;}

h1.archive-title {
margin: 60px 0px 30px 0px;
font-size: 25px;
font-weight: bold;
color: #000;
}

a.left.separate {  float: none !important; }

/*
.entry-content h3
{
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-style: italic;
	padding:10px 0;
	line-height: 1.2em;
}
*/

h4 {
font-family: Georgia, "Times New Roman", Times, serif !important;
	font-style: italic;
	color: #666 !important;
	margin-top: 10px !important;
}

h5 {
	font-size: 14px;
	color: #666 !important;
}


/* BLOG */
.meta, .tags
{
	margin-bottom:0;
	height:100%;
	text-align:right;
	font-size:11px;
	color:#CCC;
	padding:15px 3% 15px 0;
}

.meta
{
	float:left!important;
	/*width:22%!important;*/
	color: #000;
	width: inherit !important;
width: 100px !important; 
height: auto !important;
}

.meta time
{
	margin-bottom:10px;
	display:block;
	border-right:1px solid #f00;
	padding-right:10px;
}

.month
{
	font-size:1.2em;
	line-height:100%;
	text-transform:uppercase;
	clear:right;
	display:block;
	font-weight:700;
	margin:0;
	color: #464646;
	padding:0 5px 0 0;
}

.day
{
	font-size:4.5em;
	font-weight:700;
	line-height:100%;
	display:block;
	margin:0;
	padding:0;
		color: #000;

}

ul.social-bubble {
background: #000 !important;
}

ul.social-bubble li {
height: auto !important;
background: #000 !important;
width: 20px;}

ul.social-bubble li:hover {
border: 0 !important;
}


ul.social-bubble li a {
float: left !important;
padding: 0 !important;
border: 0 !important;
}

ul.social-bubble li img:hover {
margin-top: -1px;
}


ul.social-bubble [role='navigation'] li:hover, ul.social-bubble [role='navigation'] li.active {
background: #000 !important;
border: 0 !important;
}



ul.social-bubble li a:hover {
background: #000 !important;
}

h2.entry-title a:hover {
color: #f00 !important;	
}

#footer-copy, #footer-widgets { 
background: #000;
}

.page #content, .single #content {
margin-top: 60px;	
}

.su-button-style-default {
border-style: 0 !important;
border-color: #000 !important;
border-radius: 0 !important;

background: none !important;
color: #000 !important;
}

a.su-button.su-button-style-default span {
border-width: 2px !important;
border-left-style: solid;
border-right-style: solid;
color: #000 !important;
border-color: #000 !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0 !important;
text-transform: uppercase;
line-height: 1.2em !important;
padding: 10px 8px !important;
}

.su-button-style-default span {
	border-radius: 0 !important;

/*border-width: 3px !important;
border-left-style: solid;
border-right-style: solid;
color: #F00 !important;
border-color: #F00 !important;
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;*/
}

.hentry {
border-top: 1px solid #eee;
border-bottom: 0px;
margin: 0;
padding: 20px 0;
}

.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {
	width: 100% !important;	
}

.gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea {
	width: 100% !important;		
}
.gform_wrapper textarea.textarea, .gform_wrapper textarea {  width: 100% !important; }

.cta-contact { left: 560px !important; max-width: 310px; }


@media only screen and (max-width: 880px) {
	#logo { left: 360px !important; margin-left: -120px !important; }

.cta-contact { width: 400px; left: 370px !important; }
.menu-button { display: none !important; }
[role='navigation'] li a {  padding: 32px 15px !important;}
nav[role=navigation] { display: block !important; }
.sm-screen [role='navigation'] {  background: none !important;}
#header-bg { background: #FFF; }
.menu-nav-container ul li#menu-item-909 { margin-left: 30px !important; margin-right: 30px !important; }
.entry-title h1 span, h1.archive-title span { display: block;  margin-top: 0;}
.single .meta { width: 80px !important; }
}

@media only screen and (max-width: 768px) {
	html, body { overflow-x: hidden;}
		#logo { left: 360px !important; margin-left: -120px !important; }
/*.menu-nav-container {     left: 0;
    position: absolute;}*/
	.menu-nav-container { background: #F00;}
.menu-nav-container ul li {  width: auto;}
[role='navigation']  {top: 0 !important;  /* left: 30px !important;*/ right: auto !important; bottom: auto; }
[role='navigation'] li { display: inline-block;}
ul.social-bubble li { margin-top: 4px;    width: 15px; display: inline-block;}
#container-348 {     height: 525px !important;}
.btn-home {top: 400px; }
#header-bg, #logo {position: fixed !important;}
/*#header-bg, #logo, header[role="banner"] {position: fixed !important;}*/
a:hover, nav[role="navigation"] .sf-menu a:hover, nav[role="navigation"] .sf-menu li.active a
 {color: #FF0000 !important;background: #FFF; }
.row {
    padding: 0 25px !important;
}
	#logo { top: 0px !important; }
}

@media only screen and (max-width: 767px) {
	.menu-button { display: none !important; }

nav[role=navigation] { display: none !important; }
div#logo { left: 0 !important; margin-left: 0 !important; top: 0 !important; }
div#logo { max-width: 95% !important; }
.home-image { left: 0 !important; }
#header-bg { background: #FFF; }
.btn-home { margin-left: -20px !important;}
.page .container.first {padding-top: 50px !important;}
.container { padding-top: 50px !important; }
.entry-title h1 span, h1.archive-title span { border: 0 !important; }
#sdrn_menu li a { font-weight: bold !important; }
#sdrn_menu li a:hover { color: #F00 !important; }
.rwd { display: block !important; }
.header-email { font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; position: absolute; top: 30px; right: 0px; font-size: 16px; font-style: italic; text-align: right; }
.header-email a { color: #F00; font-weight: normal; }
.twelve, .row .twelve { width: 90% !important; }

.responsive-home-image { display: block; text-align: center; position: relative;     margin-top: 24px;}
.home-image { display: none;}

#sdrn_menu.sdrn_levels ul li a {
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.04em !important;
}
}


@media only screen and (max-width: 480px) {
.header-email { font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; position: absolute; top: 20px; right: 0px; font-size: 11px; font-style: italic; text-align: right; }
.header-email a { color: #F00; font-weight: normal;display: block; }
#logo img {  max-width: 85%; margin-top: 7px; }
.btn-home { top: 330px !important; }
#container-348 { height: 434px; }
#logo img {
    max-width: 85%; 
    margin-top: 38px;
    margin-left: 20px;
	}
	.btn-home { top: 430px !important; }

}

@media only screen and (max-width: 400px) {
.btn-home { top: 410px !important; }
}

@media only screen and (max-width: 375px) {   /* IPHONE 6 */
#container-348 { height: 520px !important; }
#logo img {
    max-width: 85%;
    margin-top: 38px;
    margin-left: 20px;
}
.btn-home { top: 380px !important; }

}

@media only screen and (max-width: 340px) {
.btn-home { top: 350px !important; }
}

.owl-item { margin: 0 15px;}
.full-panel.insta  { padding: 40px; width: 100%; text-align: center;}
.full-panel.insta p { font-size: 2em;    padding: 20px 20px 30px 20px; }



.su-spoiler.su-spoiler-style-default.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-title .su-spoiler-icon {  transform: rotate(90deg) !important;}
.su-spoiler.su-spoiler-style-default.su-spoiler-icon-chevron .su-spoiler-title .su-spoiler-icon { transform: rotate(180deg) !important;}


.su-spoiler-style-default > .su-spoiler-title { 
    font-size: 1.2em;
    color: #000;
    font-weight: 100;
}

.su-spoiler {
    margin-bottom: 40px;
}
/* HOW I CAN HELP */
#container-3531 a { background: #000; color: #FFF !important; font-weight: bold; padding: 5px 15px; margin-bottom:15px;
        display: inline-block;
    text-transform: uppercase;
    font-size: 0.6em;
    letter-spacing: 0.03em;}
#container-3531 a:hover { color: #F00 !important; }

.esg-filters { margin-bottom: 40px !important;}

#container-554 a { font-weight: bold; color: #000 !important;}
#container-554 a:hover { font-weight: bold; color: #F00 !important;}

.box.highlight { padding: 10px 30px; text-align: center; margin: 50px 0;}
.box.highlight.pink { background: #ff4040; }
.box.highlight h3 { color: #FFF; }
.box.highlight a { color: #FFF; }
.box.highlight a:hover { text-decoration: underline;}

a.btn { background: #F00; color: #FFF !important; padding: 5px 10px;}
a.btn:hover { background: #F00; color: #FFF; }