/*
 * CUSTOM STYLES AND OVERRIDES
 */

/*
 * SPECIFIC TO HARKNESS
 */
 
 .shaded-bg {
	background: #fde487;
    margin: 15px 15px 15px 15px;
	padding: 25px 15px 5px 5px;
 } 
 
 
 .logo-assoc {
    display: inline-block;
    margin: 15px 35px 15px 35px;
 }
 
 .associated-wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
 }

.rd-navbar-static .rd-navbar-top-panel, .rd-navbar-sidebar .rd-navbar-top-panel {
    font-size: 14px;
    line-height: 1.4;
}

	h6, .heading-6 {
	color: #c21e25;
	}

h1, .heading-1 {
	font-size: 26px;
	line-height: 1.4;
}
 @media (min-width: 768px) {
 h1, .heading-1 {
 font-size: 32px;
 line-height: 1;
}
}
 @media (min-width: 1200px) {
 h1, .heading-1 {
 font-size: 44px;
}
}
 @media (min-width: 1400px) {
 h1, .heading-1 {
 font-size: 46px;
}
}

	h3, .heading-3 {
    font-size: 18px;
	color: #c21e25;
	margin-top: 1.2em;
	}

	@media (min-width: 768px)
	{
		h3, .heading-3 {
		font-size: 24px;
		color: #c21e25;
		margin-top: 1.2em;
		}
	}


	@media (min-width: 1200px)
	{
		h3, .heading-3 {
			font-size: 28px;	
			color: #c21e25;
			margin-top: 1.2em;
		}
	}
	

.rd-navbar-brand img {
    max-width: 350px;
    height: auto;
}


.rd-navbar .rd-navbar-nav > li > a {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
}


ul.harkness li {
    background-image: url(../images/bullet/bullet.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-top: 4px;
    margin-left: 25px;
    padding-left: 25px;
}

ul.harkness2 li {
    background-image: url(../images/bullet/bullet-red.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-top: 15px;
    margin-left: 25px;
    padding-left: 25px;
}

.featured-single img {
    margin-bottom: 25px;
    border: 1px solid #fac90e;
    padding: 2px;

}








 
/**
 * Fonts
 **/

/* quotes near page footer */
.quote-default__text
{
   font-size: 20px;
}

.quote-default__cite
{
   font-size: 16px;
   font-weight: bold;
}

figcaption
{
   font-weight: bold;
   margin-top: 8px;
   text-align: center;
}

/* contacts and about summary in page footer */

.bg-gray-darker 
{
    color: #ccc;
}

.bg-gray-darker a 
{
    color: #ccc;
}


/* custom list 1 */
ul.custom-1 li
{
   margin-bottom: 12px;
}

ul.custom-1 li span
{
   color: #ff9e16;
   display:in-line;
   padding-right: 7px;
}


/**
 * Hrefs
 **/

/* get started button in topnav */
a.btn-topnav
{
   background-color: #9ACC00;
   border: none; /* 1px solid currentColor */
   color: #fff;
   cursor: pointer;
   /* display: inline-block; */
   padding-bottom: 12px;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 12px;
   font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-size: 18px;
   font-weight: 600;
   /* line-height: 84px; */
   letter-spacing: 0;
   margin: 0;
   text-align: center;
   text-decoration: none;
   /* text-shadow: 1px 1px 1px #fff; */
   text-transform: capitalize;
   transition: .33s all ease;
   width: auto;
   max-width: 100%;
   z-index: 999;

   -moz-border-radius:6px;
	 -webkit-border-radius:6px;
	 border-radius:6px;
}

a.btn-topnav:hover
{
   background-color: #000;
   border: none; /* 1px solid currentColor */
   color: #fff;
   text-shadow: none;
   z-index: 999;
}

.button-primary:hover
{
   color: #fff !important;
}


   /* hide get started button when screen smaller than modal */
   @media (max-width: 900px) 
   {
      div.hide-at-900 
      {
         display: none;
      }
   }
   
   /* hide an item when viewed on phone (480 px or smaller) */
   @media (max-width: 480px) 
   {
      div.hide-at-480 
      {
         display: none;
      }
   }


/**
 * Shims
 **/    
.pr12                           /* pad right 10 */
{
    padding-right: 12px;
}

.prl10
{
   padding-left: 10px;
   padding-right: 10px;
}

.w25
{
   text-align: left;
   width: 25px;
}


/**
 * Logo, Page Header and Top Nav
 **/
div.logo-fixed-nav 
{
   display: block;
   float:left;  
}

    @media (max-width: 991px) 
     {
        div.logo-fixed-nav {
            display:none;   
        }
    }

    @media (min-width: 992px) 
     {
        div.rd-navbar-nav {
            margin-left:20px;
            margin-top:5px;
            float:right;
        }
    }

div.far-right 
{
   position: absolute;
   right: 0;
}

div.ul-top-nav 
{
   float: right;
}

    @media (max-width: 992px) 
     {
        div.ul-top-nav {
            float: none;
        }
    }

    
/**
 * Call To Action
 **/

.cta-sub-title 
{
   color: #ccc;
   font-size: 18px;
   margin-top: 20px;
   margin-bottom: 0px;
   padding-bottom: 0px;
}
 
.cta-sub-title span 
{
   color: #444;
   font-size: 14px;
   font-weight: normal;
   margin-left: 30px;
   margin-right: 30px;
}



/**
 * Client Endorsements
 **/
.endorsement
{
   background-color: #f3f3f3;
   margin-bottom: 40px;
}

    @media (max-width: 479px) 
     {
        .endorsement {
            margin-bottom: 20px;
        }
    }

.endorsement .blurb__title
{
   font-size: 110%;
}

.endorsement
{
   font-size: 110%;
}

.endorsement-cat
{
   font-size: 12px;
}
    


/**
 * Associated Logos Styles
 **/
.google-map
{

}



/**
 * Holidy Schedule page
 **/
.holiday-calendar-title
{
    background: #ff9e16!important;
    color: #333;
    font-size: 17px;
    font-weight: bold;
    padding: 12px 0 12px 12px;
    text-align: center; 
}

ul.holiday-calendar
{
   list-style: none;
   margin: 0 0 30px;
   padding: 0;
}

ul.holiday-calendar li
{
   font-size: 15px;
   line-height: 36px;
}

ul.holiday-calendar li.title
{
   background: #eee;
   font-weight: bold;
}

ul.holiday-calendar li.alt-row
{
   background: #eee;
}

ul.holiday-calendar li div.row
{
   padding-left:7px;
   padding-right:7px;
}



/**
 * Page Footer Styles - Overrides
 **/

.pre-footer-corporate
{
   background-image: url("../images/bkgrnds/gold-circuit-board-blurry-dark.min.jpg");
   background-position:  top center;
   background-repeat: repeat-x;
}
 
.unit-horizontal
{
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   flex-direction: row;
}
 
a.footer-nav
{
   background-image: url("../images/bullet/gold.png");
   background-position-x: left;
   background-position-y: 9px;
   background-repeat: no-repeat;
   padding-left: 18px;
   background-color: transparent;
   text-transform: capitalize;
}

.footer-menu li:after
{
   background: #ff9e16;
   position: absolute;
   content: '';
   top: 10px;
   right: -4px;
   width: 4px;
   height: 4px;
}

.footer-menu li:last-child:after
{
   background: 0 0;
   position: absolute;
   content: '';
   top: 10px;
   right: 0px;
   width: 0px;
   height: 0px;   
}

.footer-menu-item
{
   padding-left: 8px;
   padding-right: 8px;
   text-transform: capitalize;
}

div.footer-tag-line
{
   color: #fff;
   font-size: 18px;
}


/* footer list (not hyperlinked) */
.footer-list
{
   
}

.footer-list li {
    background-image: url("../images/bullet/gold.png");
    background-position-x: left;
    background-position-y: 9px;
    background-repeat: no-repeat;
    padding-left: 18px;
    background-color: transparent;
    text-transform: capitalize;
}


/* footer list centered */
.footer-service-area {
   color: #ccc;
   font-size: 18px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   width: 100%;
}

.footer-service-area div 
{
   display: inline;
}

.footer-service-area span
{
   color: #444;
   display: inline;
   font-size: 14px;
   font-weight: normal;
   margin-left: 30px;
   margin-right: 30px;
}


/**
 * Pagination
 **/
 
.pagination {
   background: #ccc;
   border: 1px solid #aaa;
   color: #000;
   display: inline-block;
   font-weight: bold;
   float: left;
   padding: 8px 16px;
   text-decoration: none;
}

.pagination:first-child {
   border-radius: 5px 0px 0px 5px; 
   -moz-border-radius: 5px 0px 0px 5px; 
   -webkit-border-radius: 5px 0px 0px 5px; 
}

.pagination:last-child {
   border-radius: 0px 5px 5px 0px; 
   -moz-border-radius: 0px 5px 5px 0px; 
   -webkit-border-radius: 0px 5px 5px 0px; 
}

.pagination:hover
{
   background-color: #FF9E16;
   border: 1px solid #FF9E16;
   text-decoration: none;
}

.pagination-info
{
   background-color: transparent;
   border-bottom: 1px solid #aaa;
   border-top: 1px solid #aaa;
   color: #000;
   display: inline-block;
   float: left;
   font-weight: normal;
   padding: 8px 16px;
   text-decoration: none;   
}

.pagination-off-left
{
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #aaa;
   border-top: 1px solid #ccc;
   color: #ccc;
   display: inline-block;
   float: left;
   padding: 8px 16px;
   text-decoration: none;
   border-radius: 5px 0px 0px 5px; 
   -moz-border-radius: 5px 0px 0px 5px; 
   -webkit-border-radius: 5px 0px 0px 5px;
}

.pagination-off-right
{
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #aaa;
   border-right: 1px solid #ccc;
   border-top: 1px solid #ccc;
   color: #ccc;
   display: inline-block;
   float: left;
   padding: 8px 16px;
   text-decoration: none;
   border-radius: 0px 5px 5px 0px; 
   -moz-border-radius: 0px 5px 5px 0px;  
   -webkit-border-radius: 0px 5px 5px 0px; 
}


/**
 * myModal
 **/

 .modal-content
 {
    border: 5px solid #999; /* #ff9e16; */
    height: 560px;
    width: 800px;
 }

 .modal-col-1
 {
   background-image: url("../images/get-started-compass-min.jpg");
   background-position: top left;
   background-repeat: none;
   float: left;
   height: 550px;
   width: 40%;
 }

 .modal-col-2
 {
   background-color: #efefef;
   float: left;
   height: 550px;
   width: 60%;
 }

 .modal-row-1:after
{
   content: "";
   display: table;
   clear: both;
}

.modal-close
{
   background-color: #000;
   color: #fff;
   padding-bottom: 2px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 2px;
}


/**
 * SmartPhone Viewing
 **/

    @media (max-width: 480px) 
     {
        div.footer-logo
        {
            text-align: center;
            width: 100%;
        }
        
        div.footer-tag-line
        {
           text-align: center;
           width: 100%;
        }
        
        .footer-service-area div
        {
            display: block;
        }
        
        .footer-service-area span
        {
           display: block;
        }
        
    }