#page-overlay{background-image:url(https://www.personalitypuzzles.com/wp-content/themes/accesspress-root-pro/images/preloader/loader1.gif)}
#site-navigation li a{font-size:14px;font-family:'PT Sans';font-weight:400;color:#161616;text-transform:uppercase}
.search-icon a{font-size:14px}
#site-navigation > ul > li > a:hover, #site-navigation > ul > li.current-menu-item > a, #site-navigation > ul > li.current-menu-ancestor > a, .search-icon a{color:#527ab4 !important}
#site-navigation > ul > li > a:hover, #site-navigation > ul > li.current-menu-item > a, #site-navigation > ul > li.current-menu-ancestor > a{border-color:#527ab4 !important}
#site-branding{margin:0px 0px 0px 0px}
.right-header{margin:15px 0px 0px 0px}
body{ font-size:16px;font-family:'PT Sans';font-weight:400;font-style:normal;color:#444444}
h1{ font-size:30px;font-family:'PT Sans';font-weight:400;font-style:normal;;color:#333333;text-transform:uppercase}
h2{ font-size:26px;font-family:'PT Sans';font-weight:400;font-style:normal;;color:#333333;text-transform:uppercase}
h3{ font-size:22px;font-family:'PT Sans';font-weight:400;font-style:normal;;color:#333333;text-transform:uppercase}
h4{ font-size:20px;font-family:'PT Sans';font-weight:400;font-style:normal;;color:#333333;text-transform:uppercase}
h5{ font-size:20px;font-family:'PT Sans';font-weight:400;font-style:normal;;color:#333333;text-transform:uppercase}
h6{ font-size:18px;font-family:'PT Sans';font-weight:400;font-style:normal;;color:#333333;text-transform:uppercase}
.blog-comments a{color:#444444;}
#site-navigation.main-navigation ul ul a{ font-size:16px;font-family:'PT Sans';font-weight:400;font-style:normal;}
.social-icon a{ color:;}
.social-icon a:hover{ color:;}
#top-footer{ background-color:#272727;color:#EEEEEE}
#top-footer a{color:#999999}
.footer-title{  font-size:18px;font-family:'PT Sans';font-weight:400;font-style:normal;;color:#FFFFFF;text-transform:uppercase}
#bottom-footer{background-color:#000000;color:}
#ap-map-canvas{height:400px}
#site-navigation > ul > li > a:hover, 
#site-navigation > ul > li.current-menu-item > a, 
#site-navigation > ul > li.current-menu-ancestor > a, 
.search-icon a,
.color-bold, 
.message-title span,
.cta-banner-btn a,
a,
.social-icon a:hover,
#site-navigation ul li ul.sub-menu > li:hover > a, 
#site-navigation ul li ul.sub-menu > li.current-menu-item > a, 
#site-navigation ul li ul.sub-menu > li.current-menu-ancestor > a,
.blog-comments a:hover,
.service-title a:hover,
.feature-title a:hover,
.widget-social-icons li a,
.oops,
.error404 .not_found,
#blog .blog-title a:hover,
.woocommerce .star-rating:before, .woocommerce .star-rating span:before,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.copyright a:hover {
    color:#527ab4}


a:hover, .search-icon a:hover,
.feature-read-more:hover, 
.info-read-more:hover,
.widget-social-icons li a:hover,
.widget a:hover, .widget a:hover:before{
    color:#4a6ea2}

#main-slider .bx-pager-item a:hover, 
#main-slider .bx-pager-item a.active, 
#message-slider .bx-controls .bx-pager-item a:hover, 
#message-slider .bx-controls .bx-pager-item a.active, 
.project-block-wrap .bx-controls .bx-pager-item a:hover, 
.project-block-wrap .bx-controls .bx-pager-item a.active,
.service-overlay a,
.cta-banner-btn a:hover,
.blog-overlay a,
.blog-date,
.project-content-wrap,
.newsletter-submit,
.caption-read-more:hover,
.main-navigation ul ul,
.page_header_wrap,
.edit-link a,
#respond input#submit,
.tagcloud a,
.nav-previous a, .nav-next a,
#go-top,
#middle-footer,
.error404 .error-num .num,
.ap_call_to_action .ap_call_to_action_button,
.ap_toggle .ap_toggle_title:after,
.horizontal .ap_tab_group,
.vertical .ap_tab_group,
#top .nav-btn,
.js-ready #nav,
.woocommerce ul.products li.product a.add_to_cart_button, .woocommerce ul.products li.product a.added_to_cart,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, 
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, 
.woocommerce input.button.alt, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, 
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, 
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
nav.woocommerce-MyAccount-navigation ul li a,
.edit-link a:hover {
    background-color:#527ab4}

.edit-link a:hover{
    color: #fff;
}

.service-overlay a:hover,
.blog-overlay a:hover,
.newsletter-submit:hover,
.tagcloud a:hover,
.ap_call_to_action .ap_call_to_action_button:hover,
.horizontal .ap_tab_group .tab-title.active, 
.horizontal .ap_tab_group .tab-title.hover,
.vertical .tab-title.active, 
.vertical .tab-title:hover,
#top .nav-btn:hover,
nav.woocommerce-MyAccount-navigation ul li:hover a,
nav.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color:#4a6ea2}

.cta-banner-btn a,
.feature-block .feature-icon,
.feature-read-more, 
.info-read-more,
.testimonail-content-wrap,
.testimonial-thumb.active:after,
.newsletter-submit,
.caption-read-more:hover,
.horizontal.ap_tab_wrap,
.vertical.ap_tab_wrap,
.woocommerce ul.products li.product a.add_to_cart_button, .woocommerce ul.products li.product a.added_to_cart,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, 
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, 
.woocommerce div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child,
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-tabs.wc-tabs-wrapper,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
    border-color:#527ab4}

.feature-read-more:hover, 
.info-read-more:hover{
    border-color:#4a6ea2}

.blog-date:hover:after{
    box-shadow:0 0 0 1px #527ab4}

.main-navigation ul ul:before{
    border-color:transparent transparent #527ab4 transparent;
}

.comments-title:after{
    border-color:#527ab4;
}

.search-box{ background:rgba(82,122,180,0.7)}

/* HP slider caption styling */
.caption-content-wrapper {
    background: rgba(255, 255, 255, 0.8) !important;
}
.slider-caption .caption-title {
    color: #130f3a;
    text-shadow: none;
}
.caption-content-wrapper {
    color: #130f3a;
    font-size: 20px !important;
}
/* Width of HP Feature image */
/* HOW TO; 1. Set Thumbnail size in Media; 2. Upload new image; 3. CSS below */
/* Note below adds 2px to account for BORDER */
@media only screen and (min-width: 410px) {
.feature-block .feature-icon {
    width: 260px !important;
}
  .feature-icon img {
    width: 258px;
}
}
@media only screen and (min-width: 580px) {
.feature-block .feature-icon {
    width: 260px !important;
}
  .feature-icon img {
    width: 258px;
}
}
@media only screen and (min-width: 770px) {
.feature-block .feature-icon {
    width: 166px !important;
}
.feature-icon img {
    width: 164px;
}
}
@media only screen and (min-width: 960px) {
.feature-block .feature-icon {
    width: 210px !important;
}
.feature-icon img {
    width: 208px;
}  
}
@media only screen and (min-width: 1140px) {
.feature-block .feature-icon {
    width: 260px !important;
}
  .feature-icon img {
    width: 258px;
}
}

/* HP Read More product spacing */
@media only screen and (min-width: 770px) {
.service-content {
    height: 184px;
}
}
@media only screen and (min-width: 810px) {
.service-content {
    height: 180px;
}
}
@media only screen and (min-width: 1000px) {
.service-content {
    height: 160px;
}
}
/* AND THERES MORE */
.feature-title {
    height: 45px;
}
@media only screen and (min-width: 440px) {
.feature-desc {
    height: 80px;
}
}
@media only screen and (min-width: 580px) {
.feature-desc {
    height: 120px;
}
}
@media only screen and (min-width: 770px) {
.feature-desc {
    height: 220px;
}
}
@media only screen and (min-width: 850px) {
.feature-desc {
    height: 180px;
}
}
@media only screen and (min-width: 1050px) {
.feature-desc {
    height: 150px;
}
}

home h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
  color: #130f3a;
    color: #173050;
  font-weight: bold !important;
}
/* Center logo */
#site-branding .site-logo {
    float: none;
}
#site-branding {
    width: 100%;
    text-align: center;
}
.feature-block .feature-icon {
    border-radius: 0;
}
/* HP video widget title */
.hp-widget-area h3 {
    color: #173050;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
}
#cta-banner {
    background: #dce4f0;
    padding: 55px 0 85px 0;
}
.cta-banner-btn a {
    background: #173050;
    color: #fff;
float: left;
}
.cta-banner-btn {
    float: none;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
  padding: 3px;
}
.cta-banner-title.color-bold {
    color: #130f3a;
}
#site-branding h1.site-title {
    display: none !important;
}
.feature-block .feature-icon {
    border-radius: 0;
    width: 185px;
    width: 150px;
}
#testimonial {
    background: #dce4f0;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.speaker-name {
    font-weight: bold;
}
#top-footer {
    background-color: #1b3352;
    color: #fff;
}
#top-footer a {
    color: #fff;
}
#top-footer a:hover {
    color: #999;
}
/* Banner read more link bg */
.caption-read-more {
    background: #527ab4 !important;
}
/* Service block Read More styling */
.service-readmore, .feature-read-more {
    background-color: #173050;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px;
max-width: 155px;
    margin-left: auto;
    margin-right: auto;
  padding: 3px;
}
.service-readmore a, .feature-read-more {
    color: #fff !important;
}
.service-readmore a:hover {
    color: #527ab4 !important;
}
.feature-read-more:hover {
    color: #527ab4 !important;
    padding-left: 10px;
    padding-right: 10px;
}
.feature-read-more {
    padding-left: 10px;
    padding-right: 10px;
}

/* Change style of featured panel images on homepage */
.feature-block .feature-icon {
    border-radius: 10%;
    width: 180px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.feature-icon img {
    border-radius: 0 !important;
}
.feature-block .feature-icon {
    border-radius: 0 !important;
}
.feature-block .feature-icon {
    border-radius: 10%;
/*    width: 185px;	*/
    width: 150px;
    padding: 0;
    height: 100% !important;
}
.home #service-section h1 {
    font-size: 40px !important;
}
.home h1 {
    color: #173050;
      font-weight: bold;
}
/* remove sidebar and resize content for Page Builder example */
.page-id-1451 #secondary.secondary-right {
    width: 0% !important;
    display: none !important;
}
.page-id-1451 #secondary {
    width: 0% !important;
    display: none !important;
}
.page-id-1451 #primary {
    width: 100% !important;
}
/* Make heading appear */
.entry-header h1.entry-title {
    display: block !important;
}
div.pdfemb-viewer {
background-color: white;
    min-width: 1140px !important;
}
.page-template-page-protected #wpadminbar {
    display: none !important;
}

