@import url(//fonts.googleapis.com/css?family=Roboto:300,100,400,500,700);

/* # GENERAL
================================================== */

html, body { color: #333; background: #fafafa; font-family: Roboto; font-weight: 400; }
body p { color:#666; }
a:hover { text-decoration: none; color: #4f91cd; }
#main-container { background: #fff; }

#main-content { margin:20px 0px; }


h1 { color:#4f91cd; font-weight: 300; }
h2 { font-weight: 300; font-size:1.5em; }

.node h2 { color: #007dc3; }

div.messages { font-size: 0.9em; border: none; }
div.error { background-image: none; }
div.messages li { list-style: none; }


.content .field-type-image { margin-bottom:10px; }

.node-date { color: #666; }

/* # HEADER
================================================== */


#message-info { color: #999; text-align: center; margin:15px 0px 15px 0px; font-weight: 300; font-size:0.9em; }
#message-info a { text-decoration: underline; color: #999; }
#top-banner { margin:20px 0px 20px 0px; }

#logo { border-right:1px solid #acacac; margin:0; padding:0; }
#slogan { color: #007dc3; font-size:1.3em; padding-top: 15px; font-weight: 300; text-align: center; }


#main-menu-container { padding:0px; margin-bottom: 20px; }
#main-menu-content { background: #0082c8; }




.region-header { }
.region-header ul.menu { margin:0px; padding:0; }
.region-header ul.menu li { float:left; list-style: none; padding:10px 30px 10px 0px; margin:0px; }
.region-header ul.menu li a { color:#fff; }


#block-search-form { float:right; }

#search-block-form { padding-bottom: 10px; }
#search-block-form input[type=text] {
	border:none;
	width:200px;
	padding:2px;
	}
#search-block-form input[type=submit] {
	background:url('../img/search.gif') no-repeat #fff;
	width:18px;
	height: 18px;
	border:none;
	font-size:0;
	line-height:0;
	position:absolute;
	margin-left:180px;
	margin-top:-20px;

}

ul#superfish-1 { padding:3px 0px 7px 0px; }
ul#superfish-1 li { background: #0082c8; }
ul#superfish-1 li ul { margin-top:-1px; padding-top:5px; }
ul#superfish-1 li ul li { padding:10px 0px 10px 10px; margin:0px; }


#sharethis-block { float:right; }


/* # FOOTER
================================================== */

#footer { color: #999; border-top:1px solid #999; font-size: 0.9em; font-weight: 300; padding-top:10px;  }

#footer ul.links { float: right; }
#footer ul.links li { list-style: none; float: left; padding-left:30px; }
#footer ul.links li a { color: #999; }

#footer li { list-style: none; }

.region-footer-right { float:right; }


/* # HOME
================================================== */

.view .item-list li { border-bottom: 1px dotted #ddd; }

#be-whistleblower {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	background: #0082c8;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size:1.7em;
	line-height: 1em;
}

#be-whistleblower a {
	font-size: 0.55em;
	font-weight:400;
	display: block;
	margin-top:10px;
	background: #005fac;
	padding:5px 10px;
	color: #fff;
}


#food-campaign {
	background: #9fcf67;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	margin-top: 10px;
}

#food-campaign a { color: #fff; text-transform: uppercase; font-weight: 500; font-size: 1.6em; line-height: 1em; }



#block-blog-recent { border-right: 1px solid #ccc; }
.region-home-blog h1, .region-home-blog h2 { color: #4f91cd; font-size: 1.2em; font-weight: 400; }
.region-home-blog ul li { list-style: none; padding:5px 0; margin:0; font-size: 0.95em; }
.region-home-blog ul li a { color:#666; }
.region-home-blog ul li a:hover { color: #4f91cd; }
.region-home-blog div.date-last-blog { color: #4f91cd; }
.region-home-blog .more-link { display: inline-block; float: left; background: #4f91cd; padding:2px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.region-home-blog .more-link a { color:#fff; }
.region-home-blog div.img-last-blog { margin:10px 0px; }


.region-home-press h1, .region-home-press h2 { color: #4f91cd; font-size: 1.2em; font-weight: 400; }
.region-home-press ul li { list-style: none; padding:5px 0; margin:0; font-size: 0.95em; }
.region-home-press ul li a { color:#666; }
.region-home-press ul li a:hover { color: #4f91cd; }
.region-home-press div.date-last-press { color: #4f91cd; }
.region-home-press div.img-last-press { margin:10px 0px; }


.region-home-multimedia h1, .region-home-multimedia h2 { color: #4f91cd; font-size: 1.2em; font-weight: 400; }
.region-home-multimedia ul li { list-style: none; padding:5px 0; margin:0; font-size: 0.95em; }
.region-home-multimedia ul li a { color:#666; }
.region-home-multimedia ul li a:hover { color: #4f91cd; }
.region-home-multimedia div.date-last-multimedia { color: #4f91cd; }
.region-home-multimedia div.img-last-press { margin:10px 0px; }

.camera_wrap { margin-bottom:0px; }
.camera_wrap a { display: block; width: 100%; height: 100%; color: #fff; }

.camera_pag { position:absolute; right:0; margin-top:-45px; height: 0; }

#home-box-container { margin-top:20px; }
.home-box { border-right:1px solid #ccc; }
.home-box:last-child { border:none; }

#home-box-container h2 { font-weight: 400; }



.home-link a {
	display: inline-block;
	background: #4f91cd; padding:5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}


.home-link a:hover { background: #0082c8; }



#home-newsletter { background: #007dc3; padding:20px; margin: 40px 0px; }





/* # RIGHT SIDEBAR
================================================== */


.region-right-menu .block-block {}
.region-right-menu .block-block h2 { color: #007dc3; font-size: 1.3em; }
.region-right-menu .block-block div { float:left; margin-right: 10px; }

.region-right-menu .block-menu-block { background: #f8f8f8; }
.region-right-menu .block-menu-block h2 { color: #fff; background: #0082c8; padding:5px 10px; font-size: 1.3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#block-menu-menu-blog-category { background: #f8f8f8; }
#block-menu-menu-blog-category h2 { color: #fff; background: #0082c8; padding:5px 10px; font-size: 1.3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#block-menu-menu-blog-category ul { margin:0; padding:0; }
#block-menu-menu-blog-category li { list-style: none; padding:5px 0px 5px 5px; }



.region-right-menu .block-menu-block h2 a { color: #fff; text-decoration: none; }

.region-right-menu .block-menu-block.donate-block h2 { background: #98005d; }


.region-right-menu .block-menu-block ul { margin:0; padding:0; }
.region-right-menu .block-menu-block li { list-style: none; padding:5px 0px 5px 5px; }


.region-right-menu .homepage-right-link { clear:both; display: block; }
.region-right-menu .homepage-right-link div { float: none; }
.region-right-menu .homepage-right-link h2 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #98005d;
	display: block;
	padding:5px 10px; font-size: 1.3em;
}
.region-right-menu .homepage-right-link h2 a { color: #fff; text-decoration: none; }


/* # BLOG
================================================== */


.blog-teaser img { display: none; }

.node-blog { border-bottom:1px solid #4f91cd; padding:10px 0px 25px 0px;  }
.node-blog:last-child { border:none; }
.node-blog h2 { font-size:1.4em; color: #4f91cd; font-weight: 300; }
.node-blog .blog-date { color: #4f91cd; margin:10px 0px; }

.item-list ul.pager { margin-top:20px !important; }



/* # COMMENTS
================================================== */


#comments { border-top:1px solid #ccc; margin-top: 60px; }
#comments .submitted { color: #999; font-size: 0.95em; font-weight: 300; }
#comments .comment { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding:10px 0px; }

#comments .fieldset-wrapper { font-size: 0.9em; }

#comments label { display: block;  }

#comments input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
}

#comments textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
}

#comments input[type=submit] { background: #005dab; padding:5px 10px; color: #fff; border:none; }

#comments input[type=text] { width:250px; padding:5px; }
#comments input[type=password] { width:250px; padding:5px; }


/* # MULTIMEDIA
================================================== */

.multimedia-list{ border-bottom:1px solid #4f91cd; padding:10px 0px 25px 0px;  }
.multimedia-list:last-child { border:none; }
.multimedia-list h2 { font-size:1.4em; color: #4f91cd; font-weight: 300; }
.multimedia-list .multimedia-date { color: #4f91cd; margin:10px 0px; }



/* # PRESS
================================================== */

.press-item { border-bottom:1px solid #4f91cd; padding:10px 0px 25px 0px;  }
.press-item:last-child { border:none; }
.press-item h2 { font-size:1.4em; color: #4f91cd; font-weight: 300; }

/* # NEWSLETTER
================================================== */


.mailchimp-newsletter {
	margin-top:20px;
	padding:5px 10px; background:#f8f8f8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }

.mailchimp-newsletter input[type=text] { background: #fff; border:none; padding:2px 5px; }
.mailchimp-newsletter input[type=submit] {
	background:url('../img/subscribe.gif') no-repeat center #fff;
	width:22px;
	height: 24px;
	border:none;
	font-size:0;
	line-height:0;
	position: absolute;
 }


.mailchimp-newsletter .description { color: #007dc3; font-size:1.2em;  }



.newsletter-bottom-form {  }
.newsletter-bottom-form h3 { color: #fff; font-size:1em; margin:0 0 5px 0; font-weight: 300; }

.newsletter-bottom-form input[type=text] { background: #fff; border:none; padding:2px 5px; margin-top: 5px;  }
.newsletter-bottom-form input[type=submit] {
	background:url('../img/subscribe_bottom.gif') no-repeat center #005dab;
		-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:32px;
	height: 26px;
	margin:5px 0px 0px 5px;
	border:none;
	font-size:0;
	line-height:0;
	position: absolute;
 }



/* # SOCIALS
================================================== */

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices { height:22px !important; }
.stButton .stButton_gradient { height:22px !important; }




/* # SEARCH
================================================== */

#search-form { background: #0082c8; padding:20px; color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:300;
 }

#search-form a { color:#fff; font-size: 0.8em; }

#search-form label { display: block; }
#search-form input { padding:5px; }
#search-form input[type=text] { border:none; color: #333; }
#search-form input[type=submit] { background: #005fac; text-transform: uppercase; border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  }


ol.search-results { margin:0; padding:0; }
ol.search-results li.search-result { border-bottom:1px solid #ccc;  list-style-type: none; }
ol.search-results li.search-result:last-child { border:none; }
ol.search-results li h3 { font-weight: 400; font-size:1.2em; }



/* # CONTACT FORM
================================================== */

#contact-site-form {  }
#contact-site-form input[type=submit] { background:#005fac; color: #fff; border:none; 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;

	 }



/* # LOGIN FORM
================================================== */

#user-login { width:300px; margin:auto; }
#user-login .description { color: #999; }
#user-login label { display: block;  }

#user-login input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
}

#user-login input[type=submit] { background: #005dab; padding:5px 10px; color: #fff; border:none; }

#user-login input[type=text] { width:250px; padding:5px; }
#user-login input[type=password] { width:250px; padding:5px; }



#user-pass { width:300px; margin:auto; }
#user-pass .description { color: #999; }
#user-pass label { display: block;  }

#user-pass input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
}

#user-pass input[type=submit] { background: #005dab; padding:5px 10px; color: #fff; border:none; }

#user-pass input[type=text] { width:250px; padding:5px; }
#user-pass input[type=password] { width:250px; padding:5px; }



/* # WEB FORM
================================================== */


.webform-client-form {}

.webform-client-form .description { color: #aaa; }

.webform-client-form input[type=submit] {  background: #005dab; padding:5px 10px; color: #fff; border:none; 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

.webform-client-form input[type=text] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	padding:4px;
 }

 .webform-client-form input[type=number] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	padding:4px;
 }

.webform-client-form input[type=email] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	padding:4px;
 }

 .webform-client-form select {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	padding:4px;
 }

.webform-client-form textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	padding:4px;
 }
.webform-client-form label { display:block; }
.webform-client-form label.option { display: inline-block; }


/*#webform-component-before-you-start label { display: inline-block; width: 150px; }
#webform-component-before-you-start label.option { display: inline-block; width: 500px; }*/

#webform-component-contact-informations--firstname { float:left; margin-right:20px; }
#webform-component-contact-informations--lastname { float:left; clear:right; }

#webform-component-contact-informations--address { clear:both; }



#webform-component-contact-informations--city { float:left; }
#webform-component-contact-informations--state-province-region { float:left; margin-left:20px; }
#webform-component-contact-informations--zip { clear:both; float:left; }

#webform-component-contact-informations--country { float:left; margin-left:20px; }
#webform-component-contact-informations--country select { width:220px; }

#webform-component-contact-informations--email { clear:both; }


.fieldset-wrapper table { border:none;}
.fieldset-wrapper table tbody { border:none;}
.fieldset-wrapper table tr { }




/* #Smaller Screen
================================================== */


    @media only screen and (min-width: 960px) and (max-width: 1100px) {
    	/*#block-search-form { display: none; }*/
    	#slogan { font-size:1.2em; width:600px; text-align: right; }
    	#logo { border:none; width:250px; }
/*    	ul#superfish-1 { height: 40px; }*/

    }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    	/*#block-search-form { display: none; }*/
    	#slogan { font-size:1em; float: right; width:400px; margin-top:-70px; text-align: left; }
    	#logo { border:none; width:250px; }

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
    	#main-menu-content { background: none; }
    	#slogan { font-size:1em; }
    	#logo { border:none; width:250px; }
    	/*#block-search-form { display: none; }*/

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	#main-menu-content { background: none; }
    	#logo { border:none; }
    	#slogan { font-size:1em; }

    }



    @media only screen  and (min-width: 480px) and (max-width: 959px) {
    	#block-search-form  { display: none; }
    }




 /*------Ameex css change-----*/
    ul#superfish-1 li ul {overflow: visible !important}
    #home-box-container .home-box{height:auto !important}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape)  {
 #superfish-1-select
 {
  width:100% !important;
 }
 #main-menu-content
 {
  padding:0px !important;
 }
 .page-node-78 .field-name-body iframe {
    width: 100%; !important;
 float:left;
}
#block-search-form
{
 float:left;
    width:100%;
}
#search-block-form input[type="text"]
{
 width:100%;
 margin-top:25px;
 border:1px solid #666;
}
#search-block-form input[type="submit"]
{
 right:4px;
}
.field-item img
{
 width:100% !important;
}

.camera_target_content a
{
 background-size:100% auto !important;
}
#search-form input[type="text"]
{
 width:100%;
 margin-bottom:5px;
}

#search-form
{
 margin-bottom:10px;
}
}
  @media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
   and (orientation: portrait)
{
 #superfish-1-select
 {
  width:100% !important;
 }
 #main-menu-content
 {
  padding:0px !important;
 }
 .camera_caption > div {
    padding: 10px 20px 28px !important;
}
.page-node-78 .field-name-body iframe {
    width: 100% !important;
 float:left;
}
/*#block-search-form
{
 float:left;
    width:100%;
}*/
#search-block-form input[type="text"]
{
 width:100%;
 margin-top:13px;
 border:1px solid #666;
}

#search-block-form input[type="submit"]
{
 right:4px;
}
.field-item img
{
 width:100% !important;
}
.camera_target_content a
{
  background-size:100% auto !important;
}

#search-form input[type="text"]
{
 width:100%;
 margin-bottom:5px;
}
#main-menu-container,#main-content
{
	margin-bottom:65px !important;
}
#block-search-form
{
	position:absolute;
	float:left;
	width:100%;
	margin-bottom:10px;
}
.page-node-96 iframe,iframe + div
{
width:100% !important;
float:left;
}

/*.stl-journey-paths .hidden-xs
{
	display: block !important;
}
#main-menu-container
{
margin-bottom:20px !important;
float:left;
}
#main-content
{
float:left;
}
.camera_wrap
{
	float:left !important;
}
*/ }
   /*------Ameex css change-----*/

.item-list .pager li{padding: 0;}

#main-content .item-list ul.pager li {
	margin: 0 0 0.25em 0.5em !important;
}

#main-content .messages {
	float: left !important;
}