﻿/*
    APRN main colors: 
    - Orange: #f26633
    - Green: #72b342
*/
html 
{
    position: relative;
    min-height: 100%;
}
body 
{
    color: #200000;
    margin-bottom: 28.275rem;
}
body, .fa-phone a, .fa-fax a, .fa-envelope a 
{
    font-family: 'Roboto', sans-serif;
}
header
{
    height: 96px;
}
.navbar, .bg-light
{
    background-color: #fff !important;
}
.navbar-brand
{
    padding: 0;
}
.navbar-brand img
{
    max-height: 80px;
    width: auto;
}
.navbar-collapse  ul.navbar-nav
{
    margin-right: 0;
}
.navbar-light .navbar-nav a.nav-link
, .navbar-light .navbar-nav a.nav-link:link
, .dropdown-item
, .dropdown-menu.show a
{
    color: #f26633; /* orange */
}
.navbar-nav a.nav-link, .navbar-nav a.nav-link:link
, .dropdown-item
{
    text-transform: uppercase;
    font-weight: bold;
}
.navbar-light .navbar-nav .active a.nav-link
, .navbar-light .navbar-nav a.nav-link:focus
, .navbar-light .navbar-nav a.nav-link:hover 
, .navbar-light .navbar-nav .show>.nav-link
{
    color: #72b342; /* green */
    cursor: pointer;
}
.dropdown-item:focus, .dropdown-item:hover
, .dropdown-menu.show a:focus, .dropdown-menu.show a:hover
, .dropdown-menu.show input:focus, .dropdown-menu.show input:hover
{
    color: #fff;
    background-color: #72b342; /* green */
}
.footer 
{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #72b342; /* green */
    color: #fff;
    padding-top: 25px;
    height: 28.275rem;
}
.footer h3
{
    font-size: 1.135rem;
}
#sub-footer 
{
    padding: 30px 0 15px 0;
    margin-top: 23px;
    border-top: 1px solid #ddd;
    background-color: #f7f7f7;
}
a, a:link, a:not([href]):not([tabindex])
, #sub-footer, #sub-footer a
{
    color: #008294;
    cursor: pointer;
}
a:focus, a:hover
, a:not([href]):not([tabindex]):focus
, a:not([href]):not([tabindex]):hover 
{
    color: #949aa1;
}
.footer a
{
    color: #fff;
}
.fa-phone:before, .fa-fax:before, .fa-envelope:before
{
    width: 25px;
    display: inline-block;
}
.fa-phone, .fa-fax, .fa-envelope
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-family: "Font Awesome 5 Free";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#disclaimer-links 
{
    text-align: center;
}
.footer ul#footer-links, .footer ul#disclaimer-links
{
    padding-left: 0;
}
#disclaimer-links li, .footer ul#footer-links li
{
    list-style-type: none;
}
.footer > .container .row > div
{
    padding-top: 25px;
}
section#banner
{
    background-color: #72b342; /* 29bdbe */
    color: #fff;
    padding: 0.5rem 0;
}
section#banner h1
{
    margin: 0;    
}
section#home-banner img
{
    width: 100%;
    height: auto;
}
.breadcrumb
{
    background-color: transparent;
    border: none;
    padding: 0;
    color: #fff;
    margin-bottom: 0;
    line-height: 34px;
}
.breadcrumb-item+.breadcrumb-item
{
    padding-left: 0;
}
.breadcrumb-item+.breadcrumb-item::before
, .breadcrumb a, .breadcrumb a:link
, .breadcrumb-item.active
{
    color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before
{
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0 0.5rem;
}
.breadcrumb a, .breadcrumb a:link
{
    text-decoration: none;
    font-weight: bold;
}
.breadcrumb a:focus, .breadcrumb a:hover
{
    text-decoration: none;
}
h1
{
    font-size: 1.8rem;
}
h2
{
    font-size: 1.5rem;
}
h3
{
    font-size: 1.2rem;
}
h4
{
    font-size: 1.2rem;
}
section#content
{
    padding: 2rem 0;
}
section#content h2, section#latest-news h2
{
    margin-bottom: 1.5rem;
    color: #f26633;
}
section#content img
{
    max-width: 100%;
    height: auto !important;
}
section#content.home h2, #latest-news h2
{
    font-size: 2rem;
}




nav.sidebar
{
    margin-bottom: 3rem;
}
#content nav.sidebar h3
{
    font-size: 1.5rem;
    border-bottom: 3px solid #72b342;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    padding-top: 0;
}
.contact nav.sidebar h3:last-of-type
{
    border-bottom: none;
    font-size: 1.2rem;
    margin-bottom: 0;
}
nav.sidebar ul
{
    padding-left: 0;
}
nav.sidebar li
{
    list-style-type: none;
    padding-bottom: 0.5rem;
}
nav.sidebar li.active
{
    font-weight: bold;
}
nav.sidebar li.active a, nav.sidebar li.active a:link
{
    text-decoration: underline;
}
nav.sidebar li.active a:focus, nav.sidebar li.active a:hover
{
    text-decoration: none;
}
.profile-large, .profile-small
{
    margin-bottom: 2rem;
}
.profile-large > div, .profile-small > div
{
    padding: 1rem;
    background-color: #f2f2f2;
    height: 100%;
    border-bottom: 3px solid #f26633;
    box-shadow: 0px 15px 45px -9px rgba(0,0,0,0.20);
    transition: all ease 0.5s;
}
.profile-large:focus > div, .profile-small:hover > div
{
    box-shadow: none;
}
.profile-small > div
{
    padding: 1rem 0.5rem;
}
.profiles img
{
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    padding-right: 1rem;
}

.profiles .profile-large .read-more, .partner .read-more, .grid-item-content .read-more
, #latest-news .read-more
{
    margin-top: 1rem;
    text-align: right;
}
.profiles .read-more a, .partner .read-more a, .grid-item-content .read-more a, .read-more span
{
    width: 2rem;
    height: 2rem;
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
}
.profiles .read-more a:focus, .profiles .read-more a:hover
, .partner .read-more:focus, .partner .read-more:hover
, .grid-item-content .read-more a:focus, .grid-item-content .read-more a:hover
, .read-more span:focus, .read-more span:hover
{
    text-decoration: none;
}
.profiles .read-more a:before, .partner .read-more a:before, .grid-item-content .read-more a:before
, .read-more span:before, #latest-news .read-more a:before
{
    content: "\f054";
    font: normal normal normal 1.5rem/1 FontAwesome;
    font-family: "Font Awesome 5 Free";
    line-height: 2rem;
    color: #f26633;
    font-weight: 900;
}
.profile-small .profile-photo
{
    display: inline-block;
    width: 6rem;
    vertical-align: top;
}
.profiles .profile-small .details
{
    display: inline-block;
    width: 14rem;
    text-align: left;
    padding-left: 0.5rem;
}
.profiles .profile-small .read-more
{
    display: inline-block;
    text-align: center;
    width: 2em;
    vertical-align: top;
}
.profiles .profile-small h3, .partner .logo, .partner .details h3
{
    font-size: 1.25rem;
}
.profile-bio
{
    padding-bottom: 1rem;
    white-space: pre-line;
}
.contactus label
{
    display: none;
}
.contactus label + div
{
    margin-bottom: 1rem;
}
.contactus input[type="text"], .contactus textarea
{
    background-color: #f3f4f4;
    border: 0;
    display: block;
    width: 100%;
    font-size: 12pt;
    padding-left: 10px;
}
.contactus .field-validation-error
{
    color: #f00;
}
.contactus input
{
    height: 40px;
}
.contactus textarea
{
    height: 200px;
}
.partner
{
    background-color: #f3f4f4;
    padding: 1rem;
    margin-bottom: 2rem;
    border-left: 3px solid #f26633;
    box-shadow: 0px 15px 45px -9px rgba(0,0,0,0.20);
    transition: all ease 0.5s;
}
.partner:focus, .partner:hover
{
    box-shadow: none;
}
.partner .details
{
    display: inline-block;
}
.partner .logo
{
    vertical-align: top;
    text-align: left;
    margin-bottom: 1rem;
}
.partner .read-more
{
    margin-top: 0;
    display: block;
    width: inherit;
}
#partners-rotator
{
    background-color: #646b74;
    color: #fff;
    padding: 2rem 0;
}
#partners-rotator h2, #partners-rotator a
{
    text-align: center;
}
#partners-rotator a
{
    display: inline-block;
}
#partners-rotator .item
{
    display: inline-block;
    width: 160px;
    height: 160px;
    padding: 5px;
    margin-right: 30px;
}
#partners-rotator .item img
{
    max-width: 150px;
    max-height: 150px;
    vertical-align: middle;
    margin: auto;
}
.cycle-slideshow
{
    width: 100% !important;
    background-color: #fff;
}
.carousel-caption
{
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 120px;
    background: rgba(0, 0, 0, 0.3);
    padding: 0;
}
.carousel-caption div
{
    position: relative;
    transition: all ease 1.5s;
    opacity: 0;
}
.carousel-item.active .carousel-caption div
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}
.carousel-caption h3
{
    text-transform: uppercase;
    font-size: 2rem;
}
.carousel-caption p
{
    font-size: 2rem;
    transition: all ease 0.5s;
}
.carousel-caption a
{
    color: #fff;
}
.carousel-item
{
    background-color: #f2f2f2;
}
.carousel-item, .carousel-item img
{
    max-height: 180px;
    height: 180px;
}
.carousel-item .d-block
{
    margin: auto;  
}
.carousel-control-next-icon, .carousel-control-prev-icon
{
    width: 30px;
    height: 30px;
}
.carousel-fade .carousel-inner .carousel-item 
{
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active 
{
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right 
{
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right 
{
    opacity: 1;
}
.carousel-fade .carousel-control 
{
    z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) 
{
    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right 
    {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left 
    {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active 
    {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.newsevent .container-fluid, .newsevent .container-fluid .grid-item
{
    padding-left: 0;
}
.grid-item
{
    margin-bottom: 3rem;
}
.grid-item-content div.details
{
    border: 1px solid #f2f2f2;
    padding: 1rem;
    box-shadow: 0px 15px 45px -9px rgba(0,0,0,0.20);
    transition: all ease 0.5s;
}
.grid-item-content:focus div.details, .grid-item-content:hover div.details
{
    box-shadow: none;
}
.grid-item-content h2
{
    font-size: 1.5rem;
}
.grid-item .date
{
    color: #00457c;
    padding-bottom: 1rem;
    display: block;
}
.sidebar-newsevent
{
    margin-top: 5rem;
}
.news-item .d-block
{
    margin-bottom: 2rem;
}
.news-item .author
{
    margin-bottom: 1.5rem;
    font-style: italic;
}
.news-item dl
{
    padding: 1rem;
    background-color: #f2f2f2;
    border-bottom: 3px solid #29bdbe;
}
.toplink.active 
{
	bottom: 15px;
    background-color: #29bdbe;
}
.toplink:focus, .toplink:hover 
{
	background-color: #00457c;
    color: #fff;
}
.toplink 
{
    background-color: #29bdbe;
	border-radius: 50%;
	position: fixed;
	bottom: -62px;
	display: block;
	right: 15px;
	text-align: center;
	transition: background-color 0.3s ease 0s, bottom 0.3s ease 0s;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
    font-size: 20pt;
    padding: 10px;
    width: 50px;
    height: 50px;
}
.toplink i
{
    vertical-align: top;
}
.cta
{
    margin-bottom: 4rem;
}
.cta-item
{
    margin: 2rem 0 0 0;    
}
.cta-item a > div
{
    padding: 1rem;
    box-shadow: 0px 15px 45px -9px rgba(0,0,0,0.20);
    transition: all ease 0.5s;
    color: #200000;
}
.cta-item a > div:focus, .cta-item a > div:hover
{
    box-shadow: none;
    cursor: pointer;
    opacity: 1;
}
.cta-item h3
{
    font-size: 1.5rem;
    text-align: center;
    padding: 0.5rem 0 1rem 0;
}
.cta a:focus, .cta a:hover
{
    text-decoration: none;
}
.cta > div:first-child a > div
{
    background: rgba(41, 189, 190, 0.6);
}
.cta > div:first-child a > div:hover
{
    background-color: #29bdbe;
}
.cta > div:nth-child(2) a > div
{
    background: rgba(202, 219, 42, 0.6);
}
.cta > div:nth-child(2) a > div:hover
{
    background-color: #cadb2a;
}
.cta > div:last-child a > div
{
    background: rgba(245, 130, 32, 0.6);
}
.cta > div:last-child a > div:hover
{
    background-color: #f58220;
}
.cta .cta-item > a > div
{
    height: 100%;
}
.cta .cta-item .read-more
{
    text-align: right;
}
section#promo
{
    background: #fff;
    padding: 2rem;
}
section#promo h2
{
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
section#promo .btn-primary
{
    background-color: #f04e4d;
    border-color: #f04e4d;
    border-radius: 0;
    transition: all ease 0.5s;
    margin: auto 0 auto auto;
    vertical-align: middle;
    padding-left: 3rem;
    padding-right: 3rem;
}
section#promo .btn-primary:focus, section#promo .btn-primary:hover
{
    background-color: rgba(240, 78, 77, 0.6);    
    border-color: rgba(240, 78, 77, 0.6);    
}
section#promo .promo-button
{
    display: inherit;
}
.contourIndicator 
{
    color: #f00;
}
input[type="text"], textarea, input[type="email"], select, input[type="password"] {
    background-color: #f3f4f4;
    border: 0;
    display: block;
    width: 100%;
    font-size: 12pt;
    padding-left: 10px;
}

.field-validation-error {
    color: #f00;
}

input, select {
    height: 40px;
    margin-bottom: 1rem;
}

textarea {
    height: 200px;
    margin-bottom: 1rem;
}

input[type="checkbox"]
{
    height: 15px;
    margin-bottom: 0;
    margin-right: 5px;
}

.checkbox
{
    margin-bottom: 1rem;
}

.form-text
{
    font-style: italic;
}
.contourField
{
    padding-bottom: 2rem;
}
.contact-submit .btn
{
    margin-top: 2.4rem;
}
/* New style */
table
{
    margin-bottom: 1rem;
    background-color: transparent;
    width: 100%;
    border-collapse: collapse;
}
table th
{
    vertical-align: middle;
    padding: 0.75rem;
    font-weight: bold;
    color: #fff;
    background-color: #f26633;
    text-align: center;
}
table td
{
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.button, .contact-submit .btn 
{
    color: #fff;
    background-color: #f26633;
    padding: 1rem 2rem;
    font-weight: bold;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
}
a.button, a.button:link, a.button:focus, a.button:hover
{
    color: #fff;
    text-decoration: none;
}
a.button:focus, a.button:hover
{
    background-color: #72b342;
}
.accordion .card:first-of-type.single
{
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion
{
    padding-bottom: 2rem;
}
.accordion .card-header
{
    background-color: #f26633;
    font-weight: bold;
}
.accordion .card-header h5 .btn-link
{
    color: #fff;
}
.accordion .card-header h5 .btn-link:focus, .accordion .card-header h5 .btn-link:hover
{
    text-decoration: none;
}
#content h3
{
    padding-top: 1rem;
    color: #72b342;
}
.grid-section .col-md-6 > div
{
    background-color: #e5f7fb;
    margin-top: 0.5rem;
}
.grid-section .col-md-6 > div, #latest-news .col-md-4 > div
{
    height: 100%;
    padding: 1rem 2rem 0 2rem;
}
.grid-section .row .col-md-6:nth-child(2) > div
{
    margin-top: 1rem;
}
#latest-news .col-md-4 > div
{
    padding: 1rem 2rem;
    background-color: #f2f2f2;
    border-bottom: 3px solid #f26633;
    box-shadow: 0px 15px 45px -9px rgba(0,0,0,0.20);
    transition: all ease 0.5s;
    display: inline-grid;
    width: 100%;
}
#latest-news .col-md-4:focus > div
{
    box-shadow: none;
}
#latest-news
{
    margin-top: 2rem;
    padding-bottom: 2rem;
}
#latest-news h2
{
    text-align: center;
}
#latest-news .read-more
{
    align-self: flex-end;
}
.login-register
{
    text-align: center;
    margin-top: 2rem;
}
.dropdown-menu input[type="submit"]
{
    border: 0;
    color: #f26633;
    text-transform: uppercase;
    height: 30px;
    margin-bottom: 0;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
}
.flowchart
{
    border: 2px solid #000;
    border-radius: 10px;
    padding: 0.5rem;
    max-width: 37rem;
    margin: auto;
}
.flowchart-desc
{
    font-size: 0.85rem;
    margin: auto;
    display: block;
}
.flowchart.text-center .modal-body, .flowchart.text-center .flowchart-desc li
{
    text-align: left;
}
.flowchart button.btn-outline-dark
{
    font-size: 0.9rem;
}
body.flowcharts section#content .container
{
    max-width: 100%;
}
body.flowcharts section#content .container h2:first-child
{
    text-align: center;
}
.text-right .arrow-margin
{
    margin-right: 10rem;
}
.text-left .arrow-margin
{
    margin-left: 10rem;
}
/* 
 *  UNUSED 

.newsletter 
{
    margin-top: 20px;
}
.newsletter input[type="email"]
{
    color: #2b3939;
    height: 40px;
    width: 230px;
    padding-left: 10px;
    border: 0;
    float: left;
}
.newsletter button
{
    background-color: #29bdbe;
    color: #fff;
    border-radius: 0;
    padding: 0;
    line-height: 38px;
    font-weight: bold;
    float: left;
    width: 100px;
    cursor: pointer;
}
.newsletter input[type="email"], .newsletter button, .social
{
    margin-bottom: 2rem;
}
.social
{
    clear: both;
}
.social ul
{
    padding: 0;
}
.social ul li
{
    list-style-type: none;   
    width: 40px;
    height: 40px; 
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}
.social ul li a
{
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.social ul li.facebook
{
    background-color: #1f66a9;
}
.social ul li.twitter
{
    background-color: #2fadda;
}
.social ul li.youtube
{
    background-color: #b7101c;
}
.social ul li.instagram
{
    background-color: #f39933;
}
.social ul li.pinterest
{
    background-color: #c92228;
}
.social ul li.linkedin
{
    background-color: #0e3167;
}
.social ul li:hover
{
    background-color: #30363e;
}
*/

/*section#content .container-fluid, section#content .container-fluid > .row .col-md-12
{
    padding: 0;
}
section#content .container-fluid > .row
{
    margin: 0;
}*/