/*-------------------------  
      Global Styles 
---------------------------*/
/*Colors:
light-purple - #A398B0
dark-purple - #7C509C
charcoal - #303030
light-grey - #F9F9F9
grey - #E0E0E0
*/

.site-title span {
	display:none;
}

h1 {
		font-size: 3em !important;
	color: #7C509C;
	letter-spacing: 1px;
}
h2 {
	font-size: 2.4em !important;
	color: #7C509C;
	letter-spacing: 1px;
}

h3 {
	border-bottom: 1px solid #c3c3c3;
	display: inline-block;
	padding-bottom: 0.5em;
	font-size: 1.5em !important;
}
h4 {
	color: #7C509C;
}

.purple {
	color: #7C509C !important;
}

.light-grey-bg {
	background-color: #F9F9F9;
	padding: 2em;
}

strong {
	color: #424242 !important;
	font-weight: 300;
}

body {
	background-color: white;
}

.clear-both {
	clear: both;
}

.features {
	background-color: #f9f9f9;
}

.check_list {
	margin-bottom:1em;
}

.testimonial-style {
		font-family: "futura-pt", sans-serif;
	color: #7D38AA;
	font-size: 2em;
	line-height: 1.1em;
font-style: italic;
font-weight: 300;
}

.testimonial-name {
	color: #303030;
	font-size: 1em;
	line-height: 1em;
	font-style: normal;
	font-weight: 400;
}

@media only screen and (max-width: 799px){
	#page-header{
		margin-top:2em;
	}
}



/*--------------------------
NAVIGATION
---------------------------*/

#page-hero img {
	height: 150px;
}

#secondary {
	display: none;
}

.excerpt-more {
	display: none;
}

.site-header {
	background-color: #785596 !important;
	height: 80px;
	position: fixed !important;
	width: 100%;
	z-index: 2;
	top: 0;
	box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.site-header .main-navigation a {
	text-align: left;
	margin-bottom: 1em;
  padding-bottom: 1em;
}

.site-header .main-navigation .menu-item-225 a {
	margin-bottom: 10em;
}

.main-navigation {
	background-color: #a398b0 !important;
	height: 100vh;
}

@media only screen and (max-width: 799px){

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
    color: #F5D938 !important;
    border-left: 5px #F5D938 solid;
	height:75px;
}
}

@media screen and (max-width: 800px) {
    .menu-visible .main-navigation {
        overflow: auto;
    }
}

.menu-toggle {
	color: white;
	background: #A399B1;
	margin: .4em;
}

.menu-visible .menu-toggle, .menu-toggle:active {
	/*background-color: #A399B1;*/
	background-color:#ffffff;
}

.site-title img {
	display: none;
}

.site-title a span:first-child {
	background: url('https://chloepro.com/wp-content/uploads/2018/02/chloe_logo_2018-wtag-white-263x87-72dpi.png');
	display: inline-block;
	height: 48px;
	width: 145px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*--------------------------
breadcrumbs
---------------------------*/

@media only screen and (max-width: 799px){
	#breadcrumbs {
		position: relative;
    top: 2.5em;
	}
	
}


#breadcrumbs {
	background-color:#b096cb !important;
	padding-top: .5em;
	padding-bottom: .5em;
	position: fixed;
	width: 100%;
	z-index: 1;
}

#breadcrumbs, #breadcrumbs a, #breadcrumbs a:visited {
	color: white !important;
}

pre {
	background-color:white;
}


#hero .hero-content p, #hero .hero-content ul {
    max-width: 100%;
}

.box-image, .box-companyname, .box-designation {
	display:none;
}

/*--------------------------
HOMEPAGE 
---------------------------*/

.su-column-size-1-2:first-child h1 {
	position:relative;
	bottom:1em;
}

#hero {
	background-color: white;
}

#hero a {
	text-decoration:none;
}

#hero .custom-logo #hero {
	padding-top:0 !important;
}

.hero-wrapper img {
	max-width:100%;
	width:100%;
}

.home-phone {
	margin-left: -33.33%;
  margin-right: -33.33%;
  background: #D3D9F9;
  padding-top: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
  padding-bottom: 2em;
	font-size:30.4px;
	color: #7c509c;
	padding-top:4em;
	padding-bottom:4em;
}

.phone-contact-page {
	font-size:2.4em;
	color: #7c509c;	
}
.phone-contact-page a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}


/*--------------------------
SERVICE ICONS ON HOME PAGE 
---------------------------*/

.features .su-column-size-1-3 .su-column-inner a {

 display: flex;
 flex-direction: column;
 text-align: center;
 text-decoration: none;
    padding-bottom: 4em;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.03);
    padding-top: 2em;
		background: rgba(255,255,255,1);
	transition:.1s;
}



.features .su-column-size-1-3 .su-column-inner a:hover {
	box-shadow: 0 0 10px 10px rgba(0,0,0,.01);
	/*border-bottom:2px solid #775794;*/
}

.features .su-column-size-1-3 .su-column-inner a:hover>.line {
	width: 100%;

}

.features .su-column-size-1-3 .su-column-inner a img {
	margin:0 auto;
	width:100px;
}

.su-column-size-1-2 .su-column-inner ul li {
	/*display: flex;*/
	margin-bottom: 2em;
	border-bottom: 2px solid rgba(0,0,0,.01);
	padding: 1em;
}

.su-column-size-1-2 .su-column-inner ul li img {
	height:100%;
}


.features .call-to-action {
	display: none !important;
}

/*--------------------------
UNION & SIGNATORY/PAGE 
---------------------------*/
#post-209 h4 {
	background: #e0e0e0;
	padding-left: 1em;
	margin-bottom: 0;
	font-weight: bold;
	padding-bottom: .5em;
	padding-top: .5em;
}

.questions {
	background: #f9f9f9;
	padding: 1em;
	margin-top: 0;
	padding-bottom: 4em;
	padding-top: 2em;
}
/*--------------------------
TESTIMONIALS SECTION/PAGE 
---------------------------*/
#testimonials {
	background-color: #fff;
	display: none;
}

/*--------------------------
FOOTER SECTION 
---------------------------*/
#tertiary {
	color: #A398B0;
}

#tertiary a {
	color: #A398B0;
}

#tertiary h1 {
	font-size: 1em !important;
	color: #A398B0;
}

#tertiary .widget {
	width: 100%;
}

.site-footer {
	display: none;
}

@media (min-width: 800px) {
	
	.wp-image-2063, .wp-image-2060 {
	position:relative;
	top:3em;
}

.wp-image-2066 {
	position:relative;
	left:4em;
	width: inherit !important;
}
	
	
	.main-navigation ul li.page_item_has_children:hover:after, .main-navigation ul li.menu-item-has-children:hover:after {
    color: #f9f9f9;
		
}
	
	.main-navigation ul {
    /* padding: 6px 0; */
    padding: 0;
}

	.main-navigation {
		background-color: #785596!important;
		height: auto;
		/*width: 70%;*/
		padding:0 !important;
		padding-top:2em !important;
	}
	
	.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
		border-bottom: 2px solid #b096cc;
		color:#ffffff;
		padding-bottom: .5em;
	}
	
	
	.site-header .main-navigation .sub-menu a {
		border-bottom: 2px dotted #e0e0e0;
		margin-top:.5em;
		margin-right:1em;
		color: #A398B0 !important;
		transition: .2s !important;
		
	}
	
	.custom-logo .site-title span {
		top:0 !important;
	}
	
	.main-navigation .page_item_has_children > a:first-child:after, .main-navigation .menu-item-has-children > a:first-child:after {
		/*color: #A398B0;*/
		color:white;
	}
	
	.main-navigation li > a:hover, .main-navigation li > a:active, .main-navigation li > a:focus {

		transition: .2s;
	}
	
	
	.main-navigation ul ul {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: #F9F9F9;
		border-radius:0;
		padding-bottom: 1.5em;
		
	}
	
	.main-navigation .sub-menu li > a:hover, .main-navigation li > a:active, .main-navigation li > a:focus {
		border-bottom: #A398B0 2px dotted !important;
		
	}
}

@media (min-width: 960px) {
/*--------------------------
Global Styles 
---------------------------*/
	h1 {
		font-size: 3.5em !important;
	}
	
	#page-header {
		margin-bottom:2em;
		margin-top:0px;
	}
	
	#page-header h1 {
	margin-top: 1.5em;
}
	
	.cycle-slideshow {
	height:50vh;
}

	
/*--------------------------
NAVIGATION
---------------------------*/
	/*.main-navigation {
		width: 60%;
	}*/
	
		.main-navigation ul {
     padding: 6px 0;

}
	
	#secondary {
		display: inherit;
	}
	
	
	
.site-header .main-navigation	.sub-menu {
		box-shadow: 0px 2px 2px 2px rgba(0,0,0,.1);
		background-color:white !important;
		
	}
	
/*--------------------------
breadcrumbs
---------------------------*/

	#breadcrumbs {
		margin-top: 1.3em;
	} 

/*--------------------------
FOOTER SECTION 
---------------------------*/

.masonry-on #tertiary .widget, .masonry-on #tertiary .grid-sizer {
	width: 23.5%;
}	
}