/* Project X - Colors */
/* Primary color group */
/* Background for the main viewport - White */
/* Background for the main content area ex: header and footer - White */
/* Deep Red */
/* Deeper Red */
/* Green Highlights */
/* Main Background Colour */
/* Greys */
/* Black - Just in case you want to pull the colour down a notch */
/* Grey Control - 12% opaque on black */
/* Grey Control - 50% opaque on black */
/* Grey Control - The grey all the others are based off */
/* Grey Control - 75% opaque on white */
/* Grey Control - 25% opaque on white */
/* Project X - Primary containers, margins, spacing and gutters etc */
/* Container related dimensions */
/* This is the primary width for the website */
/* Specified in a number of places if needed */
/* Height */
/* Can't be specified in #container-outer as a $variable so it's hard coded */
/* Specified for footer height and related calculations */
/* Margin meant just for controlling containers */
/* */
/* */
/* */
/* Padding meant just for controlling containers */
/* */
/* */
/* */
/* Project X - Text and text icons */
/* Text variables - Font families */
/* Text variables - Misc properties */
/* Project X - Directory */
/* Child containers - Level 1 */
.page-container {
  width: 100%; }

.page-container:after {
  content: "";
  display: table;
  clear: both; }

/* This will wildcard all subcontainers and tell them to float left */
[class*="sub-container-"] {
  float: left; }

/* Apply this much padding to all but the last sub containers */
[class*="sub-container-"] {
  padding-right: 20px; }

[class*="sub-container-"]:last-of-type {
  padding-right: 0; }

/* Child containers - Level 2 */
/* Half sub containers */
.sub-container-1-2 {
  width: 50%; }

.page-container.top .sub-container-1-2:last-of-type {
  text-align: right;
  padding-right: 20px !important; }

/* Third width sub containers */
.sub-container-1-3 {
  width: 33.33%;
  /* Aaron H */ }

.sub-container-2-3 {
  width: 66.66%;
  /* Aaron H */ }

/* Quarter width sub containers */
.sub-container-1-4 {
  width: 25%; }

.sub-container-1-4.sidebar {
  padding-left: 20px; }

.sub-container-2-4 {
  width: 50%; }

.sub-container-3-4 {
  width: 75%; }

/* Fifth width sub containers */
.sub-container-1-5 {
  width: 20%; }

.sub-container-2-5 {
  width: 40%; }

.sub-container-3-5 {
  width: 60%; }

.sub-container-4-5 {
  width: 80%; }

/* Sixth width sub containers */
.sub-container-1-6 {
  width: 16%; }

.sub-container-2-6 {
  width: 33%; }

.sub-container-3-6 {
  width: 50%; }

.sub-container-4-6 {
  width: 66%; }

.sub-container-5-6 {
  width: 83%; }

/* Global directory styles */
h2.directory-search {
  padding-bottom: 20px;
  line-height: 120%;
  border-bottom: 1px solid #f4f5f4; }

.dir-search-button {
  width: 100%;
  background: #cd5c5c;
  border: none;
  padding: 10px 20px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 1.25em; }

@media (max-width: 1000px) {
  .blog.archive.search.search-results #sidebar {
    width: 100% !important;
    font-size: 14px !important;
    margin-top: 50px; } }

@media (max-width: 1000px) {
  .blog.archive.search.search-results #sidebar h4 {
    font-size: 18px !important; } }

/* Filtered lists styling */
#search-filter-form-10749 {
  padding-bottom: 20px; }

#search-filter-form-10749 .sf-count {
  padding-left: 10px; }

#search-filter-form-10749 ul.children {
  margin: 5px !important; }

h4.widgettitle {
  padding-top: 4px; }

ul.cont-list li {
  margin: 0; }

ul.cont-list li a {
  color: #cd5c5c !important; }

/* Keep for reference - These were to initially switch on/off chile/parent list items while running the same filter list twice
#search-filter-form-10749 ul li.sf-field-taxonomy-country:nth-child(2) ul.children {
  margin-top: -25px;
  margin-left: -15px;
}

#search-filter-form-10749 ul li.sf-field-taxonomy-country:nth-child(2) label, 
#search-filter-form-10749 ul li.sf-field-taxonomy-country:nth-child(2) input[type="checkbox"] {
 visibility: hidden; 
 }
*/
#search-filter-form-10749 ul li.sf-field-taxonomy-country:nth-child(1) ul.children label,
#search-filter-form-10749 ul li.sf-field-taxonomy-country:nth-child(1) ul.children input[type="checkbox"] {
  font-weight: bold; }

/* Directory Homepage */
.sub-container-1-2.directory-banner {
  width: 48%;
  padding: 30px;
  background: #000;
  color: #fff;
  height: 200px;
  font-size: 1.25em;
  text-align: center; }

.sub-container-1-2.directory-banner:last-of-type {
  float: right; }

/* Jurisdiction and company logos page */
.page-container.logos {
  padding: 0; }

.page-container.logos .sub-container-1-2 {
  position: relative;
  max-width: 48%;
  display: block;
  margin-bottom: 30px;
  border: 1px solid #e0e1e3;
  height: 200px; }

.page-container.logos .sub-container-1-2:nth-child(odd) {
  float: left; }

.page-container.logos .sub-container-1-2:nth-child(even) {
  float: right; }

.page-container.logos .sub-container-1-2 a {
  display: block;
  height: 100%;
  width: 100%; }

.page-container.logos img {
  float: none;
  padding: 0 30px;
  max-height: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.dir-paging a,
.dir-paging span {
  display: inline-block;
  padding: 5px;
  color: #fff !important;
  text-align: center; }

.dir-paging a.page-numbers {
  width: 30px;
  background-color: #cd5c5c; }

.dir-paging span.page-numbers.current {
  width: 30px;
  background-color: #6b6c6d; }

.dir-paging a.prev.page-numbers,
.dir-paging a.next.page-numbers {
  width: 50px; }

/* Profile page styles */
.page-container.dir-profile {
  border-bottom: 1px solid #f4f5f4;
  padding-bottom: 30px; }

.page-container.dir-profile h1 {
  text-transform: capitalize; }

.page-container.dir-profile .sub-container-1-3 {
  float: left;
  display: block;
  text-align: center;
  margin-bottom: 30px;
  padding: 10px 40px;
  border: 1px solid #e0e1e3;
  height: 200px;
  width: 33.33%;
  overflow: hidden; }
  @media (max-width: 600px) {
    .page-container.dir-profile .sub-container-1-3 {
      width: 100%; } }

.page-container.dir-profile .sub-container-1-3 img {
  padding: 30px;
  /* height: 100% !important; */
  /* max-width: auto !important; */ }

.page-container.dir-profile .sub-container-2-3 {
  padding-left: 20px; }
  @media (max-width: 600px) {
    .page-container.dir-profile .sub-container-2-3 {
      width: 100%; } }

.page-container.dir-profile .sub-container-2-3 ul,
.page-container.dir-profile .sub-container-2-3 p:nth-child(-n+1) {
  padding-bottom: 20px; }

.page-container.dir-profile .sub-container-1-3 {
  position: relative; }

.page-container.dir-profile .sub-container-1-3 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.page-container.staff {
  padding: 30px 0; }

.page-container.staff.sub {
  display: block;
  float: left;
  max-width: 260px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #f4f5f4; }

.page-container.staff.sub p {
  max-width: 240px;
  font-size: 0.7em; }

.page-container.staff.sub img {
  float: left;
  max-width: 195px; }

.page-container.staff.sub ul {
  float: right; }

ul.social-ver, ul.social.hor {
  list-style: none; }

ul.social-hor {
  padding-right: 2px; }

ul.social-hor li {
  display: inline-block; }

ul.social-ver li {
  padding-bottom: 2px; }

a.icon-sprite {
  display: block;
  height: 24px;
  width: 24px;
  background-color: #000; }

a.icon-sprite.linkedin {
  background-image: url(icon-sprite-sheet.png);
  background-position-y: -24px; }

a.icon-sprite.twitter {
  background-image: url(icon-sprite-sheet.png);
  background-position-y: -2px; }

a.icon-sprite.facebook {
  background-image: url(icon-sprite-sheet.png);
  background-position-x: 24px;
  background-position-y: -23px; }

a.icon-sprite.email {
  background-image: url(icon-sprite-sheet.png);
  background-position-x: 24px;
  background-position-y: -2px; }

/* Project X - Directory - To be deleted afterwards - Usually styles that are controlled by plugins */
ul.checkbox {
  list-style: none;
  margin-left: 0; }

/* Also to be deleted but add to the current live site - _secondary-layout.scss rules - may need to do a custom stylesheet just for the directory */
/* Filtered listings for specific landing pages */
.page-id-11094 .sf-level-0.sf-item-14,
.page-id-11094 .sf-level-0.sf-item-11,
.page-id-11094 .sf-level-0.sf-item-15,
.page-id-11094 .sf-level-0.sf-item-16 {
  display: none !important; }

/* Project X - Effects */
/* Effects mixins - Radius */
/* Effects mixins - Box shadows */
/* .page-container.logos .sub-container-1-2{
@include full-box-shadow(0, 0, 8px, rgba(0, 0, 0, 0.03));
} */