{"version":3,"sources":["foopeople.theme.css","includes/_icons.scss","foopeople.theme.scss","includes/_utilities.scss","includes/_breakpoints.scss","includes/_person-listing.scss","includes/_person-item.scss","includes/_variables.scss","includes/_person-single.scss","includes/_person-search.scss","includes/_people-organogram.scss","includes/_theme-options.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACsFhB,aDlEE,wBAAwB,ECuE1B,gLDnE6E,EC6E7E,mBACU,ED5ER,kBAAkB,EAAA;;AAvBpB,8CA2BE,+EAAA,ECsFF,mCAEW,EDtFT,WAAW,ECyFb,kBAAA,EDvFE,mBAAmB,EC4FrB,oBAAkB,ED1FhB,oBAAoB,EE7BtB,cACC,EF8BC,eAAe,EE/BjB,qBAGE,EF8BA,mBAAmB,EAEnB,sCAAA,EEnCF,mCCIQ,EHiCN,kCAAkC,EAAA;;AErCpC,8BAAA,YFLsB,EAAO;;AAsD7B,+BAEI,YCXkB,EAAQ;;ACxC9B,gCAAA,YFHwB,EAAO;;AA8D/B,yBAEI,YCjBJ,EAAoB;;AC5CpB,+BAAA,YFDuB,EAAO;;AAsE9B,wBAEI,YCtBJ,EAAqB;;ACjDrB,yBAAA,YFCiB,EAAO;;AA8ExB,2BAEI,YC3BJ,EAAsB;;AD8BtB,8BEpFA,YFGsB,EAAO;;AAsF7B,yBAEI,YChCW,EACJ;;AC5DX,wBAAA,YFKgB,EAAO;;AA8FvB,wBAEI,YCrCJ,EAAqB;;AGuCjB,uBFvGJ,YFOe,EAAO;;AAsGtB,8BAEI,YCzCO,EACP;;ACvEJ,iCAAA,YFSyB,EAAO;;AA8GhC,4BAEI,YC/CW,EAEX;;AA3BJ,aDhDC,8BAAsB,EAAtB,sBAAsB,EAAA;;ACgDvB,eD9CE,8BAAsB,EAAtB,sBAAsB,EAAA;;AC8CxB,+BALA,iBAAA,EAAA;;AAKA,wCD5CE,cAAc,EC2DhB,qBAAqB,EAAA;;AAfrB,qDDxCE,WAAW,EAAA;;ACwCb,mCAwCA,cAAe,EDxEb,qBAAqB,EC6EvB,aAAc,EAAA;;AA7Cd,gDD5BE,WAAW,EAAA;;AC4Bb,mCDtBC,0BAA0B,EAAA;;ACsB3B,0BArCA,qBACE,EDlBD,kBAAkB,EC6CnB,cD6BmB,EAAA;;ACpBnB,+BALA,yBD3CkB,EAFjB,4BAA4B,ECkD7B,sBAAqB,EDhDpB,iBA4FyB,ECvC1B,4DAGG,EAHH,oDAGG,EAAA;;AARH,yCAeA,SAAA,EAAA;;AAfA,2CAyBA,eAAe,ED/Db,cAAc,ECoEhB,cAAA,EDlEE,sBAda,EAAA;;ACkDf,gCA6CA,cDzBmB,EAAA;;ACpBnB,oCD5BE,cAAc,ECmFhB,oBDnCmB,EA9CjB,kBAAkB,EAAA;;AC0BpB,6BAiEA,gBClHA,EF2BG,oBA0CgB,ECkDnB,cAAA,EAAA;;AAtEA,iCCjDA,iBAGE,EF8BA,yBAAyB,EAAA;;ACgB3B,+BCjDA,qBCaA,EAAA;;AFoCA,0BAAA,gBAAA,EDhDC,cAA4B,ECqD7B,kBGDqB,EJlDpB,UAAU,ECwDX,oBAAA,EAAA,oBAAA,EAAA,aAAA,EDtDC,mBAAe,EAAf,eAAe,EAAA;;AC4ChB,4CAyBA,gCDzEkB,EAAA;;ACgDlB,kDAwCA,aAAe,EDxEb,gBAAgB,EC6ElB,gDAGG,EAHH,wCAGG,ED9ED,mBAlBgB,EAAA;;AEDlB,gCDiDA,kDAuDA,kCAGG,EAAA,ED1ED;;AAoBE,6BCJJ,kDAiEA,kBAAA,EDvFG,SAAS,EC4FZ,UAAA,ED1FG,WAAW,EE7Bd,yBFCkB,EA8Bf,UAAU,EAAA,EAEX;;ACgBF,yDDdG,YKpCH,EAAA;;AJkDA,gCDNC,kBAAkB,EE3CnB,UC0BA,EHmBC,eAA2B,EE7C5B,oBFuEoB,EEvEpB,yBFCkB,EAgDjB,cKPD,EH1CA,kBIKA,EN8CC,eAAe,EAEf,gBAtDc,EECf,yCKqEK,ELrEL,iCKqEK,EAAA;;ANpBL,6CDQE,kBAAkB,EAAA;;ACRpB,0CDYE,aAAa,EAAA;;AARX,6BCJJ,oECjDA,6BGeC,EHfD,qBGeC,EAAA;EJkCD,sCD1BE,+EAAA,ECsFF,mCAEW,EDtFT,WAAW,ECyFb,kBAAA,EDvFE,mBAAmB,EC4FrB,oBAAkB,ED1FhB,oBAAoB,EE7BtB,cACC,EF8BC,eAAe,EE/BjB,qBAGE,EF8BA,mBAAmB,EAEnB,sCAAA,EEnCF,mCCIQ,EHiCN,kCAAkC,EAoCjC,YA9EmB,EAAO,eKI7B,EAAA,kBL4Ea,EAAQ,SE3ErB,EG0CA,WLmCU,EAAI,UKnCd,EAAA,yCLqCkC,EKrClC,iCLqCkC,EAAW;EC9B7C,0CCjDA,6BG0CA,EH1CA,qBG0CA,EL6CG,UAAU,EAEV,oDAAyC,EAAzC,4CAAyC,EEzF5C,4BGoHC,ELzBE,6BAA6B,EAAA;EC1ChC,kED4CI,iBAAiB,EE7FrB,UGkIA,ELnCI,+B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","file":"../foopeople.theme.css","sourcesContent":[null,"$icomoon-font-path: \"../icons\" !default;\r\n\r\n$ppl_icon-close-thin: \"\\e90f\";\r\n$ppl_icon-close-thick: \"\\e90e\";\r\n$ppl_icon-minus-circle: \"\\e90c\";\r\n$ppl_icon-minus: \"\\e90d\";\r\n$ppl_icon-plus-circle: \"\\e900\";\r\n$ppl_icon-plus: \"\\e901\";\r\n$ppl_icon-phone: \"\\e902\";\r\n$ppl_icon-sitemap: \"\\e903\";\r\n$ppl_icon-map-marker: \"\\e904\";\r\n$ppl_icon-group: \"\\e905\";\r\n$ppl_icon-user: \"\\e906\";\r\n$ppl_icon-tags: \"\\e907\";\r\n$ppl_icon-tag: \"\\e908\";\r\n$ppl_icon-envelope-o: \"\\e909\";\r\n$ppl_icon-envelope-open: \"\\e90a\";\r\n$ppl_icon-envelope: \"\\e90b\";\r\n\r\n@font-face {\r\n  font-family: 'foopeople';\r\n  src:\r\n    url('#{$icomoon-font-path}/foopeople.ttf?s79s01') format('truetype'),\r\n    url('#{$icomoon-font-path}/foopeople.woff?s79s01') format('woff'),\r\n    url('#{$icomoon-font-path}/foopeople.svg?s79s01#foopeople') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@mixin icon() {\r\n  /* use !important to prevent issues with browser extensions that change fonts */\r\n  font-family: 'foopeople' !important;\r\n  speak: none;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-variant: normal;\r\n  text-transform: none;\r\n  line-height: 1;\r\n  font-size: 17px;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n\r\n  /* Better Font Rendering =========== */\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n[class^=\"ppl_icon-\"], [class*=\" ppl_icon-\"] {\r\n  @include icon();\r\n}\r\n\r\n.ppl_icon-close-thin {\r\n  &:before {\r\n    content: $ppl_icon-close-thin;\r\n  }\r\n}\r\n.ppl_icon-close-thick {\r\n  &:before {\r\n    content: $ppl_icon-close-thick;\r\n  }\r\n}\r\n.ppl_icon-minus-circle {\r\n  &:before {\r\n    content: $ppl_icon-minus-circle;\r\n  }\r\n}\r\n.ppl_icon-minus {\r\n  &:before {\r\n    content: $ppl_icon-minus;\r\n  }\r\n}\r\n.ppl_icon-plus-circle {\r\n  &:before {\r\n    content: $ppl_icon-plus-circle;\r\n  }\r\n}\r\n.ppl_icon-plus {\r\n  &:before {\r\n    content: $ppl_icon-plus;\r\n  }\r\n}\r\n.ppl_icon-phone {\r\n  &:before {\r\n    content: $ppl_icon-phone;\r\n  }\r\n}\r\n.ppl_icon-sitemap {\r\n  &:before {\r\n    content: $ppl_icon-sitemap;\r\n  }\r\n}\r\n.ppl_icon-map-marker {\r\n  &:before {\r\n    content: $ppl_icon-map-marker;\r\n  }\r\n}\r\n.ppl_icon-group {\r\n  &:before {\r\n    content: $ppl_icon-group;\r\n  }\r\n}\r\n.ppl_icon-user {\r\n  &:before {\r\n    content: $ppl_icon-user;\r\n  }\r\n}\r\n.ppl_icon-tags {\r\n  &:before {\r\n    content: $ppl_icon-tags;\r\n  }\r\n}\r\n.ppl_icon-tag {\r\n  &:before {\r\n    content: $ppl_icon-tag;\r\n  }\r\n}\r\n.ppl_icon-envelope-o {\r\n  &:before {\r\n    content: $ppl_icon-envelope-o;\r\n  }\r\n}\r\n.ppl_icon-envelope-open {\r\n  &:before {\r\n    content: $ppl_icon-envelope-open;\r\n  }\r\n}\r\n.ppl_icon-envelope {\r\n  &:before {\r\n    content: $ppl_icon-envelope;\r\n  }\r\n}\r\n\r\n","// Pace People styles\r\n// ---------------------------------------\r\n\r\n@import \"includes/variables\";\r\n@import \"includes/breakpoints\";\r\n@import \"includes/icons\";\r\n\r\n.foopeople {\r\n\tbox-sizing: border-box;\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\t@import \"includes/utilities\";\r\n\t@import \"includes/buttons\";\r\n\t@import \"includes/person-item\";\r\n\t@import \"includes/person-listing\";\r\n\t@import \"includes/person-single\";\r\n\t@import \"includes/person-search\";\r\n\t@import \"includes/people-organogram\";\r\n}\r\n\r\n@import \"includes/theme-options\";","// Utility styles\r\n// -------------------------------------------\r\n\r\n// Spacer\r\n.ppl__item_spacer {\r\n\tmargin-right: 3px;\r\n}\r\n\r\n// Delimiters\r\n.ppl__item_delimiter {\r\n\t// white-space: nowrap;\r\n\t&:after {\r\n\t\tcontent: ' , ';\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\t&:last-of-type:after {\r\n\t\tcontent: '';\r\n\t}\r\n}\r\n\r\n.ppl__item_pipe {\r\n\t// white-space: nowrap;\r\n\t&:after {\r\n\t\tcontent: ' | ';\r\n\t\tdisplay: inline-block;\r\n\t\tcolor: silver;\r\n\t}\r\n\t&:last-of-type:after {\r\n\t\tcontent: '';\r\n\t}\r\n}\r\n\r\n// Text styles\r\n.ppl_text_captitalize {\r\n\ttext-transform: capitalize;\r\n}\r\n\r\n\r\n// Make a WP admin button\r\n@mixin wordpressbutton() {\r\n\tcolor: #0071a1;\r\n    border-color: #0071a1;\r\n    background: #f3f5f6;\r\n\tvertical-align: top;\r\n\r\n\tdisplay: inline-block;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    line-height: 2.15384615;\r\n    min-height: 30px;\r\n    margin: 0;\r\n    padding: 0 10px;\r\n    cursor: pointer;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    -webkit-appearance: none;\r\n    border-radius: 3px;\r\n    white-space: nowrap;\r\n    box-sizing: border-box;\r\n}","// Breakpoint viewport sizes and media queries.\r\n//\r\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\r\n//\r\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\r\n//\r\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\r\n\r\n// Name of the next breakpoint, or null for the last breakpoint.\r\n//\r\n//    >> breakpoint-next(sm)\r\n//    md\r\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n//    md\r\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\r\n//    md\r\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\r\n  $n: index($breakpoint-names, $name);\r\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\r\n}\r\n\r\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\r\n//\r\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n//    576px\r\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\r\n  $min: map-get($breakpoints, $name);\r\n  @return if($min != 0, $min, null);\r\n}\r\n\r\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\r\n// The maximum value is calculated as the minimum of the next one less 0.02px\r\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\r\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\r\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\r\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\r\n//\r\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n//    767.98px\r\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\r\n  $next: breakpoint-next($name, $breakpoints);\r\n  @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\r\n}\r\n\r\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\r\n// Useful for making responsive utilities.\r\n//\r\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n//    \"\"  (Returns a blank string)\r\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n//    \"-sm\"\r\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\r\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\r\n}\r\n\r\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\r\n// Makes the @content apply to the given breakpoint and wider.\r\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\r\n  $min: breakpoint-min($name, $breakpoints);\r\n  @if $min {\r\n    @media (min-width: $min) {\r\n      @content;\r\n    }\r\n  } @else {\r\n    @content;\r\n  }\r\n}\r\n\r\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\r\n// Makes the @content apply to the given breakpoint and narrower.\r\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\r\n  $max: breakpoint-max($name, $breakpoints);\r\n  @if $max {\r\n    @media (max-width: $max) {\r\n      @content;\r\n    }\r\n  } @else {\r\n    @content;\r\n  }\r\n}\r\n\r\n// Media that spans multiple breakpoint widths.\r\n// Makes the @content apply between the min and max breakpoints\r\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\r\n  $min: breakpoint-min($lower, $breakpoints);\r\n  $max: breakpoint-max($upper, $breakpoints);\r\n\r\n  @if $min != null and $max != null {\r\n    @media (min-width: $min) and (max-width: $max) {\r\n      @content;\r\n    }\r\n  } @else if $max == null {\r\n    @include media-breakpoint-up($lower, $breakpoints) {\r\n      @content;\r\n    }\r\n  } @else if $min == null {\r\n    @include media-breakpoint-down($upper, $breakpoints) {\r\n      @content;\r\n    }\r\n  }\r\n}\r\n\r\n// Media between the breakpoint's minimum and maximum widths.\r\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\r\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\r\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\r\n  $min: breakpoint-min($name, $breakpoints);\r\n  $max: breakpoint-max($name, $breakpoints);\r\n\r\n  @if $min != null and $max != null {\r\n    @media (min-width: $min) and (max-width: $max) {\r\n      @content;\r\n    }\r\n  } @else if $max == null {\r\n    @include media-breakpoint-up($name, $breakpoints) {\r\n      @content;\r\n    }\r\n  } @else if $min == null {\r\n    @include media-breakpoint-down($name, $breakpoints) {\r\n      @content;\r\n    }\r\n  }\r\n}\r\n","$item_duration: 500ms;\r\n$details_duration: 800ms;\r\n$details_delay: 500ms;\r\n\r\n\r\n\r\n.ppl_listing {\r\n\tlist-style: none;\r\n\tmargin: 0 -$listing_gutter/2;\r\n\tmargin-bottom: $m-lg;\r\n\tpadding: 0;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\r\n\t// Header\r\n\t// --------------------------------------------------------\r\n\t.ppl__card_header {\r\n\t\tborder-bottom: solid 1px $light;\r\n\t}\r\n\r\n\t// More details\r\n\t// --------------------------------------------------------\r\n\t.ppl__card_more-details {\r\n\t\tmax-height: 0;\r\n\t\toverflow: hidden;\r\n\t\ttransition: max-height $details_duration ease-in-out;\r\n\t\tbackground: $light;\r\n\r\n\t\t@include media-breakpoint-down(sm) {\r\n\t\t\tmargin: $m-md #{-$m-xs} #{-$m-xs} #{-$m-xs};\r\n\t\t}\r\n\r\n\t\t@include media-breakpoint-up(md) {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: -1px;\r\n\t\t\tright: -1px;\r\n\t\t\tborder: solid 1px $light;\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\t\t.ppl__card_particulars-wrapper {\r\n\t\t\tpadding: $m-sm;\r\n\t\t}\r\n}\r\n\r\n\r\n// A person item\r\n// --------------------------------------------------------\r\n.ppl__listing-item {\r\n\tposition: relative;\r\n\tz-index: 0;\r\n\tmargin: 0 $listing_gutter/2;\r\n\tmargin-bottom: $m-md;\r\n\r\n\tborder: solid 1px $light;\r\n\tfont-size: $font-base;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\r\n\tbackground: $white;\r\n\ttransition: $item_duration all ease-in-out;\r\n\r\n\t.ppl__button {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t&.is-hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t@include media-breakpoint-up(md) {\r\n\r\n\t\t&:hover {\r\n\t\t\t.ppl__card_portrait_thumbnail {\r\n\t\t\t\ttransform: scale(1.2);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\t@include icon();\r\n\t\t\tcontent: $ppl_icon-close-thin;\r\n\t\t\tfont-size: 30px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 10px;\r\n\t\t\tright: 10px;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: $item_duration all ease-in-out;\r\n\t\t}\r\n\r\n\t\t// Active toggle\r\n\t\t// --------------------------------------------------------\r\n\t\t&.is-active {\r\n\t\t\t// transition-delay: $item_duration;\r\n\t\t\ttransform: scale(1.2);\r\n\t\t\tz-index: 1;\r\n\t\t\t// transform-origin: top center;\r\n\t\t\tbox-shadow: 0 0 40px 10px rgba(0,0,0,0.2);\r\n\t\t\tborder-bottom-left-radius: 0;\r\n\t\t\tborder-bottom-right-radius: 0;\r\n\t\t\t.ppl__card_more-details {\r\n\t\t\t\tmax-height: 400px;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\ttransition-delay: $details_delay;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\ttransition-delay: $details_delay;\r\n\t\t\t}\r\n\t\t}\r\n\t} // END media query\r\n\r\n\t@include media-breakpoint-down(md) {\r\n\t\t// Active toggle\r\n\t\t// --------------------------------------------------------\r\n\t\t&.is-active {\r\n\t\t\t.ppl__card_more-details {\r\n\t\t\t\tmax-height: 400px;\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t} // END media query\r\n\r\n\t.ppl__card_portrait_thumbnail {\r\n\t\tmargin-top: -$portrait_box/2;\r\n\t\tmargin-bottom: $m-sm;\r\n\t\twidth: $portrait_box;\r\n\t\ttransition: $item_duration all ease-in-out;\r\n\t}\r\n}\r\n\r\n\r\n\r\n\r\n\r\n// Columns\r\n// --------------------------------------------------------\r\n.ppl_listing {\r\n\t&[data-ppl-columns=\"1\"] {\r\n\t\t.ppl__listing-item {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-left: 0;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\t&[data-ppl-columns=\"2\"] {\r\n\t\t.ppl__listing-item {\r\n\t\t\twidth: calc(50% - #{$listing_gutter});\r\n\r\n\t\t\t// &:nth-of-type(2n-1) {\r\n\t\t\t// \ttransform-origin: left center;\r\n\t\t\t// }\r\n\t\t\t// &:nth-of-type(2n) {\r\n\t\t\t// \ttransform-origin: right center;\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n\t&[data-ppl-columns=\"3\"] {\r\n\t\t.ppl__listing-item {\r\n\t\t\twidth: calc(33.333% - #{$listing_gutter});\r\n\r\n\t\t\t// &:nth-of-type(3n-2) {\r\n\t\t\t// \ttransform-origin: left center;\r\n\t\t\t// }\r\n\t\t\t// &:nth-of-type(3n) {\r\n\t\t\t// \ttransform-origin: right center;\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n\t&[data-ppl-columns=\"4\"] {\r\n\t\t.ppl__listing-item {\r\n\t\t\twidth: calc(25% - #{$listing_gutter});\r\n\r\n\t\t\t// &:nth-of-type(4n-3) {\r\n\t\t\t// \ttransform-origin: left center;\r\n\t\t\t// }\r\n\t\t\t// &:nth-of-type(4n) {\r\n\t\t\t// \ttransform-origin: right center;\r\n\t\t\t// }\r\n\t\t}\r\n\t}\r\n\r\n\t// Mobile\r\n\t@include media-breakpoint-down(xs) {\r\n\t\t&[data-ppl-columns] .ppl__listing-item {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-left: 0;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t// Tablet Portrait\r\n\t@include media-breakpoint-only(sm) {\r\n\t\t&[data-ppl-columns=\"3\"] .ppl__listing-item,\r\n\t\t&[data-ppl-columns=\"4\"] .ppl__listing-item {\r\n\t\t\twidth: calc(50% - #{$listing_gutter});\r\n\t\t}\r\n\t}\r\n\r\n\t// Tablet Landscape\r\n\t@include media-breakpoint-only(md) {\r\n\t\t&[data-ppl-columns=\"4\"] .ppl__listing-item {\r\n\t\t\twidth: calc(50% - #{$listing_gutter});\r\n\t\t}\r\n\t}\r\n}\r\n","// Shared styles for listing and single person views\r\n// ================================================================================\r\n\r\n// Person Header\r\n.ppl__card_header {\r\n\tbackground-color: $cover_photo_bg_color;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: cover;\r\n\tmin-height: $cover_photo_height;\r\n\tbox-shadow: inset 0px -40px 100px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.ppl__card_portrait_wrapper {\r\n\tmargin: 0;\r\n}\r\n\r\n\t.ppl__card_portrait_thumbnail {\r\n\t\tmax-width: 100%;\r\n\t\tdisplay: block;\r\n\t\tmargin: 0 auto;\r\n\t\tborder: solid 1px $white;\r\n\r\n\t}\r\n\r\n.ppl__card_details {\r\n\tpadding: $m-xs;\r\n}\r\n\t.ppl__card_particulars {\r\n\t\tline-height: 1;\r\n\t\tmargin-bottom: $m-xs;\r\n\t\ttext-align: center;\r\n\t}\r\n\t\t.ppl__card_name {\r\n\t\t\tfont-size: $h2;\r\n\t\t\tmargin-bottom: $m-xs;\r\n\t\t\tline-height: 1;\r\n\t\t}\r\n\r\n\t.ppl__card_location {\r\n\t\tfont-weight: bold;\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\r\n\t.ppl__card_skills_wrapper {\r\n\r\n\t}\r\n\t\t.ppl__card_skills {\r\n\t\t\tdisplay: inline-block;\r\n\t\t}","// Animation\r\n// ----------------------------------------------------------------------------\r\n$transition : cubic-bezier(0.445, 0.050, 0.550, 0.950);\r\n\r\n// Colors\r\n// ----------------------------------------------------------------------------\r\n$white:    #fff;\r\n$gray-100: #f8f9fa;\r\n$gray-200: #e9ecef;\r\n$gray-300: #dee2e6;\r\n$gray-400: #ced4da;\r\n$gray-500: #adb5bd;\r\n$gray-600: #6c757d;\r\n$gray-700: #495057;\r\n$gray-800: #343a40;\r\n$gray-900: #212529;\r\n$black:    #000;\r\n\r\n$blue: \t\t#bad5e8;\r\n$cyan:      #17a2b8;\r\n$green: \t#378d5f;\r\n$indigo:    #6610f2 ;\r\n$magenta: \t#a20e32;\r\n$navy: \t\t#005280;\r\n$orange : \t#e9631b;\r\n$peach: \t#f46d71;\r\n$pink:      #e83e8c;\r\n$purple: \t#474052;\r\n$red : \t\t#eb1c23;\r\n$teal: \t\t#4eaebe;\r\n$yellow : \t#fedf9c;\r\n\r\n$dark-red: \t\tdarken($red, 10%);\r\n$dark-orange : \tdarken($orange, 10%);\r\n$dark-teal : \tdarken($teal, 10%);\r\n$dark-yellow : \tdarken($yellow, 10%);\r\n$dark-green: \tdarken($green, 10%);\r\n$dark-magenta: \tdarken($magenta, 10%);\r\n$dark-purple: \tdarken($purple, 10%);\r\n$dark-peach: \tdarken($peach, 10%);\r\n$dark-blue: \tdarken($blue, 10%);\r\n$dark-teal: \tdarken($teal, 10%);\r\n\r\n$light-red: \t\tlighten($red, 10%);\r\n$light-orange : \tlighten($orange, 10%);\r\n$light-teal : \t    lighten($teal, 10%);\r\n$light-yellow : \tlighten($yellow, 10%);\r\n$light-green: \t    lighten($green, 10%);\r\n$light-magenta: \tlighten($magenta, 10%);\r\n$light-purple: \t    lighten($purple, 10%);\r\n$light-peach: \t    lighten($peach, 10%);\r\n$light-blue: \t    lighten($blue, 10%);\r\n$light-teal: \t    lighten($teal, 10%);\r\n\r\n$primary:           $navy;\r\n$primary-alt:       $dark-blue;\r\n\r\n$secondary:         $orange;\r\n$secondary-alt: \t$dark-orange;\r\n\r\n$success:         $green;\r\n$info:            $teal;\r\n$warning:         $yellow;\r\n$danger:          $red;\r\n\r\n$light:         $gray-200;\r\n$dark:          $gray-800;\r\n\r\n\r\n// Spacers\r\n// ----------------------------------------------------------------------------\r\n$spacer: 1em;\r\n$spacers: ();\r\n$spacers: map-merge((\r\n  0: 0,\r\n  1: ($spacer * .25),\r\n  2: ($spacer * .5),\r\n  3: $spacer,\r\n  4: ($spacer * 1.5),\r\n  5: ($spacer * 3)\r\n), $spacers);\r\n\r\n$m-0  : map-get($spacers, 1);\r\n$m-xs  : map-get($spacers, 2);\r\n$m-sm :  map-get($spacers, 3);\r\n$m-md  : map-get($spacers, 4);\r\n$m-lg  : map-get($spacers, 5);\r\n\r\n\r\n// Font Sizes\r\n// ----------------------------------------------------------------------------\r\n$font-base : 1em;\r\n$h1 : 2em;\r\n$h2 : 1.5em;\r\n$h3 : 1.2em;\r\n$h4 : 1em;\r\n\r\n// People Listing\r\n// ----------------------------------------------------------------------------\r\n$listing_gutter: $m-sm;\r\n$cover_photo_height: 100px;\r\n$cover_photo_bg_color: $light;\r\n\r\n$border_radius: 5px;\r\n\r\n$portrait_radius: 20px;\r\n$portrait_border: 2px;\r\n$portrait_box: $cover_photo_height*1.3;\r\n\r\n\r\n\r\n// Grid breakpoints\r\n// ----------------------------------------------------------------------------\r\n$grid-breakpoints: (\r\n  // xs: 0,\r\n  // sm: 576px,\r\n  // md: 768px,\r\n  // lg: 992px,\r\n  // xl: 1200px\r\n  xs: 0,\r\n  sm: 768px,\r\n  md: 1024px,\r\n  lg: 1200px,\r\n  xl: 1200px\r\n);\r\n\r\n",".ppl__single-person {\r\n\t$portrait_box: 150px;\r\n\tposition: relative;\r\n\tmargin-bottom: $m-lg;\r\n\r\n\t.ppl__card_header {\r\n\t\tmin-height: $portrait_box;\r\n\t}\r\n\r\n\t.ppl__card_name {\r\n\t\tfont-size: 40px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.ppl__card_work_title {\r\n\t\tdisplay: block;\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: normal;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\t.ppl_icon-spacer {\r\n\t\twidth: 30px;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.ppl__card_portrait_thumbnail {\r\n\t\tmargin-top: -$portrait_box/2;\r\n\t\tmargin-bottom: $m-sm;\r\n\t\twidth: $portrait_box;\r\n\t}\r\n\r\n\t.ppl__card_details-single {\r\n\t\ttext-align: center;\r\n\t}\r\n}",".ppl_search-wrapper {\r\n\tdisplay: flex;\r\n\tmargin-bottom: $m-lg;\r\n\r\n\t.ppl_search-field,\r\n\t.ppl_search-button {\r\n\t\tfont-size: $h2;\r\n\r\n\t}\r\n\r\n\t.ppl_search-field {\r\n\t\tflex: 1;\r\n\t\tmargin-right: $m-sm;\r\n\t}\r\n\r\n\t.ppl_search-button {}\r\n}","@include media-breakpoint-up(md) {\r\n\r\n    .jOrgChart {\r\n        $line-color: $light;\r\n        $line-color: $orange;\r\n        $line-width: 3px;\r\n        $expander: 28px;\r\n\r\n        overflow: hidden;\r\n        overflow-x: auto;\r\n        width: 100%;\r\n\r\n        > table {\r\n            transform: scale(1); // handles the scaling for wide organograms\r\n            transform-origin: top left;\r\n                th, td, tr {\r\n                    border-color: transparent;\r\n                }\r\n        }\r\n\r\n        .line {\r\n            height : $expander;\r\n        }\r\n        div.line {\r\n            width: $line-width;\r\n        }\r\n            \r\n        .down {\r\n            background-color : $line-color;\t\r\n            margin : 0px auto;\r\n        }\r\n\r\n        .top, .left, .right {\r\n            border: 0 solid $line-color;\r\n        }\r\n        \r\n        .top {\r\n            border-top-width : $line-width;\r\n        }\r\n        \r\n        .left {\r\n            border-right-width : $line-width;\r\n        }\r\n        \r\n        .right {\r\n            border-left-width : $line-width;\r\n        }\r\n\r\n        td {\r\n            text-align : center;\r\n            vertical-align : top;\r\n            padding : 0;\r\n            border: none;\r\n        }\r\n        \r\n        .ppl__node {\r\n            position: relative;        \r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            padding-bottom: $expander/2;\r\n            min-width: 200px;\r\n\r\n            .ppl__card_portrait_thumbnail {\r\n                width: 100px;\r\n                border: solid $line-width $line-color;\r\n            }\r\n\r\n            .ppl__card_details {\r\n                border-bottom: solid $line-width $line-color;\r\n            }\r\n\r\n            .ppl__card_name {\t\t\t\t\r\n                font-size: $h4;\t\t\r\n            }\t        \r\n        }\r\n\r\n        .ppl__expand-up,\r\n        .ppl__expand-down {\r\n            &:after {\r\n                @include icon();\r\n                display: block;\r\n                position: absolute;\r\n                bottom: 0;\r\n                left: 50%;\r\n                margin-left: -$expander/2;\r\n                color: $line-color;\r\n                width: $expander;\r\n                border-radius: 50%;\r\n                // line-height: $expander;\r\n                font-size: $expander;\r\n                background: white;\r\n            }\r\n        }\r\n\r\n\r\n        .ppl__expand-up {\r\n            .ppl__card_portrait_thumbnail {\r\n                cursor: n-resize;\r\n            }\r\n            &:after {\r\n                content: $ppl_icon-minus-circle;\r\n            }\r\n        }\r\n\r\n        .ppl__expand-down {\r\n            .ppl__card_portrait_thumbnail {\r\n                cursor: s-resize;\r\n            }\r\n            &:after {\r\n                content: $ppl_icon-plus-circle;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ppl__hidden {\r\n        visibility: hidden !important;\r\n        .ppl__node {\r\n            opacity: 0;\r\n        }    \r\n    }\r\n\r\n    .ppl__node {\r\n        transition: all 200ms $transition;\r\n    }\r\n\r\n}","\r\n// Theme options\r\n// ---------------------------------------\r\n.ppl-round-corners {\r\n\t.ppl__listing-item {\r\n\t\tborder-radius: $border_radius;\r\n\t}\r\n}\r\n\r\n.ppl-rounded-portraits {\r\n\t.ppl__card_portrait_thumbnail {\r\n\t\tborder-radius: $portrait_radius;\r\n\t}\t\r\n}\r\n.ppl-circle-portraits {\r\n\t.ppl__card_portrait_thumbnail {\r\n\t\tborder-radius: 50%;\r\n\t}\t\r\n}\r\n\r\n.ppl-shadows {\r\n\t.ppl__card_portrait_thumbnail {\r\n\t\tbox-shadow: 0 0 10px 0px rgba($black, .5); \r\n\t}\r\n}"]}