/*
Theme Name:     flsgorg
Theme URI:      http: //www.simplethemes.com/
Description:    Florida Sea Grant Child theme for Synapse, customized by Motionbuzz
Author:         Motionbuzz
Author URI:     http: //www.motionbuzz.com
Template:       synapse
Version: 2.9.5
*/


/*
Using a child theme allows you to make your own customizations while allowing for safe
updates to the parent theme.

The style.css file contains most of the structural settings such as margins and paddings.
You can import a reference of the parent theme's style.css or remove the import and just
copy its contents into this file if you intend on making advanced customizations.
*/

@import url("../synapse/style.css");

/*
You can also copy the contents of the provided presets (style1,style2,style3, or style4.css) files below.
Be sure to copy the theme's /images/style{x}/ folder into your child theme directory as well.
*/

/* body.home { background: url("./images/bg-content.jpg") repeat-x 0px 550px scroll;
}

body { background: url("./images/bg-content.jpg") repeat-x 0px 200px scroll;
}
*/
#wrappermain { background: url("./images/bg-content.jpg") repeat-x top left scroll;
}

#header { background: url("./images/header-bg-top.png") repeat-x top center scroll;
margin-bottom:0px;
}


#header #site-title.graphic a {margin:25px 0;}
#menu {box-shadow: 0 1px 4px #7E7E7E;}
/*#header {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #FFFFFF 75%, #D7DEF0 100%) repeat scroll 0 0 transparent;
	
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 75%, rgba(215,222,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(255,255,255,0)), color-stop(100%,rgba(215,222,240,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 75%,rgba(215,222,240,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 75%,rgba(215,222,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 75%,rgba(215,222,240,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 75%,rgba(215,222,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d7def0',GradientType=0 );
}*/
#menu ul.sub-menu, #menu ul.sub-menu li, #menu ul.sub-menu li:hover {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    white-space: normal;
}
#menu ul.sub-menu li a {

    height: 160%;
    line-height: 160%;

}

#header { background: url("./images/header-bg-top.png") repeat-x top center scroll;
margin-bottom:0px;
}

#teaser .controls {
    margin: 0px 10px 0px 0px;
}
ul.flex-direction-nav li {
	margin-bottom: 0px;
}

/* @font-face {
    font-family: "ufshands";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/ufshands-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/ufshands-webfont.woff") format("woff"), url("./fonts/ufshands-webfont.ttf") format("truetype"), url("./fonts/ufshands-webfont.svg#HelveticaNeueLT57CnRegular") format("svg");
} */
/*
@font-face {
    font-family: 'ufshands';
    src: url('./fonts/ufshands-webfont-webfont.eot');
    src: url('./fonts/ufshands-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/ufshands-webfont-webfont.woff') format('woff'),
         url('./fonts/ufshands-webfont-webfont.ttf') format('truetype'),
         url('./fonts/ufshands-webfont-webfont.svg#ufshands') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
body.light #nav, body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6, body.light .menu, body.light #teaser p.flex-caption {
    font-family: 'ufshands',Arial,sans-serif;
	font-weight: normal;
}
.headline {margin-bottom:10px;}

#teaser p.flex-caption {
	font-size:48px;
}


#teaser p.flex-caption {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */

}

h1.leader {
    font-size: 20px;
}

.latest-item h4 {
	font-size:22px;
}

.home_widget_1 h5 {
	margin-top:5px;
}


/* Collapse custom menu widget */

#menu-main-menu .sub-menu, #menu-main-menu ul ul {
    display: none;
    list-style-type: none;
}
#menu-main-menu .current_page_item .sub-menu, #menu-main-menu .current_page_parent .sub-menu, #menu-main-menu .current_page_ancestor .sub-menu, #menu-main-menu .current_page_parent ul {
    display: block;
}
/* END Collapse custom menu widget */


div .container.main {background:#fff;
min-height:400px;}

/* Sidebar menu */

div.menu-main-menu-container {
	border-right: solid 2px #E0E0E0;
}
.widget-container ul ul {
    border: medium none;
    margin-left: 0;
    padding: 0;
}
#sidebar .menu-item a{
    border-bottom: 2px solid #E0E0E0;
    border-top: 1px solid #FCFCFC;
    display: block;
    padding: 8px 25px;
}

#sidebar .menu-item ul.sub-menu li {
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid #FCFCFC;
}
#sidebar .menu-item ul.sub-menu li a {
    padding: 2px 25px;
}
	
#sidebar li.page_item, #sidebar li.menu-item {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}
#sidebar li.page_item a, #sidebar li.menu-item a {

    font-weight: normal;

}
#sidebar li.menu-item a {
background-color: #F2F2F2;
}
#sidebar li.menu-item a:hover{
	background-color: #D7DEF0;
}
/* #sidebar li.menu-item-type-custom a:hover, #sidebar li.menu-item-type-customa:hover {
	background-color: #D7DEF0;
} */
#sidebar li.page_item li a, #sidebar li.menu-item li a {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    font-weight: normal;
    line-height: 175%;
    margin: 0 0 0 10px;
    padding: 0;
    text-decoration: none;	
}

#sidebar li.page_item li a:hover, #sidebar li.menu-item li a:hover {
    background: none repeat scroll 0 0 transparent;
}
#sidebar li.page_item a:hover, #sidebar li.menu-item a:hover {
    text-decoration: underline;
}
#sidebar .menu-item.current-menu-item > a, #sidebar .menu-item.current-menu-item > a:hover {
    background: #243778;
    background-image: none;
    color: #FFFFFF;
    text-decoration: none;
}

ul#menu-main-menu ul {
    margin: 0px 0px 0px 0px;
}
ul#menu-main-menu ul li {
    margin-bottom: 0px;
}



/* END Sidebar menu */

body.light div.clearfade {
    background: url("./images/fadeline-light.png") no-repeat scroll center top #FFFFFF;
    clear: both;
    height: 48px;
	margin: 0px auto 0px;
}

.imgbordersm {
    background-color: #F6F6F6;
    border: 1px solid #FFFFFF;
    box-shadow: 1px 1px 0 #CCCCCC;
    padding: 2px;
    position: relative;
}

/* Home Widgets */

.home_widget_1 {
    background: url("./images/bg-content.jpg") repeat-x scroll 0 -230px #FFFFFF;
    border-top: 1px solid #FFFFFF;
    /*margin-bottom: -4em;*/
    padding: 15px 15px 2em;
	min-height:500px;
}
.home_widget_1 h3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 2px solid #FF963A;
    border-top: medium none;
    margin: -7px -7px 20px;
    padding: 0.1em;
}

/* Social links */

#header-social {
    display: inline-table;
	margin-top:30px;
	float:right;
	z-index:1000;
}
#header-social li {
    background-position: center center;
    display: inline;
    float: left;
    margin-right: 5px;
    position: relative;
}
#header-social li a {
    background-image: url("./images/social-links-3.png");
    height: 24px;
    width: 24px;
}
#header-social li a.directory {
    background-image: url("./images/social-links-3.png");
    height: 24px;
    width: 70px;
}
#header-social .facebook {
    background-position: 0 0;
}
#header-social .flickr {
    background-position: -24px 0;
}
#header-social .twitter {
    background-position: -48px 0;
}
#header-social .youtube {
    background-position: -72px 0;
}
#header-social .instagram {
    background-position: -96px 0;
}
#header-social .directory {
    background-position: -120px 0;
}

.ir {
    background-repeat: no-repeat;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}
.social ul {
	margin:0 0 0 0;
}
.social li {
	margin-bottom:0px;
}

/*Google Custom Search */
#googlesearch {margin-top:63px;
width:230px;
float:right;
}


#googlesearch  table td {
    background-color: transparent;
    border: 0px;
	padding: 0.2em;
}

#googlesearch table {
    margin: 0px;
}
#googlesearch .gsc-control-cse {
    background-color:transparent;
}
#googlesearch .cse .gsc-control-cse, #googlesearch .gsc-control-cse {
    background-color: transparent;
    border: 0px;
}
#googlesearch input, #googlesearch textarea, #googlesearch select, #googlesearch .uneditable-input {
    border: 0px solid #CCCCCC;
    border-radius: 0px;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0px;
}

#googlesearch input:focus,
#googlesearch button:focus,
#googlesearch select:focus,
#googlesearch textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  z-index: 1;
}

#googlesearch .cse .gsc-control-cse, #googlesearch .gsc-control-cse {
    padding: 0px;
}

#googlesearch input, #googlesearch textarea {
    box-shadow: none;
    transition: none;}

.container #breadcrumbs {
    margin: 0px;
    padding: 0 0 0 10px;
    position: relative;
    border-radius: 0px 0px 0px 0px;
    background: none;
    border: 0px;
}

#breadcrumbs-wide {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #EBEBEB;}
	
.footerimg {
	margin: 0 10px;}
	
.button-alt, .button, .button.small, .button.large, .button.medium {
	font-weight:normal;
}

.rpwe-block ul{list-style:none!important;margin-left:0!important;padding-left:0!important;}.rpwe-block li{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;list-style-type: none;}.rpwe-block a{display:inline!important;text-decoration:none;}.rpwe-block h3{background:none!important;clear:none;margin-bottom:0!important;margin-top:0!important;font-weight:400;font-size:12px!important;line-height:1.5em;}.rpwe-thumb{border:1px solid #EEE!important;box-shadow:none!important;margin:2px 10px 2px 0;padding:3px!important;}.rpwe-summary{font-size:12px;}.rpwe-time{color:#bbb;font-size:11px;}.rpwe-alignleft{display:inline;float:left;}.rpwe-alignright{display:inline;float:right;}.rpwe-aligncenter{display:block;margin-left: auto;margin-right: auto;}.rpwe-clearfix:before,.rpwe-clearfix:after{content:"";display:table !important;}.rpwe-clearfix:after{clear:both;}.rpwe-clearfix{zoom:1;}


@media only screen and (max-width: 767px) {
	
#header #site-title.graphic a {margin:0px;}
#header {
    background: none;
}
#menu {box-shadow:none;}
#wrappermain { background-image:none; background-color:#fff;
}
.home_widget_1 {
    background: none;
    border-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
}
#wrap #site-title  {float:none;}
.social{
	text-align:center;
}
#header-social{
	float:none;
	margin:0px;
}
#header-social li {
	margin-bottom:0px;
}

#googlesearch {margin-top:0px;
float:none;
  margin-left: auto ;
  margin-right: auto ;;}
#breadcrumbs-wide {
    background: none;
    border: 0px;}
.container #breadcrumbs {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #EBEBEB;}
#teaser p.flex-caption {
	font-size:14px;
}


}

@media only screen and (min-width: 768px) and (max-width: 959px) {
		
body.light #header #site-title.graphic a {
    background: url("/wp-content/uploads/flseagrant-logo-full-300x43.png") no-repeat scroll center center transparent;
    height: 94px;
    width: 300px;
}


		    }