/* Notes  ________________________________________________________ 
	
	Styles to be moved into SCSS files;  but keep the empty breakpoints here.
	
*/


/* Globals (do not remove)  ________________________________________________________ */

:root {
	--blue: #2c395f;
	--orange: #da5737;
}



img.alignright {
	float: right; margin: 0 0 1rem 1rem;
}

.banner h3, .accordion-content h3, .banner h4, .accordion-content h4 { font-weight: bold; }

.banner h3, .banner h4 { color: white; }



/* Login bar  ________________________________________________________ */

.login-bar {
	background: black; 
	color: white;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}

.login-bar a { color: #FEC; }


/* Header  ________________________________________________________ */

.header .menu>li.menu-button { margin: 0.5rem 0 0 1rem; }

.header .menu>li.menu-button>a { border: solid 2px #ed4b29;   background: #ed4b29;  color: white;  padding: 0.44rem 0.33rem;  margin: 0; } 

.header .menu>li.menu-button.ghost>a { background: none;  border-color: white;  color: white; }




/* Footer  ________________________________________________________ */

.footer-email-alerts__text p { margin-bottom: 1rem; }


/* Flags  ________________________________________________________ */


.posts-item__flags li a img { 
	width: 16px;
	height: auto;
	border-radius: 50%;
    background-clip: padding-box;
}


/* Accordions  ________________________________________________________ */

a.accordion-title { text-decoration: none;  font-weight: bold;  }
a.accordion-title, .accordion-content { border-color: #CCC; padding: 1rem;   }


/* Lists & grids  ________________________________________________________ */

ul.horizontal {
	margin: 0 0 1.5rem;
	padding: 0;
	width: 100%;
}

ul.horizontal li {
	float: left;
	margin: 0 1rem 0 0;
	list-style: none;
	padding: 0;
}

.fblock-content {
	background-color: rgba(44,57,95,0.4);
}

ul.related li a { font-weight: bold; }


.blocks-states {
	margin-bottom: 3rem; 
}

ul.twocol {
	column-count: 2;
}

/* Callouts  ________________________________________________________ */

.callout.grey {
	background-color: #EEE;
}


/* Tagging  ________________________________________________________ */

.related .cell {  }
.related .border-top-orange { border-top: solid 3px var(--orange);  margin-bottom: 1.5rem;  display: block;  }

.related h2, .related h3 { color: var(--orange); }

.related ul.horizontal a {
	text-decoration: underline;
}

/* Authors  ________________________________________________________ */

.author-preview__avatarInner img { border: solid 3px var(--orange);  border-radius: 50%;  }


/* Forms  ________________________________________________________ */

main .gform_wrapper input, main .gform_wrapper select, main .gform_wrapper textarea, 
main .gform_wrapper input:active, main .gform_wrapper select:active, main .gform_wrapper textarea:active {
	border: solid 1px var(--blue);
}

[type='file'], [type='checkbox'], [type='radio'] { margin-bottom: 0; }

body .gform_wrapper.gravity-theme #field_submit, body .gform_wrapper.gravity-theme .gform_footer { display: block; }


.callout.benefits {
	background: #EEE;
}
.benefits ul {
	column-count: 2; 
}



/* Contact  ________________________________________________________ */

.author-content { margin-bttom: 1rem; }


/* Paid Memberships Pro  ________________________________________________________ */

select#ExpirationMonth, select#ExpirationYear, input#CVV { max-width: 25%; }



/* Foundation breakpoints  ________________________________________________________ */


/* Small __________________ */

@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium __________________ */

@media only screen and (min-width: 40.063em) { 
	
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large __________________ */

@media only screen and (min-width: 64.063em) { 

	
	
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* X Large __________________ */

@media only screen and (min-width: 90.063em) { 
	

	
	
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XX Large __________________ */

@media only screen and (min-width: 120.063em) { 
	
} /* min-width 1921px, xxlarge screens */