{"version":3,"file":"block/team/style.css","mappings":"AAYA,mBACC,sBAEA,gCACC,sBAGD,oMAMC,cAGD,wCA3BA,yBACA,qBACA,yBACA,qBACA,sBAGA,qBACA,aAwBD,mBAMC,mBACA,gBACA,WAEA,mCAIC,cACA,gBAEA,gBACA,aAGA,mDACC,cACA,mBAGD,wDAEC,sBAGD,oFAEC,gBACA,gBACA,eAGD,0CACC,eACA,eACA,yBAID,+CACC,gBACA,eAEA,iDACC,mBAGD,uGAEC,mBAIF,+GAEC,kBAGD,sKAGC,gBAUH,2BACC,aAEA,2CACC,kBAQD,iDAgBC,YACA,mBAID,mDACC,sBACA,sBACA,cACA,YACA,qCACA,4BACA,iBACA,kBAEA,0DACC,SAMF,uEACC,0BAYD,iHAGC,2BACA,UAGD,wDACC,sBACA,gBACA,kBACA,kBACA,MACA,OACA,uBACA,YACA,UACA,0BAEA,oEACC,SACA,UAKF,yDAGC,wBAID,wDACC,0BAmBD,oDACC,oBACA,kBACA,gBACA,UAgBD,gEACC,eAEA,gFACC,SAIF,2DACC,gCACA,sBACA,YACA,iBACA,kBACA,SACA,OACA,QACA,aAEA,6CACA,yBACA,UAGD,iFACC,0CACA,aACA,mBACA,uBACA,sBACA,WAGD,mEACC,2BACA,yBACA,UAEA,kBAEA,+EACC,SACA,UAIF,yFACC,0BACA,UAEA,mBASD,sDACC,SACA,UACA,kBACA,gBACA,UAEA,sEACC,YACA,cACA,SAIF,yEACC,kBACA,MACA,OACA,aACA,mBACA,uBACA,sBACA,WACA,YACA,qCACA,UACA,kBAGD,sEAEC,cACA,4BACA,UACA,kBAGD,+FAGC,gCACA,UACA,mBAGD,4FACC,UACA,mBAIF,2BACC,gBAEA,2CACC,aAEA,iBACA,mBACA,UAEA,iEACC,cACA,YACA,cAEA,gBACA,UAEA,iFACC,SAIF,mEACC,WAEA,+EACC,UAMJ,4BACC,cACA,UAEA,0CACC,kBACA,UAGD,0DACC,uCAGD,sEACC,6CAGD,0DACC,uCACA,gBAEA,yEACC,6CACA,0CAYF,2CACC,mBACA,aACA,sBAGD,kDACC,sBACA,YACA,cACA,eACA,gBAEA,kEACC,SAOD,8EACC,SACA,gBACA,gBACA,UAIF,uEACC,kBAEA,2FAEC,aAQF,kHACC,+CAWF,yBAEC,mKAIC,cAEA,8BAGD,oDACC,cACA,8BACA,sBAKA,qFAEC,cAGD,0DACC,aAGD,2CACC,uBACA,kBAGD,gEACC,0BACA,UAEA,gFACC,2BAMJ,yBAIE,kEACC,c","sources":["webpack://connections/./includes/blocks/team/style.scss"],"sourcesContent":["@mixin word-wrap() {\r\n\toverflow-wrap: break-word;\r\n\tword-wrap: break-word;\r\n\t-ms-word-break: break-all;\r\n\tword-break: break-all;\r\n\tword-break: break-word;\r\n\t-ms-hyphens: auto;\r\n\t-moz-hyphens: auto;\r\n\t-webkit-hyphens: auto;\r\n\thyphens: auto;\r\n}\r\n\r\n.cn-team-container {\r\n\tbox-sizing: border-box;\r\n\r\n\timg.cn-image {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.fn.n,\r\n\t.fn.org,\r\n\t.title,\r\n\t.phone-number-block,\r\n\t.email-address-block,\r\n\t.social-media-block {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t.email-address-block {\r\n\t\t@include word-wrap;\r\n\t}\r\n}\r\n\r\n.cn-team-container {\r\n\t//display: grid;\r\n\t//display: flex;\r\n\t//flex: 0 1 auto;\r\n\t//flex-direction: row;\r\n\t//flex-wrap: nowrap;\r\n\tmargin-bottom: 30px;\r\n\tmin-height: 50px;\r\n\twidth: 100%;\r\n\r\n\t.cn-team-member {\r\n\t\t//flex: 0 0 auto;\r\n\t\t//flex-grow: 1;\r\n\t\t//flex-basis: 0;\r\n\t\tfont-size: 1em;\r\n\t\tfont-weight: 500;\r\n\t\t//margin: 0 25px 30px 0;\r\n\t\toverflow: hidden;\r\n\t\tpadding: 20px;\r\n\t\t//text-align: center;\r\n\r\n\t\t.cn-image-style {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\r\n\t\t.cn-image-style > span {\r\n\t\t\t/* object-fit: cover; */\r\n\t\t\twidth: auto !important;\r\n\t\t}\r\n\r\n\t\t.fn.n,\r\n\t\t.fn.org {\r\n\t\t\tfont-size: 1.1em;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tmargin: 0 0 8px;\r\n\t\t}\r\n\r\n\t\t.title {\r\n\t\t\tfont-size: .8em;\r\n\t\t\tmargin: 0 0 8px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\t//white-space: nowrap;\r\n\t\t}\r\n\r\n\t\t.cn-excerpt {\r\n\t\t\tmargin: 20px 0 0;\r\n\t\t\tpadding: 0 20px;\r\n\r\n\t\t\tp {\r\n\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t}\r\n\r\n\t\t\tul,\r\n\t\t\tul li {\r\n\t\t\t\ttext-align: initial;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.phone-number-block,\r\n\t\t.email-address-block {\r\n\t\t\tfont-size: smaller;\r\n\t\t}\r\n\r\n\t\t.phone-number-block,\r\n\t\t.email-address-block,\r\n\t\t.social-media-block {\r\n\t\t\tmargin-top: 10px;\r\n\t\t}\r\n\t}\r\n\r\n\t.cn-team-member:last-child {\r\n\t\t// !important flag required to override the id selector applied to instance inline styles.\r\n\t\t//margin-right: 0 !important;\r\n\t}\r\n}\r\n\r\n.cn-team-container.cn-grid {\r\n\tdisplay: grid;\r\n\r\n\t.cn-team-member {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.cn-team-container.cn-grid.cn-flip {\r\n\t/* entire container, keeps perspective */\r\n\t//perspective: 1000px;\r\n\r\n\t.cn-flip-card {\r\n\t\t//flex: 0 0 auto;\r\n\t\t//flex-grow: 1;\r\n\t\t//flex-basis: 0;\r\n\t\t//margin: 0 25px 30px 0;\r\n\t\t//position: relative;\r\n\t\t//overflow: hidden;\r\n\t\t//flex: 0 0 auto;\r\n\t\t//flex-grow: 1;\r\n\t\t//flex-basis: 0;\r\n\t\t//font-size: 1em;\r\n\t\t//font-weight: 500;\r\n\t\t//margin: 0 25px 30px 0;\r\n\t\t//overflow: hidden;\r\n\t\t//padding: 30px;\r\n\t\t//text-align: center;\r\n\t\tmin-width: 0;\r\n\t\tperspective: 1000px;\r\n\t}\r\n\r\n\t/* flip speed goes here */\r\n\t.cn-team-member {\r\n\t\tbackground-color: #ffffff;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: block;\r\n\t\theight: 100%;\r\n\t\ttransition: transform 0.6s, z-index 0.7s;\r\n\t\ttransform-style: preserve-3d;\r\n\t\toverflow: initial;\r\n\t\tposition: relative;\r\n\r\n\t\t.title {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* flip the pane when hovered */\r\n\t//.cn-flip-card.cn-flip-card-ontouchstart .cn-team-member,\r\n\t.cn-flip-card:hover .cn-team-member {\r\n\t\ttransform: rotateY(180deg);\r\n\t}\r\n\r\n\t.cn-team-member-card,\r\n\t.cn-team-member-front,\r\n\t.cn-team-member-back {\r\n\t\t//width: calc(100% - 1px);\r\n\t\t//height: 480px;\r\n\t\t//padding: 30px;\r\n\t}\r\n\r\n\t/* hide back of pane during swap */\r\n\t.cn-team-member-front,\r\n\t.cn-team-member-back {\r\n\t\t//background: #ffffff;\r\n\t\tbackface-visibility: hidden;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t.cn-team-member-back {\r\n\t\tbox-sizing: border-box;\r\n\t\toverflow: hidden;\r\n\t\tpadding: 30px 10px;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: calc(100% - 1px);\r\n\t\theight: 100%;\r\n\t\tz-index: 1;\r\n\t\ttransform: rotateY(180deg);\r\n\r\n\t\t.cn-excerpt {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* front pane, placed above back */\r\n\t.cn-team-member-front {\r\n\t\t//z-index: 2;\r\n\t\t/* for firefox 31 */\r\n\t\ttransform: rotateY(0deg);\r\n\t}\r\n\r\n\t/* back, initially hidden pane */\r\n\t.cn-team-member-back {\r\n\t\ttransform: rotateY(180deg);\r\n\t}\r\n\r\n\t.cn-team-member-back:after {\r\n\t\t//content: \"\";\r\n\t\t//height: 100%;\r\n\t\t//display: inline-block;\r\n\t\t//vertical-align: middle;\r\n\t\t//width: 1px;\r\n\t}\r\n\r\n\t.cn-flip-card:last-child {\r\n\t\t// !important flag required to override the id selector applied to instance inline styles.\r\n\t\t//margin-right: 0 !important;\r\n\t}\r\n}\r\n\r\n.cn-team-container.cn-grid.cn-slide {\r\n\r\n\t.cn-team-member {\r\n\t\tpadding: 30px 0 85px;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t//.cn-team-member:before{\r\n\t//\tcontent: \"\";\r\n\t//\tbackground: rgba(255,255,255,0.9);\r\n\t//\tposition: absolute;\r\n\t//\ttop: 0;\r\n\t//\tright: 0;\r\n\t//\tbottom: 0;\r\n\t//\tleft: 0;\r\n\t//\ttransform: translateY(100%) translateY(-90px);\r\n\t//\ttransition: transform 0.4s;\r\n\t//\tz-index: 1;\r\n\t//}\r\n\r\n\t.cn-team-member-slide-image {\r\n\t\tpadding: 0 30px;\r\n\r\n\t\t.cn-image-style {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.cn-team-member-slider {\r\n\t\tbackground: rgba(255, 255, 255, 0.9);\r\n\t\tbox-sizing: border-box;\r\n\t\theight: 100%;\r\n\t\toverflow: visible;\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tpadding: 15px;\r\n\t\t//backface-visibility: hidden;\r\n\t\ttransform: translateY(100%) translateY(-85px);\r\n\t\ttransition: transform 0.4s;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t.cn-team-member:hover .cn-team-member-slider {\r\n\t\ttransform: translateY(0px) translateY(0px);\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tflex-direction: column;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cn-team-member-slider-details {\r\n\t\ttransform: translateY(100%);\r\n\t\ttransition: transform 0.4s;\r\n\t\topacity: 0;\r\n\t\t//display: none;\r\n\t\tvisibility: hidden;\r\n\r\n\t\t.cn-excerpt {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.cn-team-member:hover .cn-team-member-slider-details {\r\n\t\ttransform: translateY(0px);\r\n\t\topacity: 1;\r\n\t\t//display: block;\r\n\t\tvisibility: visible;\r\n\t}\r\n}\r\n\r\n/**\r\n * @link https://www.hongkiat.com/blog/css-only-overlays-box-shadow/\r\n */\r\n.cn-team-container.cn-grid.cn-overlay {\r\n\r\n\t.cn-team-member {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\tz-index: 1;\r\n\r\n\t\t.cn-image-style {\r\n\t\t\tfont-size: 0;\r\n\t\t\tline-height: 0;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.cn-team-member-overlay-background {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tflex-direction: column;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttransition: background 1s, opacity .5s;\r\n\t\topacity: 0;\r\n\t\tvisibility: hidden;\r\n\t}\r\n\r\n\t.cn-team-member-overlay-details {\r\n\t\t//font-size: initial;\r\n\t\tmargin: 0 10px;\r\n\t\ttransition: opacity .5s .25s;\r\n\t\topacity: 0;\r\n\t\tvisibility: hidden;\r\n\t}\r\n\r\n\t.cn-team-member:hover .cn-team-member-overlay-background {\r\n\t\t//font-size: 15vmax;\r\n\t\t//box-shadow: inset 0 0 0 .9em rgba(255, 255, 255, 0.85);\r\n\t\tbackground: rgba(255, 255, 255, .9);\r\n\t\topacity: 1;\r\n\t\tvisibility: visible;\r\n\t}\r\n\r\n\t.cn-team-member:hover .cn-team-member-overlay-details {\r\n\t\topacity: 1;\r\n\t\tvisibility: visible;\r\n\t}\r\n}\r\n\r\n.cn-team-container.cn-list {\r\n\tmargin-bottom: 0;\r\n\r\n\t.cn-team-member {\r\n\t\tdisplay: flex;\r\n\t\t//flex-direction: row;\r\n\t\tflex-wrap: nowrap;\r\n\t\tmargin-bottom: 30px;\r\n\t\tpadding: 0;\r\n\r\n\t\t.cn-team-member-image {\r\n\t\t\tflex: 0 0 auto;\r\n\t\t\tfont-size: 0;\r\n\t\t\tline-height: 0;\r\n\t\t\t//margin-right: 30px;\r\n\t\t\tmax-width: 300px;\r\n\t\t\twidth: 33%;\r\n\r\n\t\t\t.cn-image-style {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.cn-team-member-details {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t.cn-excerpt {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.cn-team-container.cn-table {\r\n\tdisplay: table;\r\n\tpadding: 0;\r\n\r\n\t.cn-table-row {\r\n\t\tdisplay: table-row;\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t.cn-table-row:nth-child(2n+1) {\r\n\t\tbackground-color: rgba(186, 186, 186, 0.12);\r\n\t}\r\n\r\n\t.cn-table-row:last-of-type .cn-table-cell {\r\n\t\tborder-bottom: 2px solid rgba(186, 186, 186, .3);\r\n\t}\r\n\r\n\t.cn-table-row.cn-table-header {\r\n\t\tbackground-color: rgba(186, 186, 186, 0.25);\r\n\t\tfont-weight: 600;\r\n\r\n\t\t.cn-table-cell {\r\n\t\t\tborder-bottom: 2px solid rgba(186, 186, 186, .3);\r\n\t\t\tborder-top: 1px solid rgba(186, 186, 186, .3);\r\n\t\t}\r\n\r\n\t\t.cn-table-cell:first-child {\r\n\t\t\t//border-left: 1px solid rgba(186, 186, 186, 1);\r\n\t\t}\r\n\r\n\t\t.cn-table-cell:last-child {\r\n\t\t\t//border-right: 1px solid rgba(186, 186, 186, 1);\r\n\t\t}\r\n\t}\r\n\r\n\t.cn-table-cell {\r\n\t\tdisplay: table-cell;\r\n\t\tpadding: 10px;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\t.cn-team-member-image {\r\n\t\tbox-sizing: border-box;\r\n\t\tfont-size: 0;\r\n\t\tline-height: 0;\r\n\t\tmin-width: 60px;\r\n\t\tmax-width: 100px;\r\n\r\n\t\t.cn-image-style {\r\n\t\t\tmargin: 0;\r\n\t\t\t//max-width: 100px;\r\n\t\t}\r\n\t}\r\n\r\n\t.cn-table-cell.cn-team-member-excerpt {\r\n\r\n\t\t.cn-excerpt {\r\n\t\t\tmargin: 0;\r\n\t\t\tmin-width: 200px;\r\n\t\t\tmax-width: 400px;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.cn-table-cell.cn-team-member-social-media {\r\n\t\ttext-align: center;\r\n\r\n\t\t.social-media-block {\r\n\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.cn-team-container.cn-grid.cn-box-shadow,\r\n.cn-team-container.cn-list.cn-box-shadow {\r\n\r\n\t.cn-team-member {\r\n\t\tbox-shadow: 0 5px 10px 5px rgba(186, 186, 186, 0.5);\r\n\t}\r\n}\r\n\r\n//.cn-team-container.cn-image-shape-circle {\r\n//\r\n//\timg.cn-image {\r\n//\t\tborder-radius: 50%  !important;\r\n//\t}\r\n//}\r\n\r\n@media (max-width: 480px) {\r\n\r\n\t.cn-team-container.cn-grid,\r\n\t.cn-team-container.cn-grid div.cn-flip-card,\r\n\t.cn-team-container.cn-grid div.cn-team-member,\r\n\t.cn-team-container.cn-list div.cn-team-member {\r\n\t\tdisplay: block;\r\n\t\t// !important flag required to override the id selector applied to instance inline styles.\r\n\t\tmargin: 0 auto 30px !important;\r\n\t}\r\n\r\n\t.cn-team-container.cn-list div.cn-team-member-image {\r\n\t\tdisplay: block;\r\n\t\tmargin: 0 auto 30px !important;\r\n\t\twidth: 100% !important;\r\n\t}\r\n\r\n\t.cn-team-container.cn-table {\r\n\r\n\t\t.cn-table-row,\r\n\t\t.cn-table-cell {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t.cn-table-row.cn-table-header {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.cn-table-cell {\r\n\t\t\tborder: none !important;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\r\n\t\t.cn-table-cell.cn-team-member-image {\r\n\t\t\tmax-width: none !important;\r\n\t\t\tpadding: 0;\r\n\r\n\t\t\t.cn-image-style {\r\n\t\t\t\tmax-width: none !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media (max-width: 576px) {\r\n\r\n\t.cn-team-container.cn-table {\r\n\r\n\t\t.cn-table-cell.cn-team-member-excerpt {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}