/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import url('css2.css'); 



/* Logo size for centered navigation */
.tm-navbar-center [class*='tm-logo'] { transform: scale(1.2); }


body{
    background: transparent;
}

.uk-text-secondary {
    color: #002d74 !important;
}

html {
    font-family: 'Montserrat', serif;
}

h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 {
    margin: 0 0 25px 0;
    font-family: 'Montserrat', serif;
    font-weight: 600;
    text-transform: none;
}

a {
    font-family: 'Montserrat', serif;    
}

.testimonials > div > div > ul > li >  div > div > div {
    color: rgba(255,255,255,1) !important;
}

.testimonials > div > ul {
    height: 300px !important;
}

@media only screen and (max-width: 600px) {
    .testimonials > div > ul {
        height: 500px !important;
    }
}

.gdg-button-primary{
    background-color: #669e47 !important;
}

.testimonials > div > ul > li {
    height: 100% !important;
}
/*
.testimonials-position {
    background-image: url(images/Testimonials/testimonial-bg.jpg);
}*/

.positionSizeZero {
    padding-bottom: 0 !important;
    height: 0 !important;
}

.membershipGrid > div > div > div > div{
    padding: 12% 0;
}

ul.threeColumnList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

ul.twoColumnList {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.uk-button {
    border-radius: 5px;
    font-family: 'Montserrat', serif;
}

:not(.testimonials):not(.did-you-know) > div > .uk-slideshow > li > img{
	height: 550px !important;
}

.testimonials > div > .uk-slideshow > li > div {
    background-size: contain;
    background-repeat: repeat;
}

/* -- Nav -- */

.tm-navbar .uk-float-left {
    font-weight: 500;
}

.uk-navbar-nav > li > a {
    font-family: 'Montserrat', serif;
    text-transform:none;
    font-weight:400;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    color: #086ec4;
    font-size: 18px;    
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-active > a  {
  color: #002D74;
}

.uk-navbar-nav > li > a.uk-button {
    /* color:#fff !important;  */
    color: #fff;
    padding: 0 16px;
}

.uk-navbar-nav > li > a.uk-button:hover,
.uk-navbar-nav > li > a.uk-button:focus {
  background-color: #41851C;
  color: #ffffff;
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
}

.uk-navbar-nav > li.uk-active > a.uk-button {
  background-color: #41851C;
  color: #ffffff;
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
}

/*div.tm-navbar.uk-active .tm-search {
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 981;
    border-radius: 0 0 0 0;
    background: #fff;
}*/

.tm-search {
    position: fixed;
    top: 75px;
    right: 0;
    z-index: 981;
    border-radius: 0 0 0 0;
    background: #fff;
}

.nav a {
    font-family: 'Montserrat', serif !important;    
}

/* ---- */

.footer-quick-links {
    padding-left:20px;
    padding-right:20px;
}

@media only screen and (max-width: 600px) {
    .footer-quick-links {
        visibility: hidden;
        height: 0px;
    }
}

@media only screen and (max-width: 1220px) {
    .uk-visible-large {
        display: none;
    }
}

.footer-subscribe input {
    width: 100%;
    background-color: rgba(255,255,255,0.6) !important;
}

#contactForm > h2, #subscribeForm > h2 {
    font-size: 24px;
    line-height: 28px;
}

#quickLinks >li > a {
    padding: unset !important;
    color: white !important;
}

#quickLinks >li > a:hover {
    color: #086ec4 !important;
}


.quickLinks > h3::after {
    border: 0px !important;
}

.quickLinks > h3 {
    padding-bottom: unset !important;
}

.getInTouch > div > p {
    margin: unset !important;
    color: white;
}

.getInTouch > div > div {
    margin-bottom: 25px;
    padding-right: 30%;
}

#tm-bottom-e > div:nth-child(1) {
    max-width: 1700px;
    padding-left: 7% !important;
}

#contactForm > fieldset > div > div > div {
    padding-left: unset !important;
}

#contactForm > h2 {
    margin-bottom: unset !important;
}

#contactForm > fieldset > div > div > .uk-form-row {
    margin-top: unset !important;
}

#contactForm > fieldset > div  {
    margin: unset !important;
}

#contactForm > fieldset > div > div {
    padding-left: 10px !important;
    padding-right: unset !important;
}

#contactForm > fieldset > div > div > div > div > input, #contactForm > fieldset > div > div >div > div > textarea {
    width: 100%;
    background-color: rgba(255,255,255,0.6) !important;
}

#contactForm > fieldset > div > div >div > label {
    color: white;
}

.footer-contact-us {
    padding-left:20px;
    padding-right:20px;
}

.tm-bottom-e > div:nth-child(2) {
    padding-left: unset !important;
}

/* ---------- */

.dark-blue {
    background-color:#002D74;
    color:white;
    padding: 0px !important;
    border: none !important;
}
.light-blue{
    background-color: #f2f9ff;
}
.light-blue2{
    background-color: #BEE1FF;
    color: #000000;
}

.light-green{
    background-color:#B8E39F76;
    padding: 2%;
}

.set-svg {
    height: 40px;
}

/*.designGuideTags > div > div > figure > div.uk-overlay-background {
    background: rgba(0, 0, 0, 0.5) !important;
}*/

/*.designGuideStack > div > .uk-panel{
    display: flex;
    height: 100%;
    align-items: center;
}

.designGuideGrid > div > div >  h3, .homeDesignGuide > h3 {
    color: white !important;
    text-align: center;
}*/

.design-guide-stack div.uk-panel > div.uk-margin {
    font-size: 28px;
    line-height: 32px;  
}

.programsGrid > div > div > div > img {
    height: 300px;
    width: 346.65px;
    object-fit: cover;
}

.programsGrid > div > div > p > a {
    background: #0C295D;
    display: inherit;
}

.homeDesignGuide > div > p{
    font-size: 24px;
}

.homeDesignGuide > h3 {
    font-size: 2em;
}

.apr-white-home-main-slideshow-overlay {
    position:relative;
    bottom: 25%;
}


	
/** Equal height logos in weAreAPR slider */
.weAreAPR .uk-slideset.uk-grid {
    align-items: center;
    height: 150px !important;
    margin-bottom: 40px;
    margin-top: -10px;
}
.weAreAPR .uk-slideset.uk-grid img {
    max-height: 120px !important;
    width: auto;
}
.weAreAPR .uk-slideset.uk-grid li {
    text-align:center !important;
}
/** Banner Height **/
.aprslideshow ul,
.aprslideshow ul li {
    max-height: 300px !important;
}
/* PET Banner */
.petslideshow ul, .petslideshow ul li {
    max-height: 300px;
}
/** Search + Search Results **/
#finder-search {
    border: 1px solid #ccc;
    padding: 30px;
    margin-top: -30px;
    margin-bottom: 40px;
}
#search-results h1,
#search-results h1.tm-article-title.uk-article-title { 
    font-size: 34px;
    line-height: 38px; 
}
	
#search-form .btn {
    padding-top: 3px;
    padding-bottom: 3px;
}
div#advancedSearch.in {
    overflow: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.eb-mod.mod-apr-upcomingevents.apr-upcomingevents-default {
    margin-bottom: 40px;
}

.eb-mod.mod-apr-upcomingevents.apr-upcomingevents-default .apr-upcomingevents-tile-wrap {
    border: 1px solid #eee;
    height: 100%;
    position: relative;
}

.eb-mod.mod-apr-upcomingevents.apr-upcomingevents-default .eb-gallery-box {
	margin-bottom: 40px;
}

.eb-mod.mod-apr-upcomingevents.apr-upcomingevents-default .apr-upcomingevents-gallery-body {
    padding: 0 15px 70px;
}

.eb-mod.mod-apr-upcomingevents.apr-upcomingevents-default .eb-gallery-more {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0px;
}

.eb-mod.mod-apr-upcomingevents.apr-upcomingevents-default .uk-button {
	margin-top: 10px;
}

.aprevents-more-buttons .uk-button {
	margin: 10px;
}


span.eb-category-tag {
    display: block;
    color: #41851C;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 3px;
}

.mod-apr-upcomingevents.apr-past-events .eb-gallery-box {
	margin-bottom: 30px;
}

#eb .eb-post-meta a {
	color: #086ec4
}

.eb-shares:before {
    content: "Share this:";
    display: block;
    font-size: 0.9em; 
    margin-bottom: 3px; 
    font-weight: bold;
}

#eb .eb-category-profile h2 {
    font-size: 32px;
}

#eb .eb-category-profile {
    padding: 0;
    background: none;
}

#eb .eb-post-meta,
#eb .eb-post-meta>div {
    line-height: 1.3em !important;
}

#eb .eb-tag-head i.fa {
    margin-right: 15px;
}

#eb .eb-tag-head h2.eb-tag-name {
    font-size: 32px;
    border: none;
}

#eb .eb-tag-head {
    padding: 0;
    background: none;
    border: none;
}

#eb .eb-tag {
    border: none;
    padding: 0;
}

#eb .eb-tag-head .eb-tag-name a span {
    padding: 0;
}

.tm-sidebar-a h3.uk-panel-title {
    font-weight: bold;
}

.apr-tag-menu .eb-mod-item a {
    font-weight: bold;
}

.apr-tag-menu h3.uk-panel-title {
    font-size: 21px;
    margin-bottom: 20px;
}


@media only screen and (max-width: 600px) {
    .apr-white-home-main-slideshow-overlay {
        bottom: 20%;
    }
    .apr-white-home-main-slideshow-overlay > div > .uk-width-medium-3-5 > div > div > h2{
        margin: 10px;
    }
    .apr-white-home-main-slideshow-overlay > div > .uk-width-medium-3-5 > div > div > h4{
        margin-bottom: 15px;
    }
    .apr-white-home-main-slideshow-overlay > div > .uk-width-medium-3-5 > div {
        padding-bottom: 10px;
    }
}

.tm-block-toolbar .tm-toolbar-container {
    display:block !important;   
}
.tm-block-toolbar {
    background: #086ec4 !important;
    color:#fff !important;
}
.uk-icon-button {
    box-sizing: border-box;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    line-height: 32px;
    color: #222222;
    font-size: 15px;
    text-align: center;
    position: relative;
    margin: 1px;
    overflow: visible;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.did-you-know .uk-overlay-background {
    /*background: rgba(102, 158, 71, 0.5);*/
    background: rgba(255,255,255,0.1);
}
.did-you-know-mobile .uk-overlay-background {
    /*background: rgba(102, 158, 71, 0.5);*/
    background: rgba(255,255,255,0.1);
}
.did-you-know h2 {
    font-size: 36px;
    line-height: 60px;
    font-weight:300 !important; 
}
.did-you-know h3 {
    line-height: 40px;
    font-weight:300 !important; 
}
.did-you-know div > ul > li > img {
    height: auto !important;
}

.unsetslideshow div > ul > li > img {
    height: auto !important;
}

.apr-design-guide-parallax {
    background-position-x: 20% !important;
}

.uk-slideshow {
    overflow: visible;
    z-index: unset !important;
}

/**
*
* RSMembership Customizations
*
*/
.apr-subscription-plans .rsmemgrid-card-body .membership-desc {
    display: none;
}

#rsm_terms_container h1 {
    display: none;
}

@media screen and (min-width: 1220px) {
    .apr-white-home-main-slideshow-overlay > div > .apr-desktop-slidenav {
        position: relative !important;
        color: #3FA2F7 !important;
         display: block;
        margin-top: 10%;
    }
}
@media screen and (min-width: 769px) and (max-width: 1219px) {
    .apr-white-home-main-slideshow-overlay > div > .apr-desktop-slidenav {
        position: relative !important;
        color: #3FA2F7 !important;
         display: block;
        margin-top: 10%;
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    .apr-white-home-main-slideshow-overlay > div > .apr-desktop-slidenav {
        position: relative !important;
        color: #3FA2F7 !important;
         display: none;
        margin-top: 10%;
    }
}
@media screen and (max-width: 480px) {
    .apr-white-home-main-slideshow-overlay > div > .apr-desktop-slidenav {
        position: relative !important;
        color: #3FA2F7 !important;
        display: none;
        margin-top: 10%;
    }
}

.apr-white-home-main-slideshow-overlay > div > div > ul.uk-dotnav{
    margin-top: 1%;
}

.aprslideshow > div > ul > li > div > div > div > div {
    color: white !important;
    font-family: 'Montserrat', serif;
}

.apr_gallery > div > div > figure > div:nth-child(3) {
    background-color: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
    padding: 20px;
}

.apr_gallery > div > div > figure > div:nth-child(2) {
    padding: 5px;
}

.apr_gallery > div > div > figure > div > button {
    background-color: #002d74 !important;
    opacity: 1 !important;
}
/*.petslideshow > div > ul > li > div, .aprslideshow > div > ul > li > div {
    height: 55vh;
}*/

/** fix libraries page **/
.libraries .uk-overlay-panel {
    padding: 20px !important;
}
.libraries h3 {
    font-size: 24px !important;
}
.popOver h3 {
    font-size: 24px !important;
}

/** TO REDUCE CLS **/
.aprslideshow .uk-slideshow,
.petslideshow .uk-slideshow,
.aprslideshow, .petslideshow {
  height: 300px;
}

.petslideshow > div > ul > li > div > div > h3 {
    color: #002d74 !important;
    font-family: 'Montserrat', serif;
}
.footer, .footer > div > p > a {
    color: #ffffff !important;
}
.footer, .footer > div > p {
    margin: unset !important;
}

h1, h2, h3, .uk-panel-title, .uk-accordion-title.uk-active {
    /* color: #002d74; */
  color: #444;
}
.tm-block-footer{
    background: #000000;
}

#tm-main{
    border-top-color: white !important;
    /*padding-top: 0px !important;*/
}
#tm-top-b{
    /*padding: 0 !important;*/
}
.aprCustomHeader{
    font-size: 24px;
    line-height: 28px;
}
.popOver > div > div > a.wk-popover-toggle{
    color: #ffffff !important;
    background: #002D74 !important;
}
.popOver > div > div > a.wk-popover-toggle:hover{
    background: #41851C !important;
}
.popOver-mobile {
    visibility: hidden;
    height: 0px;
}
@media only screen and (max-width: 600px) {
    .popOver {
    	visibility: hidden;
    	height: 0px;
    }
    .popOver-mobile {
        visibility: visible;
        height: unset;
    }
}
.rsform-button{
    font-family: 'Montserrat', serif !important;   
}
#Comments{
    background-color: rgba(255, 255, 255, 0.6);
}

.darkBlueButton{
    background-color:#002d74 !important
}

.aprGalleryPanel > figure > div.uk-overlay-bottom > a{
    color: #ffffff !important;
}

.aprGalleryPanel > figure > img {
    min-height: 200px;
}

.parallaxModule{
    color: #ffffff !important;
}

.parallaxContainer{
    padding: 7%;
}

.parallaxContainerMobile{
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 7%;
    padding-top: 50%;
}

.gdg-overview .uk-slidenav {
    color: #002d74 !important;
}

/**
*
* modify customAccordion
*
*/
.customAccordion > h3.uk-accordion-title.uk-active  {
    background-color: #E2F1FF;
    border-top: 1px solid #0075C9;
    border-bottom: 1px solid #0075C9;
}
.customAccordion > h3:hover {
    background-color: #E2F1FF;
    border-top: 1px solid #838383;
}
.customAccordion > h3 {
    border-top: 1px solid #838383;
    margin: 0px;
    padding-left: 25px;
}
.customAccordion > div > div {
    padding: 20px;
}
.customAccordion > h3:before {
    color: #3FA2F7 !important;
    right: unset;
    left: 3px;
    font-size: 18px;
}
.customAccordion > h3:last-of-type {
    border-bottom: 1px solid #838383 !important;
}

/**
*
* modify customSwitcherTop
*
*/

.customSwitcherTop > ul > li::before {
    content: unset;
}

.customSwitcherTop > ul > li:last-child {
    border-right: 1px solid #0075C9 !important;
}

.customSwitcherTop > ul.uk-subnav > li {
    background-color: #EFEFEF;
    padding-left: unset;
    border-bottom: 1px solid #0075C9 !important;
    margin: unset;
    border-left: 1px solid #0075C9 !important;
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: auto;
    float: unset;
}

.customSwitcherTop > ul.uk-subnav > li.uk-active {
    background-color: #B8E39F !important;
}
.customSwitcherTop > ul.uk-subnav-line > :nth-child(n+2)::before {
    margin: unset;
}

.customSwitcherTop > ul.uk-subnav > li > a {
    padding: 5px 20px;
    font-family: 'Montserrat', serif;
    font-weight: 500;
    color: #002D74;
    text-align: center;
}

.customSwitcherTop > ul.uk-subnav > li {
    text-align: center;
}

.customSwitcherTop > ul.uk-subnav {
        margin-left: unset;
        flex-wrap: nowrap;
    }
    
@media only screen and (max-width: 600px) {
    .customSwitcherTop > ul.uk-subnav {
        flex-wrap: wrap;
    }
}
.customSwitcherTop > ul {
    margin: unset !important;
}

.customSwitcherTop > ul:nth-child(2) > li {
    padding: 25px;
    border: 1px solid #0075C9;
    border-top: 0;
    overflow-x: scroll;
}

/**
*
* modify customSwitcher and hover menu
*
*/
.customSwitcher > div > ul > li.uk-active > a {
    background-color: #E9E297;
    color: #002D74;
}
.customSwitcher > div > ul > li {
    padding: 0px 20px;
}
.customSwitcher > div > ul > li > a {
    font-family: 'Montserrat', serif;
    padding-left: 0px;
}
.customSwitcher > div:first-child > ul > li {
    border-top: 1px solid #838383;
    border-bottom: 1px solid #838383;
    margin: 10px 0;
}
.customSwitcher > div:first-child > ul > li.uk-active {
    border-top: 1px solid #0075C9;
    border-bottom: 1px solid #0075C9;
    background-color: #E9E297;
}
.customSwitcher > div:nth-child(2){
    padding: 0;
    border: 1px solid #0075C9;
}
.customSwitcher > div:nth-child(2) > ul > li{
    padding: 40px;
    overflow: auto;
}
@media only screen and (max-width: 800px) {
    .customSwitcher > div:first-child > ul > li {
        margin: unset;
    }
    .customSwitcher > * {
        padding-left: unset;
    }
    .customSwitcher > div:nth-child(2){
        margin-top: unset;
    }
}

/**
*
* modify custom table
*
*/
.sorting_asc:after {
    content: "" !important;
}
table.dataTable thead {
    background-image: none !important;
}
.apr-btn {
    font-size: 12px;
    min-height: 12px;
    padding: 5px !important;
}
.apr-full-table {
    width: 100%;
}
.apr-table {
    border-radius: 10px;
    background-color: #e7e7e9;
    color: #000000;
    text-align: center;
    border: 5px solid #FFFFFF;
    font-size: 14px;
    padding: 5px;
}
.apr-table > .uk-button {
    padding: 10px 10px 5px 10px;
    line-height: 20px;
}
.apr-table > img, .apr-table > a > img {
    height: 35px;
}
.apr-table.apr-table-blue {
    background-color: #297FCA;
    color: #FFFFFF;
}
.apr-table.apr-table-green {
    background-color: #7aa752;
    color: #FFFFFF;
}
.apr-table.apr-table-yellow {
    background-color: #fbb13e;
    color: #000000;
}
.apr-table.apr-table-red {
    background-color: #f15828;
    color: #FFFFFF;
}
.apr-table.apr-table-lime {
    background-color: #ede56a;
}
.apr-table.apr-table-babyblue{
    background-color: #86c5e7;
}

.apr-table-headcol > div > div[data-uk-sticky].uk-active{
    z-index:inherit;
}
.apr-header{
    position: sticky;
    top: 150px;
}
.apr-sticky{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 210px;
}
.apr-sticky > td {
    font-weight: bold;
    background-color: #666666;
    color: #FFFFFF;
}

/* .apr-table.apr-table-headcol > div{
  writing-mode:sideways-lr;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.apr-table-headcol > div > div[data-uk-sticky].uk-active{
    z-index:inherit;
}

.apr-sticky-col{
    position: relative;
    z-index: 200;
}

#apr-header-table-div > table > tbody > tr > td:first-child{
    position: relative;
    z-index: 500;
}

#apr-header-table-div{
    overflow-x: hidden;
} */


#apr-table-div{
    overflow-x: auto;
    /*z-index: 200;*/
    position: relative;
    height: 500px;
}

#apr-header-table-div {
    position: absolute;
    /*z-index: 100;*/
    overflow-y: hidden;
    width: 89%;
    height: 500px;
}
div.table-wrapper{
    position: relative;
    overflow: hidden;
    border-right: 1px solid #ccc;
    clear: both;
}

#apr-header-table-div > table > tbody > tr > td:first-child,
#apr-header-table-div > table > tbody > tr:not(:nth-child(2)) > th:first-child,
#apr-header-table-div > table > tbody > tr:not(:nth-child(2)) > th:nth-child(2),
#apr-header-table-div > table > tbody > tr.apr-sticky{
    position: relative;
    z-index: 500;
}

#apr-header-table-div > table > tbody > tr:not(:nth-child(2)) > th:first-child{
    background-color: white;
}

#apr-header-table-div > table > tbody > tr > td:not(:first-child), 
#apr-header-table-div > table > tbody > tr.bottom-row > td,
#apr-header-table-div > table > tbody > tr:not(.apr-sticky){
	visibility: hidden !important;
	border-color: rgba(0,0,0,0);
}

/*
#apr-table-div > table > tbody > tr > td:not(:first-child), #apr-table-div > table > tbody > tr.bottom-row > td{
	position: relative;
}*/

.full-table > .uk-container {
    max-width: 90%;
}
.uk-open .uk-modal-dialog {
    transform: translateY(120px);
}
.apr-table-legend {
    margin: 0 25%;
}
.apr-table-red-font {
    color: #f15828;
}

/**
*
* modify active and hover menu
*
*/

.uk-navbar-nav > li > a::after {
  content: '';
  position: absolute;
  bottom: 2px;
  right: 10px;
  left: 10px;
  height: 1px;
  background: #086ec4;
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.uk-navbar-nav > li > a:hover::after {
  height: 2px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.uk-navbar-nav > li > a:active::after,
.uk-navbar-nav > li > a:focus::after {
  height: 1px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.uk-navbar-nav > li.uk-active > a::after {
  height: 2px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/* Custom module headers */
.apr-large-centered {
    text-align: center !important;
    color: #0C295D !important;    
    font-size: 40px !important;
}

/**
*
* Menu module content area styles and backgroud images
*
*/
.apr-about-menu-mod {
    min-height:420px;
    background-image:url('../image/about-menu.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.apr-membership-menu-mod {
    min-height:420px;
    background-image:url('../image/apr-membership-mod-menu.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.apr-design-guide-menu-mod {
    min-height:420px;
    background-image:url('../image/apr-design-guide-mod-menu.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.apr-programs-menu-mod {
    min-height:420px;
    background-image:url('../image/Program-Menu-Mod.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.apr-mkt-menu-mod {
    min-height:420px;
    background-image:url('../image/markets-menu.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.eb-entry-head h1 {
    font-size: 32px !important;
    line-height: 36px !important;
}

@media screen and (min-width: 1850px) {
    .testimonials {
    	font-size: 16pt;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1849px) {
    .testimonials {
    	font-size: 14pt;
    }
    .testimonials > div > ul > li > div > div > div > h2 {
        margin: unset;
        margin-top: 15px;
    }
    .testimonials > div > ul > li > div > div > div > p {
        margin-top: unset;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .testimonials {
    	font-size: 12pt;
    }
    .testimonials > div > ul > li > div > div > div > h2 {
        margin: unset;
        margin-top: 15px;
    }
    .testimonials > div > ul > li > div > div > div > p {
        margin-top: unset;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .testimonials {
    	font-size: 10pt;
    }
    .testimonials > div > ul > li > div > div > div > h2 {
        margin: unset;
        margin-top: 15px;
    }
    .testimonials > div > ul > li > div > div > div > p {
        margin-top: unset;
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    .testimonials {
	font-size: 8pt;
    }
    .testimonials > div > ul > li > div > div > div > h2 {
        margin: unset;
        margin-top: 15px;
    }
    .testimonials > div > ul > li > div > div > div > p {
        margin-top: unset;
    }
}
@media screen and (max-width: 480px) {
    .testimonials {
    	font-size: 8pt;
    }
    .testimonials > div > div > ul > li > div > div > p {
        line-height: 10px;
    }
    .testimonials > div > ul > li > div > div > div > h2 {
        margin: unset;
        margin-top: 15px;
    }
    .testimonials > div > ul > li > div > div > div > p {
        margin-top: unset;
    }
}

/* MOBILE RESPONSIVE */

.uk-nav-offcanvas ul a {
    color:#fff !important;
}

.uk-nav-offcanvas > li > a {
    color:#fff !important;
}

.we-are-apr-mobile {
    height:200px;
}


/* SEARCH BAR */
div.tm-toolbar-container .uk-search::before {
    line-height: 35px !important;
    color: #fff !important;
}

div.tm-toolbar-container input.uk-search-field {
    height: 40px !important;
    color: #fff !important;
}

.uk-nav-search > li > a {
  color: #086ec4 !important;
}

.uk-nav-search > li > a:hover,
.uk-nav-search > li > a:focus {
  color: #fff !important;
}

div.uk-offcanvas-bar input.uk-search-field {
    border: 1px solid #fff !important;
    color: #fff !important;
}

div.uk-offcanvas-bar input.uk-search-field::placeholder {
    color: #fff !important;
}

.uk-offcanvas .uk-search::before {
    color: #fff !important;    
}

/*
* GDG
*/
.apr-gdg-green-arrow {
	width: 120px;
	position: absolute;
	z-index: 979;
	margin-top: -10px;
}

/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */
/* Desktop and bigger */
@media (min-width: 1368px) {
  .apr-visible-small {
    display: none !important;
  }
  .apr-visible-medium {
    display: none !important;
  }
  .apr-hidden-large {
    display: none !important;
  }
}
/* Tablets portrait */
@media (min-width: 768px) and (max-width: 1367px) {
  .apr-visible-small {
    display: none !important;
  }
  .apr-visible-large {
    display: none !important ;
  }
  .apr-hidden-medium {
    display: none !important;
  }
}
/* Phone landscape and smaller*/
@media (max-width: 767px) {
  .apr-visible-medium {
    display: none !important;
  }
  .apr-visible-large {
    display: none !important;
  }
  .apr-hidden-small {
    display: none !important;
  }
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.skippy:focus, .skippy:active {
    display: block;
    padding: 1em;
    text-decoration: none;
    outline: 0px !important;
    box-shadow: none;
    position: relative !important;
    z-index:999;
    background: rgba(255,255,255,0.9);
    border: 2px dashed; 
}

/** Border on hamburger **/
a.uk-navbar-toggle.apr-hidden-large {
    height: 40px;
    padding: 0;
    width: 40px;
    text-align: center;
    border: 2px solid #086ec4;
    margin-left: 0;
    color: #086ec4;
}

/** Tab-Focus Styles **/
a:focus {
    outline-offset: 1px;
}

a.eb-mod-media-title:focus {
    outline-offset: -2px;
}

.uk-dotnav > * > :hover, .uk-dotnav > * > :focus,
.uk-slidenav:hover, .uk-slidenav:focus, 
.uk-navbar-nav > li > a:focus,
.uk-button:focus, .uk-navbar-nav > li > a.uk-button:focus,
figure.uk-overlay.uk-overlay-hover:focus-within,
.uk-icon-button:hover, .uk-icon-button:focus {
    outline: 5px auto -webkit-focus-ring-color; 
}

.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
  outline: 5px auto green;
  outline-offset: 2px;
}

.moduletable.quickLinks #quickLinks > li > a:focus {
    outline: 5px auto -webkit-focus-ring-color; 
    outline-offset: 0px;
    color: #086ec4 !important;
    padding: 0 3px !important;
}

/** Responsive Main Menu Styles **/
@media (max-width: 1220px) {
    .uk-navbar-nav > li > a {
        padding: 0 10px;
    }
}

@media (max-width: 960px) {
    .uk-navbar-nav > li > a {
        font-size: 1.05em;
    }
}


/* ----- 3SV Styles ----- */
/* --- Theme Changes --- */


/* - Sans-serif Font - */

body .tm-main,
p, ul, ol, dl, blockquote, pre, address, fieldset, figure,
.tm-main a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.tm-toolbar .uk-float-left {
  font-family: 'Montserrat', serif;
}

/* - Links - */

.tm-main a {
	text-decoration: underline;
}

.tm-main a:hover {
	text-decoration: none;
}


/* - Colors - */

.uk-button, .uk-button-primary {
    font-family: 'Montserrat', serif !important;
    background-color: #086EC4;
    text-decoration: none !important;
    color: #ffffff;
    font-weight: 600 !important;
    font-size: 16px;
}

.home-slideshow .uk-button, .column-lead .uk-button.uk-button-primary {
	background-color: #E32B16 !important;
}

.uk-block-primary {
  background: #002d74;
}

.uk-block-secondary {
    background: #41851C;
}

.uk-button:hover, .uk-button-primary:hover, .uk-button:focus, .uk-button-primary:focus {
    background-color: #086EC4; 
}

.uk-contrast .uk-button, .moduletable .uk-button {
    color: #222 !important;
    background: #ff914d !important;
}

a.apr-orange, .uk-link.apr-orange {
    color: #ff914d !important;
    text-decoration: underline !important;
}

a.apr-orange:hover, .uk-link.apr-orange:hover {
    color: #fff !important;
}


a.apr-orange-button, .uk-link.apr-orange-button {
    background-color: #E32B16 !important;
}

.uk-dotnav > * > * {
    background: rgba(227, 43, 22, 0.25);
    background: #ff914d;
}

.uk-dotnav > .uk-active > *,
.uk-dotnav > * > :hover, 
.uk-dotnav > * > :focus {
    background: #E32B16;
}

.uk-block-secondary .uk-button:not(.uk-button-link) {
    color: white;
    background: #002d74;
}

#Subscribe, #Subscribe:hover, #Subscribe:focus {
	background-color: #00296B;
}

.uk-contrast .uk-button:hover, .uk-contrast .uk-button:focus, .uk-contrast .uk-button:active
 {
    background: #ff914d;
    color: #222;
	transition: .1s opacity linear;
}

.uk-block-secondary h1, .uk-block-secondary h2, .uk-block-secondary h3, .uk-block-secondary h4, .uk-block-secondary h5, .uk-block-secondary h6, .uk-block-secondary .uk-panel-header .uk-panel-title {
  	color: white;
}

.tm-block-footer {
    background: #222;
}

.tm-block-toolbar {
    background-color: #002d74;
}

.uk-contrast .uk-text-large {
    color: rgba(255, 255, 255, 0.8);
}

.tm-navbar .uk-button {
    background: #086EC4; 
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.uk-navbar-nav > li > a.uk-button:hover, .uk-navbar-nav > li > a.uk-button:focus {
    background-color: #086EC4; 
}

/* - Icons - */

.icon {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 28px;  /* Preferred icon size */
    display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	color: #41851C !important;
	margin: 10px;
}

/* --- Template --- */

/* - Lead - */

.column-lead {
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;
    width: 75%;
    margin: 0 auto;
    margin-top: -135px;
    z-index: 100;
}

.column-lead > .wf-column > .wf-columns {
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
}

#tm-top-a {
    display: block;
    /* z-index: -100; */
}

div#tm-main {
    z-index: 100;
}

@media (max-width: 960px)
.wf-columns-stack-medium.column-lead > .wf-column > .wf-columns {
    width: 50%;
    flex: auto!important;
}


/* - Tabs - */
  
.switcher-tabs .uk-subnav > li {
	line-height: 24px;
    text-transform: none;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 0.5%;
    padding: 0px;
}

.switcher-tabs .uk-subnav > li > a {
    font-family: 'Montserrat';
    font-size: inherit;
    text-transform: none;
    font-weight: 600;
    font-size: 16px;
    padding: 30px 20px;
    color: #086ec4;
    width: 170px;
    text-decoration: none !important;
    min-height: 82px;
}

.switcher-tabs .uk-subnav-pill > .uk-active > *,
.switcher-tabs .uk-subnav-pill > * > :hover, 
.switcher-tabs .uk-subnav-pill > * > :focus {
    background: #ffe8da;
    color: #086EC4;
    text-align: center;
}

.switcher-tabs .uk-subnav {
    border-bottom: 2px solid #086EC4;
}


.switcher-tabs img {
    max-width: 570px;
}

h3.uk-panel-title {
  font-weight: 500;
  margin-top: 20px;
  font-size: 32px;
  line-height: 38px;
}

.work-it {
    background-color: #bee1fd;
    padding: 20px;
    color: #222;
}

.u-links .uk-margin li a {
    text-decoration: underline;
}

.grid-poly h3.uk-panel-title a{
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px;
    line-height: 28px;
    color: #086ec4;
}

.grid-poly .uk-margin {
    text-align:left;
}

/* --- Table Sticky Header --- 

.uk-table table {
  position: relative;
}

th {
  background: #ccc;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness 
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
} */

@media (max-width: 600px) {
	.overflow-m {
		overflow-x: scroll;
	} 
	
	.apr-header {
		top: 0PX
	}
}

/* ----- Switcher Icons ----- */

.switcher-tabs .uk-subnav > li > a:before {
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
    font-family: 'Material Icons';
}

.switcher-tabs .uk-subnav > li > a:after {
    display: block;
    font-weight: 300;
    color: #444;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Open Sans' sans-serif !important;
    margin-top: 10px;
}

/* - PCR Certification - */
.switcher-cert.switcher-tabs .uk-subnav > li:first-child a:before {
    content: "info";
}

.switcher-cert.switcher-tabs .uk-subnav > li:first-child a:before {
    content: "flag";
}

.switcher-cert.switcher-tabs .uk-subnav > li:nth-child(2) a:before {
    content: "saved_search";
}

.switcher-cert.switcher-tabs .uk-subnav > li:nth-child(3) a:before {
    content: "search";
}

.switcher-cert.switcher-tabs .uk-subnav > li:first-child a:after {
    content: "Learn how Certification works.";
}

.switcher-cert.switcher-tabs .uk-subnav > li:first-child a:after {
    content: "Is Certification right for your business?";
}

.switcher-cert.switcher-tabs .uk-subnav > li:nth-child(2) a:after {
    content: "Browse the directory of certified companies.";
}

.switcher-cert.switcher-tabs .uk-subnav > li:nth-child(3) a:after {
    content: "Get certified by an APR-Endorsed auditor.";
}

/* - Design Champions - */

.switcher-champ.switcher-tabs .uk-subnav > li:first-child a:before {
    content: "business";
}

.switcher-champ.switcher-tabs .uk-subnav > li:nth-child(2) a:before {
    content: "account_balance";
}

.switcher-champ.switcher-tabs .uk-subnav > li:nth-child(3) a:before {
    content: "travel_explore";
}

/* .switcher-champ.switcher-tabs .uk-subnav > li:nth-child(4) a:before {
    content: "account_balance";
}

.switcher-champ.switcher-tabs .uk-subnav > li:nth-child(5) a:before {
    content: "travel_explore";
} */

/* - Beyond Bottles - */

.switcher-beyond.switcher-tabs .uk-subnav > li:first-child a:before {
    content: "auto_awesome_mosaic";
}

.switcher-beyond.switcher-tabs .uk-subnav > li:nth-child(2) a:before {
    content: "shopping_bag";
}

.switcher-beyond.switcher-tabs .uk-subnav > li:nth-child(3) a:before {
    content: "shopping_basket";
}

.switcher-beyond.switcher-tabs .uk-subnav > li:nth-child(4) a:before {
    content: "local_drink";
}

.switcher-beyond.switcher-tabs .uk-subnav > li:nth-child(5) a:before {
    content: "control_point_duplicate";
}

/* - Design Guide Overview - */

.switcher-overview.switcher-tabs .uk-subnav > li:first-child a:before {
    content: "border_clear";
}

.switcher-overview.switcher-tabs .uk-subnav > li:nth-child(2) a:before {
    content: "thumb_up";
}

.switcher-overview.switcher-tabs .uk-subnav > li:nth-child(3) a:before {
    content: "construction";
}

.switcher-overview.switcher-tabs .uk-subnav > li:nth-child(4) a:before {
    content: "warning";
}


/** Color Contrast **/
#tm-top-a .aprslideshow {
    background: #41851C;
}

.tm-bottom-e a.uk-position-cover {
    color: #fff;
}

.did-you-know-mobile {
    overflow: hidden;
}

/* --- Member Page Responsive --- */


@media (max-width: 991px) {
	
	#filter-bar {
	    margin-top: 0px !important;
        float: none !important;
	}
	
	.member-listing-item.uk-width-1-3 {
		width: 47%
	}
}

@media (max-width: 600px) {
	h1, .uk-h1 {
	    font-size: 36px;
	    line-height: 40px;
	}
  
    .member-listing-item.uk-width-1-3 {
		width: 95%
	}
}

/* --- PET Example --- */

.popOver .uk-dropdown, .popOver .uk-dropdown-blank {
    min-width: 200px;
}

/* --- Library Responsive --- */

.uk-scrollspy-inview  h3.uk-panel-title {
    font-size: 24px;
    line-height: 28px;
}

.uk-scrollspy-inview  .uk-overlay-panel {
    padding: 20px;
}

@media (max-width: 1219px) {
	
	.uk-scrollspy-inview  .uk-panel-title.uk-margin-small {
    	font-size: 18px !important;
		line-height: 20px;
	}
	
	.uk-scrollspy-inview .uk-overlay-panel {
    	padding: 10px;
	}
	
	.uk-scrollspy-inview *+.uk-margin {
    	margin-top: 0px;
	}
	
	.uk-scrollspy-inview .uk-margin-small {
    	margin-top: -10px;
    	font-size: 13px;
		line-height: 16px;
	}
	
	.uk-scrollspy-inview .uk-margin-small p {
    	margin-bottom: 0px !important;
	}
	
}

/* - for testing purposes - 

.uk-navbar-nav li:nth-child(7),
.uk-navbar-nav li:nth-child(9),
.uk-navbar-nav li:nth-child(10),
.uk-navbar-nav li:nth-child(11) {
  display: none;}

*/