@charset "UTF-8";

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


Chartered Advisory Group

date:      06/23/15
author:    DesignDesign Inc
website:   charteredadvisory.com


	FONTS
	Museo Sans (TypeKit) "museo-sans"
	

	BRAND COLOR PALETTE 
	#003C65 /* CAG BLUE *
	#808285 /* DK GREY *
	#888A8D /* LT GREY *
    #383637 /* COPY GREY *


	/* Brand Text Colors */
	.blue 	    {	color:  #003C65 /* CAG BLUE */;	}
	.dkgrey 	{ 	color: 	#333 /* DK GREY */;	}
	.ltgrey		{	color: 	#888A8D /* LT GREY */; 	}	
    .white      {   color:  #FFF;}

	/* Brand BG Colors */
	.bluebg 	    {	background-color:   #003C65 /* CAG BLUE */;	}
	.dkgreybg 	    { 	background-color: 	#808285 /* DK GREY */;	}
	.ltgreybg		{	background-color: 	#888A8D /* LT GREY */; 	}	

    ::selection { background-color: #003C65; /* CAG BLUE */ color: #FFF; }


/* CUSTOM STYLES / UTILITY CLASSES
-----------------------------------------------------------------------------*/
.bold 		{	font-weight: 700;	}
.underline	{	text-decoration: underline;	}
.italic		{	font-style: italic;	}
.full-width-bg {    width: 100%;    }
.hrule  { border-top: 1px solid #003C65 /* CAG BLUE */;	margin: 30px 0; }
.column, .columns  { padding: 0; margin: 0; }

img { width: 100%; height: auto; }



/* Typography
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, p, ul, li, body {	
    font-family:"museo-sans", san-serif; 
    font-weight: 300; 
}


h1	{   font-size: 2.5em; /* Equivalent to 22pt */ 
        line-height: 1.2em;
        color: #003C65 /* CAG BLUE */;     }
	
h2	{   font-size: 1.8em; /* Equivalent to 20pt */
        line-height: 1.2em;
        color: #003C65 /* CAG BLUE */;      }
	
h3	{   font-size: 1.35em; /* Equivalent to 18pt */
        font-weight: 700;
        color: #003C65 /* CAG BLUE */;
}
	
h4	{	font-size: 1em; /* Equivalent to 18pt */
        line-height: 1.7em;
        font-weight: 700;
        font-style: italic;
        color: #383637; /* COPY GREY */   
}

h5	{	font-size: 1.4em; /* Equivalent to 14pt */ 
        color: #4F6F19; }
	
p, q, cite	{        
        font-size: 1.1em;
        line-height: 1.7em;
        color: #383637; /* COPY GREY */   
        margin-bottom: 20px;
}

p .p-highlight {
        font-weight: 700;
        font-style: italic;
        color: #003C65 /* CAG BLUE */;
}

/*
ul, ol, dl  {
        list-style: none;
        font-size: 1.2em;  }
*/

li, dd, dt  {
        font-size: 1.1em; /* Equivalent to 12pt */	
}

p + ul {
    margin-top: -20px;
}

h4 + p {
    margin-top: -10px;
}

li {
    list-style: none;
}

section li {
    padding-left: 10px;
    text-indent: -22px;
}

.services li:before {
    content: url(../_images/bullet.jpg);
    margin-right: 10px;
}



/* LINKS
-----------------------------------------------------------------------------*/

a:link      {color:inherit; text-decoration: none;} /* unvisited link */
a:visited   {color:inherit; text-decoration: none;} /* visited link */
a:hover     {color:inherit; text-decoration: underline;} /* mouse over link */
a:active    {color:inherit; text-decoration: none;} /* selected link */

a {
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}


/* HEADER
-----------------------------------------------------------------------------*/
header {    
    padding: 10px 0; 
    width: 100%;
    position: fixed;
    background-color: white;
    z-index: 999;    
    height: 100px;
    border-bottom: 1px solid #CCC;
}

section.page-content {
    padding-top: 100px;
}

.logo img { max-width: 225px;}

/* HOME
-----------------------------------------------------------------------------*/
section {
    padding: 40px 0;  
}


.main-image-text {
    height: 600px;
    position: relative;   
}


.main-image-headline {
    position: relative;
    letter-spacing: -1px;
    top: 280px;
    z-index: 10;    
    text-align: center;
}

.main-image-headline h1 {
    line-height: 1.2em;
    text-shadow: 2px 2px 10px black;   
    color: white;
    font-size: 3em;
    padding: 0;
    margin: 0;
}

span.header-bullet:before {
    content: url(../_images/header-bullet.png);
}

span.header-bullet {
    max-width: 20px;
    margin: 0 12px 0 15px;
    position: relative;
}


.process-1 {
    width: 33.33%;
    padding: 20px;
    background:rgba(255,255,255, 0.);
    text-align: center;
    z-index: 200;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.process-2 {
    width: 33.33%;
    padding: 20px;
    background:rgba(255,255,255, 0.);
    text-align: center;
    z-index: 200;
    position: absolute;
    bottom: 10px;
    left: 33.33%;
}

.process-3 {
    width: 33.33%;
    padding: 20px;
    background:rgba(255,255,255, 0.);
    text-align: center;
    z-index: 200;
    position: absolute;
    bottom: 10px;
    left: 66.66%;
}


.more-button,
.more-button2 {
    color: #003C65 /* CAG BLUE */;
    background-color: #FFF;
    margin-top: 40px;
    padding: 7px 35px;
    border: 2px solid #003C65 /* CAG BLUE */;
}

a.more-button,
a.more-button2 
{ text-decoration: none; color: #003C65 /* CAG BLUE */;
}

.more-button:hover,
.more-button2:hover{
    text-decoration: none;
    background-color: #003C65 /* CAG BLUE */;
    color: #FFF;
}
    


.cta-bar {
    background-color: #003C65 /* CAG BLUE */;
    text-align: center;
    padding: 30px 0;
    position: relative;
    bottom: 0;
}

.cta-bar a {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 20px;
    border: 1px solid #FFF;
    font-family:"museo-sans", san-serif; 
    font-weight: 700;
}

.cta-bar a:hover {
    background-color: #FFF; 
    color: #003C65 /* CAG BLUE */;
    border: 1px solid #FFF;
}



.quicklink-links {
    background: #888A8D; /* LIGHT GREY */
    color: white;   
    margin-top: -5px;
    padding: 20px 30px;
}

.quicklink-links a {    text-decoration: none;  }
.quicklink-links a:hover { color: #003C65 /* CAG BLUE */;  }

.quicklink-links h3 {
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 18px 10px;
    color: #FFF;
    font-weight: normal;
}

.home-messaging h1 {
    margin: 30px 0 12px;
}




/* FOOTER
-----------------------------------------------------------------------------*/
footer {   
    margin-top: 25px; 
    padding: 25px 0; 
    background-color: #003C65 /* CAG BLUE */; 
}

footer .spacer {
    width: 50px;
    display: inline-block;
}

.footer-icon {
    text-align: center;
}

.footer-icon img {
    background-color: #003C65 /* CAG BLUE */; 
    max-width: 75px;
}

footer h4 { color: white; font-style: normal; font-weight: 300;}

.footer-info {
    margin-top: -25px;
    margin-bottom: 25px;
    padding: 45px 0 35px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    text-align: center;
}

.footer-small-text { 
    font-family:"museo-sans", san-serif; 
    font-weight: 300; 
    color: #FFF; 
    font-size: .7em; 
    line-height: 20px; 
}




/* SERVICES
-----------------------------------------------------------------------------*/

.services {}

.services-header {
    background-color: #003C65 /* CAG BLUE */;
    padding: 35px 0;
    margin-bottom: 25px;
    text-align: center;
}

#planning:before,
#implementation:before,
#retirement:before,
#investment:before {
  display: block; 
  content: " "; 
  margin-top: -110px; 
  height: 110px; 
  visibility: hidden; 
}

.services-header h1 { color: #FFF;}

.service-item:after {
    margin-bottom: 50px;   
}

.service-item-icon {
    background-color: #003C65 /* CAG BLUE */;
    padding: 25px;
}

.services-sidebar {
    padding: 40px 20px;
    background-color: 	#888A8D /* LT GREY */;
    }

.services-sidebar p {
    color: white;
    font-size: .9em;
}

.service-category-photo-right {
    float: right;
    height: auto;
    width: auto;
    padding: 0 0 15px 25px;
}

.service-category-photo-left {
    float: left;
    height: auto;
    width: auto;
    padding: 0 25px 25px 0;
}




/* ABOUT
-----------------------------------------------------------------------------*/
.about {}

.team-image {
    max-height: 450px;
    max-width: 1000px;
    margin: 0 auto;
}

.about-intro-left {
    padding: 0 30px 0 60px;
}

.about-intro-right {
    padding: 0 60px 0 30px;
}

.about-intro-left p,
.about-intro-right p {
    text-align: justify;
}





.bio h3	{   
        font-size: 1.15em;
        font-weight: 700;
        margin-bottom: 10px;
        color: #003C65 /* CAG BLUE */;
}
	
.bio h4	{	
        font-size: 1.2em; 
        line-height: 1em;
        font-weight: 700;
        font-style: italic;
        color: #383637; /* COPY GREY */  
        display: inline;
}

.crd {
    font-size: 1em; 
    font-weight: 700;
    display: inline;
    font-style: italic;
    color: #003C65 /* CAG BLUE */;
    margin-left: 10px;
}

.bio p {
    margin-top:15px;
}

.profiles-container {
    /* flex stuff in other css file */
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 35px;
}

.profile {
    width: 33%;
    overflow: hidden;
    position: relative;
}

.profile img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    border: 10px solid white;
}

.profile:hover img {
    -webkit-transform:scale(1.04); /* Safari and Chrome */
    -moz-transform:scale(1.04); /* Firefox */
    -ms-transform:scale(1.04); /* IE 9 */
    -o-transform:scale(1.04); /* Opera */
     transform:scale(1.04);
}



.quick-name {
    display: none;
    width: 100%;
    background-color: #003C65; /* CAG BLUE */
    opacity: .85;
    text-align: center;
    padding: 15px 0;
    color: #FFF;
    position: absolute;
    bottom: 0px;
    font-family:"museo-sans", san-serif; 
    text-transform: uppercase;
    font-weight: 700; 
    letter-spacing: 1px;
    color: #FFF; 
    font-size: 1.2em; 
}

.profile:hover .quick-name {
    display: block;
}

@media only screen and (max-width: 64em) {  

    .profile:hover .quick-name {
        display: none;
    }
} /* END MEDIA QUERY */



.bio {
    width: 100%;
    padding: 40px;
    background-color: #FFF;
}


.non-selected img { 
    opacity: .6;
    -webkit-filter: brightness(50%); 
}    

.bio-selected { opacity: 1;}
    
div.toggles {display: none;}



/* CLIENT CENTER */

.client-center-holder {
    margin-top: 55px;
}

.client-center-holder h3 {
    margin: 0;
}

.client-boxed{
    border: 2px solid #003C65 /* CAG BLUE */;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.sharefile h4 {
    margin-bottom: 0;    
}

.sharefile input.input-field {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
}

.sharefile .more-button {
    margin-top: 10px;
}

.streetscape {
    padding-top: 32px;
}


.client-boxed ul li {
    margin: 0;
    padding: 0;
}




/* CONTACT
-----------------------------------------------------------------------------*/
#Contact {
    background-color: white;
    padding: 30px 0 10px;
    text-align: center;
}

.contact-left {
    background-color: #003C65/*BLUE */; 
    padding: 20px;
}

.contact-left p {
    color:#fff;
}

#Contact p {
line-height: 27px;
}

.contact-right { 
    padding: 20px 0 0 50px ;
    text-align: left;}

a.small-link {
    font-size: 14px;
    font-style: italic;
    text-decoration: underline;
    padding: 0 10px;
}

.downloadable img {
    max-width: 150px;
}
}