/* custom hamburger menu color override for BS4 - https://www.codeply.com/go/4FdZGlPMNV */
.custom-toggler.navbar-toggler {
    border-color: rgb(21,190,240);/* APA Cyan color */
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(21,190,240, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* styles merged from other file */

/* APA SLIM HEADER CSS */
@font-face{ 
	font-family: 'QuatroSlab';
	src: url('https://www.apa.org/webfonts/quatroslab_regular.eot');
	src: url('https://www.apa.org/webfonts/quatroslab_regular.eot?#iefix') format('embedded-opentype'),
	     url('https://www.apa.org/webfonts/quatroslab_regular.woff2') format('woff2'),
	     url('https://www.apa.org/webfonts/quatroslab_regular.woff') format('woff'),
	     url('https://www.apa.org/webfonts/quatroslab_regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322316_0_0.eot');
	src: url('https://www.apa.org/webfonts/322316_0_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_0_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_0_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_0_0.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322316_1_0.eot');
	src: url('https://www.apa.org/webfonts/322316_1_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_1_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_1_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_1_0.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322316_2_0.eot');
	src: url('https://www.apa.org/webfonts/322316_2_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_2_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_2_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_2_0.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322316_3_0.eot');
	src: url('https://www.apa.org/webfonts/322316_3_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_3_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_3_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_3_0.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322316_4_0.eot');
	src: url('https://www.apa.org/webfonts/322316_4_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_4_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_4_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_4_0.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322316_5_0.eot');
	src: url('https://www.apa.org/webfonts/322316_5_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_5_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_5_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_5_0.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322316_6_0.eot');
	src: url('https://www.apa.org/webfonts/322316_6_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_6_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_6_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_6_0.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322316_7_0.eot');
	src: url('https://www.apa.org/webfonts/322316_7_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_7_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_7_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_7_0.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322DC4_3_0.eot');
	src: url('https://www.apa.org/webfonts/322DC4_3_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322DC4_3_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322DC4_3_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322DC4_3_0.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('https://www.apa.org/webfonts/322DC4_5_0.eot');
	src: url('https://www.apa.org/webfonts/322DC4_5_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322DC4_5_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322DC4_5_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322DC4_5_0.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'ProximaNovaCond';
	src: url('https://www.apa.org/webfonts/322316_8_0.eot');
	src: url('https://www.apa.org/webfonts/322316_8_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_8_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_8_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_8_0.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNovaCond';
	src: url('https://www.apa.org/webfonts/322316_9_0.eot');
	src: url('https://www.apa.org/webfonts/322316_9_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_9_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_9_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_9_0.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
} 
@font-face {
	font-family: 'ProximaNovaCond';
	src: url('https://www.apa.org/webfonts/322316_A_0.eot');
	src: url('https://www.apa.org/webfonts/322316_A_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_A_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_A_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_A_0.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'ProximaNovaCond';
	src: url('https://www.apa.org/webfonts/322316_B_0.eot');
	src: url('https://www.apa.org/webfonts/322316_B_0.eot?#iefix') format('embedded-opentype'),
		 url('https://www.apa.org/webfonts/322316_B_0.woff2') format('woff2'),
		 url('https://www.apa.org/webfonts/322316_B_0.woff') format('woff'),
		 url('https://www.apa.org/webfonts/322316_B_0.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
/* header-specific CSS from common.css */
header a , footer a, nav.topnav a {text-decoration:none; color:#005499;}
header a:hover, header a:focus, header a:active, footer a:hover, footer a:focus, footer a:active, nav.topnav a:hover, nav.topnav a:focus, nav.topnav a:active  {text-decoration:underline;outline: 0;}
/* Page Header */
header {font-size:75%; font-family: Arial, Helvetica, Sans-serif; line-height:1.3em; letter-spacing:normal; word-spacing:normal; position:relative;border-bottom:1px solid #fff; overflow:visible; width:100%;padding:0;z-index:110;margin:0 auto;}
header .header_top {height:30px; background-color: #F1F1F1; width:100%; padding:0;}
header .container{max-width:1200px;margin:0 auto;}
header .header_top #navigation { position: relative; text-align:center; background-color: #F1F1F1; margin: 0 auto 0 auto; overflow: visible; } 
header .header_top #navigation li {position: relative; list-style: none; padding: 9px 0px 0px 0px;} 
header .header_top #navigation li a {padding: 5px 8px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; background:url("../Content/Images/divider.png") no-repeat 0px 55%;} 
header .header_top #navigation li.first a {background:none;}
header .header_top #navigation li#HeaderLoginLink a {padding-right: 0px;}
header .header_top #navigation li#HeaderLogoutLink a {background:none; padding-left: 0px; padding-right: 0px;}
header .header_top #navigation li#HeaderCart a {margin-left:8px; padding: 0 25px 0 8px; display:block;}
header .header_top #navigation li#HeaderCart a  img {vertical-align: middle; padding:0; margin-right: 5px; width:13px; height:auto;}
header .header_top .header_left {float:left;}
header .header_top .header_left img {width:245px; margin:3px 10px 0;} 
header .header_utils {float:right;position:relative;z-index:110;clear:right;height:30px;}
header .header_utils ul{float:left;list-style-type:none; margin: 5px 10px 0 0px;display:block;overflow:hidden;clear:none;}
header .header_utils ul li{float:left; padding-left:5px;font-size:0.95em}
header .header_filler {width: 20px; background-color: #FFF; width: 100%;}
.btnAction {font-size:14px; padding:8px 15px; border:none; font-weight:400; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0; text-align:center; text-decoration: none; text-transform: uppercase; background: #005499;letter-spacing:.5px; line-height:1em;font-family:"ProximaNova", Helvetica, Arial, sans-serif;color:#FFF;transition: background-color 0.2s ease-out,color 0.2s ease-out;}
.btnAction:hover, .btnAction:focus {background: #046fb7; text-decoration:none;}
.btnAction a {margin:0;font-weight:normal; display:inline-block;color:#FFF; text-decoration:none;}
.btnAction a:hover {text-decoration:none;}
.btnAction.join {float:right; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border-top-left-radius:0; border-top-right-radius:0;-moz-box-sizing:border-box; box-sizing:border-box;}
header.slim .header_top .btnAction.join {display:none;}
header .banner {background:#FFFFFF; padding-top:10px; padding-bottom:8px; width:100%; overflow:hidden;} /*SK Edit - padding was off*/
header .banner img {margin:5px 0 8px 14px;}
header .banner img.apaLogo {width:155px;}
header .banner .headLogo {float:left;}
header .banner .headLogo img.large {max-width:430px; height:auto;}
header .banner .headLogo img.small, header .banner .headLogo img.medium{display:none;}
header .banner .headButton {float:right;display:none;margin:0;padding:0;height:56px;}
header .banner .headButton img{width:65px;margin:0 0 0 -2px;padding:0;cursor:pointer;}
header .search {float:right; width:auto; margin-top:10px; clear:none;}
header .search form {float:right;width:auto;}
header .search form .inputsearch  {float:right; width:420px;}
header .search form .searchbox {float:right;background-color:#DDD;cursor:pointer;height:23px;padding:1px 6px 0px 5px;width:200px;margin-right:3px;}
header .search form input.icon{margin:4px 0; width:14px;float:right;}
header .search form input.box {width:170px; height:18px; font-size:13px; color:#333; background-color:#DDD;border:none;margin:2px;float:left;}
header .search form select {padding:3px; color:#333; font-size:12px; border-radius:0; height: 25px;border:1px solid #666;float:right;background-color:#fff;}
header .search form #query::-webkit-input-placeholder{font-size:11px;} 
header .search form #query::-moz-placeholder {font-size:11px;}
header .search form #query:-ms-input-placeholder {font-size:11px;}
header.slim .banner {border-bottom: 2px solid #555;}
/* declaring font-family */
header{font-family:"ProximaNova", Helvetica, Arial, sans-serif; line-height:1.375em; letter-spacing:normal; word-spacing:normal;}
/* responsive thin header styles from common.css */
@media screen and (max-width: 995px){
	header {width:auto;border:0;margin:0;clear:both;}	
	header .header_top .header_left {display:none;}
	header .banner  .headButton {display:block;}
	header .banner {margin-top:0; overflow:visible; height:57px; border-bottom: 2px solid #555;}
	header .banner .headLogo img {margin:2px 0 0 20px;max-height:55px;}
}
@media screen and (min-width: 768px) and (max-width: 995px) {
	header .banner .headLogo img.large{margin-top:12px;}
}
@media screen and (max-width: 767px){
	header .header_top #navigation li a {background:none;}
	header .header_top #navigation li#HeaderLoginLink a {padding-left:16px; background:url("https://www.apa.org/Content/Images/login-blue.png") no-repeat 0 50%; background-size:12px 11px;}
	header #HeaderHomeLink, header #HeaderHelpLink, header #HeaderOtherLink {display:none;}
	header .banner .headLogo img.large{max-width:320px; height:auto; margin:17px 0 0 10px;}
}
@media screen and (max-width: 480px){
	header .banner .headLogo img.small{display:block; max-height:40px;margin:2px 0 0 10px;padding-top:8px;}
	header .banner .headLogo img.large{display:none;}
}

/* ****************************** */
/* CSS on the application side to hide specific links from the common_include "thin" header */
#HeaderHomeLink{display:none;}
#HeaderOtherLink{display:none;}
#HeaderCart{display:none;}
/* to hide the vertical dividers in the .header_utils, since only 1 link remains */
header .header_top #navigation li a{background:none;}
/* an override from common.css to keep the "Help" link displaying at this media query */
@media screen and (max-width: 767px){
  #HeaderHelpLink{display:block !important;}
}

/* FOOTER */

footer {
    border-top:1px solid #ccc;
    background-color: #FFF;
    width: 100%;
    flex-shrink: 0;
}

body{display: flex;height: 100vh;flex-direction: column;}
#backgroundContainer{flex: 1 0 auto;}

footer p {
    margin-bottom:0;
}

form {
    padding: 0;
}

.intro-card-text {
  font-size: 18px; /* Should the default font size be 18px */
  line-height: 29px;
}

.form-group {
    margin-bottom: 1.5rem;
}

.card-spacing-xl {
  padding: 40px;
}

.card-spacing-header-xl {
	padding-left: 40px;
	padding-right: 40px;
}

.card-header h2 {
	font-size: 21px;
}

/* Learn more script */
#info + .readmore-js-toggle { padding-bottom: 1.5em; border-bottom: 1px solid #999; font-weight: bold;}
#demo { padding: 0 10%; }
[data-readmore-toggle] {
  font-size: 18px;
  padding: 10px 0px;
  text-decoration: underline;
}

[data-readmore-toggle]:hover {
  text-decoration: none;
}

/* Group Comment Field */

div#show-groupCommentField {
  display: none;
}