/*
Theme Name: Financial Rights Legal Centre
Theme URI: http://financialrights.local/
Author: FADE Agency
Author URI: http://fadeagency.com
Description: The Financial Rights Legal Centre.
Version: 2.0
Text Domain: frlc
*/

/*GLOBAL*/

#main {
margin-top:40px;
margin-bottom:40px;
}

#menu li.current_page_item a,.current_page_parent {
color:#fff;
background-color:#2d2c2c;
}

.icon-contact {
margin-right:10px;
}

.dropdown-menu {
font-family:Oswald, Arial, helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
background-color:#2d2c2c;
border:0;
border-radius:0;
}

.dropdown-menu > li > a {
display:block;
clear:both;
font-weight:400;
line-height:1.42857143;
color:#fff;
white-space:nowrap;
text-transform:uppercase;
padding:10px 20px;
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
text-decoration:none;
color:#fff;
background-color:#515151;
}

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
color:#515151;
text-decoration:none;
outline:0;
background-color:#fff;
}

.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {
background-color:#eee;
}

.search-box-wrapper {
z-index:2;
width:100%;
text-align:right;
display:none;
margin:0;
padding:0;
}

.search-box {
margin:0;
padding:0;
}

.search-box .search-field {
max-width:362px;
float:right;
font-size:20px;
border:0;
}

#search-container {
background-color:#615f5f;
height:65px;
margin:0;
padding:0;
}

.fa-bars {
color:#fff;
}

.navbar {
margin-bottom:0;
border:none;
}

.navbar-default .navbar-nav > li > a {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
font-family:Oswald, Arial, helvetica, sans-serif;
text-transform:uppercase;
font-size:16px;
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
color:#fff;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
background-color:#515151;
}

.navbar-default .navbar-toggle {
border:0;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background-color:#0ba8c9;
}

.jumbotron {
background-image:url(img/header-background.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
font-size:22px;
font-weight:400;
line-height:30px;
min-height:170px;
margin:0;
padding:20px 0;
}

.headline {
color:#FFF;
font-family:Lato, Arial, Helvetica, sans-serif;
font-weight:300;
font-size:30px;
padding:20px 0;
}

.bar-header {
border-bottom:1px solid #e8e8e8;
border-top:1px solid # 747474px;
background-color:#FFF;
font-family:Lato, Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
font-weight:700;
}

.promo-box {
text-align:center;
border-radius:5px;
margin-bottom:20px;
min-height:220px;
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
padding:10px;
}

.promo-box-sidebar {
text-align:center;
border-radius:5px;
margin-bottom:20px;
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
padding:10px;
}

.promo-heading {
font-family:Lato, Arial, Helvetica, sans-serif;
font-weight:700;
color:#FFF;
font-size:20px;
text-decoration:none;
}

a.promo-link {
text-decoration:none;
}

.promo-box p,.promo-box-sidebar p {
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-weight:400;
color:#FFF;
font-size:14px;
line-height:14px;
}

.promo-1 {
background-color:#125595;
}

div.promo-1:hover,div.promo-2:hover,div.promo-3:hover,div.promo-4:hover {
background-color:#6d6e70;
}

.promo-2 {
background-color:#1461ab;
}

.promo-3 {
background-color:#1f70be;
}

.promo-4 {
background-color:#3389da;
}

a {
color:#1e79cc;
text-decoration:none;
}

a:hover,a:focus {
color:#8ebf65;
text-decoration:none;
}

p {
color:#555;
font-family:'Open Sans', sans-serif;
font-weight:400;
font-size:15px;
line-height:1.2em;
margin:0 0 15px;
}

.section-heading {
font-family:Lato, Arial, Helvetica, sans-serif;
font-weight:700;
color:#8ebf65;
font-size:32px;
text-decoration:none;
line-height:1.2em;
}

h1,h2,h3,h4,h5,h6 {
font-family:Lato, Arial, Helvetica, sans-serif;
font-weight:400;
color:#565656;
text-decoration:none;
}

h1 {
font-size:26px;
}

h2 {
font-size:24px;
}

h3 {
font-size:22px;
}

h4 {
font-size:20px;
}

h5 {
font-size:18px;
}

h6 {
font-size:16px;
}

.news-title {
font-family:Lato, Arial, Helvetica, sans-serif;
font-weight:700;
font-size:22px;
color:#565656;
text-decoration:none;
text-transform:capitalize;
}

.entry-content {
margin-top:20px;
}

.entry-meta {
font-weight:400;
font-size:14px;
color:#8ebf65;
text-transform:uppercase;
}

hr {
margin-top:20px;
margin-bottom:20px;
border:0;
border-top:1px solid #ededed;
}

.footer {
background-color:#2d2c2c;
clear:both;
padding:30px 0;
}

.bar-footer {
border-top:1px solid #e8e8e8;
background-color:#FFF;
}

#footer-columns img {
opacity:0.4;
filter:alpha(opacity=40);
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
}

#footer-columns img:hover {
opacity:1.0;
filter:alpha(opacity=100);
}

.wp-pagenavi {
clear:both;
margin:50px 0 0;
}

.wp-pagenavi a,.wp-pagenavi span {
margin-right:5px;
border:1px solid #dcdcdc;
color:#555;
background-color:#FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
padding:5px 10px;
}

.wp-pagenavi a:hover {
border:1px solid #8ebf65;
background-color:#8ebf65;
color:#FFF;
}

.wp-pagenavi span.current {
background-color:#6d6e70;
color:#FFF;
border-color:#6d6e70;
}

.panel-title {
font-family:Lato, Arial, Helvetica, sans-serif;
font-weight:400;
font-size:17px;
color:inherit;
}

.panel-title > a:hover {
color:#8ebf65;
}

.panel-heading {
border-bottom:1px solid transparent;
border-top-right-radius:3px;
border-top-left-radius:3px;
line-height:1em;
margin:0;
padding:0 15px 12px;
}

.audio-player {
width:320px;
}

.btn-primary {
text-transform:uppercase;
white-space:normal;
color: #fff;

}

.btn-footer {
  color: #ffffff;
  background-color: #125595;
  border-color: #125595;
text-transform: uppercase;
font-size: 12px;
}

.btn-footer:hover,
.btn-footer:focus,
.btn-footer:active,
.btn-footer.active,
.open .dropdown-toggle.btn-footer {
  color: #ffffff !important;
  background-color: #3389da;
  border-color: #3389da;
}

.btn-primary[disabled] {
  background: #ddd;
  border-color: transparent;
  color: #222;
}

.btn-footer:active,
.btn-footer.active,
.open .dropdown-toggle.btn-footer {
  background-image: none;
}

blockquote {
border:none;
background-color:#8ebf65;
border-radius:5px;
margin:0 0 20px;
padding:5px 20px 20px;
}

blockquote p {
color:#FFF;
font-family:Lato, Arial, Helvetica, sans-serif;
font-weight:400;
font-size:18px;
}

blockquote ul {
color: #FFF;
font-family: Lato, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
}

blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5,blockquote h6 {
color:#FFF;
}



#searchform {
width:200px;
float:right;
margin-top:13px;
}

#searchform-page {
width:200px;
margin-top:13px;
}

.copyright a:hover,.panel-title > a {
color:#1e79cc;
}

input:focus::-webkit-input-placeholder,input:focus:-moz-placeholder,input:focus::-moz-placeholder,input:focus:-ms-input-placeholder {
color:transparent;
}

@media max-width 768px{
.headline {
font-weight:300;
font-size:28px;
line-height:28px;
padding:20px 0;
}

.section-heading {
line-height:1.2em;
}

.copyright {
text-align:left;
}

}

@media only screen and min-device-width 768px and max-device-width 1024px and orientation landscape{
.promo-box {
min-height:260px;
}

}

@media max-width 1200px and min-width 992px{
.section-heading {
padding-left:20px;
}

}
.hotline {
margin: 40px 0 20px 0;
    text-align: right;
}
.hotline-text {
margin-top: 4px;
}
.e-flyer {
text-align: right;
margin-top: 10px;
}
.share-buttons {
margin-top: 5px;
}
.copyright {
margin-bottom: 10px;
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form
{
  display:block;
  position:relative;
  text-align:left;
  padding:10px 0 10px 3%;
}

#mc_embed_signup h2
{
  font-weight:700;
  padding:0;
  margin:15px 0;
  font-size:1.4em;
}

#mc_embed_signup input
{
  border:1px solid #999;
  -webkit-appearance:none;
}

#mc_embed_signup input[type=checkbox]
{
  -webkit-appearance:checkbox;
}

#mc_embed_signup input[type=radio]
{
  -webkit-appearance:radio;
}

#mc_embed_signup input:focus
{
  border-color:#333;
}

#mc_embed_signup .button
{
  clear:both;
  background-color:#125595;
  border:0 none;
  border-radius:4px;
  color:#FFF;
  cursor:pointer;
  display:inline-block;
  font-size:13px;
  font-weight:700;
  height:32px;
  line-height:32px;
  margin:0 5px 10px 0;
  padding:0 22px;
  text-align:center;
  text-decoration:none;
  vertical-align:top;
  white-space:nowrap;
  width:auto;
text-transform: uppercase;
}

#mc_embed_signup .button:hover
{
  background-color:#3389da;
}

#mc_embed_signup .small-meta
{
  font-size:11px;
}

#mc_embed_signup .nowrap
{
  white-space:nowrap;
}

#mc_embed_signup .mc-field-group
{
  clear:left;
  position:relative;
  width:96%;
  padding-bottom:3%;
  min-height:50px;
}

#mc_embed_signup .size1of2
{
  clear:none;
  float:left;
  display:inline-block;
  width:46%;
  margin-right:4%;
}

* html #mc_embed_signup .size1of2
{
  margin-right:2%;
/* Fix for IE6 double margins. */
}

#mc_embed_signup .mc-field-group label
{
  display:block;
  margin-bottom:3px;
}

#mc_embed_signup .mc-field-group input
{
  display:block;
  width:100%;
  padding:8px 0;
  text-indent:2%;
}

#mc_embed_signup .mc-field-group select
{
  display:inline-block;
  width:99%;
  padding:5px 0;
  margin-bottom:2px;
}

#mc_embed_signup .datefield,#mc_embed_signup .phonefield-us
{
  padding:5px 0;
}

#mc_embed_signup .datefield input,#mc_embed_signup .phonefield-us input
{
  display:inline;
  width:60px;
  margin:0 2px;
  letter-spacing:1px;
  text-align:center;
  padding:5px 0 2px;
}

#mc_embed_signup .phonefield-us .phonearea input,#mc_embed_signup .phonefield-us .phonedetail1 input
{
  width:40px;
}

#mc_embed_signup .datefield .monthfield input,#mc_embed_signup .datefield .dayfield input
{
  width:30px;
}

#mc_embed_signup .datefield label,#mc_embed_signup .phonefield-us label
{
  display:none;
}

#mc_embed_signup .indicates-required
{
  font-size:11px;
  margin-right:4%;
}

#mc_embed_signup .asterisk
{
  color:#fff;
  font-size:100%;
}

#mc_embed_signup .mc-field-group .asterisk
{
  position:absolute;
  top:25px;
  right:10px;
  color:red;
}

#mc_embed_signup .clear
{
  clear:both;
}

#mc_embed_signup .mc-field-group.input-group ul
{
  margin:0;
  padding:5px 0;
  list-style:none;
}

#mc_embed_signup .mc-field-group.input-group ul li
{
  display:block;
  padding:3px 0;
  margin:0;
}

#mc_embed_signup .mc-field-group.input-group label
{
  display:inline;
}

#mc_embed_signup .mc-field-group.input-group input
{
  display:inline;
  width:auto;
  border:none;
}

#mc_embed_signup div#mce-responses
{
  float:left;
  top:-1.4em;
  padding:0 .5em;
  overflow:hidden;
  width:90%;
  margin:0 5%;
  clear:both;
}

#mc_embed_signup div.response
{
  margin:1em 0;
  padding:1em .5em .5em 0;
  font-weight:700;
  float:left;
  top:-1.5em;
  z-index:1;
  width:80%;
}

#mc_embed_signup #mce-error-response
{
  display:none;
}

#mc_embed_signup #mce-success-response
{
  color:#529214;
  display:none;
}

#mc_embed_signup label.error
{
  display:block;
  float:none;
  width:auto;
  margin-left:1.05em;
  text-align:left;
  padding:.5em 0;
}

#mc-embedded-subscribe
{
  clear:both;
  width:auto;
  display:block;
  margin:1em 0 1em 5%;
}

#mc_embed_signup #num-subscribers
{
  font-size:1.1em;
}

#mc_embed_signup #num-subscribers span
{
  padding:.5em;
  border:1px solid #ccc;
  margin-right:.5em;
  font-weight:700;
}

.modal-content
{
  background-color:#fff;
  font-size:12px;
  text-transform:uppercase;
  padding: 20px;
}

.modal-header
{
  border:none;
}

input
{
  font-size:18px;
}

label
{
  color:#565656;
  font-size:14px;
}