/*
Theme Name: JFJFP
Author: Toby Kay
Author URI: http://tobykay.com
Description: Designed for JFJFP
Version: 1.0
Text Domain: JFJFP

*/


/* Fonts */
#searchsubmit {display: none;}
#searchform {margin-bottom: 0px; }
#searchform  input[type=text] {margin-bottom: 0px; border-bottom: 1px solid #999; height:35px; margin-top: 40px}
.leftfloat {float:left}
.rightfloat {float:right}
.nomarginpad {padding:0px !important; margin:0px !important;}
.article .intro {font-size:20px}
label.screen-reader-text {display: none;}
html {font-family: 'Lato', sans-serif; color: #796E65 !important;}
a {color: #CC5F00 !important;}
.top_navigation, .infotext, .btm_navigation, .copyright, .joinnow, .footerbox {text-transform: uppercase;}
.top_navigation, .top_navigation ul li a {color: #FFF !important;}
.top_navigation ul li a:hover {color: #999 !important;}
.top_navigation ul li.current-menu-item a {color: #FAEBD7 !important;}
#searchform input::placeholder {
  color: #999; margin-bottom:-3px; text-transform:uppercase; font-size:12px; vertical-align:bottom; text-align:right;
}
.alignright {text-align:right !important;}
 .alignleft img {padding-right: 20px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {color: #FFF !important;}

#mega-menu-wrap-main-menu #mega-menu-main-menu {text-align: left; margin-top: 40px; background-color:#ECA154; }
#mega-menu-wrap-main-menu #mega-menu-main-menu li {display: inline; border-right: 1px solid #FFF; padding-right: 7px; padding-left: 7px; color:white;}
#mega-menu-wrap-main-menu #mega-menu-main-menu li:last-child {border-right: none; padding-right: 0px; }

.btm_navigation, .btm_navigation ul li a {color: white !important;}
.copyright, .copyright ul li a {color: white !important;}
.leadbox {color: white;}
.leadbox h1 {font-size: 40px; font-weight: 300; }
.leadbox h2 {font-size: 30px; font-weight: 300; line-height: 130%}
.leadbox p {font-weight: 300; line-height: 160%; }

label {
   font-weight: 700 !important; line-height: 160% !important; font-size: 14px !important; color: black !important;
}



.leadbox .hometext p {display: block;
    background-color: #CC5F00;
    padding: 10px;}
.leadbox a {color:white !important; text-decoration:none;}
.leadbox .breadcrumbs a {font-size: 11px; color: white; text-decoration: underline; font-style: italic; font-weight: 300;}
.article h1 {font-size: 38px; font-weight: 500; margin-top: 0px !important; color: #796E65 !important;}
.article .details .author {color: #796E65; font-style: italic;}
.article .details .infotext {color: #CC5F00;}
.article .subhead {}
.article a {}
.article .tags, .article .tags a {color: #CC5F00; font-size: 10px; font-weight: 500;  text-transform: uppercase;}
.article .infotext a {color: #CC5F00; font-size:10px; }
.article .social {}
.article .pullquote {}
.article .sidebar .actionbox {color: white; text-align: left; font-size: 22px; font-weight: 300;}
.article .sidebar .related h3 {color: white; font-size: 11px; }
.article .sidebar .related .section {color: white; font-size: 11px; }
.article .sidebar .related .title {color: white; font-size: 11px; }
.article .sidebar .related a {color: white; font-size: 11px; }
.joinnow {color: white; }
.footerbox {color: white; font-size: 11px; }
.copyright {color: white; font-size: 11px; }
.calltoactionbox{color: white; }
.calltoactionbox h2 {font-size: 38px; font-weight: 300; }
.calltoactionbox h3 {font-size: 22px; font-weight: 300; line-height: 130%}
.lightgrey h2 {font-size: 22px; font-weight: 300; line-height: 130%}
.newsbox .section, .newsbox .section a {color: white; font-size: 12px; text-transform: uppercase; font-weight: 300;}
.newsbox .date {color: white; font-size: 12px; text-transform: uppercase; display:block; height: 25px;}
.newsbox .headline {color: white; font-size: 16px; margin-top:10px !important; font-weight: 700; display:block !important; }
.newsbox .headlineimage {color: white; font-size: 16px; margin-top:10px !important; font-weight: 700; display:block !important; }

.newsbox .tags, .newsbox .tags a {color: white; font-size: 12px; text-transform: uppercase; font-weight: 300;}
.newsbox .author {color: white; font-size: 12px; text-transform: uppercase;}
.newsbox a {color:white !important;}
.search-post-title {font-size: 22px; font-weight: 800; line-height: 130%}
.newsboxpad .section, .newsboxpad  .section a {color: white; font-size: 12px; text-transform: uppercase; font-weight: 300;}
.newsboxpad  .date {color: white; font-size: 12px; text-transform: uppercase; display:block; height: 25px;}
.newsboxpad  .headline {color: white; font-size: 16px; margin-top:10px !important; font-weight: 700; display:block !important; }
.newsboxpad  .tags, .newsboxpad .tags a {color: white; font-size: 12px; text-transform: uppercase; font-weight: 300;}
.newsboxpad  .author {color: white; font-size: 12px; text-transform: uppercase;}
.newsboxpad a {color:white !important;}
.newsboxpad , .newsboxpad2 {text-align:left;}

 .newsboxpad2 .headline a {color: #333; font-size: 12px; text-transform: uppercase; font-weight: 700;}
.newsboxpad2 .headline {color: #333; font-size: 12px; text-transform: uppercase; font-weight: 700;}
 .newsboxpad2 .section, .newsboxpad  .section a {color: #333; font-size: 12px; text-transform: uppercase; font-weight: 300;}
 .newsboxpad2  .date {color: #333; font-size: 12px; text-transform: uppercase; display:block; height: 25px;}
.newsboxpad2  .headline {color: #333; font-size: 16px; margin-top:10px !important; font-weight: 700; display:block !important; }
 .newsboxpad2  .tags, .newsboxpad .tags a {color: #333; font-size: 12px; text-transform: uppercase; font-weight: 300;}
.newsboxpad2  .author {color: #333; font-size: 12px; text-transform: uppercase;}
 .newsboxpad2 a {color:#333 !important;}
.newsboxpad2 hr {color:#333;}
.newsboxpad2 .headline {display: block; height: 80px; border-bottom: 1px solid #333; border-top: 1px solid #333; width:100%}
.scroll{text-align:center;}
select { display: block !important;}
h3.widget-title {font-size:14px; font-weight: bold;}
.widget-area {padding: 30px;  padding-top: 20px;   background-color: #796E65; color: white;}
.widget-area select {color: #796E65;}
.introtext {font-size: 14px; font-weight: 300;}
.sidenav {text-transform: uppercase;}
.sidenav ul li a {color: white !important; padding-left:20px; display:block; padding-right:20px; border-bottom: 1px solid white; padding-bottom: 10px;}
.sidenav ul li.current-menu-item a {color: white !important;}
.sidenav ul#menu-about li, .sidenav ul#menu-books li, .sidenav ul#menu-campaigns li,  .sidenav ul#menu-account-menu li, .sidenav ul#menu-resources li, .sidenav ul#menu-take-action li, .sidenav ul#menu-voices li {min-height:40px !important; width:100%;  background-color: #ECA154; display:block; padding-top:10px;  font-size:12px; font-weight:400;}
.sidenav ul li.current-menu-item, .sidenav ul li.current-menu-item {background-color: #796E65;}
.sidenav ul#menu-campaigns li:hover, .sidenav ul#menu-books li:hover, .sidenav ul#menu-account-menu li:hover, .sidenav ul#menu-resources li:hover, .sidenav ul#menu-take-action li:hover, .sidenav ul#menu-about li:hover, .sidenav ul#menu-voices li:hover {background-color: #796E65;}
.joinnow a.join {color: white !important;}
ul#menu-register li a {display:inline; color: white !important; -webkit-padding-start: 0px;}
ul#menu-register { -webkit-padding-start: 0px; margin-top:4px; margin-bottom:6px;}
ul#menu-register li {display: inline; border-right: 1px solid #FFF; padding-right: 5px; padding-left: 5px;}
ul#menu-register li:last-child {border-right: none; padding-right: 0px; }
strong {font-weight:800 !important;}
ul.sub-menu li a {padding-left:40px}
ul.sub-menu li {border:0px}

/* BG colours: */

.orange {background-color: #CC5F00;}
.lightorange {background-color: #ECA154;}
.darkgrey {background-color: #796E65;}
.lightgrey h2 {font-size: 22px; font-weight: 400; line-height: 130%}


/* Layout */
.newsboxesonhomepage {margin-top:30px; margin-bottom:30px;}
.homenewsbox {min-height:300px; border: 1px solid #AAA29F; width: 100%; }
body {border-top: 7px #ECA154 solid; height:40px;}
.joinnow {display: block; background-color: #ECA154; width: 230px; text-align: center; float: right; padding-left: 25px; padding-right: 25px; padding-bottom: 8px;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.logonav {margin-bottom: 0px;}
.toprow {margin-bottom: 0px;}
.top_navigation {text-align: left; margin-top: 40px; background-color:#ECA154; height: 45px; }
.top_navigation li {display: inline; border-right: 1px solid #FFF; padding-right: 10px; padding-left: 10px; color:white;}
.top_navigation li:last-child {border-right: none; padding-right: 0px; }
.leadbox {background-color: #AAA29F;   }
.leadboxhome {background-color: #AAA29F; 
}
.leadboxnewsheader {background-color: #AAA29F;  margin-bottom:20px; margin-top:20px;
}
.article {margin-top: 30px; vertical-align: top;}
.article .intro {font-weight: bold; display:block; margin-top:15px; margin-bottom:15px;}
.article .tags {display:block; margin-top:15px; margin-bottom:15px;}
.article .details {margin-top: 20px;}
.leadboxrow {margin-bottom:0px}
.homeboximage {max-height: 229px; overflow: hidden;}

.article .mainbody ul:not(.browser-default){
list-style-type: disc !important; 
padding-left: 30px !important;
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}

.article .mainbody ul:not(.browser-default)>li {
list-style-type: initial !important;
}

.article .pullquote {}
.article .sidebar {}
.article .sidebar .related {background-color: #796E65; padding: 30px; margin-bottom:30px; width:100%;}
.article .sidebar .actionbox {background-color: #796E65; padding: 30px;}
.article .sidebar .related {background-color: #796E65; padding: 30px;}
.article .author {display:block; margin-top:15px; margin-bottom:15px;}
.footerbox {background-color: #796E65; width: 100%; padding-top: 20px; padding-bottom: 20px; }
.copyright {text-align: right;}
.calltoactionbox {background-color: #ECA154; padding-top: 30px; padding-bottom: 30px;}
.calltoactionbox .righths  { margin-top: 35px; }
.newsbox {background-color: #AAA29F; width: 310px; height: 300px; display: inline-block; margin-right: 6px; margin-bottom: 12px; margin-left: 6px; vertical-align: top;}
.newsbox .headline {display: block; height: 80px; border-bottom: 1px solid white; border-top: 1px solid white;}
.newsbox .headlineimage{display: block; height: 30px; }

.newsbox .section {display: block;}
.newsbox .author {display: block; height: 40px;}
.newsbox .tags { margin-top:10px;}
.newsboxes {margin-top: 20px; align-content: center;}
.newsboxpad { width: 95%; display: inline-block; margin-right: 6px; margin-bottom: 12px; margin-left: 6px; vertical-align: top; padding:15px;}
.newsboxpad .headline {display: block; height: 80px; border-bottom: 1px solid white; border-top: 1px solid white; width:100%}
.newsboxpad .section {display: block;}
.newsboxpad .author {display: block; height: 40px;}
.newsboxpad .tags { margin-top:10px;}
.newsboxespad {margin-top: 20px; align-content: center;}
.newsboxpad2 .section {display: block;}
.newsboxpad2 .author {display: block; height: 40px;}
.newsboxpad2 .tags { margin-top:10px;}
.newsboxespad {margin-top: 20px; align-content: center;}
.newsboxpad2 { width: 95%; display: inline-block; margin-bottom: 12px; margin-left: 6px;margin-right: 6px; vertical-align: top; padding:15px;}
.newsboxpad3 {width: 100%; padding:0px;}
.newsboxpad3 .headlineimage {padding:15px;}
.books{margin-top:13px;} 
.books .newsbox {background-color: #AAA29F; width: 303px; height: 300px; display: inline-block; margin-right: 6px; margin-bottom: 12px; margin-left: 6px; vertical-align: top;}



ul.post-categories li  {display:inline;}
/* .container-outer { overflow: scroll; width: 500px; height: 210px; }
.container-inner { width: 10000px; }*/
.btm_navigation li {display: inline; border-right: 1px solid #FFF; padding-right: 10px; padding-left: 10px;}
.btm_navigation li:last-child {border-right: none; padding-right: 0px; }
.copyright li {display: inline; border-right: 1px solid #796E65; padding-right: 10px; padding-left: 10px;}
.copyright li:last-child {border-right: none; padding-right: 0px; }
.divider {height:140px; border-left: 1px solid white; background-color: #ECA154; margin-top:20px;}
.introtext {display:block; margin-top: 20px;}



/* Images */

.article img {border: 0px; max-width: 100%; height:auto;}
.article .first img {display: block; margin-bottom: 10px;}


/* Buttons */

.btn, .learnmore {
	display: block;
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: 'Lato', sans-serif;
  color: #ffffff !important;
  font-size: 19px;
  background: #CB6015;
  padding: 10px 25px 10px 25px;
  text-decoration: none;
  height: 48px !important;
      line-height: 28px !important;
      margin-top: 20px;
text-transform: uppercase;
}



input[type=submit] {
 display: block;
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: 'Lato', sans-serif;
  color: #ffffff !important;
  font-size: 19px;
  background: #CB6015;
  padding: 10px 25px 10px 25px;
  text-decoration: none;
  height: 48px !important;
      line-height: 28px !important;
      margin-top: 20px;
text-transform: uppercase; 
}

.learnmore {width:175px;}
.btn a, .learnmore a {color:white !important; text-decoration:none;}
.btn:hover , .learnmore:hover{background: #796E65; text-decoration: none;}


.leadbox hr {border: 0; height: 0px; background: #fff;}
.hometext hr {border: 0; height: 1px; background: #fff;}
.crp_related h3 {margin-top: 0px !important; color: white; font-size: 12px; text-transform: uppercase; display:block; border-bottom: solid white 1px; padding-bottom:6px;}
span.crp_title {line-height:1 !important;}
.crp_related ul li {line-height:1 !important; border-bottom: solid 1px white;  padding-top:7px; padding-bottom:7px; }
.alm-listing li {padding: 0 !important}
.crp_related ul li a {color: white !important;}
.metaslider .flexslider {margin-bottom: 0px !important;     vertical-align: middle;
}
.sliderbox {margin-right:0px; padding-right:0px !important;}

blockquote {border-left: 5px solid #ECA154 !important;}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.yuzo-list a {padding-left:0px !important; color: white !important;}
.yuzo-list a:hover {padding-left:0px !important; color: white !important; background-color: #796E65 !important; border: 0px !important;}
.relatedthumb a:hover {padding-left:0px !important; color: white !important; background-color: #796E65 !important; border: 0px !important;}
.yuzo_related_post_widget .relatedthumb {padding-left:0px !important; color: white !important; background-color: #796E65 !important;}
.yuzo_related_post_widget .relatedthumb a:hover {padding-left:0px !important; color: white !important; background-color: #796E65 !important; border: 0px !important;}

li.widget_recent_entries ul li a {color:white !important; display: block !important; border-bottom: 1px solid white !important; padding-bottom: 5px !important; padding-top: 5px !important;}

.wpcf7-list-item {margin: 0px !important;}

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: relative !important;
	opacity: 1 !important;
     pointer-events: auto !important;}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
   position: relative !important;
	opacity: 1 !important;
     pointer-events: auto !important;}



@media only screen and (max-width: 992px)  {
.sliderbox { margin-top:20px !important;}
.logonav {margin-bottom: 30px;}
	.btm_navigation, .copyright {text-align: center;}
}
.image100 {width: 100%;}
.hometextmargin {margin-left:10px; margin-right:10px;}
.hometext {margin-top:20px; margin-bottom:20px;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }