/*
Theme Name: Child and Family Policy Consortium
Theme URI: http://childpolicyuniversityconsortium.com/
Description: The theme for the University-Based Child and Family Policy Consortium
Version: 1.0
Author: Dynamic Edge, Inc.
Author URI: http://www.dynedge.com

*/

body{
	background:#6F7A82;
	color:#333;
	font-family:'Lato', sans-serif;
	font-size:16px;
	font-weight:300;
	margin:0 0 30px;}

.clear{
	clear:both;}

.container{
	margin:0 auto;
	padding:0px 10px;
	width:1180px;}
	
footer{
	border-top:5px solid #D2D5D7;
	color:#fff;
	padding-top:30px;}
	
footer .copyright{
	color:#DBDEE0;
	float:left;
	max-width:550px;}

footer .mailing-list{
	float:right;
	font-family:'Lora', sans-serif;
	font-size:1.25em;}
	
footer .mailing-list a{
	color:#ddd;
	text-decoration:none;}
	
footer .mailing-list a:hover{
	color:#fff;}
	
footer .social{
	margin-top:15px;
	text-align:right;}
	
header{
	background:#C88256;
	border-top:6px solid #AF683C;
	padding:20px 0px;}
	
header .logo{
	float:left;
	text-align:center;}

header .logo img{
	height:auto;
	max-width:100%;}

header .logo img.logo-tall{
	display:none;}

header .logo .tagline{
	color:#ECD4C5;
	font-size:1.05em;
	font-weight:400;
	margin-top:10px;}
	
header .search{
	float:right;
	margin:18px 0px 0px;}

header .search form{
	background:#fff;}
	
header .search form input[type="text"]{
	background:none;
	border:0;
	color:#333;
	font-size:.9em;
	height:38px;
	padding:2px 10px;
	vertical-align:middle;
	width:250px;}
	
header .search form input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color:#ccc;}
	
header .search form input::-moz-placeholder{ /* Firefox 19+ */
	color:#ccc;}
	
header .search form input:-ms-input-placeholder{ /* IE 10+ */
	color:#ccc;}
	
header .search form input:-moz-placeholder{ /* Firefox 18- */
	color:#ccc;}
	
header .search form input[type="image"]{
	margin-right:8px;
	vertical-align:middle;}
	
.page{
	background:#fff;
	color:#444;
	font-size:1.15em;
	line-height:1.4em;
	padding:30px 0 40px;}

.page h2{
	color:#008C8C;
	font-size:1.3em;
	font-weight:500;}

.page a{
	color:#008C8C;
	text-decoration:none;}

.page a:hover{
	text-decoration:underline;}

.page a.button{
	background:#008C8C;
	color:#fff;
	font-weight:400;
	display:inline-block;
	margin:15px 0px 0px;
	padding:16px 20px;
	-o-transition: color .2s linear,background .2s linear;
  -moz-transition: color .2s linear,background .2s linear;
  -webkit-transition: color .2s linear,background .2s linear;
  transition: color .2s linear,background .2s linear;}

.page a.button:hover{
	background:#007171;
	text-decoration:none;}
	
.page input.button{
	background:#008C8C;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:1em;
	font-weight:400;
	display:inline-block;
	margin:15px 0px 0px;
	padding:16px 20px;
	-o-transition: color .2s linear,background .2s linear;
  -moz-transition: color .2s linear,background .2s linear;
  -webkit-transition: color .2s linear,background .2s linear;
  transition: color .2s linear,background .2s linear;}

.page input.button:hover{
	background:#007171;
	text-decoration:none;}

.page hr{
	background-color:#e8e8e8;
	border:0;
	color:#e8e8e8;
	height:1px;
	margin:25px auto;}

.page-banner{
	background:#bbb;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:300px;
	position:relative;}

.page-title{
	background:#eee;
	padding:20px 0px;}

.page-title h1{
	color:#008C8C;
	font-family:'Lora', sans-serif;
	font-size:1.6em;
	font-weight:400;
	margin:0;}

.responsiveiframe{
	height:0;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	position:relative;}
 
.responsiveiframe iframe{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;}

.responsiveiframe-video{
	height:0;
	margin:0 auto;
	padding-bottom: 40.25%; /* 16:9 */
	padding-top: 25px;
	position:relative;
	width:75%;}
 
.responsiveiframe-video iframe{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;}

.search-result h3{
	font-size:1.1em;
	font-weight:400;
	margin:0 0 5px;}

.search-result p{
	margin-top:0;}

.wp-pagenavi{
	clear:both;
	margin:40px 0px 20px;
	text-align:center;}

.wp-pagenavi span.pages{
	color:#555;
	display:inline-block;
	margin-right:10px;}

.wp-pagenavi span.current{
	background:#39888A;
	color:#fff;
	margin:2px;
	padding:6px 10px;}

.wp-pagenavi a{
	background:#666;
	color:#fff;
	margin:2px;
	padding:6px 10px;
	text-decoration:none;
	transition:background 0.3s ease 0s;}
	
.wp-pagenavi a:hover{
	background:#333;
	color:#fff;}
	

/*///////////////////////////////////////////////////////////////////////////////

HOMEPAGE Styles

///////////////////////////////////////////////////////////////////////////////*/

.index-bottom{
	display:flex;}

.index-bottom .box-left{
	color:#444;
	flex-basis:50%;
	font-size:1.1em;
	line-height:1.3em;
	margin-right:60px;}

.index-bottom .box-left h3{
	color:#008C8C;
	font-family:'Lora', sans-serif;
	font-size:1.3em;
	font-weight:300;
	line-height:1.2em;
	margin:0 0 20px;}

.index-bottom .box-right{
	background:#bbb;
	color:#fff;
	flex-basis:50%;
	font-size:1.2em;
	line-height:1.3em;}

.index-bottom .box-right .inner{
	padding:25px;}

.index-bottom .box-right .link{
	margin:15px 0 20px;
	text-align:center;}

.index-bottom .box-right .link a{
	color:#C88256;
	font-size:1.05em;
	font-weight:400;
	text-decoration:none;}

.index-bottom .box-right .link a:hover{
	text-decoration:underline;}

.index-bottom .box-right .stats{
	display:flex;
	margin:0 auto;
	max-width:350px;}

.index-bottom .box-right .stats div{
	color:#008C8C;
	flex:1;
	font-family:'Lora', sans-serif;
	font-size:2.4em;
	font-weight:600;
	line-height:.8em;
	text-align:center;}

.index-bottom .box-right .stats div.in{
	font-size:2.3em;
	font-weight:300;
	margin-top:10px;}

.index-bottom .box-right .stats div span{
	color:#fff;
	display:block;
	font-size:.4em;
	font-weight:300;}

.index-columns{
	display:flex;}
	
.index-columns .banner{
	flex-basis:70%;
	margin-right:20px;}
	
.index-columns .banner nav.unslider-nav{
	position:absolute;
	bottom:10px;
	right:10px;}

.index-columns .slide{
	background-image:url(images/banner-default.jpg);
	background-position:center;
	background-size:cover;
	height:450px;
	position:relative;}
	
.index-columns .slide .content{
	background: rgba(34, 34, 34, 0.8);
	color:#fff;
	padding:20px 20px 40px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;}

.index-columns .slide .content h2{
	font-family:'Lora', sans-serif;
	font-size:1.5em;
	font-weight:300;
	line-height:1.3em;
	margin:0 0 6px;}

.index-columns .slide .content h2 a{
	color:#fff;
	text-decoration:none;}
	
.index-columns .slide .content h2 a:hover{
	text-decoration:underline;}
	
.index-columns .slide .content .blurb{
	font-size:1.2em;
	line-height:1.3em;}
	
.index-columns .slide .content .blurb p{
	margin:0px 0px 10px;}
	
.index-columns .slide .content .blurb a{
	color:#fff;
	text-decoration:none;}
	
.index-columns .slide .content .blurb a:hover{
	text-decoration:underline;}

.index-columns .right{
	display:flex;
	flex-direction:column;
	flex-basis:30%;}
	
.index-columns .right .box{
	background:#78858D;
	color:#fff;
	flex:1;
	margin-bottom:20px;}

.index-columns .right .box.newsletter{
	background:#008C8C;}

.index-columns .right .box:last-child{
	margin-bottom:0;}
	
.index-columns .right .box h3{
	background:#667279;
	font-family:'Lora', sans-serif;
	font-size:1.3em;
	font-weight:300;
	padding:12px 20px;
	margin:0;}

.index-columns .right .box.newsletter h3{
	background:#007777;}
	
.index-columns .right .box .content{
	font-size:1.05em;
	line-height:1.4em;
	padding:12px 20px;}

.index-columns .right .box .link{
	font-size:1.05em;
	padding:0px 20px 20px;}

.index-columns .right .box .link a{
	color:#fff;
	font-weight:400;
	text-decoration:none;}

.index-columns .right .box .link a:hover{
	text-decoration:underline;}

.index-grey{
	background:#D2D5D7;
	padding:40px 0px;}

.index-white{
	background:#fff;
	padding:40px 0px;}
	
	
/*///////////////////////////////////////////////////////////////////////////////

TOP NAVIGATION Styles

///////////////////////////////////////////////////////////////////////////////*/
	
nav.topnav{
	background:#008C8C;
	margin:0px;
	position:relative;
	text-align:center;}
	
nav.topnav ul{
	list-style:none;
	margin:0;}
	
nav.topnav ul li{
	display:inline-block;}

nav.topnav ul li.mobile{
	display:none;}
	
nav.topnav ul li a{
	color:#E1F2F2;
	display:inline-block;
	font-family:'Lora', sans-serif;
	font-size:1.15em;
	padding:22px 20px;
	text-decoration:none;
	-o-transition: color .2s linear,background .2s linear;
  -moz-transition: color .2s linear,background .2s linear;
  -webkit-transition: color .2s linear,background .2s linear;
  transition: color .2s linear,background .2s linear;}
	
nav.topnav ul li.hover a{
	background:#007171;}
	
nav.topnav ul li.hover li a{
	background:#007171;}

nav.topnav ul li.hover li a:hover{
	background:#005E5E;}
	
nav.topnav ul ul{
	background:#007171;
	display:none;
	float:left;
	left:0;
	list-style:none;
	margin:0;
	padding:0px;
	position:absolute;
	z-index:1000;}
	
nav.topnav ul ul li{
	list-style:none;
	margin:0;
	min-width:200px;}
	
nav.topnav ul ul ul{
	background:#007171;
	top:0px;
	margin-left:3px;}
	
nav.topnav ul ul a{
	color:#F1F6F0;
	font-family:'Lato', sans-serif;
	font-size:1em;
	font-style:normal;
	font-weight:300;
	height:auto;
	line-height:1.15em;
	padding:8px 0px 8px 14px;
	text-align:left;
	text-transform:none;
	transition:none;
	width:250px;}
	
nav.topnav li:hover > a{
	color:#fff;}
	
nav.topnav ul ul :hover > a{
	background:none;}

nav.topnav ul ul li.current_page_item > a,
nav.topnav ul ul li.current-menu-ancestor > a{
	background:none;}

nav.topnav ul.dropdown{
	white-space:normal;}

nav.topnav .parent a{
	padding-right:22px;}

nav.topnav .shailan-dropdown-menu-widget{}

.nav-button{
	background:#008C8C;
	color:#fff;
	cursor:pointer;
	display:none;
	padding:15px 0px 12px;
	text-align:center;}

nav.mobile{
	backgound:#008C8C;
	border-top:1px solid #007171;
	display:none;}
	
nav.mobile .wpb_category_n_menu_accordion li a{
	font-weight:300 !important;}

nav.mobile .wpb_category_n_menu_accordion > ul > li > a{
	background:#008C8C;
	font-size:1.2em !important;}
	
nav.mobile .wpb_category_n_menu_accordion > ul > li > a:hover{
	background:#007E7E;}

nav.mobile .wpb_category_n_menu_accordion > ul > li:not(:last-child) > a{
	border-bottom:1px solid #007171 !important;}
	
nav.mobile .wpb_category_n_menu_accordion > ul > li li:hover > a,
nav.mobile .wpb_category_n_menu_accordion > ul > li li.current-cat > a,
nav.mobile .wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a {
  border-left-color:#005959;}

nav.mobile .wpb_category_n_menu_accordion ul > li li{
	background:#007171;}

nav.mobile .wpb_category_n_menu_accordion ul > li li li{
	background:#005B5B;}
	
nav.mobile .wpb_category_n_menu_accordion > ul > li > ul > li > ul > li > a{
	padding-left: 40px;}

nav.mobile .wpb_category_n_menu_accordion li a{
	font-size:1.1em !important;}

nav.mobile .mobile-search form{
	background:#fff;
	border-bottom:1px solid #007171;}
	
nav.mobile .mobile-search form input[type="text"]{
	background:none;
	border:0;
	color:#333;
	font-size:1em;
	height:38px;
	padding:8px 10px;
	vertical-align:middle;
	width:calc(100% - 60px);}
	
nav.mobile .mobile-search form input[type="image"]{
	margin-right:8px;
	vertical-align:middle;}

nav.mobile .mobile-search form input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color:#ccc;}
	
nav.mobile .mobile-search form input::-moz-placeholder{ /* Firefox 19+ */
	color:#ccc;}
	
nav.mobile .mobile-search form input:-ms-input-placeholder{ /* IE 10+ */
	color:#ccc;}
	
nav.mobile .mobile-search form input:-moz-placeholder{ /* Firefox 18- */
	color:#ccc;}




table.responsive{
	border-collapse:collapse;
	font-size:.9em;
	line-height:1.2em;
	margin:30px 0px 15px;
	width:100%;}

/* Zebra striping */
table.responsive tr:nth-of-type(odd){
	background:#eee;}

table.responsive th{
	background:#008C8C;
	border:1px solid #ccc; 
	color:#fff;
	font-size:1em;
	font-weight:500;
	padding:10px 8px;}

table.responsive td{
	padding:8px;
	border:1px solid #ccc; }



/*///////////////////////////////////////////////////////////////////////////////

DEFAULT WordPress Styles

///////////////////////////////////////////////////////////////////////////////*/

.alignleft{
	float:left;}

.alignright{
	float:right;}

p img{
	max-width:100%;
	padding:0;}

img.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;}

img.alignright{
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;}

img.alignleft{
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;}
	


/*///////////////////////////////////////////////////////////////////////////////

GRAVITY FORMS Styles

///////////////////////////////////////////////////////////////////////////////*/
	
	
body .gform_wrapper ul li.gfield{
	margin-top:25px !important;}
	
.gform_wrapper label.gfield_label{
	font-weight:400 !important;}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
	border:1px solid #ccc !important;
	font-size:.9em !important;
	font-weight:300 !important;
	padding:12px 4px !important;}

.gform_wrapper textarea,
.gform_wrapper select{
	border:1px solid #ccc !important;
	font-size:.9em !important;
	font-weight:300 !important;
	padding-bottom:12px !important;
	padding-top:12px !important;}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label{
	font-size:.9em !important;}

#gform_submit_button_1{
	background:#008C8C !important;
	border:0 !important;
	color:#fff !important;
	cursor:pointer;
	padding:15px 25px !important;}