@import "css/reset.less";
@import "css/mixins.less";

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

.alignleft {float: left !important;}
.alignright {float: right !important;}

.hidden {display: none;}

strong {font-weight: 700;}

////////////////////////////////////////////
//
// 1. Fonts & links
//
////////////////////////////////////////////

@body-font: 'Arial', Helvetica, "Helvetica Neue", Arial, sans-serif;
@body-font-size: 14px;
@body-font-line-height: 20px;

@color-grey-dark: #474747;
@color-grey: #b9b9b9;
@color-blue: #2175BF;
@color-red: #c11212;

@border-color: #efefef;

@text-color: @color-grey-dark;
@link-color: #888888;
@link-hover-color: #000000;

@selection-bg-color: #C00;
@selection-text-color: #FFF;

@menu-item-color: @color-grey;
@menu-item-hover-color: @color-blue;
@selected-menu-item-color: @color-blue;

@menu-font-weight: 400;
@menu-font-size: 12px;
@menu-line-height: 12px;





.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.clear {clear: both;}

img {display: block;}

a {
  
  color: @link-color;
}
a:hover {
  color: @link-hover-color;
}

.menu-toggle, .assistive-text {
  display: none;
}



/* G L O B A L   S T R U C T U R E */

/*= columns definitions */
.col-onethird, .col-twothird, .col-onefourth, .col-threefourth, .col-onefifth {float: left;}
.col-onehalf {margin-left: 60px;float: left;}

.col-onethird {width: 300px; margin-left: 30px;}
.col-twothird {width: 620px; margin-left: 40px;}

.col-onefourth {width: 225px; margin-left: 20px;}
.col-threefourth {width: 715px; margin-left: 20px;}
.col-onefifth {width: 176px; margin-left: 20px;}
.col-first {margin-left: 0 !important;}
.col-onehalf {width: 450px;}


.separator_v {
  margin: 30px 0;
  height: 1px;
  background: @border-color;
}



/* S I T E   S T R U C T U R E */
body {
  font-family: @body-font;
  font-size: @body-font-size;
  line-height: @body-font-line-height;
  color: @text-color;
  margin: 0; padding: 0;
  font-weight: 300;
}
#page {
  padding-bottom: 0px;
}
.wrapper {
  width: 960px;
  padding: 0 15px;
  position: relative;
  margin: auto;
}

#main {
  padding-top: 100px;
  padding-bottom: 20px;
  background: #fff;
}

#primary {}
#secondary{}



/* H E A D E R */
#masthead {
  padding: 8px 0 12px 0;
  top: 0;
  width: 100%;
  z-index: 99;
  position: fixed;
  background: url(images/header-shadow.png) repeat-x bottom center;
}
.site-title {float: left; width: 220px;margin-top: 8px;}
.site-title a {
  display: block;
  float: left;
  width: 192px;
  height: 59px;
  background: url(images/logo.png) no-repeat;
  text-indent: -999em;
}


#site-navigation {
  margin-top: 23px;
  width: auto;
}



#lang_sel_list {
  position: absolute;
  top: 0;
  right: 80px;
  font-size: 12px;
  list-style: none;
  margin: 0; padding: 0;
  color: #ccc;
  width: 120px;

}
#lang_sel_list ul {
  margin: 0; padding: 0;
  list-style: none;
  border: none;
}
#lang_sel_list li {
  display: inline;
  width: auto;
  width: 60px !important; 
}
#lang_sel_list li a {
  border: none;
  padding: 0;
  margin: 0;
  width: 60px !important;
  color: #999 !important;
  display: inline;
  background: none !important;
}
#lang_sel_list li a.lang_sel_sel {
  color: #000 !important;
}
#lang_sel_list li img {
  display: none;
}



#site-searchform {
  float: right;
  margin: 26px 0 0 0;
}
#searchform input {
  font-size: 13px;
  font-family: 'Arial';
  border: none;
  float: left;
}
#searchform #s {
  float: left;
  font-weight: 300;
  border: 1px solid #efefef;
  background: #fff;
  padding: 6px 10px;
  line-height: 20px;
  width: 120px;
  height: 20px;
}
#searchform #searchsubmit {
  float: left;
  border: none;
  margin-left: 1px;
  background: #424242;
  padding: 4px 8px 8px 8px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  height: 34px;
  font-size: 14px;
  border: 1px solid #000;
}




/* D E F A U L T   P A G E */
.entry-header {
  margin: 0 0 30px 0;
}

.entry-banner {
  width: 100%;
  height: 280px;
  overflow: hidden;
  position: relative;
  margin: 0 0 30px 0;
  background: @color-blue;
}

.entry-banner.location-map,
.entry-banner.location-map #map_canvas {
  height: 320px;
}

.entry-banner .banner_image img {
  width: 100%;
}
.entry-banner .banner_content {
  position: absolute;
  bottom: 0;
  left: 0;
/*
  background: @color-blue;
  background: rgba(0,0,0,.8);
  background: rgba(33,117,191,.8);
*/
  width: 100%;
  padding: 10px 20px;
}
.entry-banner .banner_title {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: .02em;
  color: #fff;
  /*
  font-family: "pragmatica-web-condensed",sans-serif;
  font-family: 'PT Sans Narrow', sans-serif;*/
  font-family: arial, helvetica;
  font-weight: 700;
}

.entry-title {
  font-size: 40px;
  line-height: 42px;
  letter-spacing: .02em;
  margin: 0 0 30px 0;
  color: #555555;
  font-family: Arial, 'Yanone Kaffeesatz';
}

.entry-intro {
  font-size: 18px;
  line-height: 26px;
  color: #000;
}



.entry-content {
  width: 70%;
  float: left;
}
.entry-sidebar{
  width: 25%;
  float: right;
}

.entry-content.full-width {
  width: 100%;
  float: none;
}

.entry-content h3, .entry-content h4 {
  font-family: Arial, 'Yanone Kaffeesatz';
  font-weight: 400;
  margin: 0 0 20px 0;
  letter-spacing: .02em;
}

.entry-content h3 {
  font-size: 28px;
  line-height: 30px;
  color: #333333;
}
.entry-content h4 {
  font-size: 20px;
  line-height: 20px;
  color: #000;
}

.entry-content p.last-child, 
.entry-content p:last-child {
  margin: 0;
}

.entry-content p {
  margin-bottom: 25px;
}

.entry-content ol,
.entry-content ul {
  margin: 0 0 30px 30px;
}
.entry-content ul {
  list-style: disc;
}
.entry-content ol {
  list-style: decimal;
}
.entry-content ul li, 
.entry-content ol li {
  margin: 0 0 10px 0;
}




.entry-sidebar .widget {
  margin-bottom: 30px;
  padding: 0 0 20px 0;
  border-bottom: 1px solid @border-color;
}
.entry-sidebar .widget.last-child, 
.entry-sidebar .widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget .widget-title {
  color: #181818;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 20px 0;
  font-family: Arial, 'Yanone Kaffeesatz';
}
.widget p {
  margin: 0 0 20px 0;
}

#widget-contact {
  font-size: 13px;
  line-height: 18px;
}

.widget ul {
  margin: 0; padding: 0;
  list-style: none;
}

#widget-casestudies li {
  margin: 0 0 10px 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}
#widget-casestudies li h4 {
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  font-size: 14px;
}

#widget-segments li {
  margin: 0 0 2px 0;
  font-weight: 400;
}

#widget-services li {
  margin: 0 0 2px 0;
  font-weight: 400;
}





/* H O M E   P A G E */

/*= Copal Overview Text */
#copal-overview {display: none; margin: 30px 0 50px 0;}

.quick-facts {
  text-align: center;
  font-size: 14px;
  padding: 0 0 25px 0;
}
.quick-facts li {
  padding: 0;
  margin: 0 !important;
}
.quick-facts span {
  font-weight: 400;
  font-size: 14px;
  display: block;
  margin: 0 0 10px 0;
}
.quick-facts strong {
  font-size: 20px !important;
  line-height: 24px !important;
  color: @color-blue !important;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
}

#copal-featured {
  border-top: 1px solid @border-color;
  padding: 10px 0 0 0;
}
#copal-featured li {
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 18px;
}
#copal-featured .feature-type {
  font-size: 11px;
  font-weight: 400;
  color: #999;
}
#copal-featured a {color: #000;}
#copal-featured a:hover {color: @color-blue;}

#copal-overview .widget p {margin: 0 0 15px 0 !important;}
#copal-overview .widget-title {font-size: 18px; font-weight: 700; margin: 0 0 10px 0;}

#welcome-message {
  border-top: 1px solid @border-color;
  padding: 10px 0 0 0;
}

#knowledge-centers{
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  border-top: 1px solid @border-color;
  font-size: 12px;
  line-height: 15px;
}
#knowledge-centers h4 {font-size: 13px; font-weight: 700; color: #000; margin: 0 0  0;}
#knowledge-centers .office-address {margin: 0 0 5px 0;}


/* A B O U T  +  C A R E E R S   P A G E */
.expandable-content {
  margin: 20px 0;
}
.expandable-content .more-content {
  display: none;
  margin: 0 0 30px 0;
}
.more-content-link {
  background: #333333;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 600;
text-decoration: none;  
}
.more-content-link:hover {
  background: #000;
  color: #fff;
}


.widget-quick-fact {
  margin: 80px 0 0 0;
  text-align: center;
}
.widget-quick-fact span {
  font-weight: 400;
  font-size: 22px;
  display: block;
  margin: 0 0 10px 0;
}
.widget-quick-fact strong {
  font-size: 42px !important;
  line-height: 40px !important;
  color: @color-blue !important;
  letter-spacing: -.05em !important;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif !important;
}




.btn-read-more {
  background: @color-blue;
  display: block;
  float: left;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 600;
}
.btn-read-more:hover {
  
}





/*= Offices */
.office-locations {
  font-size: 12px;
  line-height: 18px;
}

.office-locations h4 {
  font-weight: 700;
  color: #000;
  font-size: 15px;
  margin: 0;
}
.office-locations .office-address {
  margin: 0 0 10px 0;
}


/*= Leadership Team */
.leadership-team {
  margin: 30px 0;
}
.member-item .member-header {
  position: relative;
  
}
.member-item .member-photo {
  width: 100px;
  height: 110px;
  position: absolute;
  top: 0; left: 0;
  background: #efefef;
  display: none;
}

.member-item h4 {
  font-size: 18px;
  color: @color-blue;
  font-weight: 700;
  color: #000;
}
.member-item .member-title {
  font-weight: 400;
}




/* S E A R C H   R E S U L T S */
.search-results article {
  margin: 20px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid @border-color;
}
.search-results article .entry-title {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}



/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
  margin: 20px auto 20px auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}


/* F O O T E R */
#colophon {
	position: static;
	padding: 8px 0;
	width: 100%;
	margin: 0 !important;
	/* position: fixed; */
	bottom: 0;
	padding-bottom: 0px;
}

.copy {
background: #000;
  height:30px;
  position:static;
  padding: 8px 0;
  width:960px;
  margin: auto;

}

#copyright-info {
  text-align: right;
float: right;
font-size: 11px;
line-height: 24px;
color: #FFFFFF;
padding-right: 30px;
}
#copyright-info a {color: #ccc;}

#social-info {
  text-align: left; 
  float: left; 
  width: 600px; 
  font-size: 11px; 
  line-height: 24px;
  color: #999;
}
.nav-footer {
	font-size: 11px;
	color: #999;
	background-image: url('http://www.copalamba.com/wp-content/uploads/2015/02/footer-background.png');
	height: 280px;
	width: 960px;
}
.nav-footer ul {
  margin: 0; 
  padding: 0;
  list-style: none;
}
.nav-footer ul li {
  display: inline;
}

.nav-footer ul li:after {
 /* content: '|';
  padding: 0 3px; */
} 

.sub-menu ul:after {
  content: ',';
  padding: 0 3px;
}
.nav-footer ul li:last-child:after {
  content: '';
  padding: 0;
}
.nav-footer a {color: #ccc;}



#footer-navigation {
  float: right;
  font-size: 11px; 
  line-height: 24px;
  color: #999;
}
#footer-navigation a {color: #ccc;}

#footer-social {
  float: right;
}
#footer-social h4 {
  float: left;
  margin: 0 10px 0 0 !important;
  line-height: 24px;
  color: #666;
}
.social-links ul {
  float: left;
}
.social-links ul li {
  float: left;
  width: 24px;
  height: 24px;
  margin: 0 0 0 10px;
}
#footer-social ul li a {
  width: 24px;
  height: 24px;
  display: block;
  text-indent: -999em;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.social-links ul li a:hover {background-position: left top;}
.social-links ul li.facebook a {background-image: url(images/icon-facebook.png);}
.social-links ul li.twitter a {background-image: url(images/icon-twitter.png);}
.social-links ul li.google-plus a {background-image: url(images/icon-google.png);}
.social-links ul li.linkedin a {background-image: url(images/icon-linkedin.png);}

.toggle-button {
  display: block;
  width:180px;
  height: 36px;
  left: 50%;
  bottom: 22px;
  color: #fff;
  margin-left: -90px;
  z-index: 99999999999;
  position: absolute;
}
.toggle-overview {
  display: block;
  font-size: 11px;  
  color: #000;  
  width:138px;
  padding-left: 42px;
  height: 36px;
  line-height: 36px;
  font-weight: 700;
  background: url(images/icon-toggle-button.png) no-repeat center top;
}
.toggle-button span {
  display: none;
}
.toggle-overview.active{background-position: center bottom;}









/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: rgba(0,0,0,.7);
}

.ui-dialog {
	position: absolute; padding: 0; 
	background:#fff; overflow: hidden;
  .box-shadow(1px,1px,6px,#000);
	border-left:none;
	border-top:none;
}
.ui-widget-header {
  background: @color-blue;
  color: #fff;
  padding: 12px 25px;
  position: relative;
  
}
.ui-widget-header .ui-dialog-title {
  font-weight: 700;
  font-size: 16px;
  /*text-transform: uppercase;*/
}

.ui-dialog .ui-icon-closethick {
  position: absolute;
  right: 8px; top: 8px;
  font-size: 12px; color: #fff;
  text-decoration: underline;
  background: url(images/ui_dialog_close.png) no-repeat;
  width: 27px; height: 27px;
  text-indent: -999em;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 20px 25px;
	background: none;
	overflow: auto;
}

.ui-dialog .ui-dialog-content p {
  font-family: georgia;
  font-style: italic;
  margin: 0 0 20px 0;
}


/* C O N T A C T */

.contact-popup {
  display: block;
  /* background: url(images/btn-contact.png) no-repeat left top; */
  background: #333333;
  width: 210px;
  height: 15px;
  padding: 20px 15px;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  font-family: arial, helvetica;
  /*text-transform: uppercase;*/
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.contact-popup:hover {
  color: #fff;
  background: #000;
}



#frm_contact label {display: none;}
#frm_contact .field_wrap {
  margin: 0 0 20px 0;
  position: relative;
  width: 480px;
}
#frm_contact .required {
  color: red;
  font-size: 32px;
  position: absolute;
  top: 0;
  right: 0;
}
#frm_contact .tbstyle, #frm_contact .tastyle, #frm_contact .cmbstyle{
  width: 440px;
  border: none;
  border: 1px solid #e5e5e5;
  padding: 9px;
  outline: none;
  color: #666;
  font-size: 13px;
  font-family: @body-font;
}
#frm_contact .cmbstyle {
  width: 460px;
}
#frm_contact  .tastyle{
  height: 112px;
  line-height: 20px;
  resize: none;
}
#frm_contact .btnstyle {
  width: 100px;
  float: left;
  background: #333333;
  border: none;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.error_input{
  border-color: red !important;
}
.clear{clear: both;}

.thanks_message {
  font-size: 12px;
  line-height: 36px;
  height: 36px;
  display: block;
  float: left;
  margin-left: 20px;
  width: 320px;
  padding: 0 10px;
  font-weight: 700;
}
.thanks_message.loading {
  background: url(images/loading.gif) no-repeat left center;
}
.thanks_message.success {
  background: #efefef;
  color: green;
}
.thanks_message.error {
  background: #efefef;
  color: red;
}



@import "css/map.less";
@import "css/slider.less";


#sitemap {
  list-style: none;
  margin: 0; padding: 0;
  font-size: 22px;
  line-height: 22px;
}

#sitemap > li {
  margin-bottom: 50px;
  padding: 0; margin-bottom: 50px;
}
#sitemap > li > a {
  border-top: 1px solid #999;
  display: block;
  padding: 10px 0;  
} 
#sitemap > li > a:hover {background: #fafafa;}
#sitemap > li ul {
  margin: 0 0 10px 0; padding: 0;
  list-style: none;
  font-size: 15px;
}
#sitemap > li > ul > li {
  border-top: 1px solid #efefef;
  margin: 0 0 5px 0;
  padding: 5px 0;
}

#sitemap .children .children {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
#sitemap .children .children li {
  display: inline;
  padding-right: 10px;
  margin: 0;
}


#casestudies {
  margin: 0; padding: 0;
  list-style: none;
}

#casestudies li {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid @border-color;
}
#casestudies li h4 {
  margin: 0 0 5px 0;
}


/* Press Releases */
#press-list {}
.press-item {
  padding: 0 0 30px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid @border-color;
}
.press-item:last-child {border: none;}
.press-item h3 {
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}
.press-item h3 a {color: #000;}
.press-item-meta {
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0 15px 0;
  color: #999;
}

.archive-header {
  margin: 0 0 20px 0;
}

.widget_archive select {
  width: 100%;
  border: none;
  border: 1px solid #e5e5e5;
  padding: 2%;
  outline: none;
  color: #666;
  font-size: 13px;
  font-family: @body-font; 
}

.accordion-toggle
{
	color: #333333 !important ;
	text-decoration: none;
}
.accordion-group
{
	border: 0px solid #e5e5e5;
}
.accordion-inner
{
	border-top: 0px solid #e5e5e5;
}
.showing_jobs {
display: none !important;
}
.banner_wrapper .banner .banner_caption
{
	background: none;
}
.banner_wrapper .banner
{
	border: 0px solid black;
}
.banner_wrapper .banner.bottom .banner_caption
{
	top: 0px;
}