/*
 Theme Name:   Green Choices 2015
 Theme URI:    http://example.com/twenty-twelve-child/
 Description:  Green Choices Theme based on twenty twelve
 Author:       Julian Wright
 Author URI:   https://www.turnraround.design/
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-twelve-child
*/


*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.grecaptcha-badge { visibility: hidden; }

input {
    font-size: 100%;
}

input.half { width:49%;}

.wpcf7-form-control { width:100%;}
input[type=submit] { width: auto;}

a.dim {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
}
 a.dim:hover {
   opacity: 0.5;
}

.cc_container {
/* 	background: #002368 !important; */
	font-family:inherit !important;
}

.cc_container a {
	color: #008fdc !important;
}

.cc_container a:hover {
	color: #fff !important;
}
.cc_message {
	color:white !important;
}

.cc_btn {
	background-color: #008fdc !important;
	color: white !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	font-weight: bold;
}

a.cc_btn {
	color: #fff !important;
}
.cc_btn:hover {
	background-color: #8bd93c  !important;
}

body { color: #666;}

h1, h2, h3, h4, h5, h6 { color: #636363; font-weight: 700;}



.entry-header .entry-title {
	font-weight: 700;
}
.entry-content li, .comment-content li, .mu_register li {
	margin: 0 0 0.9em 2.571428571rem;
	line-height: 1.3em;
}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
	line-height: 1.5em;	
}

.entry-title, h2 {
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.entry-content h3 {
    line-height: 1.2;
}

body {
	font-family: 'Cabin', Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 40px;
}

.sub-menu .fa {
    display: none !important;
}

body .site {
	padding: 0 2em;
	padding:0;
/* 	margin-top: 1em; */
	margin-bottom: 0em;
	max-width: 1120px;
}
html body div#wprmenu_bar {
	padding-top: 10px;
	padding-bottom: 10px;
}

html body div.wprm-overlay {
    background: rgba(0,0,0,0.75);
}				

#wprmenu_bar {
    height: 52px;
}

#wprmenu_bar .menu_title {
    top:0px;
}

#wprmenu_bar div.hamburger {
    margin-top: 2px;
}
#wprmenu_bar .menu_title a {
    float: right;
    top:0;
}
#wprmenu_bar .bar_logo {
    padding: 0;
    height: 32px;
}

.widget-area #s {
    width: 70%;
    height:41px;
    background-color: #ddd;
    border: 0;
    font-size: 17px;
    outline: none;
}

.widget-area .textwidget:first-child {
    margin-top: 5.4rem;
}
#searchsubmit {
    width:23%;
    height:41px;
    background-color: #8bd93c;
    background-image: url("https://www.sust-it.net/img/search-icon.png");
    background-repeat: no-repeat;
    background-position: center center; 
    color: white;
    border: 0;
    font-size: 17px;
    float: right;
}

#searchsubmit:hover {
    background-color: #008fdc;
}

.searchform { padding: 1rem 0 3rem 0; }
.wrapper {
	padding: 0 1em;
}

.site { overflow: visible;}
.site-header {
	padding: 0;
	text-align: center;
	position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
	background: #008fdc;
}
.site-content {
    margin: 2rem 0 0;
	width: 60%;
}

.widget-area {
	width: 35%;
}

a.home {
    display: block;
    width:32px;
    height:32px;
    float: left;
    z-index: 10;
    margin-top: 3px;
}
.bar_logo {
    width: 32px;
    float: left;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border:0; }
.main-navigation {
	background-color: #008fdc;
	margin-top: 0;
}

.main-navigation li {
	margin: 0 0 0 0;
	
}

.page-navigation {
	margin-bottom: 1em;
}

.main-navigation li, .main-navigation li ul li  { font-size: 0.95em;}

.main-navigation li a { /* unhighlighted top line menu item */
	color: white; 
	text-transform: none;
	padding: 1em 0.6em;
	line-height: 2.3em; /* depth of menu */
} 

.main-navigation li a:hover, .main-navigation li a:focus {
	background: #244b86;
	color: #fff;
}

.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: white;
	font-weight: normal;
	
}

.main-navigation li ul li a { /* sub menu item bg */
	background: #008fdc;
	border-bottom: 0;
	line-height: 1.2em;
	font-size: 0.95em;
}

.main-navigation li ul li a:hover, .main-navigation li ul li a:focus {
	background: #244b86;
	color: #fff;
}

.site-content article {
	border-bottom: 0;
	margin-bottom: 2em;
}
.current_page_item > a, .current_page_parent > a, .current-page-ancestor > a, .current-menu-parent > a, .current-menu-ancestor > a {
	background-color: #8bd93c !important;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image, img.header-image { box-shadow: none;} /* remove shadow from images */

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    -webkit-hyphens: none;
    hyphens: none;
}

a, a:visited, .entry-content a:visited, .comment-content a:visited {
	color: #008fdc;
}

a:active, a:hover, .entry-content a:hover, .comment-content a:hover {
	color: #00b89d;
}

.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
	font-size: 1.1em;
	text-transform: none;
}

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
	line-height: 1.3em;
}

.widget-area .widget {
	margin-bottom: 1.428571429rem;
	overflow: hidden;
}

.sidebar-category-image-left {
	margin-left: 0px !important;
	margin-right: 10px !important;
	padding: 0 !important;
	margin-bottom: 10px !important;
	background: none;
}

.widget-area .widget h3 {
	margin-bottom: 0.2em;
}
.widget-area .widget a {
	color: #008fdc;
	text-decoration: none;
}

.widget-area .widget a:hover {
	color: #00b89d;
}

.widget-area .widget a:visited {
	color: #008fdc;
}

#footer-social {
	float:right;
}
a.social_btn 	{ 
	cursor: pointer;
	width:20px;
	height: 20px; 
	background-image: url("https://www.greenchoices.org/wp-content/uploads/2011/03/gc_social_icons.gif"); 
	display: block;
	margin: 0 auto;
	}
	
a.social_btn:hover 	{ 
	background: url("https://www.greenchoices.org/wp-content/uploads/2011/03/gc_social_icons.gif") left -20px; 
	}
	
a.social_btn.fb {
	background-position: 0px 0px; 
}

a.social_btn.fb:hover {
	background-position: 0px 20px; 
}

a.social_btn.tw {
	background-position: 72px 0; 
}

a.social_btn.tw:hover {
	background-position: 72px 20px; 
}

a.social_btn.yt {
	background-position: 46px 0; 
}

a.social_btn.yt:hover {
	background-position: 46px 20px; 
}

a.social_btn.bl {
	background-position: 118px 0; 
}

a.social_btn.bl:hover {
	background-position: 118px 20px; 
}

table.data_table th {
	background-color: #008fdc;
	padding: 0px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	color: white !important;
}

table.data_table td {
	padding: 0px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	font-size: 12px;
	vertical-align: middle;
}

table.data_table .sub {
	position: relative;
	top:  3px;
	font-size: 70%;
}

table.data_table .p_rank {
	vertical-align: middle;
	font-size: 24px !important;
	font-weight: bold !important;
	text-align: center;
}

table.data_table .p_pic {
	padding-top:8px !important;
}

table.data_table .p_data {
	text-align: center;
}

.entry-content a.more, a.more {
	float:right;
	background-color: #008fdc;
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0.5em;
}

.entry-content a.more:hover, a.more:hover {
	background-color: #00b89d;
	color: white !important;
}

.entry-content a.more:visited, a.more:visited {
	color: white !important;
}
footer[role="contentinfo"] {
	border:0;
	background-color: #dcfbea;
	padding: 2em;
}


#site-info {
	width: 17%;
	float: left;
	margin-right: 3%;
}

#footer-text {
	width: 60%;
	float: left;
	text-align: center;
	margin-right: 3%;
	line-height: 1.4em;
	font-size: 120%;
}

#footer-text p {
	margin-bottom: 0.6em;
}
#footer-social {
	width: 17%;
	float:right;
	text-align: right;
}

table.soc-icons {
	width: 100%;
}

table.soc-icons td {
	width: 25%;
	text-align: center;
}

/*
#wprmenu_bar, #wprmenu_bar *, #wprmenu_menu, #wprmenu_menu *  {
	font-family: 'Cabin', sans-serif !important;
}

#wprmenu_menu .wprmenu_icon_par {
	background-color: #008fdc;
}
*/

div#mg-wprm-wrap ul li span.wprmenu_icon {
	line-height: 25px !important;
}

.fa-chevron-right:before {
	content: "";
}

.entry-header .entry-title { font-size:42px; }
.entry-content h2, .comment-content h2, .mu_register h2 {
    font-size: 2rem;
    line-height: 1.2;https://www.greenchoices.org/green-living/food-drink/organic-foods
}

.entry-content h3, .comment-content h3 {
    font-size: 1.6rem;
}

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    font-size: 14.3px;
    font-size: 1.1rem;
}

h2 span { font-weight: normal;}

img.size-full { width: 100%; }

footer[role="contentinfo"] {
    max-width: none;
    width: 100%;
}

footer .wrapper {
    max-width: 1120px;
    margin: 0 auto;
}
/*
.socsvg {
    width: 48px;
    height: auto;
    float: left;
    margin-right: 0.5em;
}

socsvg:last-child {
    margin-right: 0;
} 
*/
.social {
    float: right;
    text-align: right;
    width:17%;
}

.social a {
    display: block;
    margin-left: 0.5em;
    float: right;
}
.social img {
    width: 32px;
    height: 32px;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.social img:hover {
    opacity: 1;
}

.site-logos {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 14.4px;
}

.footer-logo.sust {
    width: 180px;
}

.footer-logo.ehs {
    width:92px;
}

.footer-logo {
    height: auto;
    margin: 0 1em;
}


@media screen and (min-width: 600px) {
    .main-navigation li ul li a {
        width: 224px;
        width: 16rem;
    }
    .wrapper { padding: 0 2em; }
    .widget-area #s { width: 75%; }
    .site-content { margin: 1.7rem 0 0; }
    a.home { display: none; }
    body {
        margin-top: 90px;
    }
}



@media screen and (max-width: 600px) {
    .widget-area #s { width:75%;}
    .entry-header .entry-title { font-size:29px; font-size: 2.4rem; }
	.site-content, .widget-area { width:100%; }
	#site-info { display: none; }
	#footer-text { width: 100%; }
	.social { float: left; width: 100%; text-align: center; }
	.social a { display: inline; float: none; }
/* 	.site-header { padding: 0px 2em; } */
	
}

@media screen and (max-width: 480px) {
	body .site { padding: 0px 0.5em; margin-top: 0em; margin-bottom: 0em; overflow: hidden;}
	.wrapper { padding: 0px 0.5em; }
	.site-header { padding: 0; }
}

@media screen and (max-width: 768px) {
    .fa {
        display: inline-block;
    }
}