:root { --ssa-color-palette-article-gray: rgb(86, 86, 86); --ssa-color-palette-background-blue: rgb(222, 231, 235); --ssa-color-palette-background-green: rgb(238, 239, 230); --ssa-color-palette-background-red: rgb(243, 240, 236); --ssa-color-palette-background-yellow: rgb(255, 245, 218); --ssa-color-palette-black: rgb(0, 0, 0); --ssa-color-palette-blue: rgb(56, 93, 255); --ssa-color-palette-blush: rgb(206, 165, 228); --ssa-color-palette-bright-purple: rgb(114, 41, 209); --ssa-color-palette-color-1: rgb(40, 169, 224); --ssa-color-palette-color-3: rgb(3, 96, 147); --ssa-color-palette-color-4: rgb(233, 0, 96); --ssa-color-palette-foam: rgb(148, 192, 199); --ssa-color-palette-footer-highlight: rgb(255, 248, 248); --ssa-color-palette-forest: rgb(29, 90, 100); --ssa-color-palette-gray: rgb(138, 146, 163); --ssa-color-palette-light-1: rgb(243, 246, 248); --ssa-color-palette-light-2: rgb(230, 232, 238); --ssa-color-palette-light-3: rgb(186, 192, 207); --ssa-color-palette-light-purple: rgb(144, 115, 166); --ssa-color-palette-mauve: rgb(163, 0, 67); --ssa-color-palette-moss: rgb(179, 175, 62); --ssa-color-palette-ocean: rgb(42, 129, 144); --ssa-color-palette-pink: rgb(244, 127, 175); --ssa-color-palette-purple: rgb(81, 0, 125); --ssa-color-palette-royal: rgb(81, 0, 125); --ssa-color-palette-strawberry: rgb(204, 61, 72); --ssa-color-palette-violet: rgb(157, 76, 201); --ssa-color-palette-white: rgb(255, 255, 255); } .coh-color-black { color: rgb(0, 0, 0); } .coh-color-blue { color: rgb(56, 93, 255); } .coh-color-bright-purple { color: rgb(114, 41, 209); } .coh-color-light-purple { color: rgb(144, 115, 166); } .coh-color-purple { color: rgb(81, 0, 125); } .coh-color-white { color: rgb(255, 255, 255); } [data-icon-icomoon] { font-family: "icomoon", serif; } [data-icon-icomoon]:after { font-family: "icomoon", serif; content: attr(data-icon-icomoon); } @font-face { font-family: "icomoon"; src: url("/sites/insights.ama-assn.org/files/cohesion/icomoon.eot"); src: url("/sites/insights.ama-assn.org/files/cohesion/icomoon.eot?#iefix") format("embedded-opentype"), url("/sites/insights.ama-assn.org/files/cohesion/icomoon.woff2") format("woff2"), url("/sites/insights.ama-assn.org/files/cohesion/icomoon.woff") format("woff"), url("/sites/insights.ama-assn.org/files/cohesion/icomoon.ttf") format("truetype"); } :root { --ssa-font-stacks-arial: Arial, 'Helvetica Neue', Helvetica, sans-serif; --ssa-font-stacks-maisonneue: "MaisonNeue", sans-serif;; --ssa-font-stacks-maisonneuelight: "MaisonNeueLight", sans-serif;; --ssa-font-stacks-rubik: 'Rubik', sans-serif;; --ssa-font-stacks-standard: "myriad-pro", "Helvetica", "Arial", "Open Sans", sans-serif;; } /*! Milieu Grotesque License AgreementnPage 01 of 02nEND USER LICENSE AGREEMENT (EULA)nWEBFONT LICENSEnThis License Agreement (hereinafter “Agreement”) is a legalnagreement between Milieu Grotesque, LDA, Rua dos Poços 28,nPucariça, 2640-073 Santo Isidoro MFR, Portugal (“MilieunGrotesque”) and the licensee (“Licensee”) as specified in thensales receipt issued by Milieu Grotesque (“Sales Receipt”). Itnapplies to the font software (coded software that generatesntypeface designs when used with the appropriate hard- andnsoftware) specified in the Sales Receipt (“Font Software”).nBy conducting the payment according to the Sales Receipt or byndownloading and/or installing the Font Software, the Licenseenagrees to the following terms of this License Agreement.n1. Scope of LicensenMilieu Grotesque and Licensee agree that the Font Software isnbeing licensed by Milieu Grotesque to Licensee pursuant to thenterms and conditions set forth in this Agreement and, ifnapplicable, any further terms and conditions set forth in thenSales Receipt. In case of discrepancies between this Agreementnand the Sales Receipt, the terms and conditions of the SalesnReceipt shall prevail.n1.1 World-wide and Perpetual LicensenUnless otherwise provided for in this Agreement, the usagenrights granted under this Agreement are world-wide, perpetualnand fully remunerated with the lump-sum license fee payment asnspecified in the Sales Receipt.n1.2 Webfont License GrantnUpon payment in full, Milieu Grotesque grants Licensee a nonexclusive license (“Webfont License”) to use the Font Software atnwebsites by installing the Font Software on a server and/ornContent Distribution Network (CDN) via the css@font-facendeclaration in the provided Web Open Font Format (WOFF andnWOFF2). The provided format does not allow hotlinking andndirectory listing. Licensee may not convert the Font Software intonother formats or use the Font Software in connection with otherntransmitting techniques. Other formats (e.g. EOT, TTF, etc.) maynbe provided by Milieu Grotesque upon request and againstnadditional remuneration.nThe Webfont License is limited to the specific combinations ofntop-level domains and second-level domains stated in the SalesnReceipt (e.g. “milieugrotesque.com”), which may be combinednwith an unlimited number of sub-domains (e.g.n“shop.milieugrotesque.com”). For the avoidance of doubt,nadditional top-level domains or second-level domains (e.g.n“mileugrotesque.org” or “mg.com”) require additional licensing.nThe Webfont License is further limited to the amount ofnpageviews specified in the Sales Receipt. Licensee shall measurenthe average monthly traffic of its websites in pageviews andnprovide such data to Milieu Grotesque within 10 working daysnupon first request. Additional licensing is required if the monthlynpageviews exceed the specified amount over a span of 3nconsecutive months or more.nFor the avoidance of doubt, the Webfont License does not grant anright to embed the Font Software in games, application softwarenor a website that enables users to create custom typesettingnwith the Font Software or in a file that the website saves ornexports other than provided for under clause 1.4 below.n1.3 No SublicensesnLicensee is not entitled to grant sublicenses to use the FontnSoftware to any third parties, including affiliated companies,ndistributors, agents and/or other subcontractors of Licensee.n1.4 Third Party UsenLicensee may grant users of the website the right to use the FontnSoftware in connection with products created through thenwebsite (e.g. PDF-Documents, business cards, postcards, etc.) tonthe extent that such use is limited to private (not commercial)npurposes of the users and the created products are not definednby letterforms or artwork generated from such website (e.g.nstamps, letterform based products, etc.). Users of the websitenmust be the end users of the product created through thenwebsite and may not use the products created through thenwebsite for logotypes.n2. Usage Beyond the Scope of this LicensenAny use of the Font Software beyond the usage rights grantednhereunder needs additional licensing. This includes, withoutnlimitation, any use of the Font Software to produce digitalndocuments, digital products and to display typefaces on a printernor other output device, in apps (applications that can be installednon mobile operating systems) or e-books, in editable documentsnto be distributed to third parties, for broadcasting (e.g. exhibitionnor display in cinemas, motion pictures, on television or on cablentelevision, etc.), in a registered trademark, the embedding of thenFont Software within hardware equipment or the operationnsystem of an electronic device (e.g. an e-book reader, a mobilenoperating system, etc.) or software as well as any transmission ofnthe Font Software to third parties via the Internet. Please visitnour website or contact us with specific information on suchnprojects for more information and/or a price quote.n3. Font File ProtectionnLicensee is obliged to take appropriate actions to make sure thenFont Software is only used within the scope defined in thenAgreement and not made available by any means to third partiesnother than permitted herein (e.g. no copying, no hot-linking, nondirect downloads from a website, no access to source code, nondistribution with a source code, etc.).n4. Back-upnLicensee may make and use back-up copies of the Font Softwarenfor archival and recovery purposes only, provided that Licenseenretains exclusive custody and control over such copies. Any copynof the Font Software must contain the same copyright,ntrademark, and other proprietary information as the originals.n5. ModificationsnLicensee agrees not to modify, adapt, translate, reverse engineer,nchange the file format, decompile, disassemble, alter, or attemptnto discover the source code of the Font Software except asnexplicitly provided for in this Agreement. If Licensee wishes tonmodify or change the file format of the Font Software, Licenseenmust obtain the prior written consent of Milieu Grotesque.n6. OwnershipnThe Font Software is protected by copyright and/or trademarknlaws and international treaties and is the exclusive property ofnMilieu Grotesque. Licensee does not gain ownership of the FontnSoftware under this Agreement and may not extend any rights tonany third parties except as expressly provided herein. Thenstructure, organization, and the code of the Font Software arentrade secrets of Milieu Grotesque and Licensee agrees to treatnthem as such.nMilieu Grotesque License AgreementnPage 02 of 02n7. Transfer of LicensenExcept as expressly provided herein, Licensee may not give, handnout, rent or lease the Font Software or parts of it to third parties.nLicensee may transfer the granted usage rights in their entiretynto a third party, provided that (a) the transferee accepts andnagrees in writing (with copy to Milieu Grotesque) to be bound bynall the terms and conditions of this Agreement, and (b) Licenseenimmediately ceases to use the Font Software, destroys all copiesnof the Font Software and Documentation, including all copiesnstored in the memory of a hardware device. Notwithstanding thenforegoing, Licensee agrees that he will not distribute orndisseminate all or any part of the Font Software through any filesharing service.n8. WarrantiesnThe Font Software is non-returnable and non-refundable.nMilieu Grotesque warrants that the Font Software will performnproperly and substantially in accordance with any providedndocumentation for the ten (10) day period following Licensee’snpayment and receipt of the Font Software. To make a warrantynclaim, Licensee must assert such claim in writing to MilieunGrotesque within the ten (10) day period.nIf the Font Software does not perform properly and substantiallynin accordance with the documentation, the entire and exclusivenliability and remedy shall be limited to either, at Milieu Grotesque’snoption, the replacement of the Font Software or the refund of thenlicense fee Licensee paid for the Font Software. Milieu Grotesquenand its suppliers do not and cannot warrant for the performancenor results Licensee may obtain by using the Font Software ornDocumentation. The foregoing states Licensee’s sole andnexclusive remedies for Milieu Grotesque’s or its suppliers’ breachnof warranty. Except for the stated limited warranty, MilieunGrotesque and its suppliers make no warranties express ornimplied, as to non-infringement of third party rights,nmerchantability, or fitness for any particular purpose. In no eventnwill Milieu Grotesque or its suppliers be liable to Licensee for anynconsequential, direct or indirect, incidental or special damages,nincluding any lost profits or lost savings, even if a MilieunGrotesque representative has been advised of the possibility ofnsuch damages, or for any claim by any third party. This warrantyndoes not affect any claims Licensee might have against any thirdnparty retailer.n9. IndemnificationnLicensee agrees to indemnify and hold Milieu Grotesque harmlessnfrom and against any claims or damage which may result from anbreach of this Agreement.n10. Payment and DeliverynAll payments are to be made in the currency and in accordancento the payment conditions set forth in the Sales Receipt. As soonnas the payment is credited to Milieu Grotesque, the font will bendispatched by email or download link.n11. MiscellaneousnThis Agreement shall be governed by the laws of Portugal,nexcluding any conflict of law rules. The United Nations Conventionnfor International Sales of Goods (Vienna Convention) is expresslynexcluded. Any dispute arising out of this Agreement shallnexclusively be governed by the ordinary courts of Lisbon,nPortugal. If any part of this Agreement is found to be void ornunenforceable by any competent court, the validity of thenremaining parts of the Agreement shall not be affected thereby.nThe remaining parts shall remain valid and enforceable accordingnto the terms of this Agreement. Licensee agrees that the FontnSoftware will not be transferred into any country or used in anynmanner prohibited by the applicable export law, or otherngovernmental restrictions or regulations of this country. ThisnAgreement may only be modified in writing signed by annauthorized officer of Milieu Grotesque.n12. TerminationnMilieu Grotesque has the right to terminate this Agreement andnall granted usage rights immediately if Licensee fails to complynwith any of the terms of this Agreement, including, but notnlimited to, failure to deliver the data about the amount ofnpageviews (see clause 1.2 above). Upon termination, Licenseenmust immediately destroy the originals and any copies of thenFont Software and Documentation.n13. Information DutynLicensee agrees to inform all users who have access to the FontnSoftware about the content of this Agreement and makes surenthat they comply with the terms of this Agreement.nVersion 2.9, October 2019n—nMilieu Grotesque, LDAnRua dos Poços 28, Pucariçan2640-073 Santo Isidoro MFR, PortugalnVAT-ID# (NIPC): PT514426411nRegisto Comercial Lisboa, PortugalnManaging Director: Maiko Gublern—ncontact@milieugrotesque.com */ @font-face { font-family: "MaisonNeueLight"; src: url("/sites/insights.ama-assn.org/files/cohesion/MaisonNeueWEB-Light_0.woff2") format("woff2"), url("/sites/insights.ama-assn.org/files/cohesion/MaisonNeueWEB-Light_0.woff") format("woff"); } /*! Milieu Grotesque License AgreementnPage 01 of 02nEND USER LICENSE AGREEMENT (EULA)nWEBFONT LICENSEnThis License Agreement (hereinafter “Agreement”) is a legalnagreement between Milieu Grotesque, LDA, Rua dos Poços 28,nPucariça, 2640-073 Santo Isidoro MFR, Portugal (“MilieunGrotesque”) and the licensee (“Licensee”) as specified in thensales receipt issued by Milieu Grotesque (“Sales Receipt”). Itnapplies to the font software (coded software that generatesntypeface designs when used with the appropriate hard- andnsoftware) specified in the Sales Receipt (“Font Software”).nBy conducting the payment according to the Sales Receipt or byndownloading and/or installing the Font Software, the Licenseenagrees to the following terms of this License Agreement.n1. Scope of LicensenMilieu Grotesque and Licensee agree that the Font Software isnbeing licensed by Milieu Grotesque to Licensee pursuant to thenterms and conditions set forth in this Agreement and, ifnapplicable, any further terms and conditions set forth in thenSales Receipt. In case of discrepancies between this Agreementnand the Sales Receipt, the terms and conditions of the SalesnReceipt shall prevail.n1.1 World-wide and Perpetual LicensenUnless otherwise provided for in this Agreement, the usagenrights granted under this Agreement are world-wide, perpetualnand fully remunerated with the lump-sum license fee payment asnspecified in the Sales Receipt.n1.2 Webfont License GrantnUpon payment in full, Milieu Grotesque grants Licensee a nonexclusive license (“Webfont License”) to use the Font Software atnwebsites by installing the Font Software on a server and/ornContent Distribution Network (CDN) via the css@font-facendeclaration in the provided Web Open Font Format (WOFF andnWOFF2). The provided format does not allow hotlinking andndirectory listing. Licensee may not convert the Font Software intonother formats or use the Font Software in connection with otherntransmitting techniques. Other formats (e.g. EOT, TTF, etc.) maynbe provided by Milieu Grotesque upon request and againstnadditional remuneration.nThe Webfont License is limited to the specific combinations ofntop-level domains and second-level domains stated in the SalesnReceipt (e.g. “milieugrotesque.com”), which may be combinednwith an unlimited number of sub-domains (e.g.n“shop.milieugrotesque.com”). For the avoidance of doubt,nadditional top-level domains or second-level domains (e.g.n“mileugrotesque.org” or “mg.com”) require additional licensing.nThe Webfont License is further limited to the amount ofnpageviews specified in the Sales Receipt. Licensee shall measurenthe average monthly traffic of its websites in pageviews andnprovide such data to Milieu Grotesque within 10 working daysnupon first request. Additional licensing is required if the monthlynpageviews exceed the specified amount over a span of 3nconsecutive months or more.nFor the avoidance of doubt, the Webfont License does not grant anright to embed the Font Software in games, application softwarenor a website that enables users to create custom typesettingnwith the Font Software or in a file that the website saves ornexports other than provided for under clause 1.4 below.n1.3 No SublicensesnLicensee is not entitled to grant sublicenses to use the FontnSoftware to any third parties, including affiliated companies,ndistributors, agents and/or other subcontractors of Licensee.n1.4 Third Party UsenLicensee may grant users of the website the right to use the FontnSoftware in connection with products created through thenwebsite (e.g. PDF-Documents, business cards, postcards, etc.) tonthe extent that such use is limited to private (not commercial)npurposes of the users and the created products are not definednby letterforms or artwork generated from such website (e.g.nstamps, letterform based products, etc.). Users of the websitenmust be the end users of the product created through thenwebsite and may not use the products created through thenwebsite for logotypes.n2. Usage Beyond the Scope of this LicensenAny use of the Font Software beyond the usage rights grantednhereunder needs additional licensing. This includes, withoutnlimitation, any use of the Font Software to produce digitalndocuments, digital products and to display typefaces on a printernor other output device, in apps (applications that can be installednon mobile operating systems) or e-books, in editable documentsnto be distributed to third parties, for broadcasting (e.g. exhibitionnor display in cinemas, motion pictures, on television or on cablentelevision, etc.), in a registered trademark, the embedding of thenFont Software within hardware equipment or the operationnsystem of an electronic device (e.g. an e-book reader, a mobilenoperating system, etc.) or software as well as any transmission ofnthe Font Software to third parties via the Internet. Please visitnour website or contact us with specific information on suchnprojects for more information and/or a price quote.n3. Font File ProtectionnLicensee is obliged to take appropriate actions to make sure thenFont Software is only used within the scope defined in thenAgreement and not made available by any means to third partiesnother than permitted herein (e.g. no copying, no hot-linking, nondirect downloads from a website, no access to source code, nondistribution with a source code, etc.).n4. Back-upnLicensee may make and use back-up copies of the Font Softwarenfor archival and recovery purposes only, provided that Licenseenretains exclusive custody and control over such copies. Any copynof the Font Software must contain the same copyright,ntrademark, and other proprietary information as the originals.n5. ModificationsnLicensee agrees not to modify, adapt, translate, reverse engineer,nchange the file format, decompile, disassemble, alter, or attemptnto discover the source code of the Font Software except asnexplicitly provided for in this Agreement. If Licensee wishes tonmodify or change the file format of the Font Software, Licenseenmust obtain the prior written consent of Milieu Grotesque.n6. OwnershipnThe Font Software is protected by copyright and/or trademarknlaws and international treaties and is the exclusive property ofnMilieu Grotesque. Licensee does not gain ownership of the FontnSoftware under this Agreement and may not extend any rights tonany third parties except as expressly provided herein. Thenstructure, organization, and the code of the Font Software arentrade secrets of Milieu Grotesque and Licensee agrees to treatnthem as such.nMilieu Grotesque License AgreementnPage 02 of 02n7. Transfer of LicensenExcept as expressly provided herein, Licensee may not give, handnout, rent or lease the Font Software or parts of it to third parties.nLicensee may transfer the granted usage rights in their entiretynto a third party, provided that (a) the transferee accepts andnagrees in writing (with copy to Milieu Grotesque) to be bound bynall the terms and conditions of this Agreement, and (b) Licenseenimmediately ceases to use the Font Software, destroys all copiesnof the Font Software and Documentation, including all copiesnstored in the memory of a hardware device. Notwithstanding thenforegoing, Licensee agrees that he will not distribute orndisseminate all or any part of the Font Software through any filesharing service.n8. WarrantiesnThe Font Software is non-returnable and non-refundable.nMilieu Grotesque warrants that the Font Software will performnproperly and substantially in accordance with any providedndocumentation for the ten (10) day period following Licensee’snpayment and receipt of the Font Software. To make a warrantynclaim, Licensee must assert such claim in writing to MilieunGrotesque within the ten (10) day period.nIf the Font Software does not perform properly and substantiallynin accordance with the documentation, the entire and exclusivenliability and remedy shall be limited to either, at Milieu Grotesque’snoption, the replacement of the Font Software or the refund of thenlicense fee Licensee paid for the Font Software. Milieu Grotesquenand its suppliers do not and cannot warrant for the performancenor results Licensee may obtain by using the Font Software ornDocumentation. The foregoing states Licensee’s sole andnexclusive remedies for Milieu Grotesque’s or its suppliers’ breachnof warranty. Except for the stated limited warranty, MilieunGrotesque and its suppliers make no warranties express ornimplied, as to non-infringement of third party rights,nmerchantability, or fitness for any particular purpose. In no eventnwill Milieu Grotesque or its suppliers be liable to Licensee for anynconsequential, direct or indirect, incidental or special damages,nincluding any lost profits or lost savings, even if a MilieunGrotesque representative has been advised of the possibility ofnsuch damages, or for any claim by any third party. This warrantyndoes not affect any claims Licensee might have against any thirdnparty retailer.n9. IndemnificationnLicensee agrees to indemnify and hold Milieu Grotesque harmlessnfrom and against any claims or damage which may result from anbreach of this Agreement.n10. Payment and DeliverynAll payments are to be made in the currency and in accordancento the payment conditions set forth in the Sales Receipt. As soonnas the payment is credited to Milieu Grotesque, the font will bendispatched by email or download link.n11. MiscellaneousnThis Agreement shall be governed by the laws of Portugal,nexcluding any conflict of law rules. The United Nations Conventionnfor International Sales of Goods (Vienna Convention) is expresslynexcluded. Any dispute arising out of this Agreement shallnexclusively be governed by the ordinary courts of Lisbon,nPortugal. If any part of this Agreement is found to be void ornunenforceable by any competent court, the validity of thenremaining parts of the Agreement shall not be affected thereby.nThe remaining parts shall remain valid and enforceable accordingnto the terms of this Agreement. Licensee agrees that the FontnSoftware will not be transferred into any country or used in anynmanner prohibited by the applicable export law, or otherngovernmental restrictions or regulations of this country. ThisnAgreement may only be modified in writing signed by annauthorized officer of Milieu Grotesque.n12. TerminationnMilieu Grotesque has the right to terminate this Agreement andnall granted usage rights immediately if Licensee fails to complynwith any of the terms of this Agreement, including, but notnlimited to, failure to deliver the data about the amount ofnpageviews (see clause 1.2 above). Upon termination, Licenseenmust immediately destroy the originals and any copies of thenFont Software and Documentation.n13. Information DutynLicensee agrees to inform all users who have access to the FontnSoftware about the content of this Agreement and makes surenthat they comply with the terms of this Agreement.nVersion 2.9, October 2019n—nMilieu Grotesque, LDAnRua dos Poços 28, Pucariçan2640-073 Santo Isidoro MFR, PortugalnVAT-ID# (NIPC): PT514426411nRegisto Comercial Lisboa, PortugalnManaging Director: Maiko Gublern—ncontact@milieugrotesque.com */ @font-face { font-family: "MaisonNeue"; src: url("/sites/insights.ama-assn.org/files/cohesion/MaisonNeueWEB-Medium.woff2") format("woff2"), url("/sites/insights.ama-assn.org/files/cohesion/MaisonNeueWEB-Medium.woff") format("woff"); } :root { --ssa-responsive-grid-settings-width: 88.8888888889rem; --ssa-responsive-grid-settings-boxed-width: 81.7777777778rem; --ssa-responsive-grid-settings-inner-gutter: 1.7777777778rem; --ssa-responsive-grid-settings-outer-gutter: 3.5555555556rem; } @media (max-width: 1599px) { :root { --ssa-responsive-grid-settings-width: 65rem; --ssa-responsive-grid-settings-boxed-width: 57.8888888889rem; --ssa-responsive-grid-settings-inner-gutter: 1.7777777778rem; --ssa-responsive-grid-settings-outer-gutter: 3.5555555556rem; } } @media (max-width: 1169px) { :root { --ssa-responsive-grid-settings-width: 56.8888888889rem; --ssa-responsive-grid-settings-boxed-width: 51.5555555556rem; --ssa-responsive-grid-settings-inner-gutter: 1.3333333333rem; --ssa-responsive-grid-settings-outer-gutter: 2.6666666667rem; } } @media (max-width: 1023px) { :root { --ssa-responsive-grid-settings-width: 42.6666666667rem; --ssa-responsive-grid-settings-boxed-width: 37.3333333333rem; --ssa-responsive-grid-settings-inner-gutter: 1.3333333333rem; --ssa-responsive-grid-settings-outer-gutter: 2.6666666667rem; } } @media (max-width: 767px) { :root { --ssa-responsive-grid-settings-width: 31.3888888889rem; --ssa-responsive-grid-settings-boxed-width: 28.7222222222rem; --ssa-responsive-grid-settings-inner-gutter: 1.3333333333rem; --ssa-responsive-grid-settings-outer-gutter: 1.3333333333rem; } } @media (max-width: 564px) { :root { --ssa-responsive-grid-settings-width: 17.7777777778rem; --ssa-responsive-grid-settings-boxed-width: 15.1111111111rem; --ssa-responsive-grid-settings-inner-gutter: 1.3333333333rem; --ssa-responsive-grid-settings-outer-gutter: 1.3333333333rem; } } .coh-row-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.8888888889rem; margin-right: -0.8888888889rem; } @media (max-width: 1599px) { .coh-row-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.8888888889rem; margin-right: -0.8888888889rem; } } @media (max-width: 1169px) { .coh-row-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.6666666667rem; margin-right: -0.6666666667rem; } } @media (max-width: 1023px) { .coh-row-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.6666666667rem; margin-right: -0.6666666667rem; } } @media (max-width: 767px) { .coh-row-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.6666666667rem; margin-right: -0.6666666667rem; } } @media (max-width: 564px) { .coh-row-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.6666666667rem; margin-right: -0.6666666667rem; } } .coh-column { position: relative; width: 100%; min-height: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } .coh-column { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; } @media (max-width: 1599px) { .coh-column { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; } } @media (max-width: 1169px) { .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 1023px) { .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 767px) { .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 564px) { .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } .coh-col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .coh-layout-col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; opacity: 1; } .coh-col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .coh-layout-col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 200px; opacity: 1; } .coh-layout-col-xl-hidden { max-width: 200px; opacity: 0.5; } .coh-col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-layout-col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(8.3333333333% - 10px); -ms-flex: 0 0 calc(8.3333333333% - 10px); flex: 0 0 calc(8.3333333333% - 10px); max-width: -webkit-calc(8.3333333333% - 10px); max-width: calc(8.3333333333% - 10px); opacity: 1; } .coh-layout-col-xl-1.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-layout-col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(16.6666666667% - 10px); -ms-flex: 0 0 calc(16.6666666667% - 10px); flex: 0 0 calc(16.6666666667% - 10px); max-width: -webkit-calc(16.6666666667% - 10px); max-width: calc(16.6666666667% - 10px); opacity: 1; } .coh-layout-col-xl-2.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-layout-col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); max-width: -webkit-calc(25% - 10px); max-width: calc(25% - 10px); opacity: 1; } .coh-layout-col-xl-3.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-layout-col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(33.3333333333% - 10px); -ms-flex: 0 0 calc(33.3333333333% - 10px); flex: 0 0 calc(33.3333333333% - 10px); max-width: -webkit-calc(33.3333333333% - 10px); max-width: calc(33.3333333333% - 10px); opacity: 1; } .coh-layout-col-xl-4.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-layout-col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(41.6666666667% - 10px); -ms-flex: 0 0 calc(41.6666666667% - 10px); flex: 0 0 calc(41.6666666667% - 10px); max-width: -webkit-calc(41.6666666667% - 10px); max-width: calc(41.6666666667% - 10px); opacity: 1; } .coh-layout-col-xl-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-layout-col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: -webkit-calc(50% - 10px); max-width: calc(50% - 10px); opacity: 1; } .coh-layout-col-xl-6.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-layout-col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(58.3333333333% - 10px); -ms-flex: 0 0 calc(58.3333333333% - 10px); flex: 0 0 calc(58.3333333333% - 10px); max-width: -webkit-calc(58.3333333333% - 10px); max-width: calc(58.3333333333% - 10px); opacity: 1; } .coh-layout-col-xl-7.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-layout-col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(66.6666666667% - 10px); -ms-flex: 0 0 calc(66.6666666667% - 10px); flex: 0 0 calc(66.6666666667% - 10px); max-width: -webkit-calc(66.6666666667% - 10px); max-width: calc(66.6666666667% - 10px); opacity: 1; } .coh-layout-col-xl-8.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-layout-col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(75% - 10px); -ms-flex: 0 0 calc(75% - 10px); flex: 0 0 calc(75% - 10px); max-width: -webkit-calc(75% - 10px); max-width: calc(75% - 10px); opacity: 1; } .coh-layout-col-xl-9.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-layout-col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(83.3333333333% - 10px); -ms-flex: 0 0 calc(83.3333333333% - 10px); flex: 0 0 calc(83.3333333333% - 10px); max-width: -webkit-calc(83.3333333333% - 10px); max-width: calc(83.3333333333% - 10px); opacity: 1; } .coh-layout-col-xl-10.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-layout-col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(91.6666666667% - 10px); -ms-flex: 0 0 calc(91.6666666667% - 10px); flex: 0 0 calc(91.6666666667% - 10px); max-width: -webkit-calc(91.6666666667% - 10px); max-width: calc(91.6666666667% - 10px); opacity: 1; } .coh-layout-col-xl-11.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-layout-col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); opacity: 1; } .coh-layout-col-xl-12.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-col-xl-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-layout-col-xl-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(20% - 10px); -ms-flex: 0 0 calc(20% - 10px); flex: 0 0 calc(20% - 10px); max-width: -webkit-calc(20% - 10px); max-width: calc(20% - 10px); opacity: 1; } .coh-layout-col-xl-1-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-col-xl-push-12 { left: 100%; } .coh-col-xl-pull-12 { right: 100%; } .coh-col-xl-offset-12 { margin-left: 100%; } .coh-col-xl-push-11 { left: 91.6666666667%; } .coh-col-xl-pull-11 { right: 91.6666666667%; } .coh-col-xl-offset-11 { margin-left: 91.6666666667%; } .coh-col-xl-push-10 { left: 83.3333333333%; } .coh-col-xl-pull-10 { right: 83.3333333333%; } .coh-col-xl-offset-10 { margin-left: 83.3333333333%; } .coh-col-xl-push-9 { left: 75%; } .coh-col-xl-pull-9 { right: 75%; } .coh-col-xl-offset-9 { margin-left: 75%; } .coh-col-xl-push-8 { left: 66.6666666667%; } .coh-col-xl-pull-8 { right: 66.6666666667%; } .coh-col-xl-offset-8 { margin-left: 66.6666666667%; } .coh-col-xl-push-7 { left: 58.3333333333%; } .coh-col-xl-pull-7 { right: 58.3333333333%; } .coh-col-xl-offset-7 { margin-left: 58.3333333333%; } .coh-col-xl-push-6 { left: 50%; } .coh-col-xl-pull-6 { right: 50%; } .coh-col-xl-offset-6 { margin-left: 50%; } .coh-col-xl-push-5 { left: 41.6666666667%; } .coh-col-xl-pull-5 { right: 41.6666666667%; } .coh-col-xl-offset-5 { margin-left: 41.6666666667%; } .coh-col-xl-push-4 { left: 33.3333333333%; } .coh-col-xl-pull-4 { right: 33.3333333333%; } .coh-col-xl-offset-4 { margin-left: 33.3333333333%; } .coh-col-xl-push-3 { left: 25%; } .coh-col-xl-pull-3 { right: 25%; } .coh-col-xl-offset-3 { margin-left: 25%; } .coh-col-xl-push-2 { left: 16.6666666667%; } .coh-col-xl-pull-2 { right: 16.6666666667%; } .coh-col-xl-offset-2 { margin-left: 16.6666666667%; } .coh-visible-xl { display: block; } .coh-col-xl-push-1 { left: 8.3333333333%; } .coh-col-xl-pull-1 { right: 8.3333333333%; } .coh-col-xl-offset-1 { margin-left: 8.3333333333%; } .coh-hidden-xl { display: none; } .coh-col-xl-push-0 { left: auto; } .coh-col-xl-pull-0 { right: auto; } .coh-col-xl-offset-0 { margin-left: 0; } .coh-col-xl-push-1-5 { left: 20%; } .coh-col-xl-pull-1-5 { right: 20%; } .coh-col-xl-offset-1-5 { margin-left: 20%; } @media (max-width: 1599px) { .coh-col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .coh-layout-col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; opacity: 1; } .coh-col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .coh-layout-col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 200px; opacity: 1; } .coh-layout-col-lg-hidden { max-width: 200px; opacity: 0.5; } .coh-col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-layout-col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(8.3333333333% - 10px); -ms-flex: 0 0 calc(8.3333333333% - 10px); flex: 0 0 calc(8.3333333333% - 10px); max-width: -webkit-calc(8.3333333333% - 10px); max-width: calc(8.3333333333% - 10px); opacity: 1; } .coh-layout-col-lg-1.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-layout-col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(16.6666666667% - 10px); -ms-flex: 0 0 calc(16.6666666667% - 10px); flex: 0 0 calc(16.6666666667% - 10px); max-width: -webkit-calc(16.6666666667% - 10px); max-width: calc(16.6666666667% - 10px); opacity: 1; } .coh-layout-col-lg-2.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-layout-col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); max-width: -webkit-calc(25% - 10px); max-width: calc(25% - 10px); opacity: 1; } .coh-layout-col-lg-3.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-layout-col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(33.3333333333% - 10px); -ms-flex: 0 0 calc(33.3333333333% - 10px); flex: 0 0 calc(33.3333333333% - 10px); max-width: -webkit-calc(33.3333333333% - 10px); max-width: calc(33.3333333333% - 10px); opacity: 1; } .coh-layout-col-lg-4.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-layout-col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(41.6666666667% - 10px); -ms-flex: 0 0 calc(41.6666666667% - 10px); flex: 0 0 calc(41.6666666667% - 10px); max-width: -webkit-calc(41.6666666667% - 10px); max-width: calc(41.6666666667% - 10px); opacity: 1; } .coh-layout-col-lg-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-layout-col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: -webkit-calc(50% - 10px); max-width: calc(50% - 10px); opacity: 1; } .coh-layout-col-lg-6.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-layout-col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(58.3333333333% - 10px); -ms-flex: 0 0 calc(58.3333333333% - 10px); flex: 0 0 calc(58.3333333333% - 10px); max-width: -webkit-calc(58.3333333333% - 10px); max-width: calc(58.3333333333% - 10px); opacity: 1; } .coh-layout-col-lg-7.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-layout-col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(66.6666666667% - 10px); -ms-flex: 0 0 calc(66.6666666667% - 10px); flex: 0 0 calc(66.6666666667% - 10px); max-width: -webkit-calc(66.6666666667% - 10px); max-width: calc(66.6666666667% - 10px); opacity: 1; } .coh-layout-col-lg-8.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-layout-col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(75% - 10px); -ms-flex: 0 0 calc(75% - 10px); flex: 0 0 calc(75% - 10px); max-width: -webkit-calc(75% - 10px); max-width: calc(75% - 10px); opacity: 1; } .coh-layout-col-lg-9.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-layout-col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(83.3333333333% - 10px); -ms-flex: 0 0 calc(83.3333333333% - 10px); flex: 0 0 calc(83.3333333333% - 10px); max-width: -webkit-calc(83.3333333333% - 10px); max-width: calc(83.3333333333% - 10px); opacity: 1; } .coh-layout-col-lg-10.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-layout-col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(91.6666666667% - 10px); -ms-flex: 0 0 calc(91.6666666667% - 10px); flex: 0 0 calc(91.6666666667% - 10px); max-width: -webkit-calc(91.6666666667% - 10px); max-width: calc(91.6666666667% - 10px); opacity: 1; } .coh-layout-col-lg-11.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-layout-col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); opacity: 1; } .coh-layout-col-lg-12.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-col-lg-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-layout-col-lg-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(20% - 10px); -ms-flex: 0 0 calc(20% - 10px); flex: 0 0 calc(20% - 10px); max-width: -webkit-calc(20% - 10px); max-width: calc(20% - 10px); opacity: 1; } .coh-layout-col-lg-1-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-col-lg-push-12 { left: 100%; } .coh-col-lg-pull-12 { right: 100%; } .coh-col-lg-offset-12 { margin-left: 100%; } .coh-col-lg-push-11 { left: 91.6666666667%; } .coh-col-lg-pull-11 { right: 91.6666666667%; } .coh-col-lg-offset-11 { margin-left: 91.6666666667%; } .coh-col-lg-push-10 { left: 83.3333333333%; } .coh-col-lg-pull-10 { right: 83.3333333333%; } .coh-col-lg-offset-10 { margin-left: 83.3333333333%; } .coh-col-lg-push-9 { left: 75%; } .coh-col-lg-pull-9 { right: 75%; } .coh-col-lg-offset-9 { margin-left: 75%; } .coh-col-lg-push-8 { left: 66.6666666667%; } .coh-col-lg-pull-8 { right: 66.6666666667%; } .coh-col-lg-offset-8 { margin-left: 66.6666666667%; } .coh-col-lg-push-7 { left: 58.3333333333%; } .coh-col-lg-pull-7 { right: 58.3333333333%; } .coh-col-lg-offset-7 { margin-left: 58.3333333333%; } .coh-col-lg-push-6 { left: 50%; } .coh-col-lg-pull-6 { right: 50%; } .coh-col-lg-offset-6 { margin-left: 50%; } .coh-col-lg-push-5 { left: 41.6666666667%; } .coh-col-lg-pull-5 { right: 41.6666666667%; } .coh-col-lg-offset-5 { margin-left: 41.6666666667%; } .coh-col-lg-push-4 { left: 33.3333333333%; } .coh-col-lg-pull-4 { right: 33.3333333333%; } .coh-col-lg-offset-4 { margin-left: 33.3333333333%; } .coh-col-lg-push-3 { left: 25%; } .coh-col-lg-pull-3 { right: 25%; } .coh-col-lg-offset-3 { margin-left: 25%; } .coh-col-lg-push-2 { left: 16.6666666667%; } .coh-col-lg-pull-2 { right: 16.6666666667%; } .coh-col-lg-offset-2 { margin-left: 16.6666666667%; } .coh-visible-lg { display: block; } .coh-col-lg-push-1 { left: 8.3333333333%; } .coh-col-lg-pull-1 { right: 8.3333333333%; } .coh-col-lg-offset-1 { margin-left: 8.3333333333%; } .coh-hidden-lg { display: none; } .coh-col-lg-push-0 { left: auto; } .coh-col-lg-pull-0 { right: auto; } .coh-col-lg-offset-0 { margin-left: 0; } .coh-col-lg-push-1-5 { left: 20%; } .coh-col-lg-pull-1-5 { right: 20%; } .coh-col-lg-offset-1-5 { margin-left: 20%; } } @media (max-width: 1169px) { .coh-col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .coh-layout-col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; opacity: 1; } .coh-col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .coh-layout-col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 200px; opacity: 1; } .coh-layout-col-md-hidden { max-width: 200px; opacity: 0.5; } .coh-col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-layout-col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(8.3333333333% - 10px); -ms-flex: 0 0 calc(8.3333333333% - 10px); flex: 0 0 calc(8.3333333333% - 10px); max-width: -webkit-calc(8.3333333333% - 10px); max-width: calc(8.3333333333% - 10px); opacity: 1; } .coh-layout-col-md-1.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-layout-col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(16.6666666667% - 10px); -ms-flex: 0 0 calc(16.6666666667% - 10px); flex: 0 0 calc(16.6666666667% - 10px); max-width: -webkit-calc(16.6666666667% - 10px); max-width: calc(16.6666666667% - 10px); opacity: 1; } .coh-layout-col-md-2.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-layout-col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); max-width: -webkit-calc(25% - 10px); max-width: calc(25% - 10px); opacity: 1; } .coh-layout-col-md-3.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-layout-col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(33.3333333333% - 10px); -ms-flex: 0 0 calc(33.3333333333% - 10px); flex: 0 0 calc(33.3333333333% - 10px); max-width: -webkit-calc(33.3333333333% - 10px); max-width: calc(33.3333333333% - 10px); opacity: 1; } .coh-layout-col-md-4.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-layout-col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(41.6666666667% - 10px); -ms-flex: 0 0 calc(41.6666666667% - 10px); flex: 0 0 calc(41.6666666667% - 10px); max-width: -webkit-calc(41.6666666667% - 10px); max-width: calc(41.6666666667% - 10px); opacity: 1; } .coh-layout-col-md-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-layout-col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: -webkit-calc(50% - 10px); max-width: calc(50% - 10px); opacity: 1; } .coh-layout-col-md-6.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-layout-col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(58.3333333333% - 10px); -ms-flex: 0 0 calc(58.3333333333% - 10px); flex: 0 0 calc(58.3333333333% - 10px); max-width: -webkit-calc(58.3333333333% - 10px); max-width: calc(58.3333333333% - 10px); opacity: 1; } .coh-layout-col-md-7.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-layout-col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(66.6666666667% - 10px); -ms-flex: 0 0 calc(66.6666666667% - 10px); flex: 0 0 calc(66.6666666667% - 10px); max-width: -webkit-calc(66.6666666667% - 10px); max-width: calc(66.6666666667% - 10px); opacity: 1; } .coh-layout-col-md-8.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-layout-col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(75% - 10px); -ms-flex: 0 0 calc(75% - 10px); flex: 0 0 calc(75% - 10px); max-width: -webkit-calc(75% - 10px); max-width: calc(75% - 10px); opacity: 1; } .coh-layout-col-md-9.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-layout-col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(83.3333333333% - 10px); -ms-flex: 0 0 calc(83.3333333333% - 10px); flex: 0 0 calc(83.3333333333% - 10px); max-width: -webkit-calc(83.3333333333% - 10px); max-width: calc(83.3333333333% - 10px); opacity: 1; } .coh-layout-col-md-10.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-layout-col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(91.6666666667% - 10px); -ms-flex: 0 0 calc(91.6666666667% - 10px); flex: 0 0 calc(91.6666666667% - 10px); max-width: -webkit-calc(91.6666666667% - 10px); max-width: calc(91.6666666667% - 10px); opacity: 1; } .coh-layout-col-md-11.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-layout-col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); opacity: 1; } .coh-layout-col-md-12.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-col-md-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-layout-col-md-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(20% - 10px); -ms-flex: 0 0 calc(20% - 10px); flex: 0 0 calc(20% - 10px); max-width: -webkit-calc(20% - 10px); max-width: calc(20% - 10px); opacity: 1; } .coh-layout-col-md-1-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-col-md-push-12 { left: 100%; } .coh-col-md-pull-12 { right: 100%; } .coh-col-md-offset-12 { margin-left: 100%; } .coh-col-md-push-11 { left: 91.6666666667%; } .coh-col-md-pull-11 { right: 91.6666666667%; } .coh-col-md-offset-11 { margin-left: 91.6666666667%; } .coh-col-md-push-10 { left: 83.3333333333%; } .coh-col-md-pull-10 { right: 83.3333333333%; } .coh-col-md-offset-10 { margin-left: 83.3333333333%; } .coh-col-md-push-9 { left: 75%; } .coh-col-md-pull-9 { right: 75%; } .coh-col-md-offset-9 { margin-left: 75%; } .coh-col-md-push-8 { left: 66.6666666667%; } .coh-col-md-pull-8 { right: 66.6666666667%; } .coh-col-md-offset-8 { margin-left: 66.6666666667%; } .coh-col-md-push-7 { left: 58.3333333333%; } .coh-col-md-pull-7 { right: 58.3333333333%; } .coh-col-md-offset-7 { margin-left: 58.3333333333%; } .coh-col-md-push-6 { left: 50%; } .coh-col-md-pull-6 { right: 50%; } .coh-col-md-offset-6 { margin-left: 50%; } .coh-col-md-push-5 { left: 41.6666666667%; } .coh-col-md-pull-5 { right: 41.6666666667%; } .coh-col-md-offset-5 { margin-left: 41.6666666667%; } .coh-col-md-push-4 { left: 33.3333333333%; } .coh-col-md-pull-4 { right: 33.3333333333%; } .coh-col-md-offset-4 { margin-left: 33.3333333333%; } .coh-col-md-push-3 { left: 25%; } .coh-col-md-pull-3 { right: 25%; } .coh-col-md-offset-3 { margin-left: 25%; } .coh-col-md-push-2 { left: 16.6666666667%; } .coh-col-md-pull-2 { right: 16.6666666667%; } .coh-col-md-offset-2 { margin-left: 16.6666666667%; } .coh-visible-md { display: block; } .coh-col-md-push-1 { left: 8.3333333333%; } .coh-col-md-pull-1 { right: 8.3333333333%; } .coh-col-md-offset-1 { margin-left: 8.3333333333%; } .coh-hidden-md { display: none; } .coh-col-md-push-0 { left: auto; } .coh-col-md-pull-0 { right: auto; } .coh-col-md-offset-0 { margin-left: 0; } .coh-col-md-push-1-5 { left: 20%; } .coh-col-md-pull-1-5 { right: 20%; } .coh-col-md-offset-1-5 { margin-left: 20%; } } @media (max-width: 1023px) { .coh-col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .coh-layout-col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; opacity: 1; } .coh-col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .coh-layout-col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 200px; opacity: 1; } .coh-layout-col-sm-hidden { max-width: 200px; opacity: 0.5; } .coh-col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-layout-col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(8.3333333333% - 10px); -ms-flex: 0 0 calc(8.3333333333% - 10px); flex: 0 0 calc(8.3333333333% - 10px); max-width: -webkit-calc(8.3333333333% - 10px); max-width: calc(8.3333333333% - 10px); opacity: 1; } .coh-layout-col-sm-1.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-layout-col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(16.6666666667% - 10px); -ms-flex: 0 0 calc(16.6666666667% - 10px); flex: 0 0 calc(16.6666666667% - 10px); max-width: -webkit-calc(16.6666666667% - 10px); max-width: calc(16.6666666667% - 10px); opacity: 1; } .coh-layout-col-sm-2.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-layout-col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); max-width: -webkit-calc(25% - 10px); max-width: calc(25% - 10px); opacity: 1; } .coh-layout-col-sm-3.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-layout-col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(33.3333333333% - 10px); -ms-flex: 0 0 calc(33.3333333333% - 10px); flex: 0 0 calc(33.3333333333% - 10px); max-width: -webkit-calc(33.3333333333% - 10px); max-width: calc(33.3333333333% - 10px); opacity: 1; } .coh-layout-col-sm-4.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-layout-col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(41.6666666667% - 10px); -ms-flex: 0 0 calc(41.6666666667% - 10px); flex: 0 0 calc(41.6666666667% - 10px); max-width: -webkit-calc(41.6666666667% - 10px); max-width: calc(41.6666666667% - 10px); opacity: 1; } .coh-layout-col-sm-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-layout-col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: -webkit-calc(50% - 10px); max-width: calc(50% - 10px); opacity: 1; } .coh-layout-col-sm-6.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-layout-col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(58.3333333333% - 10px); -ms-flex: 0 0 calc(58.3333333333% - 10px); flex: 0 0 calc(58.3333333333% - 10px); max-width: -webkit-calc(58.3333333333% - 10px); max-width: calc(58.3333333333% - 10px); opacity: 1; } .coh-layout-col-sm-7.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-layout-col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(66.6666666667% - 10px); -ms-flex: 0 0 calc(66.6666666667% - 10px); flex: 0 0 calc(66.6666666667% - 10px); max-width: -webkit-calc(66.6666666667% - 10px); max-width: calc(66.6666666667% - 10px); opacity: 1; } .coh-layout-col-sm-8.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-layout-col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(75% - 10px); -ms-flex: 0 0 calc(75% - 10px); flex: 0 0 calc(75% - 10px); max-width: -webkit-calc(75% - 10px); max-width: calc(75% - 10px); opacity: 1; } .coh-layout-col-sm-9.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-layout-col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(83.3333333333% - 10px); -ms-flex: 0 0 calc(83.3333333333% - 10px); flex: 0 0 calc(83.3333333333% - 10px); max-width: -webkit-calc(83.3333333333% - 10px); max-width: calc(83.3333333333% - 10px); opacity: 1; } .coh-layout-col-sm-10.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-layout-col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(91.6666666667% - 10px); -ms-flex: 0 0 calc(91.6666666667% - 10px); flex: 0 0 calc(91.6666666667% - 10px); max-width: -webkit-calc(91.6666666667% - 10px); max-width: calc(91.6666666667% - 10px); opacity: 1; } .coh-layout-col-sm-11.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-layout-col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); opacity: 1; } .coh-layout-col-sm-12.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-col-sm-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-layout-col-sm-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(20% - 10px); -ms-flex: 0 0 calc(20% - 10px); flex: 0 0 calc(20% - 10px); max-width: -webkit-calc(20% - 10px); max-width: calc(20% - 10px); opacity: 1; } .coh-layout-col-sm-1-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-col-sm-push-12 { left: 100%; } .coh-col-sm-pull-12 { right: 100%; } .coh-col-sm-offset-12 { margin-left: 100%; } .coh-col-sm-push-11 { left: 91.6666666667%; } .coh-col-sm-pull-11 { right: 91.6666666667%; } .coh-col-sm-offset-11 { margin-left: 91.6666666667%; } .coh-col-sm-push-10 { left: 83.3333333333%; } .coh-col-sm-pull-10 { right: 83.3333333333%; } .coh-col-sm-offset-10 { margin-left: 83.3333333333%; } .coh-col-sm-push-9 { left: 75%; } .coh-col-sm-pull-9 { right: 75%; } .coh-col-sm-offset-9 { margin-left: 75%; } .coh-col-sm-push-8 { left: 66.6666666667%; } .coh-col-sm-pull-8 { right: 66.6666666667%; } .coh-col-sm-offset-8 { margin-left: 66.6666666667%; } .coh-col-sm-push-7 { left: 58.3333333333%; } .coh-col-sm-pull-7 { right: 58.3333333333%; } .coh-col-sm-offset-7 { margin-left: 58.3333333333%; } .coh-col-sm-push-6 { left: 50%; } .coh-col-sm-pull-6 { right: 50%; } .coh-col-sm-offset-6 { margin-left: 50%; } .coh-col-sm-push-5 { left: 41.6666666667%; } .coh-col-sm-pull-5 { right: 41.6666666667%; } .coh-col-sm-offset-5 { margin-left: 41.6666666667%; } .coh-col-sm-push-4 { left: 33.3333333333%; } .coh-col-sm-pull-4 { right: 33.3333333333%; } .coh-col-sm-offset-4 { margin-left: 33.3333333333%; } .coh-col-sm-push-3 { left: 25%; } .coh-col-sm-pull-3 { right: 25%; } .coh-col-sm-offset-3 { margin-left: 25%; } .coh-col-sm-push-2 { left: 16.6666666667%; } .coh-col-sm-pull-2 { right: 16.6666666667%; } .coh-col-sm-offset-2 { margin-left: 16.6666666667%; } .coh-visible-sm { display: block; } .coh-col-sm-push-1 { left: 8.3333333333%; } .coh-col-sm-pull-1 { right: 8.3333333333%; } .coh-col-sm-offset-1 { margin-left: 8.3333333333%; } .coh-hidden-sm { display: none; } .coh-col-sm-push-0 { left: auto; } .coh-col-sm-pull-0 { right: auto; } .coh-col-sm-offset-0 { margin-left: 0; } .coh-col-sm-push-1-5 { left: 20%; } .coh-col-sm-pull-1-5 { right: 20%; } .coh-col-sm-offset-1-5 { margin-left: 20%; } } @media (max-width: 767px) { .coh-col-ps { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .coh-layout-col-ps { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; opacity: 1; } .coh-col-ps-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .coh-layout-col-ps-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 200px; opacity: 1; } .coh-layout-col-ps-hidden { max-width: 200px; opacity: 0.5; } .coh-col-ps-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-layout-col-ps-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(8.3333333333% - 10px); -ms-flex: 0 0 calc(8.3333333333% - 10px); flex: 0 0 calc(8.3333333333% - 10px); max-width: -webkit-calc(8.3333333333% - 10px); max-width: calc(8.3333333333% - 10px); opacity: 1; } .coh-layout-col-ps-1.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-col-ps-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-layout-col-ps-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(16.6666666667% - 10px); -ms-flex: 0 0 calc(16.6666666667% - 10px); flex: 0 0 calc(16.6666666667% - 10px); max-width: -webkit-calc(16.6666666667% - 10px); max-width: calc(16.6666666667% - 10px); opacity: 1; } .coh-layout-col-ps-2.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-col-ps-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-layout-col-ps-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); max-width: -webkit-calc(25% - 10px); max-width: calc(25% - 10px); opacity: 1; } .coh-layout-col-ps-3.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-col-ps-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-layout-col-ps-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(33.3333333333% - 10px); -ms-flex: 0 0 calc(33.3333333333% - 10px); flex: 0 0 calc(33.3333333333% - 10px); max-width: -webkit-calc(33.3333333333% - 10px); max-width: calc(33.3333333333% - 10px); opacity: 1; } .coh-layout-col-ps-4.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-col-ps-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-layout-col-ps-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(41.6666666667% - 10px); -ms-flex: 0 0 calc(41.6666666667% - 10px); flex: 0 0 calc(41.6666666667% - 10px); max-width: -webkit-calc(41.6666666667% - 10px); max-width: calc(41.6666666667% - 10px); opacity: 1; } .coh-layout-col-ps-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-col-ps-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-layout-col-ps-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: -webkit-calc(50% - 10px); max-width: calc(50% - 10px); opacity: 1; } .coh-layout-col-ps-6.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-col-ps-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-layout-col-ps-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(58.3333333333% - 10px); -ms-flex: 0 0 calc(58.3333333333% - 10px); flex: 0 0 calc(58.3333333333% - 10px); max-width: -webkit-calc(58.3333333333% - 10px); max-width: calc(58.3333333333% - 10px); opacity: 1; } .coh-layout-col-ps-7.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-col-ps-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-layout-col-ps-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(66.6666666667% - 10px); -ms-flex: 0 0 calc(66.6666666667% - 10px); flex: 0 0 calc(66.6666666667% - 10px); max-width: -webkit-calc(66.6666666667% - 10px); max-width: calc(66.6666666667% - 10px); opacity: 1; } .coh-layout-col-ps-8.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-col-ps-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-layout-col-ps-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(75% - 10px); -ms-flex: 0 0 calc(75% - 10px); flex: 0 0 calc(75% - 10px); max-width: -webkit-calc(75% - 10px); max-width: calc(75% - 10px); opacity: 1; } .coh-layout-col-ps-9.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-col-ps-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-layout-col-ps-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(83.3333333333% - 10px); -ms-flex: 0 0 calc(83.3333333333% - 10px); flex: 0 0 calc(83.3333333333% - 10px); max-width: -webkit-calc(83.3333333333% - 10px); max-width: calc(83.3333333333% - 10px); opacity: 1; } .coh-layout-col-ps-10.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-col-ps-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-layout-col-ps-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(91.6666666667% - 10px); -ms-flex: 0 0 calc(91.6666666667% - 10px); flex: 0 0 calc(91.6666666667% - 10px); max-width: -webkit-calc(91.6666666667% - 10px); max-width: calc(91.6666666667% - 10px); opacity: 1; } .coh-layout-col-ps-11.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-col-ps-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-layout-col-ps-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); opacity: 1; } .coh-layout-col-ps-12.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-col-ps-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-layout-col-ps-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(20% - 10px); -ms-flex: 0 0 calc(20% - 10px); flex: 0 0 calc(20% - 10px); max-width: -webkit-calc(20% - 10px); max-width: calc(20% - 10px); opacity: 1; } .coh-layout-col-ps-1-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-col-ps-push-12 { left: 100%; } .coh-col-ps-pull-12 { right: 100%; } .coh-col-ps-offset-12 { margin-left: 100%; } .coh-col-ps-push-11 { left: 91.6666666667%; } .coh-col-ps-pull-11 { right: 91.6666666667%; } .coh-col-ps-offset-11 { margin-left: 91.6666666667%; } .coh-col-ps-push-10 { left: 83.3333333333%; } .coh-col-ps-pull-10 { right: 83.3333333333%; } .coh-col-ps-offset-10 { margin-left: 83.3333333333%; } .coh-col-ps-push-9 { left: 75%; } .coh-col-ps-pull-9 { right: 75%; } .coh-col-ps-offset-9 { margin-left: 75%; } .coh-col-ps-push-8 { left: 66.6666666667%; } .coh-col-ps-pull-8 { right: 66.6666666667%; } .coh-col-ps-offset-8 { margin-left: 66.6666666667%; } .coh-col-ps-push-7 { left: 58.3333333333%; } .coh-col-ps-pull-7 { right: 58.3333333333%; } .coh-col-ps-offset-7 { margin-left: 58.3333333333%; } .coh-col-ps-push-6 { left: 50%; } .coh-col-ps-pull-6 { right: 50%; } .coh-col-ps-offset-6 { margin-left: 50%; } .coh-col-ps-push-5 { left: 41.6666666667%; } .coh-col-ps-pull-5 { right: 41.6666666667%; } .coh-col-ps-offset-5 { margin-left: 41.6666666667%; } .coh-col-ps-push-4 { left: 33.3333333333%; } .coh-col-ps-pull-4 { right: 33.3333333333%; } .coh-col-ps-offset-4 { margin-left: 33.3333333333%; } .coh-col-ps-push-3 { left: 25%; } .coh-col-ps-pull-3 { right: 25%; } .coh-col-ps-offset-3 { margin-left: 25%; } .coh-col-ps-push-2 { left: 16.6666666667%; } .coh-col-ps-pull-2 { right: 16.6666666667%; } .coh-col-ps-offset-2 { margin-left: 16.6666666667%; } .coh-visible-ps { display: block; } .coh-col-ps-push-1 { left: 8.3333333333%; } .coh-col-ps-pull-1 { right: 8.3333333333%; } .coh-col-ps-offset-1 { margin-left: 8.3333333333%; } .coh-hidden-ps { display: none; } .coh-col-ps-push-0 { left: auto; } .coh-col-ps-pull-0 { right: auto; } .coh-col-ps-offset-0 { margin-left: 0; } .coh-col-ps-push-1-5 { left: 20%; } .coh-col-ps-pull-1-5 { right: 20%; } .coh-col-ps-offset-1-5 { margin-left: 20%; } } @media (max-width: 564px) { .coh-col-xs { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .coh-layout-col-xs { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; opacity: 1; } .coh-col-xs-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .coh-layout-col-xs-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 200px; opacity: 1; } .coh-layout-col-xs-hidden { max-width: 200px; opacity: 0.5; } .coh-col-xs-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-layout-col-xs-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(8.3333333333% - 10px); -ms-flex: 0 0 calc(8.3333333333% - 10px); flex: 0 0 calc(8.3333333333% - 10px); max-width: -webkit-calc(8.3333333333% - 10px); max-width: calc(8.3333333333% - 10px); opacity: 1; } .coh-layout-col-xs-1.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .coh-col-xs-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-layout-col-xs-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(16.6666666667% - 10px); -ms-flex: 0 0 calc(16.6666666667% - 10px); flex: 0 0 calc(16.6666666667% - 10px); max-width: -webkit-calc(16.6666666667% - 10px); max-width: calc(16.6666666667% - 10px); opacity: 1; } .coh-layout-col-xs-2.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .coh-col-xs-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-layout-col-xs-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(25% - 10px); -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); max-width: -webkit-calc(25% - 10px); max-width: calc(25% - 10px); opacity: 1; } .coh-layout-col-xs-3.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .coh-col-xs-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-layout-col-xs-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(33.3333333333% - 10px); -ms-flex: 0 0 calc(33.3333333333% - 10px); flex: 0 0 calc(33.3333333333% - 10px); max-width: -webkit-calc(33.3333333333% - 10px); max-width: calc(33.3333333333% - 10px); opacity: 1; } .coh-layout-col-xs-4.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .coh-col-xs-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-layout-col-xs-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(41.6666666667% - 10px); -ms-flex: 0 0 calc(41.6666666667% - 10px); flex: 0 0 calc(41.6666666667% - 10px); max-width: -webkit-calc(41.6666666667% - 10px); max-width: calc(41.6666666667% - 10px); opacity: 1; } .coh-layout-col-xs-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .coh-col-xs-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-layout-col-xs-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: -webkit-calc(50% - 10px); max-width: calc(50% - 10px); opacity: 1; } .coh-layout-col-xs-6.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coh-col-xs-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-layout-col-xs-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(58.3333333333% - 10px); -ms-flex: 0 0 calc(58.3333333333% - 10px); flex: 0 0 calc(58.3333333333% - 10px); max-width: -webkit-calc(58.3333333333% - 10px); max-width: calc(58.3333333333% - 10px); opacity: 1; } .coh-layout-col-xs-7.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .coh-col-xs-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-layout-col-xs-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(66.6666666667% - 10px); -ms-flex: 0 0 calc(66.6666666667% - 10px); flex: 0 0 calc(66.6666666667% - 10px); max-width: -webkit-calc(66.6666666667% - 10px); max-width: calc(66.6666666667% - 10px); opacity: 1; } .coh-layout-col-xs-8.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .coh-col-xs-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-layout-col-xs-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(75% - 10px); -ms-flex: 0 0 calc(75% - 10px); flex: 0 0 calc(75% - 10px); max-width: -webkit-calc(75% - 10px); max-width: calc(75% - 10px); opacity: 1; } .coh-layout-col-xs-9.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .coh-col-xs-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-layout-col-xs-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(83.3333333333% - 10px); -ms-flex: 0 0 calc(83.3333333333% - 10px); flex: 0 0 calc(83.3333333333% - 10px); max-width: -webkit-calc(83.3333333333% - 10px); max-width: calc(83.3333333333% - 10px); opacity: 1; } .coh-layout-col-xs-10.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .coh-col-xs-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-layout-col-xs-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(91.6666666667% - 10px); -ms-flex: 0 0 calc(91.6666666667% - 10px); flex: 0 0 calc(91.6666666667% - 10px); max-width: -webkit-calc(91.6666666667% - 10px); max-width: calc(91.6666666667% - 10px); opacity: 1; } .coh-layout-col-xs-11.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .coh-col-xs-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-layout-col-xs-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100% - 10px); -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px); max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); opacity: 1; } .coh-layout-col-xs-12.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .coh-col-xs-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-layout-col-xs-1-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(20% - 10px); -ms-flex: 0 0 calc(20% - 10px); flex: 0 0 calc(20% - 10px); max-width: -webkit-calc(20% - 10px); max-width: calc(20% - 10px); opacity: 1; } .coh-layout-col-xs-1-5.coh-layout-canvas-component-drop-zone { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .coh-col-xs-push-12 { left: 100%; } .coh-col-xs-pull-12 { right: 100%; } .coh-col-xs-offset-12 { margin-left: 100%; } .coh-col-xs-push-11 { left: 91.6666666667%; } .coh-col-xs-pull-11 { right: 91.6666666667%; } .coh-col-xs-offset-11 { margin-left: 91.6666666667%; } .coh-col-xs-push-10 { left: 83.3333333333%; } .coh-col-xs-pull-10 { right: 83.3333333333%; } .coh-col-xs-offset-10 { margin-left: 83.3333333333%; } .coh-col-xs-push-9 { left: 75%; } .coh-col-xs-pull-9 { right: 75%; } .coh-col-xs-offset-9 { margin-left: 75%; } .coh-col-xs-push-8 { left: 66.6666666667%; } .coh-col-xs-pull-8 { right: 66.6666666667%; } .coh-col-xs-offset-8 { margin-left: 66.6666666667%; } .coh-col-xs-push-7 { left: 58.3333333333%; } .coh-col-xs-pull-7 { right: 58.3333333333%; } .coh-col-xs-offset-7 { margin-left: 58.3333333333%; } .coh-col-xs-push-6 { left: 50%; } .coh-col-xs-pull-6 { right: 50%; } .coh-col-xs-offset-6 { margin-left: 50%; } .coh-col-xs-push-5 { left: 41.6666666667%; } .coh-col-xs-pull-5 { right: 41.6666666667%; } .coh-col-xs-offset-5 { margin-left: 41.6666666667%; } .coh-col-xs-push-4 { left: 33.3333333333%; } .coh-col-xs-pull-4 { right: 33.3333333333%; } .coh-col-xs-offset-4 { margin-left: 33.3333333333%; } .coh-col-xs-push-3 { left: 25%; } .coh-col-xs-pull-3 { right: 25%; } .coh-col-xs-offset-3 { margin-left: 25%; } .coh-col-xs-push-2 { left: 16.6666666667%; } .coh-col-xs-pull-2 { right: 16.6666666667%; } .coh-col-xs-offset-2 { margin-left: 16.6666666667%; } .coh-visible-xs { display: block; } .coh-col-xs-push-1 { left: 8.3333333333%; } .coh-col-xs-pull-1 { right: 8.3333333333%; } .coh-col-xs-offset-1 { margin-left: 8.3333333333%; } .coh-hidden-xs { display: none; } .coh-col-xs-push-0 { left: auto; } .coh-col-xs-pull-0 { right: auto; } .coh-col-xs-offset-0 { margin-left: 0; } .coh-col-xs-push-1-5 { left: 20%; } .coh-col-xs-pull-1-5 { right: 20%; } .coh-col-xs-offset-1-5 { margin-left: 20%; } } .coh-row-bleed-xl > .coh-row-inner { margin-right: 0; margin-left: 0; } .coh-row-bleed-xl > .coh-row-inner > .coh-column { padding-right: 0; padding-left: 0; } .coh-row-visible-xl { overflow: visible; } .coh-row-hidden-xl { overflow-x: hidden; overflow-y: auto; } .coh-row-xl > .coh-row-inner { margin-right: -0.8888888889rem; margin-left: -0.8888888889rem; } .coh-row-xl > .coh-row-inner > .coh-column { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; } @media (max-width: 1599px) { .coh-row-xl > .coh-row-inner { margin-right: -0.8888888889rem; margin-left: -0.8888888889rem; } .coh-row-xl > .coh-row-inner > .coh-column { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; } } @media (max-width: 1169px) { .coh-row-xl > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-xl > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 1023px) { .coh-row-xl > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-xl > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 767px) { .coh-row-xl > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-xl > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 564px) { .coh-row-xl > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-xl > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 1599px) { .coh-row-bleed-lg > .coh-row-inner { margin-right: 0; margin-left: 0; } .coh-row-bleed-lg > .coh-row-inner > .coh-column { padding-right: 0; padding-left: 0; } .coh-row-visible-lg { overflow: visible; } .coh-row-hidden-lg { overflow-x: hidden; overflow-y: auto; } } @media (max-width: 1599px) { .coh-row-lg > .coh-row-inner { margin-right: -0.8888888889rem; margin-left: -0.8888888889rem; } .coh-row-lg > .coh-row-inner > .coh-column { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; } } @media (max-width: 1169px) { .coh-row-lg > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-lg > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 1023px) { .coh-row-lg > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-lg > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 767px) { .coh-row-lg > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-lg > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 564px) { .coh-row-lg > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-lg > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 1169px) { .coh-row-bleed-md > .coh-row-inner { margin-right: 0; margin-left: 0; } .coh-row-bleed-md > .coh-row-inner > .coh-column { padding-right: 0; padding-left: 0; } .coh-row-visible-md { overflow: visible; } .coh-row-hidden-md { overflow-x: hidden; overflow-y: auto; } } @media (max-width: 1169px) { .coh-row-md > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-md > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 1023px) { .coh-row-md > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-md > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 767px) { .coh-row-md > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-md > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 564px) { .coh-row-md > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-md > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 1023px) { .coh-row-bleed-sm > .coh-row-inner { margin-right: 0; margin-left: 0; } .coh-row-bleed-sm > .coh-row-inner > .coh-column { padding-right: 0; padding-left: 0; } .coh-row-visible-sm { overflow: visible; } .coh-row-hidden-sm { overflow-x: hidden; overflow-y: auto; } } @media (max-width: 1023px) { .coh-row-sm > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-sm > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 767px) { .coh-row-sm > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-sm > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 564px) { .coh-row-sm > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-sm > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 767px) { .coh-row-bleed-ps > .coh-row-inner { margin-right: 0; margin-left: 0; } .coh-row-bleed-ps > .coh-row-inner > .coh-column { padding-right: 0; padding-left: 0; } .coh-row-visible-ps { overflow: visible; } .coh-row-hidden-ps { overflow-x: hidden; overflow-y: auto; } } @media (max-width: 767px) { .coh-row-ps > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-ps > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 564px) { .coh-row-ps > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-ps > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } @media (max-width: 564px) { .coh-row-bleed-xs > .coh-row-inner { margin-right: 0; margin-left: 0; } .coh-row-bleed-xs > .coh-row-inner > .coh-column { padding-right: 0; padding-left: 0; } .coh-row-visible-xs { overflow: visible; } .coh-row-hidden-xs { overflow-x: hidden; overflow-y: auto; } } @media (max-width: 564px) { .coh-row-xs > .coh-row-inner { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; } .coh-row-xs > .coh-row-inner > .coh-column { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } } :root { --ssa-default-font-settings-font-family: "myriad-pro", "Helvetica", "Arial", "Open Sans", sans-serif;; --ssa-default-font-settings-color: rgb(0, 0, 0); } body { font-family: "myriad-pro", "Helvetica", "Arial", "Open Sans", sans-serif;; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: rgb(0, 0, 0); } :root { --ssa-base-unit-settings-font-size: 18px; } body { font-size: 18px; } ul.toolbar-menu li { margin: 0; list-style-type: none; font-weight: normal; } ul.toolbar-menu li:before { content: normal; } ul.contextual-links li { list-style-type: none; font-weight: normal; } ul.contextual-links li:before { content: normal; } ul.cke_panel_list li { list-style-type: none; font-weight: normal; } ul.cke_panel_list li:before { content: normal; } ul.dx8-tabs li { list-style-type: none; font-weight: normal; } ul.dx8-tabs li:before { content: normal; } ul li { line-height: 1.5; margin-bottom: 0.8888888889rem; margin-left: 1.7777777778rem; list-style-type: disc; list-style-position: outside; } ul li ul { margin-top: 1.3333333333rem; margin-bottom: 1.3333333333rem; } ul li ul li { margin-left: 0.8888888889rem; list-style-type: circle; } p { font-size: 18px; margin-bottom: 1.3333333333rem; line-height: 1.5; font-weight: 400; } ol li { line-height: 1.5; margin-bottom: 0.8888888889rem; margin-left: 1.7777777778rem; font-weight: 400; list-style-type: decimal; } ol li ol { margin-top: 1.3333333333rem; margin-bottom: 1.3333333333rem; } ol li ol li { margin-left: 1.3333333333rem; } h4 { font-size: 1rem; font-weight: 600; margin-bottom: 1.2222222222rem; margin-bottom: 1.1111111111rem; font-family: "myriad-pro", "Helvetica", "Arial", "Open Sans", sans-serif;; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @media (max-width: 767px) { h4 { margin-bottom: 1.1111111111rem; } } h3 { font-size: 22px; font-weight: 600; margin-bottom: 1.3333333333rem; font-family: "myriad-pro", "Helvetica", "Arial", "Open Sans", sans-serif;; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: rgb(0, 0, 0); } h2 { font-weight: 600; font-size: 1.4444444444rem; margin-bottom: 1.3333333333rem; display: inline-block; } h2:after { content: ""; border-bottom-width: 5px; border-bottom-style: solid; width: 50%; display: block; margin-top: 5px; } h1 { font-size: 38px; line-height: 1.25; font-weight: 600; margin-bottom: 1.3333333333rem; font-family: "myriad-pro", "Helvetica", "Arial", "Open Sans", sans-serif;; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } strong { font-weight: 500; } form.user-login-form, form#user-login-form { background-color: rgb(243, 246, 248); width: 40%; margin-right: auto; margin-left: auto; border-style: none; } @media (max-width: 1169px) { form.user-login-form, form#user-login-form { width: 50%; } } @media (max-width: 1023px) { form.user-login-form, form#user-login-form { width: 100%; } } form.user-login-form input[type=submit], form#user-login-form input[type=submit] { font-weight: 500; font-size: 0.6666666667rem; line-height: 0.8888888889rem; letter-spacing: 0.1111111111rem; text-transform: uppercase; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; background-color: rgb(40, 169, 224); padding-top: 0.6666666667rem; padding-right: 0.8888888889rem; padding-bottom: 0.6666666667rem; padding-left: 0.8888888889rem; margin-top: 0.4444444444rem; margin-bottom: 1.3333333333rem; position: relative; display: inline-block; color: rgb(255, 255, 255); border-style: none; -webkit-appearance: none; } form.user-login-form input[type=submit]:hover, form#user-login-form input[type=submit]:hover { color: rgb(255, 255, 255); background-color: rgb(233, 0, 96); } form.user-login-form .js-form-item > p, form#user-login-form .js-form-item > p { margin-bottom: 0; } form.user-login-form .form-actions, form#user-login-form .form-actions { padding: 0; } input[type=email], input[type=text], input[type=password], input[type=search] { background-color: rgb(255, 255, 255); border-color: rgb(186, 192, 207); padding-right: 0.4444444444rem; padding-left: 0.4444444444rem; border-width: 0.0555555556rem; -webkit-appearance: none; border-style: solid; font-size: 0.8888888889rem; height: 2.1111111111rem; line-height: 0.8888888889rem; } .messages { margin-bottom: 1.3333333333rem; width: 100%; } body::-moz-selection { background-color: rgb(40, 169, 224); color: rgb(255, 255, 255); } body::selection { background-color: rgb(40, 169, 224); color: rgb(255, 255, 255); } body.is-scrolled .header-container { -webkit-box-shadow: 0 0 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.04); box-shadow: 0 0 0.2222222222rem 0.2222222222rem rgba(0, 0, 0, 0.04); } body img { max-width: 100%; height: auto; } body .coh-wysiwyg img { margin-bottom: 1.3333333333rem; } blockquote { padding-left: 1.3333333333rem; border-left-width: 0.4444444444rem; border-left-style: solid; border-left-color: rgb(40, 169, 224); font-size: 1.1111111111rem; font-style: italic; margin-bottom: 1.3333333333rem; } .coh-wysiwyg a { border-bottom-width: 3px; border-bottom-style: solid; -webkit-transition: 400ms ease-in-out border-bottom-color; transition: 400ms ease-in-out border-bottom-color; color: rgb(86, 86, 86); line-height: 13px; position: relative; } input[type=submit] { background-color: rgb(40, 169, 224); color: rgb(255, 255, 255); display: inline-block; padding-top: 0.6666666667rem; padding-right: 0.8888888889rem; padding-bottom: 0.6666666667rem; padding-left: 0.8888888889rem; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; text-transform: uppercase; font-size: 0.6666666667rem; letter-spacing: 0.1111111111rem; line-height: 0.8888888889rem; font-weight: 500; margin-top: 0.4444444444rem; margin-bottom: 1.3333333333rem; border-width: 0; border-style: none; -webkit-appearance: none; } input[type=submit]:hover { background-color: rgb(233, 0, 96); color: rgb(255, 255, 255); }