/*
Theme Name: Nafra
Author: The Brickfactory
Author URI: http://thebrickfactory.com/
Description: Starter child theme for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.4
Template: required-foundation
Text Domain: requiredstarter
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);
@import url(stylesheets/small-style.css);
/*over-write 940width */
body {
	color: #333;
	font-family: Arial, Helvetica, sans-serif; 
}
a {
	color:#23b3ef;
}
p {
  font-family: inherit;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0;
  padding: 10px 0;
}
h1, h2, h3, h4, h5, h6 {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
}
h2 {
  font-size: 36px;
}
.row { 
	width: 960px;
}
/* ***** */
body.admin-bar {
	padding-top:20px;
}
body.custom-background {
	background-position:center bottom !important;
}
.fullwidth {
	border-bottom:1px solid #f6f6f6; 
	margin-bottom:60px;
}
h1, h2, h3, h4, h5, h6 { 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
#content {
	padding-bottom:40px;
}
.fullwidth > .row {
	padding-top:25px;
}

/* ######################## */
/* header */
/* ######################## */
#site-title {
	margin: 0;
	padding: 0;
}
#site-title a {
  display: block;
  width: 10em;
}
#site-description {
	display: none;
}
.required-header hgroup { 
	width:100%; 
	background:url(images/logo_nafra.jpg) 20px 0 no-repeat; 
	min-height:35px; 
	background-size:93% auto;
}
.required-header #searchform {
	display:block; 
	clip:auto !important; 
	position:relative !important;
	width:100%; 
	margin-top:0;
}
.required-header #searchform input { 
	background-color:#f6fcfc;
}
.required-header #searchform #searchsubmit {
	border:none;background:url(images/clickglass.png) center center no-repeat; 
	text-indent:-9999px; 
	box-shadow:none;
}
.required-header #searchform .eight {
	width:90%;
}
.required-header #searchform .four {
	width:20%; 
	right:3%; 
	position:absolute;
}
.required-header .top-bar {
	background:#fff; 
	margin-bottom:0;
	margin-top:15px; 
}
.required-header .top-bar li.name {
	display:none;
}
@media  only screen and (max-width: 923px) {
	.required-header .top-bar li.name {
		display:block;
	}
}
.required-header .top-bar ul > li.divider {
	display:none;
}
.required-header .top-bar li {
	border-color:red !important;/*#f6f6f6;*/
	border-width:1px; 
	border-top-color:transparent; 
	border-bottom-color:transparent;
}
.required-header .top-bar > li:hover,
.required-header .top-bar > li.active,
.required-header .top-bar ul > li:hover:not(.name), 
.required-header .top-bar ul > li.active:not(.name), 
.required-header .top-bar ul > li:focus:not(.name) {
	background-color:transparent;
	font-weight:normal;
}
.required-header .top-bar li a, 
.required-header .top-bar ul > li a:not(.button) {
  border-right: 1px solid #EEEEEE;
  color: #274E7B;
  font-size: 1.20em;
  font-weight: normal;
  padding: 0 .95em;
}
.required-header .top-bar li:last-child a, 
.required-header .top-bar ul > li:last-child a:not(.button) {
	border-right: none;
}
.required-header .top-bar li a:hover,
.required-header .top-bar > li.active > a,
.required-header .top-bar ul > li:hover:not(.name) a, 
.required-header .top-bar ul > li.active:not(.name) a, 
.required-header .top-bar ul > li:focus:not(.name) a   {
	background:#23b3ef; 
	color:#FFFFFF;
	font-weight:normal;
}
.required-header .inline-list {
	margin-top: 14px;
}
.required-header .bluetext {
	line-height:30px;
	font-size:12px;
}
.required-header .top-bar ul > li.toggle-topbar a {
	border-color:#fff;
	border-top-color:#23b3ef;
	background:#fff;
}
.required-header .top-bar.expanded ul li.toggle-topbar a {
	border-bottom-color:#23b3ef !important;
	border-bottom-color:#fff !important;
}
/* footer */
#footer {
  border-top: medium none;
  min-height: 210px;
	padding-top: 35px;
}

#footer .graytext {
  font-size: 1.25em;
  line-height: 1.4;
}

/* front page */
body.home .fullwidth {
	border-bottom:none; 
	margin-bottom:10px; 
}
body.home .fullwidth > .row {
	position:relative; 
	z-index:600; 
	background:#fff; 
	height:120px;
}
body.home .fullwidth > .row .required-header {
	position:absolute;
}
body.home .fullwidth + .orbit-wrapper {
	position:absolute; 
	top:0;
}
body.home .fpslide {
	padding-bottom:200px; 
	overflow:visible;
}
/*body.home .fpslide img {
	position:relative; 
	top:0;
}*/
body.home .fpslide img {
  position: relative;
  top: -475px;
  z-index: 900;
}
body.home .fpslide h3 {
	color:#fff; 
	font-size: 2em;
	text-align:center;
}
body.home .fpslide p {
  color: #CAEBF9;
  font-size: 1.75em;
  line-height: 1em;
}
.lt-ie9 body.home .fpslide .titlebody {
	background: transparent url(images/dot_big.png) no-repeat;
	background-size: 100%;
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/dot_big.png', sizingMethod='scale') !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/dot_big.png', sizingMethod='scale')" !important; */
}
.lt-ie9 body.home .fpslide a.slidebutton {
	background: transparent url(images/dot_small.png) no-repeat; 
	background-size: 100%;
}
body.home .fpslide .titlebody {
  background: none repeat scroll 0 0 rgba(9, 52, 105, 0.75);
  border-radius: 300px 300px 300px 300px;
  color: #FFFFFF;
  height: 300px;
  padding: 55px 55px;
  position: absolute;
  right: 10%;
  top: 35%;
  width: 300px;
  z-index: 1000;
}
body.home .fpslide a.slidebutton {
  background: none repeat scroll 0 0 #23B3EF;
  border-radius: 80px 80px 80px 80px;
  color: #FFFFFF;
	font-size: 1em;
  height: 80px;
  padding: 20px 10px 5px;
  position: absolute;
  right: 7%;
  text-align: center;
	text-transform: uppercase;	
  top: 76%;
  width: 80px;
  z-index: 1001;
  transition: opacity 2s;
  transition: box-shadow 2s;
  -webkit-transition: box-shadow 2s;
  -webkit-transition: opacity 2s;
}
body.home .fpslide a.slidebutton:hover {
	opacity:0.8;
	box-shadow:0px 0px 5px #23B3EF;
}
.home #container > .orbit-wrapper .slider-nav span {
	background:url(images/front-slide-button.png) top left no-repeat;
    height: 45px;
    position: absolute;
    text-indent: -9999px;
    top: auto;
	bottom:45px;
    width: 45px;
}
.home #container > .orbit-wrapper .slider-nav span.left {
	left:45%;
}
.home #container >  .orbit-wrapper .slider-nav span.right {
	right:45%; 
	background-position:-75px 0;
}
.block-slide .orbit-wrapper .slider-nav {
  bottom: 85px;
  position: relative;
}
body.home #content {
	margin:-100px auto 0;
}
body.home #content,
body.home #footer {
	position:relative;
}
.greensquare {
	margin-left:2px;
}
.frontblock li, .greensquare li {
  background: url("images/greensquare.png") no-repeat scroll left 5px transparent;
  font-size: 18px;
  line-height: 1.2;
  list-style: none outside none;
  margin-bottom: 1em;
  padding: 0 0 5px 25px;
}

/* fact slides */
.factslides {
	min-height:260px;
}
#sidebar .factslides {
	min-height:340px;
}
.factslide {
  background-position: right center;
  background-repeat: no-repeat;
  padding: 15px;
}
/*#sidebar .factslide {
	background-size:55% 55%;
}*/
#sidebar .factslide {
  background-position: 186px bottom;
  background-size: 40% auto;
}
.factslide .slidertitle {
  color: #FFFFFF;
  font-size: 26px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
}
.factslide .slidertitle strong {
	font-size:1.05em;
}
.factslide .slidetitle {
  font-size: 24px;
  font-weight: normal;
  padding-left: 7%;
  padding-top: 3%;
  width: 65%;
}
#sidebar .factslide .slidetitle {
	font-size: 23px;
  padding-top: 10px;
	padding-left: 27%;
  width: 100%;
}
#sidebar .factslide .button {}
#sidebar .factslide .paranthesis {
  height: 225px;
}
.factslide .paranthesis {
  float: left;
  font-size: 11em;
  margin: 0 15px 0 0;
}
#sidebar .factslide .paranthesis {
  font-size: 11em;
  margin-bottom: 0;
}
.home #main .orbit-wrapper {
	overflow:auto;
}
.home #main .orbit-wrapper .slider-nav span, #sidebar .orbit-wrapper .slider-nav span {
  background: url("images/sub-slide-button.png") no-repeat scroll left top transparent;
  bottom: 8px;
  height: 30px;
  position: absolute;
  text-indent: -9999px;
  top: auto;
  width: 30px;
}
.home #main .orbit-wrapper .slider-nav span.left {
	left:43%;
}
.home #main .orbit-wrapper .slider-nav span.right {
	right:43%; 
	background-position:-50px 0;
}
#sidebar .orbit-wrapper .slider-nav span.left {
	left:35%;
}
#sidebar .orbit-wrapper .slider-nav span.right {
	right:35%; 
	background-position:-50px 0;
}
/*  sidebar */
#sidebar #secondary > .row {
	margin-bottom:20px;
}

/*text overrides */
#sidebar h2 {
	margin-top:0;
}
#sidebar .row:first-child h2{
	margin-top: 14px;
}
.bluetext {
	color:#2BA6CB;
}
.graytext {
	color:#aaa;
}
#sidebar h2,
.frontblock h2 {
	color:#093469;
	text-transform:uppercase;
	font-weight:normal;
}
.frontblock .greensquare {
	font-size:1.2em;
}
h1.entry-title {
  font-size: 2.1em;
  font-weight: bold;
  padding: 0 0 20px;
}
.entry-content h2 { 
	color:#b8e321;
	font-weight:normal;
}
/* helper */
div.wpcf7 {
  padding: 30px;
}
.button,.wpcf7-submit { 
	background:#23b3ef; 
	border-color:#23b3ef; 
	box-shadow:none;
	font-weight: normal;
}
.wpcf7-submit {
	color: #FFFFFF;
    cursor: pointer;
    display: block;
	width:150px;
	border:1px solid;
	margin:0 auto;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    transition: background-color 0.15s ease-in-out 0s;
}
/* override topbar css */
.top-bar ul > li a:not(.button) {}

.resourcepost,
.search-results article { border-bottom: 1px solid #eee; padding: 1em 0; }
.resourcepost h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.resourcepost h3 a {
  font-size: 22px;
}
.search-results h3.page-title {
  font-size: 2.1em;
  font-weight: bold;
  padding: 0 0 20px;
}
.search-results h1.entry-title {
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* blocks */
.block-welcome p {
	font-size: 14px;
}
.block-welcome p:first-child,
.block-welcome strong {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.2;
}
.block-resources li a { font-size: 18px; }
.block-facts {
  margin: 25px 0 0;
}

.sidebar-box .block-video,
.sidebar-box .block-resources { padding: 0 0 35px 0; }

.curve {
  background: url("images/slide_bg_curve.png") no-repeat scroll center bottom transparent;
  height: 470px;
  position: relative;
  z-index: 999;
}
#slideshow {
  height: 555px !important;
  overflow-y: hidden;
  width: 100% !important;
}ht: normal;
  line-height: 1.2;
}
.block-resources li a { font-size: 18px; }
.block-facts {
  margin: 25px 0 0;
}

.sidebar-box .block-video,
.sidebar-box .block-resources { padding: 0 0 35px 0; }

.curve {
  background: url("images/slide_bg_curve.png") no-repeat scroll center bottom transparent;
  height: 470px;
  position: relative;
  z-index: 999;
}
#slideshow {
  height: 555px !important;
  overflow-y: hidden;
  width: 100% !important;
}
/* contact */
address { font: normal 18px Arial, Helvetica, sans-serif; padding: 10px 0 30px 0; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  background-color: #F6FCFC;
}
.lt-ie9 .required-header hgroup {
  background: url("images/logo.jpg") no-repeat scroll 20px 0 / 93% auto transparent;
}
.top-bar ul > li.has-dropdown .dropdown {
  background: none repeat scroll 0 0 transparent;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  z-index: 99;
}
.top-bar ul > li.has-dropdown .dropdown li:last-child {
  padding-bottom: 0;
}
.top-bar ul > li.has-dropdown .dropdown li a {
  border-top: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: normal;
  height: 100%;
  line-height: 1;
  padding: 10px 15px;
  white-space: nowrap;
}

.search-results .entry-meta { display: none; }

.frontblock.video { padding-top: 3%; }