/*
 Theme Name:   Twenty Fourteen IFEES
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       Gifford Cheung
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-ifees
*/


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


/* =Theme customization starts here
-------------------------------------------------------------- */


#page {
margin-left: auto;
margin-right: auto;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: Lato, sans-serif;
	font-size: 17px;
	font-weight: 100;
	line-height: 1.5;
}

a {
	color: #33CCFF;
	color: #11AADD;
	text-decoration: none;
}

a:active,
a:hover {
	color: #2266cc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 175;
	line-height: 1.333333;
}

h1 {
	font-size: 22px;
	color: #888888;
	line-height: 1.333333;
	text-transform: uppercase;
}

h2 {
	font-size: 20px;
	font-weight: 175;
	line-height: 1.30;
}

h3 {
	font-size: 17px;
	font-weight: 125;
}

h4 {
	font-size: 17px;
}

h5 {
    	font-weight: 900;
	font-size: 17px;
}

h6 {
	font-size: 14px;
}

blockquote {
	color: #686868;
}

del {
	color: #b8b8b8;
}

::selection {
	background: #33CCFF;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #33CCFF;
	color: #fff;
	text-shadow: none;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #33CCFF;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 30px 11px;
	vertical-align: bottom;
}


button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #33DDFF;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #226699;
}

.wp-caption {
	color: #b8b8b8;
}

/** Header Overlapping images (giffordcheung@gmail.com) */
.under
{
position:absolute;
left:0px;
top:0px;
z-index:1;
}

.over
{
position:absolute;
left:40px;
top:0px;
z-index:2;
}

.underright
{
position:absolute;
right:0px;
top:0px;
z-index:1;
}

.overright
{
position:absolute;
right:50px;
top:15px;
z-index:2;
}

img.ifees-header
{
	max-width:100%;
	text-align:center;
}

.ifees-footer
{
	position:absolute;
	bottom:0px;
	background-image: url("http://www.ifees.net/wp-content/uploads/2020/09/IFEES-Footer-100.jpg");
	height:200px;
}

.search-toggle {

	background-color: #33CCFF;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 48px;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #33DDFF;
}

.search-box {
	background-color: #33DDFF;
	padding: 15px;
}

.site-navigation a {
	font-size: 16px;
	text-transform: none;
}

.site-navigation a:hover {
	font-size: 16px;
	color: #33DDFF;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	font-size: 16px;
	color: #33CCFF;
	font-weight: 900;
}

.entry-title {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.0909090909;
	margin-bottom: 7px;
	margin: 0 0 7px 0;
	text-transform: uppercase;
}

.entry-title a:hover {
	color: #2299DD;
}

.entry-meta {
	clear: both;
	color: #b8b8b8;
	font-size: 15px;
	font-weight: 200;
	line-height: 1.25;
	text-transform: uppercase;
}

.entry-meta a {
	color: #b8b8b8;
}

.entry-meta a:hover {
	color: #33DDFF;
}

.cat-links a:hover {
	color: #33DDFF;
}

.entry-meta .tag-links a {
	background-color: #b8b8b8;
}


.entry-meta .tag-links a:hover {
	background-color: #33DDFF;
	color: #fff;
}

.entry-meta .tag-links a:before {
	border-top: 10px solid transparent;
	border-right: 8px solid #b8b8b8;
	border-bottom: 10px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
}

.entry-meta .tag-links a:hover:before {
	border-right-color: #33DDFF;
}

.entry-content .edit-link a {
	color: #b8b8b8;
	text-decoration: none;
}

.entry-content .edit-link a:hover {
	color: #33DDFF;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #33CCFF;
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #33CCFF;
	color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover {
	color: #33DDFF;
}

.page-links a:hover {
	background: #33DDFF;
	border: 1px solid #33DDFF;
	color: #fff;
}

.post-navigation .meta-nav {
	color: #b8b8b8;
	display: block;
	font-size: 15px;
	font-weight: 900;
	line-height: 2;

}

.post-navigation a:hover,
.image-navigation a:hover {
	color: #33DDFF;
}

.paging-navigation .page-numbers.current {
	border-top: 5px solid #33CCFF;
}

.paging-navigation a:hover {
	border-top: 5px solid #33DDFF;
	color: #2b2b2b;
}

.taxonomy-description,
.author-description {
	color: #b8b8b8;
	font-size: 17px;
	line-height: 1.2857142857;
	padding-top: 18px;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #b8b8b8;
}



.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #33DDFF;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #b8b8b8;
}

.comment-reply-title small a:hover {
	color: #33DDFF;
}

#secondary {
	background-color: #33CCFF;
}

.content-sidebar {
	color: #b8b8b8;
}

.widget a:hover {
	color: #33DDFF;
}

.widget h4 {
	font-size: 20px;
	line-height: 1.0;
}

.widget h5 {
	font-size: 20px;
	line-height: 1.7142857142;
}

.widget h6 {
	font-size: 20px;
	line-height: 2;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #33CCFF;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #33DDFF;
}



.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: #226699;
}

.widget-title a:hover {
	color: #33DDFF;
}

.widget_calendar tbody a {
	background-color: #33CCFF;
	color: #fff;
	display: block;
}

.widget_calendar tbody a:hover {
	background-color: #33DDFF;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #33DDFF;
}

.content-sidebar .widget a {
	color: #99CCFF;
}

.content-sidebar .widget a:hover {
	color: #33ddff;
}

.content-sidebar .widget blockquote {
	color: #b8b8b8;
}

.content-sidebar .widget del {
	color: #b8b8b8;
}

.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #33CCFF;
	border: 0;
	color: #fff;
}

.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: #33CCFF;
}

.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
	background-color: #3399FF;
}

.content-sidebar .widget .wp-caption {
	color: #b8b8b8;
}

.content-sidebar .widget .widget-title a:hover {
	color: #3399FF;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a {
	color: #b8b8b8;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #3399FF;
}

.site-info a:hover {
	color: #3399FF;
}

.featured-content a:hover {
	color: #33DDFF;
}

.slider-control-paging a:hover:before {
	background-color: #33DDFF;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #33CCFF;
}

.slider-direction-nav a:hover {
	background-color: #33CCFF;
}


	.content-sidebar {
		border: 0;
		float: right;
		margin-left: -20%; /*overridden elswhere */
		background-image:url('http://www.ifees.net/wp-content/uploads/2020/09/IFEES-Footer-100.jpg');
		/*padding: 48px 30px 24px;*/
		position: relative;
		width: 20%;
	}

	.primary-navigation ul ul {
		background-color: #33CCFF;
		float: left;
		margin: 0;
		position: absolute;
		top: 48px;
		left: -999em;
		z-index: 99999;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #33ccff;
		color: #fff;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #fff;
	}

	.member-scroll {
		height:100px; width:990px;margin-left:auto; margin-right:auto;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;
	 }

	.member-block {
		display:inline-block;
		width: 123.75;
		#background-color: #FFF;
	}

.FA_overall_container_title_nav ul.FA_navigation li {
	height:70px;
}

.FA_overall_container_title_nav .FA_featured_articles .FA_article p {
	font-size:15px;
	padding: 10px 0px 10px;
}

		.FA_overall_container_title_nav ul.FA_navigation li a{
			font-size:15px !important;
			padding:25px 10px !important;
		}

 	.fa-image {height:100px;}
 	.FA_title_section {display:none;}
  	.FA_featured_articles {height:100%;}
  	.FA_wrap { padding: 0px 0px 0px 0px;}
  	.FA_navigation {
		height:100%;
		}

.widget_subpages h1 a,
.widget_subpages ul li {
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1;
	padding: 5px;
}


@media screen and (min-width: 846px) {
	/*
 	 * 	This section is unique to the full-page display
	 */
	.content-area,
	.content-sidebar {
		/*padding-top: 72px;*/
	}

	.content-sidebar {
		margin-left: -5%;
		width: 5%;
	}

	.secondary-navigation ul ul {
		background-color: #33CCFF;
		position: absolute;
		top: 0;
		left: -999em;
		width: 182px;
		z-index: 99999;
	}

	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #ade0f2;
		color: #fff;
	}

	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #fff;
	}

}

@media only screen and (max-device-width: 480px),
@media screen and (-webkit-min-device-pixel-ratio: 3),
@media screen and (device-aspect-ratio: 9/16)
{
	.under,
	.underright,
	.overright,
	.search-toggle,
	.content-sidebar
	{
		display:none;
	}

	.over
	{
		width: 60%;
	}

	.frontpage-image,
	.member-scroll
	{
		width: 100%;
	}

	#FA_slider_180,
	#FA_slider_206
	{
		width: 100% !important;
	}

	.FA_featured_articles,
	.FA_article
	{
		width: 100% !important;
		height: 500px !important;
	}


	.FA_wrap
	{
		width: 85% !important;
	}

	.FA_navigation
	{
		width: 100% !important;
	}


}


/* DesignMil Override 11-4-2017 */

body .site-header{
	background:#d3eefb;
}

body .primary-navigation ul ul li.focus > a{
	background-color: #fff;
}

.primary-navigation ul ul li:hover a{
	background-color: #fff;
}

body .content-area{
	background:none;
}

.site::before{
	background: none !important;
}

.pricing{
	background-color:#eeeff0;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
	padding:20px;
}

.section{
	background-color: #dddddd;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	padding:5px;
}

.cta{
	background-color: #33ccff;
	padding: 12px;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
	text-align: center;
	color: #fff;
	}

h1{
	margin-bottom: 25px;
}