@import url(https://fonts.googleapis.com/css?family=Cormorant:400,500,600i,700);@charset "UTF-8"; /* Webfont: Lato-Black */ @font-face { font-family: 'Lato'; src: url(fonts/d2d9ddbd08ae0ade29cebca9330a05fc.eot); /* IE9 Compat Modes */ src: url(fonts/d2d9ddbd08ae0ade29cebca9330a05fc.eot?#iefix) format("embedded-opentype"), url(33d5f0d956f3fc30bc51f81047a2c47d.woff2) format("woff2"), url(f80bda6afd19534368443a3d0323a140.woff) format("woff"), url(fonts/a54bddbc1689d05277d2127f58589917.ttf) format("truetype"); font-style: normal; font-weight: 900; text-rendering: optimizeLegibility; } /* Webfont: Lato-BlackItalic */ @font-face { font-family: 'Lato'; src: url(fonts/a8642cee117dd62f5e48b1ff0f7db272.eot); /* IE9 Compat Modes */ src: url(fonts/a8642cee117dd62f5e48b1ff0f7db272.eot?#iefix) format("embedded-opentype"), url(0f4fa9755f480e75463e74b3dce5a3ee.woff2) format("woff2"), url(798eafdd87dc8f3174f76164f0685e02.woff) format("woff"), url(fonts/4c66fb2b46d728c2e8d73dff1ea22172.ttf) format("truetype"); font-style: italic; font-weight: 900; text-rendering: optimizeLegibility; } /* Webfont: Lato-Bold */ @font-face { font-family: 'Lato'; src: url(fonts/a2fb219c999a8fa6b95ad7c24890072e.eot); /* IE9 Compat Modes */ src: url(fonts/a2fb219c999a8fa6b95ad7c24890072e.eot?#iefix) format("embedded-opentype"), url(cccb897485813c7c256901dbca54ecf2.woff2) format("woff2"), url(d878b6c29b10beca227e9eef4246111b.woff) format("woff"), url(fonts/5b1b8b856d7a8cb1cb0bae6d0573f2e9.ttf) format("truetype"); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; } /* Webfont: Lato-BoldItalic */ @font-face { font-family: 'Lato'; src: url(fonts/7b48d663230528ecb6dbf730251bbe44.eot); /* IE9 Compat Modes */ src: url(fonts/7b48d663230528ecb6dbf730251bbe44.eot?#iefix) format("embedded-opentype"), url(0b6bb6725576b072c5d0b02ecdd1900d.woff2) format("woff2"), url(9c7e4e9eb485b4a121c760e61bc3707c.woff) format("woff"), url(fonts/71e8fd8ecaf5b352d6bee317985c2ee8.ttf) format("truetype"); font-style: italic; font-weight: 700; text-rendering: optimizeLegibility; } /* Webfont: Lato-Hairline */ @font-face { font-family: 'Lato'; src: url(fonts/c27ae7852e3ba0749f095e5a9a78911b.eot); /* IE9 Compat Modes */ src: url(fonts/c27ae7852e3ba0749f095e5a9a78911b.eot?#iefix) format("embedded-opentype"), url(ada4458b361d5e72bcbd19da105afdc5.woff2) format("woff2"), url(482fe0a9e92d9c5ff7fec117ca54c8ae.woff) format("woff"), url(fonts/5c535860c145cbafff4b17e2bfa865a3.ttf) format("truetype"); font-style: normal; font-weight: 100; text-rendering: optimizeLegibility; } /* Webfont: Lato-HairlineItalic */ @font-face { font-family: 'Lato'; src: url(fonts/0cf7709b2fb64cc047a2a54b56d79dc6.eot); /* IE9 Compat Modes */ src: url(fonts/0cf7709b2fb64cc047a2a54b56d79dc6.eot?#iefix) format("embedded-opentype"), url(d9cf517802956cd88eadcb9158aa6dec.woff2) format("woff2"), url(b4da0df63131b83ddeec1febb5b15374.woff) format("woff"), url(fonts/2b4910bf8b75c6b15b7356aa9a3552ff.ttf) format("truetype"); font-style: italic; font-weight: 100; text-rendering: optimizeLegibility; } /* Webfont: Lato-Heavy */ @font-face { font-family: 'Lato'; src: url(fonts/b0357e425384d4222769a19587e27867.eot); /* IE9 Compat Modes */ src: url(fonts/b0357e425384d4222769a19587e27867.eot?#iefix) format("embedded-opentype"), url(c9cbbdc3762c340d5d37073a54971487.woff2) format("woff2"), url(2ce4d82354fdf1be1788c526d94eefc1.woff) format("woff"), url(fonts/72c6dd530f0acc74b5286a7dcfa9e2d8.ttf) format("truetype"); font-style: normal; font-weight: 800; text-rendering: optimizeLegibility; } /* Webfont: Lato-HeavyItalic */ @font-face { font-family: 'Lato'; src: url(fonts/4c67ae6fdd968642a4add3b760c5e52b.eot); /* IE9 Compat Modes */ src: url(fonts/4c67ae6fdd968642a4add3b760c5e52b.eot?#iefix) format("embedded-opentype"), url(46f0461b6e19880fe446f094bbe787f4.woff2) format("woff2"), url(38d2399f6c10d8ba1d8d45ba0c440ad5.woff) format("woff"), url(fonts/4a1d8c14d03979c73781b76904fa95bc.ttf) format("truetype"); font-style: italic; font-weight: 800; text-rendering: optimizeLegibility; } /* Webfont: Lato-Italic */ @font-face { font-family: 'Lato'; src: url(fonts/0acac3839ae2c89cf8b553c29943fceb.eot); /* IE9 Compat Modes */ src: url(fonts/0acac3839ae2c89cf8b553c29943fceb.eot?#iefix) format("embedded-opentype"), url(4eb103b4d12be57cb1d040ed5e162e9d.woff2) format("woff2"), url(f28f2d6482446544ef1ea1ccc6dd5892.woff) format("woff"), url(fonts/4ffc48d0549568bb624b9ef9c1cf2626.ttf) format("truetype"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Light */ @font-face { font-family: 'Lato'; src: url(fonts/4afee4c98483c85a33460792d1f0f6db.eot); /* IE9 Compat Modes */ src: url(fonts/4afee4c98483c85a33460792d1f0f6db.eot?#iefix) format("embedded-opentype"), url(7244318390cc4d36aac4a613ff42d308.woff2) format("woff2"), url(90301aa07d780a09812229d6375c3b28.woff) format("woff"), url(fonts/cf44fd55d7045a2378f92f86ddfca3d3.ttf) format("truetype"); font-style: normal; font-weight: 300; text-rendering: optimizeLegibility; } /* Webfont: Lato-LightItalic */ @font-face { font-family: 'Lato'; src: url(fonts/7be5435e82c853b13cae85af56abf815.eot); /* IE9 Compat Modes */ src: url(fonts/7be5435e82c853b13cae85af56abf815.eot?#iefix) format("embedded-opentype"), url(314210a4825a7cc8ca7db893dfd9d283.woff2) format("woff2"), url(b55e385f24f0f9f724dac935fe292ecf.woff) format("woff"), url(fonts/7865ec9dc1b26d5447c722f5c2023687.ttf) format("truetype"); font-style: italic; font-weight: 300; text-rendering: optimizeLegibility; } /* Webfont: Lato-Medium */ @font-face { font-family: 'Lato'; src: url(fonts/cecc32d267ee07ce3413637314b66ca0.eot); /* IE9 Compat Modes */ src: url(fonts/cecc32d267ee07ce3413637314b66ca0.eot?#iefix) format("embedded-opentype"), url(0996d39c4cf5d223a14559dfa37047fd.woff2) format("woff2"), url(acbd6ecc97c80340e9bf00ea80063234.woff) format("woff"), url(fonts/06e1c8dbe641dd9dfa4367dc2a6efb9f.ttf) format("truetype"); font-style: normal; font-weight: 500; text-rendering: optimizeLegibility; } /* Webfont: Lato-MediumItalic */ @font-face { font-family: 'Lato'; src: url(fonts/b56b2012c6aa9ad5bd1d901ed8ab0e2d.eot); /* IE9 Compat Modes */ src: url(fonts/b56b2012c6aa9ad5bd1d901ed8ab0e2d.eot?#iefix) format("embedded-opentype"), url(4d295621045bd774d4beed9d6d5796e4.woff2) format("woff2"), url(aa1a75124661b40a6770dc0d8274ddaa.woff) format("woff"), url(fonts/96f828791c07f91c0aa986e603b3b4d3.ttf) format("truetype"); font-style: italic; font-weight: 500; text-rendering: optimizeLegibility; } /* Webfont: Lato-Regular */ @font-face { font-family: 'Lato'; src: url(fonts/8ab18d934cfa1e51dc8273cd8585387e.eot); /* IE9 Compat Modes */ src: url(fonts/8ab18d934cfa1e51dc8273cd8585387e.eot?#iefix) format("embedded-opentype"), url(bd03a2cc277bbbc338d464e679fe9942.woff2) format("woff2"), url(27bd77b9162d388cb8d4c4217c7c5e2a.woff) format("woff"), url(fonts/6d4e78225df0cfd5fe1bf3e8547fefe4.ttf) format("truetype"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Semibold */ @font-face { font-family: 'Lato'; src: url(fonts/8bb939ef88123e279c292794c0b23768.eot); /* IE9 Compat Modes */ src: url(fonts/8bb939ef88123e279c292794c0b23768.eot?#iefix) format("embedded-opentype"), url(8b4f872c5de19974857328d06d3fe48f.woff2) format("woff2"), url(c2b50f4a7d908c8d06f5b05ec135e166.woff) format("woff"), url(fonts/3b0cd7254b3b6ddb8a313d41573fda8b.ttf) format("truetype"); font-style: normal; font-weight: 600; text-rendering: optimizeLegibility; } /* Webfont: Lato-SemiboldItalic */ @font-face { font-family: 'Lato'; src: url(fonts/82b587d9f743383fb03f94e579d08193.eot); /* IE9 Compat Modes */ src: url(fonts/82b587d9f743383fb03f94e579d08193.eot?#iefix) format("embedded-opentype"), url(80f6811f6c30735dab68a01372d8b78f.woff2) format("woff2"), url(9fcec04cdba9253e002e740a7cd743fe.woff) format("woff"), url(fonts/d5fa302ed37be6c20a884a70850dba22.ttf) format("truetype"); font-style: italic; font-weight: 600; text-rendering: optimizeLegibility; } /* Webfont: Lato-Thin */ @font-face { font-family: 'Lato'; src: url(fonts/fe4e34a5b0708ee85231d4b43fa6f2f3.eot); /* IE9 Compat Modes */ src: url(fonts/fe4e34a5b0708ee85231d4b43fa6f2f3.eot?#iefix) format("embedded-opentype"), url(0faa1074c17a74a7f5e32cbe6f9d76f3.woff2) format("woff2"), url(13fa4c60e0ee7ea5fe2bd84059fb8cac.woff) format("woff"), url(fonts/454421e7b2b8aaee2980346571f86863.ttf) format("truetype"); font-style: normal; font-weight: 200; text-rendering: optimizeLegibility; } /* Webfont: Lato-ThinItalic */ @font-face { font-family: 'Lato'; src: url(fonts/2e89a614a99ac1324dac2d0cd1521be7.eot); /* IE9 Compat Modes */ src: url(fonts/2e89a614a99ac1324dac2d0cd1521be7.eot?#iefix) format("embedded-opentype"), url(880cffe4febaa7476b6aee71db68b7e4.woff2) format("woff2"), url(16d14ad314296a4644d550c8f20bd407.woff) format("woff"), url(fonts/14caa659f6c771d8125c41098035cfcd.ttf) format("truetype"); font-style: italic; font-weight: 200; text-rendering: optimizeLegibility; } @font-face { font-family: 'icomoon'; src: url(fonts/2ec5d868ac1489241e208fa2aef06e76.eot); src: url(fonts/2ec5d868ac1489241e208fa2aef06e76.eot#iefix) format("embedded-opentype"), url(fonts/6d6d02ea7a4047df3c2e85d3763dd425.ttf) format("truetype"), url(data:application/font-woff;base64,d09GRgABAAAAACCgAAsAAAAAIFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGUmNtYXAAAAFoAAAAVAAAAFQXVtKmZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAG9wAABvcxGuE7WhlYWQAAB2gAAAANgAAADYWq8b/aGhlYQAAHdgAAAAkAAAAJAlPBYtobXR4AAAd/AAAAJAAAACQiR0Cc2xvY2EAAB6MAAAASgAAAEp2nnAybWF4cAAAHtgAAAAgAAAAIAAyAMVuYW1lAAAe+AAAAYYAAAGGmUoJ+3Bvc3QAACCAAAAAIAAAACAAAwAAAAMECQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6R8DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkf//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABgAA/8ADHAPAABYAJgA2AEYASwBcAAABMSYiBw4BFRQWFx4BMzI2Nz4BNTQmJwExFBYzITI2NTQmIyEiBhUVMRQWMyEyNjU0JiMhIgYVBzEUFjsBMjY1NCYrASIGFQMRIREhASEiBhURFBYzITI2NRE0JiMCLgsjDAUHBwUGDwgIEAUGBgYG/qUYEQEXERgYEf7pERgYEQEXERgYEf7pERgGGBGKERgYEYoRGG8CYf2fApD9QRQbGxQCvxMbGxMBawwMBg8ICA8FBgYGBgUPCAgPBgFPERgYEREYGBGuERgYEREXFxG7EBgYEBEYGBH+zANG/LoDoxsU/F4UGxsUA6IUGwABAAABWgQAAiYADQAAASEiJjU0NjMhMhYVFAYDqfyuJDMzJANSJDMzAVo8Kio8PCoqPAAAAQAA/8AEAAPAAB8AAAEUBiMhERQGIyImNREhIiY1NDYzIRE0NjMyFhURITIWBAAzJP6kMyQkM/64JDMzJAFIMyQkMwFcJDMBtiQz/rgkMzMkAUgzJCQzAVwkMzMk/qQzAAAAAAIAAP/ABAADwAAcADsAAAEUBw4BBwYjIicuAScmNTQ3PgE3NjMyFx4BFxYVIRQWFwcXNx4BMzI3PgE3NjU0Jy4BJyYjIgcOAQcGFQOHGhpYOztDRDs7WBoZGRlYOztDRDs8WBoa/PowK9xX3DiKS11RUnkkIyMjeVJSXV1RUnkjIwIAQzs8WBkaGhlYPDtDQzs7WRoaGhpYOzxDTYk421fbKy8jI3pRUV1cUlJ5JCMjJHlSUlwAAAANAAD/wAQAA8AADAAaACcANQBHAFUAXwBpAHcAigCUAJ8AuwAAJT4BNz4BNwYHDgEHBiUeARceARcmJy4BJyYnEw4BBw4BBzY3PgE3NgUuAScuAScWFx4BFxYXBx4BFx4BFRQGBw4BBz4BNTQmBzUeARceARUUBgcOAQcDFSIGBz4BNzoBMx4BFy4BIzUWMgE0Njc+ATcVLgEnLgE1IzQ2Nz4BNw4BFRQWFy4BJy4BNQEuASceATMVJiIzKgEHNTI2Nw4BBwMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYCmB0+FCpBGBAZGD4lJf21GEIpFD4dKSUlPhgZEPUePhUqQhgRGBk+JiUCSRhCKhQ/HiolJj4ZGRB1MUYTBAQEBBJGMQQEBfgxWCYFBgUFJ1cyQixOIyBfFwEESxdfICNPKwIE/v4GBSZYMTFYJwUFzAQEE0UyBAUEBDFFEwQEAX4WYCAjTywCBFACBAIsTyMgYBYpal1diykoKCmLXV1qal1diykoKCmLXV01KHJIAwgEKSUlPhgY4QMIBEhyKBAYGT0lJSkCJilySAMIBColJT4YGOIDCARIcikQGBg+JSYpNgQKAxQqFRUqFAMKBRgzGhozv+QBBAMZNRwcNhkCBAECGPIDAl+AFxeAXwID8gH+Wxw1GgIEAeQBBAMZNRwVKhQDCgUYMxoaMxcECgMUKhX+WxZ/YQID8gEB8gMCYX8WA6UoKYtdXWpqXV2LKSgoKYtdXWpqXV2LKSgAAAABAAD/wATNA8AAAgAACQEhAmYCZ/szA8D8AAAAAQAa/9oEAAOmACYAAAE2MhceARUUBgcJAR4BFRQGBwYiJwkBBiInJjQ3CQEmNDc2MhcJAQNpGkkaDQ0NDf6XAWkNDQ0NGkka/pf+lxpJGhoaAWn+lxoaGkkaAWkBaQOmGhoNIRERIA3+l/6XDSARESENGhoBaf6XGhoaSRoBaQFpGkkaGhr+lwFpAAAEAAD/wASAA8AAGAAoADYAUwAAAS4BNTQ2Nz4BMzIWFx4BFRQGBw4BIyImJyU0NjMhMhYVFAYjISImNTEBIyIGDwE1NCYjIREhERMhIgYVERQWMyEVFBYXHgEzMjY/ATMyNjURNCYjAxMJCgoJCRcNDRcJCQoKCQkXDQ0XCf3tHBQBYBQcHBT+oBQcA0CJCxcHihgV/akDwA775BUdHRUCTRQPBAoFCxQI0KIVHR0VAlMJFw0NFwkJCgoJCRcNDRcJCQoKCS0bJSUbGyUlG/6uCgicfBQeAhL97gKSHhX9chUd2hAaBgECCgn6HRUCjhUeAAAABAAKAHgD9gMIAA4AEwAYACgAAAExNCYrASIGFRQWOwEyNgURIREhETUhFSElNCYjISIGFREUFjMhMjY1A00aEs8SGRkSzxIa/RUDPPzEAzz8xAOULyL8tiIvLyIDSiIvAV4SGRkSExkZfAES/u4BlU1NUyIvLyL+EiIvLyIAAAAGAAD/wASAA8AADgAqAEMAWgB3AJQAACUhETMyNj8BIRceATsBERMjJy4BIyEiBg8BIyIGFREUFjMhMjY1ETQmIzEBHgEVFAYHDgEjIiYnLgE1NDY3PgEzMhYXNw4BIyoBIy4BNzYmJy4BNz4BFx4BBzEHIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIxEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjBBz8SLURGwQ2AYI2BBsRtTLBNQUbEf4yERsFNcEVHR0VBBwVHR0V/h0HBwcHBxMKCRMHBwgIBwcTCQoTB2EDGRABAwISFgMDKgEQDQgHIhAdRgiMJyIiMw4PDw4zIiInJyIiMw4PDw4zIiInOzU0ThcWFhdONDU7OzU0ThcWFhdONDU7KQI1FhHS0hEW/csCntERFxcR0R0W/WEWHx8WAp8WHf57BxMLChQHBwgIBwcUCgsTBwgICAg6EhYDHhMcHwEIIxIRDQcOTz+8EBA2JCUpKiQlNhAPDxA2JSQqKSUkNhAQAfkYGFM3OD8/NzhTGBgYGFM4Nz8/ODdTGBgAAAQAAP/ABAADwAAbADcATwBxAAABFAcOAQcGIyInLgEnJjU0Nz4BNzYzMhceARcWFzQnLgEnJiMiBw4BBwYVFBceARcWMzI3PgE3NgE+ATU0JicuASMiBgcOARUUFhceATMyNgMiJicuATcTBwYmJyY2PwE2FhceAQcDNzYWFxYGDwEOASMDpyEic01NV1dNTXMiISEic01NV1dNTXMiIVkoKYtdXWpqXV2LKSgoKYtdXWpqXV2LKSj+UQcJCQcIFQsLFAgICAgICBQLCxVnBwwFCQcCNx8OHwgICQ5oChcJCQkDOC4PHgYHDA9yBAgEAcBXTU1zIiEhInNNTVdXTU1zIiEhInNNTVdqXV2LKSgoKYtdXWpqXV2LKSgoKYtdXQFICBQLCxUICAgICAgVCwsUCAgICP30BQQHFAsBFhEICQ4OHwg7BQEHBhYL/uAUBwwPDx4GMgICAAAAAAIAAP/AAsUDugADABwAADcRCQEJAS4BBw4BFREUFhceATMyNjcBPgE1NCYncQG//kECPv2tDSAPDxERDwYMBwkSCAJTCwsLC2kCrv6p/qkBgwHICgMHBxoQ/G4QGgcDAwYGAcgIFw0NFwgAAAEAAP/UAkIDwAAZAAATAT4BMzIWFxYGBwkBHgEHDgEnAS4BNTQ2NxYByAsZDQ4aCxQBFf5sAZQVARQUOxX+OAsLCwsB8wG5CgoLCxU6Ff56/noVOhUVAhUBuQobDg4bCgAAAAABABT/wAJVA6wAGQAACQEOASMiJicmNjcJAS4BNz4BFwEeARUUBgcCQP43ChoNDhoKFQIVAZT+bBUCFRQ6FQHJCgsLCgGN/kcKCgsLFToVAYYBhhU6FRUCFf5HChsODhsKAAAAAgARAAAEAANvABkAMwAACQEOASMiJicmNjcJAS4BNz4BFwEeARUUBgchAQ4BIyImJyY2NwkBLgE3PgEXAR4BFRQGBwHu/ngJFQwMFgkRAREBW/6lEQERETISAYgICgoIAgD+eAkVDAwWCREBEQFb/qURARERMhIBiAgKCggBk/5+CAkKCRI0EQFWAVYRNBISARH+fgkXDQ0XCf5+CAkKCRI0EQFWAVYRNBISARH+fgkXDQ0XCQAAAAEAAP/AAgADwAAYAAAXMxEzNyM1NDY7ATUjBgcOAQcGBxUjFTMRa9WgIMAmHW2FTzExOAsKAmtrQAIAoHQcMKADExQ+JycqgKD+AAABAAAAQAQAA0AAUwAAAQ4BIzEuASMiBw4BBwYVFBYXIyYnLgEnJicGBwYWFxYXBiYnBhYXBiYnHgEzBgcOAQcGJxYXHgEXFjMyNz4BNzYnOAE1MDQ1PAE1PgE3DgEHPgE3A+MWVRkdTy0rJyY6EBEDAwE7PTxzMjMnGAMDFhYXGxM5EAFDYRM3DgVwSA0dHVEyMTYkKCdTLCstgG9uoCwsBRc5Fg1EJBc4CQMvDR4cIA8QNSMkKAsWCgEODjQlJS8nJydGGxwQAQkOM3MYCgICK1oNEhEbBwcIFBAQFgYGLS2aaGh2AQEBAQEBDzMiBxUDDEAeAAAAAAMAF//SA+oDqQBDAHYAwgAAASYnLgEnJicuAScmBgcOAQcGBw4BBwYHBhYXHgEXFhQHDgEHFgYHMjY1PgE3OgEzHgEXFjY3Njc+ATc2NzY3PgE3NCcDDgEHBiYnJiIjDgEHKgEHNDY1PgE3PAE1LgEnJjY3PgE3NhceARcWFx4BFxYHDgEHBgcBNDY3PgEXMhYzMhYXHgEXHgEXFhQHDgEHDgEXHgEXHgEXFjY3PgE3PgEXHgEXHgEXHgEVFAYHDgEHDgEHBiYnLgEnLgEnLgEnLgE1A98JEA8tHRwjOH5HIUEhRXcyIxobJQsLBAIDAgUfGQICEycVAgMCAgNAfkADBQIiTCYrVyoqJydGHx8bJBkYGQELsSxvQU+SQwIEBCVGJQECAgMLFwwfIwYFHyYrc0s2NzdoLy8mJjMICAMCGRcWIf3sGhkHEAoGDgYFCAICBAIHEggCAgYSCQgBBBpNMgIHAQgJBAoVCgYJCAsVCw4dDgYHBwYECAYQIhMQHhAbNRshNhcbLBMKCgIuKygnRiAfGyoxBgICCA0+MB8kI08rKy8ZLxcwWSoCBQQ5djoFCQYBARYnFRMYCAcCCAgPDyocGyIsLzBkNTQ3/o8wPQ0QHioCCxcMAgIEASNFIwIDAitcNEWDPUBWExABAR4eHSotZDowLS1UKCclAXsnNxYFBwIDBAYECgQXLBcFCQMMFAkICwowShgBAgIDAwUMFwwHAgIECgYIDwgECQcOGAsGCwYMEQICAwQKFA4RLhodQSIXKhEAAgAT/8AEkgOsABkAMwAACQEOASMiJicmNjcJAS4BNz4BFwEeARUUBgchAQ4BIyImJyY2NwkBLgE3PgEXAR4BFRQGBwI0/kEKGQ0OGgoUAhQBjP50FAIUFDkVAb8KCwsKAkn+QQoZDQ4ZCxMBFAGM/nQUARMUORUBvwoLCwoBjf5HCgoLCxU6FQGGAYYVOhUVAhX+RwobDg4bCv5HCgoLCxU6FQGGAYYVOhUVAhX+RwobDg4bCgAAAAMAbAAQBPEDcAAPABMAGQAAASEiBhURFBYzITI2NRE0JgcJASETIREJAREEhfxULUBALQOsLT8/hv5+/n4DBGD8QAHgAeADcD8t/XgtPz8tAogtP0j+1gEq/TAC0P5yAY79MAAEAAz/0wRRA7QAGwAzAE8AbAAAJS4BNS4BJyYnLgEnJiMiBw4BBwYHDgEHDgEVIQU0Njc2Nz4BNzYzMhceARcWFx4BHQEhNQEyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYXIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIwQIAQIHGRMbJydoQUJPUEJBZycnHBMZBgECA7L8BB4oIS0udklJWVhJSXctLiAoHvu7AiMpJCQ1EA8PEDUkJCkpJCQ2EA8PEDYkJCk4MTBJFRUVFUkwMTg3MTBJFRUVFUkwMTcZAwcEHTkbKB8fKwsMDAsrHx8oGzkdBAcDIydrOS4lJDMNDg4NMyQlLjlrJyMjAe0PEDYkJCkpJCQ1EBAQEDUkJCkpJCQ2EA9GFRVJMTA4NzExSBUVFRVIMTE3ODAxSRUVAAAAAwAA/8AEAAPAABsAWABsAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAzU0JiMiBh0BJicuAScmJzMyNjU0JisBNjc+ATc2NxUUFjMyNj0BFhceARcWFyMiBhUUFjsBBgcOAQcGBxMnNTQmIyIGHQEUFh8BFjI3NjQnAgBqXV6LKCgoKIteXWpqXV6LKCgoKYtdXVQNCQkNWk9QdyQlBFoJDQ0JWgQlJHdQT1oNCQkNWk9QdyQlBFoJDQ0JWgQkJXdPUFrT1AwKCQ0EA9kGEwYHBgPAKCiLXl1qal1eiygoKCiLXl1qal1diyko/C1aCQ0NCVoEJSR3UE9aDQkJDVpPUHckJQRaCQ0NCVoEJSR3UE9aDQkJDVpQT3clJAQBCdPcCQwMCeUECAPZBwYHEgYAAAAAAwAA/8AEAAPAACwAOgCQAAABIgYHLgEjIgYHLgEjIgcOAQcGFRQWFxEUFhceATMhMjY1ET4BNTQnLgEnJiMTFAYjISImJy4BPQEhFRMiBiMOAQcOARUcAR0BITc8ATUuAScuAScuASMuATU0Nz4BNzYzOgEXDgEVFBYzMjY1NDc+ATc2MzIXHgEXFhUUFjMyNjU0Jic2MjMyFx4BFxYVFAYHAwALFgsnbUBAbScLFgs1Ly5GFBRMQA4ODSMTAiooN0BMFBRGLi81Rh0U/dYKEgcGCAKMDgEBAQIEAQIC/XQBAQIBAQQCAQIBOUQQETgnJisDBwQSEw0KCg0TEj8rKjAwKis/EhMNCgoNExIEBwMrJic4ERBEOQNjAwItNTUtAgMUFEYvLjVJeyD+oBMjDQ4OOCcBYCF7SDUuL0YUFPy8FBwHBwcRCltbAYQBAgMCAwQDAQIB5OQBAgECBQICBAEBARlpPismJzgREAEeRiYKDg4KMCorPxISEhI/KyowCg4OCiZGHgEQETgnJis+aRkAAAAEAAD/wAQAA8AAHAA6AD8AQwAAExQXHgEXFjMyNz4BNzY1NCcuAScmIyIHDgEHBhUBFwcnDgEjIicuAScmNTQ3PgE3NjMyFx4BFxYVFAYBETMRIxcVITUzHyBsSEhSUkhIbCAfHx9rSUhSUklIbCAfAvHcV9w4iktdUVJ5JCMjI3lSUl1dUVJ5IyMw/mQnJ+3+TQH/UkhIayAfHyBrSEhSUkhJbB8gHyBsSEhT/vPbV9srLyMjelFRXVxSUnkkIyMkeVJSXE2JAbD+TAG0xyYmAAAAAAMAGP/eBY0DogALAFAAiAAAATI2NTQmIyIGFRQWEyInLgEnJicuAScuAScuAS8BNz4BNz4BNz4BNzY3PgE3NjMyFx4BFxYXHgEXHgEXHgEfAQcOAQcOAQcOAQcGBw4BBwYjAR4BFxYXHgEXFjMyNz4BNzY3PgE3PgE3NjQnLgEnLgEnJicuAScmIyIHDgEHBgcOAQcOAQceARcC00tqaktLampLQD4/ejw8OilIIAwTCQUHAgsLAgcFCRMMIEgpOjw8ej8+QD8/Pns8PDooSSALFAgGBwIKCgIHBggUCyBJKDo8PHs+Pz/9tR9FJzY4N3E5ODk4OTlwODc3JkYfChMIAQEIEwofRiY3NzhwOTk4OTg5cTc4NidFHwsTCAgTCwELc1FRc3NRUXP+0xAQPSsrNyZQKQ4aDAcLAhERAgsHDBoOKVAmNysrPRAQEBA9Kys3JlApDhoMBwsCERECCwcMGg4pUCY3Kys9EBABridNJDMpKDgPDw8POCgpMyRNJw4ZCwIBAQsZDidNJDMpKDgPDw8POCgpMyRNJw4ZCw4aDgAAAAMAF//cBT4DtQAYAFAAlQAACQEmNDc2MhcBFhQHBiInAQ4BIyImNTQ2NwUeARcWFx4BFxYzMjc+ATc2Nz4BNz4BNzwBMS4BJy4BJyYnLgEnJiMiBw4BBwYHDgEHDgEHHgEXASInLgEnJicuAScuAScuAS8BNz4BNz4BNz4BNzY3PgE3NjMyFx4BFxYXHgEXHgEXHgEfAQcOAQcOAQcOAQcGBw4BBwYjAjb+uQsLCx8LA3wLCwsfDP7GF0YoR2QdGf5KHUIlMzQ1ajY1NjU2NWo1NDQkQh0KEggIEgodQiQ0NDVqNTY1NjU2ajU0MyVCHQoSBwcSCgIrPDs7dDk4NyZFHgsTCAQHAgoKAgcECBMLHkUmNzg5dDs7PDw7O3Q4OTcmRB8KEwgFBgIKCgIGBQgTCh9EJjc5OHQ7OzwCOQFHCx8LCwv8hAsfCwsLATofJmxNKEUaxiVJIjAnJjUODg4ONSYnMCJJJQwYCwIBCxgNJEkiMCcmNQ4ODg41JicwIkkkDRgLDRkM/mkQDzkpKTQjTCYOGAwGCgMQDwMKBgwYDiZMJDMpKTkQDw8QOSkpMyRMJg4YDAYKAw8QAwoGDBgOJkwjNCkpOQ8QAAAEAA7/wAVVA8AAFAAhADMARQAAASEiBgcBBhQXAR4BMyEyNjURNCYjExQGIyEJASEyFhURMQMmIgcBBhQXHgEzMjY3ATY0JxEBJiIHBhQXAR4BMzI2NzY0JwSs/RoLFgj+cQ4OAY8IFgsC5kZjY0Y7Ixj9NP6gAWACzBgjzA8rD/69Dw8IEwoKEwgBQhAQ/r4PLA8PDwFDCBMKChMHEBADwAoJ/jcPKg/+NwkKY0YCrkZj/KkYIwGSAZIjGP1SAkYREf6dEDARCAgICAFjES8R/p0BYxERES8R/p0ICAgIETAQAAAFACD/2AQWA6AAHwA/AEsAVwBjAAATIgYVERQWOwEyFh0BFBYXFjY/AT4BMyEyNjURNCYjITUhMhYVERQGIyEiBg8BDgEnLgE9ATQmKwEiJjURNDYzEzI2NTQmIyIGFRQWMzI2NTQmIyIGFRQWMzI2NTQmIyIGFRQW2DpTMyQ2HywBAQIEAlwaTSwBQjpSUjr9egKGTGxsTP6+ITwTXQwoEAkKEw02NkxsTGsXHx8XFiAg7hYgIBYWICDuFh8fFhcfHwN1Uzr+LiMzLB92AQIBAgECeyInUjoBnDpTK2xM/mRMax4aexAGDAcVC3YNE0w1AdJMbP47IBYWICAWFiAgFhYgIBYWICAWFiAgFhYgAAIAEf/LBGgDngAFAAsAAAkBJwkBBwkBJwkBBwI9/hM/AiwCKz7+E/4TPwIsAis+AWj+Y0sB0f4vSwNU/mNLAdH+L0sAAgAo/+sD1QOYAAMABwAAARcBJyEHATcDjUj8m0gDrUj8m0gDmEj8m0hIA2VIAAAAAgDA/+ADQAOgABkAIwAAASM1NCYrASIGHQEjIgYVERQWMyEyNjURNCYlNDY7ATIWHQEhAxAQcU+AT3EQFBwcFAIgFBwc/lwmGoAaJv8AAiDAT3FxT8AcFP4gFBwcFAHgFBzAGiYmGsAAAAAAAQAy//QFIwOOAAUAACUBBwkBJwHr/r53AbkDOHbiATh7/lUDH3sAAAEAAAAAAAD2IfFVXw889QALBAAAAAAA2QBBQQAAAADZAEFBAAD/wAWNA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABaYAAAAABY0AAQAAAAAAAAAAAAAAAAAAACQEAAAAAAAAAAAAAAACAAAAAxwAAAQAAAAEAAAABAAAAAQAAAAEzQAABAAAGgSAAAAEAAAKBIAAAAQAAAACxQAAAlUAAAJVABQEAAARAgAAAAQAAAAEAAAXBJIAEwVpAGwEXQAMBAAAAAQAAAAEAAAABaYAGAVVABcFVQAOBDYAIASSABEEAAAoBAAAwAVVADIAAAAAAAoAFAAeAKAAugDsAUgCaAJ2ArwDNgN2BEwE+gUwBWIFlAXwBhYGkge2CBIIRAjoCYQKTgq4C4oMcAziDWoNjA2kDdoN7gAAAAEAAAAkAMMADQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"), url(fonts/7816077aa25f12b5214bd8a8db8261a4.svg#icomoon) format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], .modal .modal--closeElem, .ynPagination .ynPagination-prev, .ynPagination .ynPagination-next, .topCarousel .topCarousel--navigationNext, .topCarousel .topCarousel--navigationPrev, [class*=" icon-"], .modal .modal--closeElem, .ynPagination .ynPagination-prev, .ynPagination .ynPagination-next, .topCarousel .topCarousel--navigationNext, .topCarousel .topCarousel--navigationPrev { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-comentario:before { content: "\E91B"; color: #777; } .icon-doc:before { content: "\E900"; } .icon-minus:before { content: "\E901"; } .icon-plus:before { content: "\E902"; } .icon-search:before { content: "\E903"; } .icon-world:before { content: "\E904"; } .icon-caret:before { content: "\E905"; } .icon-close:before, .modal .modal--closeElem:before { content: "\E906"; } .icon-bubble:before { content: "\E907"; } .icon-card:before { content: "\E908"; } .icon-camera:before { content: "\E909"; } .icon-info:before { content: "\E90A"; } .icon-play:before { content: "\E90B"; } .icon-chevron-left:before, .topCarousel .topCarousel--navigationNext.topCarousel--navigationPrev:before, .topCarousel .topCarousel--navigationPrev:before { content: "\E90C"; } .icon-chevron-right:before, .topCarousel .topCarousel--navigationNext:before, .topCarousel .topCarousel--navigationPrev.topCarousel--navigationNext:before { content: "\E90D"; } .icon-double-chevron:before, .ynPagination .ynPagination-prev:before, .ynPagination .ynPagination-next:before { content: "\E90E"; } .icon-facebook:before { content: "\E90F"; } .icon-twitter:before { content: "\E910"; } .icon-whatsapp:before { content: "\E911"; } .icon-double-arrow:before { content: "\E912"; } .icon-email:before { content: "\E913"; } .icon-usern:before { content: "\E914"; } .icon-clock:before { content: "\E915"; } .icon-chef:before { content: "\E916"; } .icon-lupa:before { content: "\E917"; } .icon-ojo1:before { content: "\E918"; } .icon-ojo2:before { content: "\E919"; } .icon-delete:before { content: "\E91A"; color: #fff; } .icon-flechas-2:before { content: "\E91C"; } .icon-close-1:before { content: "\E91D"; } .icon-lock:before { content: "\E91E"; } .icon-path:before { content: "\E91F"; } .suscriptYouNews .subscriptions_v1 .body_card ul { list-style: none; padding-top: 1em; } .suscriptYouNews .subscriptions_v1 .body_card li { text-indent: -1.5em; padding-left: 1em; padding-bottom: 5px; } .suscriptYouNews .subscriptions_v1 .body_card li span { line-height: 1.3; font-family: 'Lato', sans-serif; } .suscriptYouNews .subscriptions_v1 .body_card ul li:before { content: "\E91F"; color: #258fe7; font-size: 13px; } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #ffffff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Lato", sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Lato", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #ffffff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #ffffff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .topCarousel > .topCarousel--container, .topCarousel--link--container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .topCarousel > .topCarousel--container, .topCarousel--link--container { max-width: 540px; } } @media (min-width: 768px) { .container, .topCarousel > .topCarousel--container, .topCarousel--link--container { max-width: 720px; } } @media (min-width: 992px) { .container, .topCarousel > .topCarousel--container, .topCarousel--link--container { max-width: 960px; } } @media (min-width: 1200px) { .container, .topCarousel > .topCarousel--container, .topCarousel--link--container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table, .page-content table, .entry-content table { width: 100%; margin-bottom: 1rem; color: #212529; background-color: transparent; } .table th, .page-content table th, .entry-content table th, .table td, .page-content table td, .entry-content table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th, .page-content table thead th, .entry-content table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody, .page-content table tbody + tbody, .entry-content table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th, .page-content table .thead-dark th, .entry-content table .thead-dark th { color: #ffffff; background-color: #212529; border-color: #32383e; } .table .thead-light th, .page-content table .thead-light th, .entry-content table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #ffffff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #ffffff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #ffffff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex, .unlockComponent .unlockComponent--formContainer, .unlockComponent .unlockComponent--ctaContainer { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1, .unlockComponent .unlockComponent--formContainer > input, .unlockComponent .unlockComponent--ctaContainer .btn, .unlockComponent .unlockComponent--ctaContainer .pmpro_btn.pmpro_btn-submit-checkout { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around, .unlockComponent .unlockComponent--formContainer, .unlockComponent .unlockComponent--ctaContainer { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0, .unlockComponent .unlockComponent--formContainer > input, .unlockComponent .unlockComponent--ctaContainer .btn, .unlockComponent .unlockComponent--ctaContainer .pmpro_btn.pmpro_btn-submit-checkout { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .page-content .subscription__card, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .content-area, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #ffffff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } html { box-sizing: border-box; } html *, html *:after, html *:before { box-sizing: inherit; } #content { margin-top: 60px; } @media screen and (min-width: 768px) { #content { margin-top: 120px; } } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; box-shadow: 0 0 12px #999999; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div:hover { box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #5fba7d; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #CDDC39; } .toast-warning { background-color: #f89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } .superNiceInput--container { position: relative; display: block; overflow: hidden; } .superNiceInput--container input, .superNiceInput--container textarea { color: rgba(74, 74, 74, 0.9) !important; padding-left: 1.5em !important; padding-right: 1.5em !important; padding-top: 1.5em !important; padding-bottom: .5em !important; } .superNiceInput--container input.valid, .superNiceInput--container textarea.valid { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAAXNSR0IArs4c6QAAAadJREFUOBGlks8vA1EQx98822jSXUJaXZKKVJxcuWuQ7UXj5CCROPIP0PgHqn+Ai1sTF24cdP1Iirj04uzQi0TSXe0BLSV0x7zlrbaaSHmX9+Y7M5/Md3YZ++dBRPgn4rt9KoeKmrV2Aqa9KdU/00dy6C+92HuM4ZyAcWDJSnwwrUhyJ3fwsqSVq/Y+wWKyD5ENi3fHE/aYD/11fDapd1LCaLzUk6FviJh7Ij1+W3DwuDTksNoFlXowAqxJmGB5EwayVoqCyIQ/vHwWg3eRbDy9p3a0/oYnyDD6qYPDOaxWjPB2Y50L1I6spONgSiQA4EAfDS8UxuBVFqpmcRwZHJOFIVcDeANgS1VD35U18nYto4MRKZDthFWwD0O5O1VoPadlYe/cgzFW6+J8vh1M1DdZpi0mhegegDxZSmMdM2RTExoweGScz1WNAbHHtscDiqxmFtcdZN5P2thBheUuUIyHeOiqUW99NwFFUjXtFbK9RdO66/hquOXcN1sxgtetgNb4B1AUBExrka4M7U2hj1RQfN0z99N9N63NHcVa1koQOE8fR++k8QOwx5EgoOQjYwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: calc(100% - 10px) center; } .superNiceInput--container label { position: absolute; top: 1.5em; left: 20px; font-size: 14px; color: rgba(74, 74, 74, 0.9); will-change: top, font-size; line-height: 1; transition: top .1s linear, font-size .1s linear; pointer-events: none; -webkit-font-smoothing: antialiased; } .superNiceInput--container.focused label { top: .5em; font-size: 12px; font-style: italic; } html { margin: 0; padding: 0; box-sizing: border-box; } html *, html *:after, html *:before { box-sizing: inherit; } body { margin: 0; padding: 0; } .ynContainer, .ynSection .ynSection--container, .ynDesktopNavigationMenu, .ynNavbar--container, .searchComponent--container, .ynNavbar__menu--container { padding-left: 15px; padding-right: 15px; width: 100%; max-width: 1183px; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: auto; margin-right: auto; } @media screen and (min-width: 1183px) { .ynContainer, .ynSection .ynSection--container, .ynDesktopNavigationMenu, .ynNavbar--container, .searchComponent--container, .ynNavbar__menu--container { padding-left: 30px; padding-right: 30px; } } .ynRow, .ynSection .ynSection--body { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; } @media screen and (min-width: 1183px) { .ynRow, .ynSection .ynSection--body { margin-left: -30px; margin-right: -30px; } } @media screen and (min-width: 1183px) { .ynRow, .ynSection .ynSection--body { width: calc(100% + 60px); } } .ynCol { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 100%; } @media screen and (min-width: 1183px) { .ynCol { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 765px) { .ynAuthorDown { display: none; } } @media screen and (min-width: 765px) { .ynCol-t-1 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 8.33333%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-1 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-1 { margin-left: 8.33333%; } } @media screen and (min-width: 765px) { .ynCol-t-2 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 16.66667%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-2 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-2 { margin-left: 16.66667%; } } @media screen and (min-width: 765px) { .ynCol-t-3 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 25%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-3 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-3 { margin-left: 25%; } } @media screen and (min-width: 765px) { .ynCol-t-4 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 33.33333%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-4 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-4 { margin-left: 33.33333%; } } @media screen and (min-width: 765px) { .ynCol-t-5 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 41.66667%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-5 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-5 { margin-left: 41.66667%; } } @media screen and (min-width: 765px) { .ynCol-t-6 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-6 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-6 { margin-left: 50%; } } @media screen and (min-width: 765px) { .ynCol-t-7 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 58.33333%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-7 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-7 { margin-left: 58.33333%; } } @media screen and (min-width: 765px) { .ynCol-t-8 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 66.66667%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-8 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-8 { margin-left: 66.66667%; } } @media screen and (min-width: 765px) { .ynCol-t-9 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 75%; flex-basis: 75%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 75%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-9 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-9 { margin-left: 75%; } } @media screen and (min-width: 765px) { .ynCol-t-10 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 83.33333%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-10 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-10 { margin-left: 83.33333%; } } @media screen and (min-width: 765px) { .ynCol-t-11 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 91.66667%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-11 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-11 { margin-left: 91.66667%; } } @media screen and (min-width: 765px) { .ynCol-t-12 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 100%; } } @media screen and (min-width: 765px) and (min-width: 1183px) { .ynCol-t-12 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynOffset-t-12 { margin-left: 100%; } } @media screen and (min-width: 1183px) { .ynCol-d-1 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 8.33333%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-1 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-1 { margin-left: 8.33333%; } } @media screen and (min-width: 1183px) { .ynCol-d-2 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 16.66667%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-2 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-2 { margin-left: 16.66667%; } } @media screen and (min-width: 1183px) { .ynCol-d-3 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 25%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-3 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-3 { margin-left: 25%; } } @media screen and (min-width: 1183px) { .ynCol-d-4 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 33.33333%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-4 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-4 { margin-left: 33.33333%; } } @media screen and (min-width: 1183px) { .ynCol-d-5 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 41.66667%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-5 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-5 { margin-left: 41.66667%; } } @media screen and (min-width: 1183px) { .ynCol-d-6 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-6 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-6 { margin-left: 50%; } } @media screen and (min-width: 1183px) { .ynCol-d-7 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 58.33333%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-7 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-7 { margin-left: 58.33333%; } } @media screen and (min-width: 1183px) { .ynCol-d-8 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 66.66667%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-8 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-8 { margin-left: 66.66667%; } } @media screen and (min-width: 1183px) { .ynCol-d-9 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 75%; flex-basis: 75%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 75%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-9 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-9 { margin-left: 75%; } } @media screen and (min-width: 1183px) { .ynCol-d-10 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 83.33333%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-10 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-10 { margin-left: 83.33333%; } } @media screen and (min-width: 1183px) { .ynCol-d-11 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 91.66667%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-11 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-11 { margin-left: 91.66667%; } } @media screen and (min-width: 1183px) { .ynCol-d-12 { padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 100%; } } @media screen and (min-width: 1183px) and (min-width: 1183px) { .ynCol-d-12 { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1183px) { .ynOffset-d-12 { margin-left: 100%; } } .table-mode { background-color: #f8f8f8 !important; } .site-main .newsletterSection { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-content { overflow: visible !important; } .site-main .newsletterSection .newsletterCard { box-shadow: 0 0 16px 0 rgba(155, 155, 155, 0.3); border-radius: 4px; width: 330px; min-height: 360px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 18px; } .site-main .newsletterSection .newsletterCard .headerImage { border-radius: 4px 4px 0 0; } .site-main .newsletterSection .newsletterCard .newsletterCard-body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 1.7em; margin-bottom: 1.7em; margin-left: 2em; margin-right: 2em; -ms-flex-positive: 2; flex-grow: 2; } .site-main .newsletterSection .newsletterCard .newsletterCard-body h2 { margin: 0; font-family: 'Lato', serif; font-size: 16pt; font-weight: 600; line-height: 1.1em; color: #4A4A4A; font-style: normal; } .site-main .newsletterSection .newsletterCard .newsletterCard-body h3 { margin-top: 0.3em; margin-bottom: 0.3em; margin-left: 0; margin-right: 0; font-family: 'Lato', serif; font-size: 12pt; font-weight: 400; font-style: normal; line-height: 1.1em; color: #4A4A4A; } .site-main .newsletterSection .newsletterCard .newsletterCard-body h3 .blueSubtitleCard { color: #258FE7; } .site-main .newsletterSection .newsletterCard .newsletterCard-body .btn-authorSubs { margin-top: auto; } .site-main .newsletterSection .newsletterCard .newsletterCard-body ._subscribed { background: #b3b3b3; } .site-main .newsletterSection .newsletterCard .newsletterCard-body .cardDescription { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; } .site-main .newsletterSection .newsletterCard .newsletterCard-body .cardDescription p { font-family: 'Lato', serif; font-size: 11pt; font-weight: 400; line-height: 1.4; color: #4A4A4A; margin-bottom: 1rem; } .site-main .newsletterSection .newsletterCard .newsletterCard-body .newsletterForm { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: auto; } .site-main .newsletterSection .newsletterCard .newsletterCard-header { display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .site-main .newsletterSection .author__card--special { box-shadow: 0 0 16px 0 rgba(37, 143, 231, 0.25); } .site-main .newsletterSection .author__card--special img { border: solid 2px white; } .site-main .newsletterSection .authorCard { min-height: 428px; } .site-main .newsletterSection .authorCard .newsletterCard-header a { margin: 22px 0 0 0; width: 90px; height: 90px; border-radius: 50%; box-sizing: content-box; } .site-main .newsletterSection .authorCard .newsletterCard-header a img { border-radius: 50%; box-sizing: border-box; } .site-main .newsletterSection .authorCard .newsletterCard-header .author__card--special { border: solid 4px #258FE7; } .site-main .newsletterSection .authorCard .newsletterCard-body .cardDescription p { font-size: 10pt; line-height: 1.4; } .site-main .newsletterSection .authorCard .newsletterCard-body .btn-authorSubs { font-size: 16px; line-height: 1.06; padding-top: 0.8em; padding-bottom: 0.8em; padding-left: 2em; padding-right: 2em; } .newsletterBtn { text-decoration: none; background: linear-gradient(to left, #3B6BE7, #0BB7E7); color: #ffffff; font-size: 16px; line-height: 1.06; display: block; border-radius: 4px; text-align: center; padding-top: 0.8em; padding-bottom: 0.8em; padding-left: 2em; padding-right: 2em; border: none; -webkit-font-smoothing: antialiased; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; z-index: 1; font-weight: 600; overflow: hidden; } .newsletterSubscribed { background: #b3b3b3; } .newsletterTitle { font-family: 'Cormorant', sans-serif !important; font-size: 24px !important; text-transform: uppercase; margin-top: 0 !important; font-weight: 350; font-style: normal !important; line-height: 1.25 !important; text-align: center; color: #4A4A4A; display: block; } .newsletterSectionSubtitle { font-size: 1rem !important; } .newsletterSectionTitle { font-family: 'Lato', serif; font-size: 17px !important; } .ynInp { position: relative; margin: auto; width: 100%; max-width: 328px; background-color: white; border-radius: 5px 5px 0 0; } .ynInp .label { position: absolute; top: 21px; left: 0; font-size: 16px; color: #4A4A4A; font-weight: 500; transform-origin: 0 0; transition: all 0.2s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 10px; } .ynInp .border { position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #07f; transform: scaleX(0); transform-origin: 0 0; transition: all 0.15s ease; } .ynInp input { -webkit-appearance: none; width: 100%; border: 0; font-family: inherit; padding: 12px 0 0 0; height: 60px; font-size: 16px; font-weight: 450; border-bottom: 2px solid #c8ccd4; background: none; border-radius: 5px 5px 0 0; transition: all 0.15s ease; outline: none; color: #223254; padding-left: 10px; } .ynInp input:valid { background: #ececec; border-bottom: 2px solid green; } .ynInp input:valid ~ .label { padding-top: 11px; } .ynInp input::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; } .ynInp input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; } .ynInp input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; } .ynInp input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; } .ynInp input:hover { background: rgba(34, 50, 84, 0.03); } .ynInp input:not(:placeholder-shown) + a + span { color: #4A4A4A; transform: translateY(-26px) scale(0.75); } .ynInp input:not(:placeholder-shown) + span { color: #4A4A4A; transform: translateY(-26px) scale(0.75); } .ynInp input:focus { background: #ececec; outline: none; color: #4A4A4A; } .ynInp input:focus::-webkit-input-placeholder { /* WebKit browsers */ color: #223254; } .ynInp input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #223254; } .ynInp input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #223254; } .ynInp input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #223254; } .ynInp input:focus + span { color: #07f; transform: translateY(-26px) scale(0.75); } .ynInp input:focus + span + .border { transform: scaleX(1); } .ynInp input:focus + a + span { color: #07f; transform: translateY(-26px) scale(0.75); } .ynInp input:focus + a + span + .border { transform: scaleX(1); } .ynInp input:focus ~ .label { color: #258FE7; padding-top: 11px; } .ynInp select { -webkit-appearance: none; width: 100%; border: 0; font-family: inherit; padding: 12px 0 0 0; height: 52px; font-size: 16px; font-weight: 450; border-bottom: 2px solid #c8ccd4; background: none; border-radius: 0; color: #223254; transition: all 0.15s ease; border-radius: 5px 5px 0 0; outline: none; } .ynInp select:invalid { border-bottom: 2px solid #d0021b; background: lightgrey; box-shadow: none; } .ynInp select:valid { border-bottom: 2px solid green; background: #ececec; padding-left: 10px; } .ynInp select:valid ~ .label { color: #258FE7; padding-top: 11px; } .ynInp select:hover { background: rgba(34, 50, 84, 0.03); } .ynInp select:not(:placeholder-shown) + a + span { color: #5a667f; transform: translateY(-26px) scale(0.75); } .ynInp select:not(:placeholder-shown) + span { color: #5a667f; transform: translateY(-26px) scale(0.75); } .ynInp select:focus { background: none; outline: none; } .ynInp select:focus::-webkit-input-placeholder { /* WebKit browsers */ color: #223254; } .ynInp select:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #223254; } .ynInp select:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #223254; } .ynInp select:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #223254; } .ynInp select:focus + span { color: #07f; transform: translateY(-26px) scale(0.75); } .ynInp select:focus + span + .border { transform: scaleX(1); } .ynInp select:focus + a + span { color: #07f; transform: translateY(-26px) scale(0.75); } .ynInp select:focus + a + span + .border { transform: scaleX(1); } .ynInp .userInteracted:required:invalid { border-bottom: 2px solid #d0021b; box-shadow: none; } .ynInp .userInteracted:required:invalid { color: #d0021b; } .ynInp .userInteracted:required:invalid ~ .label { color: #d0021b; } .ynInp .ynPasswordShowRegister:after { content: "\E918"; font-family: 'icomoon'; font-style: normal; -webkit-font-smoothing: none; font-size: 16px; float: right; position: absolute; right: 0; bottom: 1em; z-index: 2; height: 17px; width: 22px; } .ynInp .ynPasswordHideRegister:after { content: "\E919"; font-family: 'icomoon'; font-style: normal; -webkit-font-smoothing: none; font-size: 16px; float: right; position: absolute; right: 0; bottom: 1em; z-index: 2; height: 17px; width: 22px; } .ynInp .spinner { height: 50px; width: 50px; position: absolute; right: 17px; top: 0px; display: none; } .ynInp .spinner .lds-ring { display: inline-block; position: relative; width: 64px; height: 64px; } .ynInp .spinner .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 25px; height: 25px; margin: 20px; border: 3px solid #4A4A4A; border-radius: 50%; animation: lds-ring 1.3s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #4A4A4A transparent transparent transparent; } .ynInp .spinner .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .ynInp .spinner .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .ynInp .spinner .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ynInputRequired { vertical-align: top; font-size: 1em; color: #258FE7; } .fullParentWidth { width: inherit !important; max-width: 100%; margin-bottom: 25px; } @media screen and (max-width: 765px) { .fullParentWidth { margin-bottom: 50px; } } .inputCard { padding-left: 10px !important; } .alignChildFormInputRight { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 765px) { .alignChildFormInputRight { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } .alignChildFormInputLeft { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 765px) { .alignChildFormInputLeft { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } .ynFormSectionHeader { display: -ms-flexbox; display: flex; height: 1.4em; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ynFormSectionHeader .title { margin: 0 !important; font-size: 14pt; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .ynFormSectionHeader .information { margin: 0 !important; font-size: 10pt; line-height: 4em; } .ynFormSectionHeader img { max-width: 100%; height: auto; margin-bottom: 50px; } #postal_field { margin-top: 45px; } .submitPhaseForm { display: none; } #back-payment { display: none; margin-right: 30px; } .thirdPhase { display: none; } .form_register { margin-top: 70px; } .btnRegMobile { width: 240px; height: 60px; } @media screen and (max-width: 765px) { .btnRegMobile { width: 100%; height: 60px; } } .payment-info { display: none; } .pmpro_checkout { margin-top: 20px; } .creditCard-container { display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -ms-flex-pack: distribute; justify-content: space-around; } .creditCard-icon { width: 50px; height: auto; margin: 0 4px 0 4px !important; -o-object-fit: contain; object-fit: contain; } .icon-lock:before { content: "\E91E"; } .secureTransaction-container { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; margin-bottom: 1em !important; margin-top: 2em; color: #4b820c; } .secureTransaction-container .secureTransaction-text { margin-top: auto; margin-bottom: auto; margin-right: auto; margin-left: 0.7em; padding: unset; } .pmpro_checkout-field hr { margin-bottom: 15px; } @media screen and (max-width: 765px) { .pmpro_checkout-field hr { margin-bottom: 35px; } } .formSectionHr { margin-bottom: 2rem; } .formHeaderInformation { background-color: #ffffff; padding-top: 1em; border: solid 1.5px #e4e4e4; } .formHeaderInformation #formHeaderInformationh2 { margin-top: 0; margin-bottom: 0; font-family: Lato; font-size: 22px; font-style: normal; font-weight: bold; color: #4a4a4a; } .formHeaderInformation .formInformationTitle { padding: 0 3em 0 3em; border-bottom: solid 1.5px #e4e4e4; } .formHeaderInformation .formInformationContainer { padding: 1em 3em 0 3em; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 765px) { .formHeaderInformation .formInformationContainer { -ms-flex-pack: end; justify-content: flex-end; } } .formHeaderInformation .formInformationContainer h3 { margin: 0; color: #258FE7; } .formHeaderInformation .formInformationContainer .legalTextContainer { max-width: 70%; } @media screen and (max-width: 765px) { .formHeaderInformation .formInformationContainer .legalTextContainer { max-width: 100%; } } .formHeaderInformation .formInformationContainer .subscriptionPriceContainer { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-direction: column; flex-direction: column; } .formHeaderInformation .formInformationContainer .subscriptionPriceContainer .subscriptionPrice { font-family: Lato; font-size: 48px; font-weight: bold; color: #258FE7; margin: 0; line-height: 1.25; } .formHeaderInformation .formInformationContainer .subscriptionPriceContainer .nextMonth { font-family: Lato; font-size: 11px; font-style: italic; color: #258FE7; } #promo_fields hr { margin-bottom: 35px; } @media screen and (max-width: 765px) { #continue-payment { width: 100%; } } .formCheckout { margin-top: 72px; } @media screen and (max-width: 765px) { .formPaddingMob { padding-right: 0; padding-left: 0; } } .registerModal { background: rgba(155, 155, 155, 0.55) !important; } .registerModal .modal-container { border-radius: 4px !important; border: 0px solid transparent !important; width: 405px !important; background-color: #ffffff; padding: 20px; } .registerModal p { text-align: center; } .registerModal .popUpBtnContainer { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .registerModal .popUpBtn { width: 155px; height: 45px; border-radius: 4px; background-color: #258FE7; font-family: 'Lato', serif; font-size: 16px; font-weight: bold; color: #ffffff; border: none; transition-duration: 0.4s; } .registerModal .popUpBtn--white { background-color: #ffffff; color: #258FE7; } .registerModal .popUpBtn--white:hover { background-color: #D8D8D8; } .registerModal .popUpBtn:hover { -webkit-filter: saturate(150%); filter: saturate(150%); } .newsletterBanner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; z-index: 2; position: relative; overflow: visible; margin-top: 70px; background: linear-gradient(to left, #258fe7 50%, transparent 50%, transparent 50%, #258fe7 50%) top left no-repeat, linear-gradient(to left, #258fe7 50%, transparent 50%, transparent 50%, #258fe7 50%) bottom left no-repeat, linear-gradient(to top, #258fe7 20%, transparent 20%, transparent 80%, #258fe7 80%) top left no-repeat, linear-gradient(to top, #258fe7 20%, transparent 20%, transparent 80%, #258fe7 80%) top right no-repeat; background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 765px) { .newsletterBanner { -ms-flex-direction: column; flex-direction: column; background: linear-gradient(to left, #258fe7 36%, transparent 36%, transparent 64%, #258fe7 64%) top left no-repeat, linear-gradient(to left, #258fe7 50%, transparent 50%, transparent 50%, #258fe7 50%) bottom left no-repeat, linear-gradient(to top, transparent 50%, transparent 50%, transparent 50%, transparent 50%) top left no-repeat, linear-gradient(to top, transparent 50%, transparent 50%, transparent 50%, transparent 50%) top right no-repeat; background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%; margin-left: -15px; margin-right: -15px; } } .newsletterBanner .newsletterBanner--icon--container { height: auto; min-width: 56px; } @media screen and (max-width: 765px) { .newsletterBanner .newsletterBanner--icon--container { margin-top: -60px; } } .newsletterBanner .newsletterBanner--text--container { padding-left: 35px; padding-right: 20px; } @media screen and (max-width: 765px) { .newsletterBanner .newsletterBanner--text--container { padding-left: 15px; padding-right: 15px; } } .newsletterBanner .newsletterBanner--text--container h5 { margin: 0; font-style: normal; padding: 0; font-size: 17px; line-height: 1.75; } @media screen and (max-width: 765px) { .newsletterBanner .newsletterBanner--text--container h5 { text-align: center; margin-top: 6px; } } .newsletterBanner .newsletterBanner--text--container p { margin: 0; padding: 0; font-size: 14px; color: #777777; line-height: 1.43; } @media screen and (max-width: 765px) { .newsletterBanner .newsletterBanner--text--container p { text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 18px; margin-left: 0; } } .newsletterBanner .newletterBanner-button--container { min-width: 145px; } @media screen and (max-width: 765px) { .newsletterBanner .newletterBanner-button--container { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } .newsletterBanner .newletterBanner-button--container a.btn-banner-newsletter { font-size: 14px; padding-top: 9px; padding-bottom: 9px; padding-left: 12px; padding-right: 12px; } .suscriptionConfirmation--container { box-shadow: 0 0 16px 0 rgba(155, 155, 155, 0.3); border-radius: 4px; padding-top: 18px; padding-bottom: 18px; padding-left: 52px; padding-right: 52px; } .suscriptionConfirmation--container h3.suscriptionConfirmation--title { text-align: center; margin: 0; padding: 0; font-family: 'Lato', serif; font-size: 14px; font-weight: bold; line-height: 1.71; color: #4A4A4A; margin-bottom: 25px; } .suscriptionConfirmation--container p.suscriptionConfirmation--text { font-size: 14px; color: #4A4A4A; margin-bottom: 20px; } .suscriptionConfirmation--container p.suscriptionConfirmation--bottomText { font-size: 14px; color: #4A4A4A; margin-bottom: 0; } #confirmatioPageTitle { margin-top: 15px; margin-bottom: 25px; font-family: 'Cormorant', serif; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-weight: 400; font-size: 36px; color: #4A4A4A; text-align: center; } .authors .confirmationAuthorsHeader { text-align: center; font-size: 18px; color: #4A4A4A; } .newsletters .confirmationNewslettersHeader { text-align: center; font-size: 18px; color: #4A4A4A; } .newsletters .seeMore { text-align: center; } .newsletters .seeMore--link { font-size: 13px; } /*Re-design_V1*/ /*comunes*/ .suscriptYouNews, .suscriptYouNews * { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif; } .suscriptYouNews * { font-size: 15px; line-height: 1; } .suscriptYouNews h1, .suscriptYouNews h2, .suscriptYouNews h3, .suscriptYouNews h4, .suscriptYouNews h5, .suscriptYouNews h6 { font-size: 1rem; } /*comunes*/ /*media query*/ /*modules*/ .suscriptYouNews .subscriptions_v1 { padding: 35px 0; } .suscriptYouNews .subscriptions_v1 .subscription__card { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; padding: 0; min-height: 540px; margin-right: 35px; } @media screen and (max-width: 765px) { .suscriptYouNews .subscriptions_v1 .subscription__card { min-height: 450px; } } .suscriptYouNews .subscriptions_v1 .subscription__card:last-child { margin-right: 0; } .suscriptYouNews .subscriptions_v1 .subscription__card.annual .head_card { background-color: #0BB7E7; background-image: -o-linear-gradient(left, #0BB7E7 0%, #3B6BE7 100%); background: linear-gradient(to right, #0BB7E7 0%, #3B6BE7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to', GradientType=1); } .suscriptYouNews .subscriptions_v1 .subscription__card.annual .head_card .title_card, .suscriptYouNews .subscriptions_v1 .subscription__card.annual .head_card .price_card { color: #ffffff; } .suscriptYouNews .subscriptions_v1 { display: flex; display: -ms-flexbox; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin-right: -1rem; margin-left: -1rem; } @media (min-width: 700px) { .suscriptYouNews .subscriptions_v1 { -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 699px) { .suscriptYouNews .subscriptions_v1 { -ms-flex-direction: row; flex-direction: row; } } .suscriptYouNews .subscriptions_v1 .box { -ms-flex: 1 1; flex: 1 1; margin: 0 1rem; } .suscriptYouNews .subscriptions_v1 .box .foot_card .action { height: 42px !important; max-width: 183px; display: inline-block; } .suscriptYouNews .subscriptions_v1 .head_card, .suscriptYouNews .subscriptions_v1 .body_card, .suscriptYouNews .subscriptions_v1 .foot_card { -ms-flex-direction: column; flex-direction: column; padding: 20px 50px; } .suscriptYouNews .subscriptions_v1 .head_card { background: #f7f7f7; min-height: 123px; position: relative; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -moz-border-bottom-right-radius: 0; -moz-border-bottom-left-radius: 0; } .suscriptYouNews .subscriptions_v1 .head_card .title_card, .suscriptYouNews .subscriptions_v1 .head_card .price_card { color: #4a4a4a; } .suscriptYouNews .subscriptions_v1 .head_card .title_card { font-style: inherit; margin-bottom: 9px; margin-top: 0; text-transform: uppercase; } .suscriptYouNews .subscriptions_v1 .head_card .title_card .txt { display: block; line-height: 1; } .suscriptYouNews .subscriptions_v1 .head_card .title_card .txt:first-child { font-size: 23px; font-weight: 300; padding-bottom: 0.2rem; } .suscriptYouNews .subscriptions_v1 .head_card .title_card .txt:last-child { font-size: 23px; font-weight: 300; } .suscriptYouNews .subscriptions_v1 .head_card .price_card { line-height: 1; left: 10px; right: 10px; bottom: 15px; position: absolute; } .suscriptYouNews .subscriptions_v1 .head_card .price_card .txt { font-size: 25px; font-weight: 600; } .suscriptYouNews .subscriptions_v1 .head_card .price_card .period_card, .suscriptYouNews .subscriptions_v1 .head_card .price_card .txtCross { font-size: 17px; font-weight: 600; } .suscriptYouNews .subscriptions_v1 .head_card .price_card .period_card:before { content: '/'; display: inline-block; padding: 0 2px; } .suscriptYouNews .subscriptions_v1 .head_card .price_card .txtCross { color: #d0021b; text-decoration: line-through; } .suscriptYouNews .subscriptions_v1 .card_image { height: 115px; width: 173px; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; } @media screen and (max-width: 765px) { .suscriptYouNews .subscriptions_v1 .card_image { position: relative; top: unset; bottom: 0; } } .suscriptYouNews .subscriptions_v1 .body_card { height: 325px; background: #ffffff; padding: 0px 25px; text-align: left; position: relative; } @media screen and (max-width: 765px) { .suscriptYouNews .subscriptions_v1 .body_card { -ms-flex-positive: 1; flex-grow: 1; height: unset; } } .suscriptYouNews .subscriptions_v1 .body_card .toggle_descrip { display: none; color: #12ade7; text-align: center; margin-top: 28px; margin-bottom: 28px; } @media screen and (max-width: 765px) { .suscriptYouNews .subscriptions_v1 .body_card .toggle_descrip { display: block; } } .suscriptYouNews .subscriptions_v1 .body_card .toggle_descrip .toggle_icon { transform: rotate(180deg); display: inline-block; pointer-events: none; margin-left: 5px; } .suscriptYouNews .subscriptions_v1 .body_card .toggle_descrip .icon-flechas-2:before { color: #12ade7; } .suscriptYouNews .subscriptions_v1 .body_card .toggle_descrip .toggle_icon.icon-flechas-2.flip { transform: rotate(0deg); } .suscriptYouNews .subscriptions_v1 .body_card .toggle_descrip .text { pointer-events: none; } @media screen and (max-width: 765px) { .suscriptYouNews .subscriptions_v1 .body_card .card_descrip ul { display: none; } } @media screen and (max-width: 765px) { .suscriptYouNews .subscriptions_v1 .body_card .card_descrip.active_descrip ul { display: block; } } .suscriptYouNews .subscriptions_v1 .body_card p { margin-bottom: 0; margin-top: 22px; } .suscriptYouNews .subscriptions_v1 .body_card .subtitle_card, .suscriptYouNews .subscriptions_v1 .body_card .pxp { line-height: 1.47; } .suscriptYouNews .subscriptions_v1 .body_card .subtitle_card { text-align: left; display: inline-block; width: 100%; font-size: 16px; font-weight: 500; color: #d0021b; text-transform: uppercase; margin-bottom: 10px; } .suscriptYouNews .subscriptions_v1 .body_card .pxp { display: inline-block; width: 100%; text-align: left; margin-top: 0; margin-bottom: 18px; max-width: inherit; font-size: 15px; color: #999999; } .suscriptYouNews .subscriptions_v1 .body_card .pxp:last-child { margin-bottom: 0; } /*phone*/ @media only screen and (min-width: 320px) and (max-width: 812px) { .suscriptYouNews .subscriptions_v1 .box { padding-right: 0; margin: 1rem; } } .page-content .suscriptYouNews .promotions_v1 .subscription__card { padding: 20px 53px; } .page-content .promotions_v1 .subscription__card { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .page-content .promotions_v1 .subscription__card:before { position: absolute; top: 0; left: 0; content: ''; display: inline-block; width: 53px; height: 100%; background: #e7e6e6; } .page-content .promotions_v1 .subscription__card .ima_promo { width: 110px; -ms-flex: 0 15%; flex: 0 15%; padding-left: 1rem; } .page-content .promotions_v1 .subscription__card .ima_promo img { width: 100%; } .page-content .promotions_v1 .subscription__card .info_promo { -ms-flex: 0 65%; flex: 0 65%; padding: 0 1rem; } .page-content .promotions_v1 .subscription__card .info_promo .title_promo { font-size: 16px; font-weight: 500; color: #d0021b; text-transform: uppercase; margin-bottom: 10px; margin-top: 0; } .page-content .promotions_v1 .subscription__card .info_promo p { font-size: 15px; line-height: 1.47; color: #4a4a4a; } .page-content .promotions_v1 .subscription__card .button_promo { -ms-flex: 0 20%; flex: 0 20%; } /*phone*/ @media only screen and (min-width: 320px) and (max-width: 812px) { .page-content .suscriptYouNews .promotions_v1 .subscription__card { padding: 20px; } .page-content .promotions_v1 .subscription__card { box-shadow: 0 0 16px rgba(155, 155, 155, 0.25); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#409B9B9B'); } .page-content .promotions_v1 .subscription__card:before { width: 20px; } } /**/ @media (min-width: 650px) { .page-content .promotions_v1 .subscription__card { -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 649px) { .page-content .promotions_v1 .subscription__card { -ms-flex-direction: column; flex-direction: column; } .page-content .promotions_v1 .subscription__card .ima_promo { height: 110px; width: auto; -ms-flex-order: 2; order: 2; } .page-content .promotions_v1 .subscription__card .ima_promo img { height: 100%; width: auto; } .page-content .promotions_v1 .subscription__card .info_promo { -ms-flex-order: 1; order: 1; padding-bottom: 20px; } .page-content .promotions_v1 .subscription__card .button_promo { -ms-flex-order: 3; order: 3; } } .suscriptYouNews .section_bottom { margin-bottom: 40px; margin-top: 35px; width: 100%; } .suscriptYouNews .section_bottom p { margin-top: 10px; text-align: center; font-size: 16px; } .suscriptYouNews .section_bottom a { border-bottom: 2px solid; } .suscriptYouNews .section_bottom a:hover { text-decoration: none; } .suscriptYouNews .section_bottom .clickable { display: inline-block; cursor: pointer; } .suscriptYouNews .section_bottom .title_section { text-align: center; display: block; } .suscriptYouNews .section_bottom .title_section span { font-size: 24px; font-weight: 600; font-family: 'Cormorant', sans-serif; font-style: normal; color: #258fe7; } .suscriptYouNews .section_bottom .seeMoreLevels:before { color: #258fe7; text-align: center; display: block; transform: unset !important; } .suscriptYouNews .section_bottom .seeMoreLevelsHidden:before { color: #258fe7; text-align: center; display: block; transform: rotate(180deg); } .suscriptYouNews .section_bottom .content_section { margin-bottom: 40px; margin-right: -1rem; margin-left: -1rem; clear: both; display: flex; display: -ms-flexbox; display: -webkit-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .suscriptYouNews .section_bottom .content_section .box { -ms-flex: 1 1; flex: 1 1; margin: 0 1rem; text-align: center; min-width: 280px; } .suscriptYouNews .section_bottom .content_section .head_box { position: relative; display: table; height: 4rem; width: 100%; } .suscriptYouNews .section_bottom .content_section .head_box .title { display: table-cell; vertical-align: middle; padding: 0 2rem; font-size: 17px; line-height: 1.4; color: #4a4a4a; } .suscriptYouNews .section_bottom .content_section .head_box .title:after { content: ''; display: block; height: 1px; width: 100%; background: #258fe7; position: absolute; bottom: 0; left: 0; } .suscriptYouNews .section_bottom .content_section .body_box p { color: #999999; font-size: 15px; line-height: 1.6; padding: 0 3rem; } .suscriptYouNews .section_bottom .benefits_desktop { display: block; width: 100%; margin-top: 35px; } @media screen and (max-width: 765px) { .suscriptYouNews .section_bottom .benefits_desktop { display: none; } } .suscriptYouNews .section_bottom .benefits_mov { display: none; } @media screen and (max-width: 765px) { .suscriptYouNews .section_bottom .benefits_mov { display: block; } } /*phone*/ .promotions_v1 { display: none; } @media only screen and (min-width: 320px) and (max-width: 812px) { .suscriptYouNews .section_bottom .content_section { -ms-flex-direction: column; flex-direction: column; } .suscriptYouNews .section_bottom .content_section .head_box .title { padding: 0; font-size: 15px; } } /**/ .suscriptYouNews { display: inline-block; width: 100%; clear: both; } .suscriptYouNews .container, .suscriptYouNews .topCarousel > .topCarousel--container, .suscriptYouNews .topCarousel--link--container { margin: 0 auto; padding: 0 1rem; max-width: 1140px; width: 100%; } .page-content .suscriptYouNews { margin-bottom: 40px; padding: 1rem 0; } .page-content .suscriptYouNews p { margin-bottom: 0; } .suscriptYouNews .action a { text-decoration: none; } .suscriptYouNews .action a:hover { text-decoration: none; } .suscriptYouNews .action .txt { background-color: #0BB7E7; background-image: -o-linear-gradient(left, #0BB7E7 0%, #3B6BE7 100%); background: linear-gradient(to right, #0BB7E7 0%, #3B6BE7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to', GradientType=1); border-radius: 4px, 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; display: block; min-width: 185px; width: 100%; font-size: 1rem; color: #ffffff; line-height: 1; border: none; font-family: 'TitilliumSemiBold', sans-serif; padding: 1rem; transition: all 0.3s ease-out; } .suscriptYouNews .action .txt:focus { outline: none; } .suscriptYouNews .action .txt:hover { transform: scale(0.96); -moz-transform: scale(0.96); -webkit-transform: scale(0.96); -o-transform: scale(0.96); -ms-transform: scale(0.96); box-shadow: 0 3px 7px rgba(54, 54, 54, 0.35); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=3px, Color='#59363636'); } .suscriptYouNews .title_section { text-align: center; font-size: 24px; font-weight: 600; color: #4a4a4a; font-family: 'Cormorant', sans-serif; font-style: normal; } .suscriptYouNews .section_top { display: inline-block; width: 100%; padding-top: 1rem; } .suscriptYouNews .section_top .MegaBanner { margin-bottom: 40px; } .suscriptYouNews .section_top .MegaBanner img { width: 100%; } .suscriptYouNews .section_top .MegaBanner .ABC { width: 100%; } .suscriptYouNews .section_top .cell { margin-top: 40px; } .suscriptYouNews .section_top .info_section { margin-top: 30px; text-align: center; font-family: 'Lato', sans-serif; color: #4a4a4a; } .suscriptYouNews .section_top .info_section a { padding: 0 1rem; color: #258fe7; text-decoration: underline; } .suscriptYouNews .subscription__card { display: flex; display: -ms-flexbox; display: -webkit-flex; border-radius: 4px, 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; box-shadow: 0 0 16px rgba(155, 155, 155, 0.45); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#739B9B9B'); position: relative; padding: 0; } /**/ #content { font-family: "Lato", sans-serif; line-height: 1.2; } .section { padding-top: 20px; max-width: 100%; overflow: hidden; } .section > .section__header { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 30px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media (min-width: 576px) { .section > .section__header { max-width: 540px; } } @media (min-width: 768px) { .section > .section__header { max-width: 720px; } } @media (min-width: 992px) { .section > .section__header { max-width: 960px; } } @media (min-width: 1200px) { .section > .section__header { max-width: 1140px; } } @media (min-width: 768px) { .section > .section__header { padding-top: 30px; } } .section > .section__header > h1 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; font-family: "Lato", sans-serif; font-style: normal; margin-left: 0; margin-right: auto; margin-top: 0; margin-bottom: 0; } .section > .section__header > i { color: #0BB7E7; display: inline-block; margin-right: 15px; } .section > .section__header .section__header__more { color: #0BB7E7; font-size: 13px; font-weight: 600; font-style: italic; display: block; } @media (min-width: 768px) { .section > .section__header .section__header__more { border: 1px solid #0BB7E7; border-radius: 4px; padding-left: 24px; padding-right: 24px; padding-top: 12px; padding-bottom: 12px; } } .section > .section__header .section__header__more i { margin-right: .5em; } .page-header .page-title, .entry-header h1.entry-title, .entry-content .entry-title--video, .grand-title { font-family: 'Cormorant', serif; font-size: 25px; font-weight: 600; font-style: italic; font-stretch: normal; line-height: 1.28; letter-spacing: normal; color: #4A4A4A; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 765px) { .page-header .page-title, .entry-header h1.entry-title, .entry-content .entry-title--video, .grand-title { font-size: 30px; } } .page-content, .entry-content { font-family: 'Lato', serif; font-size: 15px; font-weight: normal; color: #666666; line-height: 2.1; overflow: hidden; max-width: 100vw; } .page-content h1, .entry-content h1 { font-size: 35px; font-family: "Cormorant Garamond", serif; font-weight: normal; font-style: italic; } .page-content h2, .entry-content h2 { font-size: 26px; font-family: "Cormorant Garamond", serif; font-weight: normal; font-style: italic; margin-top: 40px; margin-bottom: 10px; } .page-content h3, .entry-content h3 { font-size: 14px; font-family: "Lato", sans-serif; font-weight: 800; text-transform: uppercase; -webkit-font-smoothing: antialiased; margin-top: 30px; margin-bottom: 10px; } .page-content ul, .entry-content ul { list-style: none; padding-left: 1em; padding-right: 0; padding-top: 1em; padding-bottom: 1em; margin: 0; } .page-content ul li, .entry-content ul li { padding-left: 1.5em; text-indent: 0em; } .page-content ul li:before, .entry-content ul li:before { content: "\2022 "; margin-right: .5em; color: #0BB7E7; /* or whatever color you prefer */ } .page-content ol, .entry-content ol { list-style: none; padding-left: 1em; padding-right: 0; padding-top: 1em; padding-bottom: 1em; margin: 0; } .page-content ol li, .entry-content ol li { counter-increment: item; padding-left: 1.5em; } .page-content ol li:before, .entry-content ol li:before { margin-right: 1em; content: counter(item) "."; font-weight: 800; -webkit-font-smoothing: antialiased; border-radius: 100%; color: #0BB7E7; text-align: right; display: inline-block; } .page-content p, .entry-content p { line-height: 1.8666; margin-top: 20px; margin-bottom: 30px; } .page-content p:first-child, .entry-content p:first-child { margin-top: 0; } .page-content img, .entry-content img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; } .section.contains-swiper { opacity: 0; transition: opacity .2s linear; } .section.contains-swiper.swiper-shown { opacity: 1; } label a, .pmpro_checkout-field a { color: #0BB7E7; font-style: italic; font-weight: 600; } .section .swiper-container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; overflow: visible; } @media (min-width: 576px) { .section .swiper-container { max-width: 540px; } } @media (min-width: 768px) { .section .swiper-container { max-width: 720px; } } @media (min-width: 992px) { .section .swiper-container { max-width: 960px; } } @media (min-width: 1200px) { .section .swiper-container { max-width: 1140px; } } .card, .entry-content .card, .page-content .card { max-width: 100%; overflow: hidden; position: relative; } .card.pastime-card .card__body h6, .entry-content .card.pastime-card .card__body h6, .page-content .card.pastime-card .card__body h6 { margin-top: 15px; color: #999999; font-weight: bold; font-size: 15px; } .card a, .entry-content .card a, .page-content .card a { color: inherit; text-decoration: none; } .card > .tag, .entry-content .card > .tag, .page-content .card > .tag { position: absolute; top: 20px; right: 20px; z-index: 1; color: #ffffff; -webkit-font-smoothing: antialiased; } .card .card__header, .entry-content .card .card__header, .page-content .card .card__header { display: block; overflow: hidden; border-radius: 4px; } .card .card__header .card__header__img, .entry-content .card .card__header .card__header__img, .page-content .card .card__header .card__header__img { width: 100%; height: 250px; background: #3B6BE7; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .card .card__body h2, .entry-content .card .card__body h2, .page-content .card .card__body h2 { font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 20px; margin-bottom: 15px; font-size: 24px; line-height: 1.2; color: #333; } @media (min-width: 768px) { .card .card__body h2, .entry-content .card .card__body h2, .page-content .card .card__body h2 { font-size: 35px; } } .card .card__body .ynArticle--footer--box, .entry-content .card .card__body .ynArticle--footer--box, .page-content .card .card__body .ynArticle--footer--box { display: -ms-grid; display: grid; -ms-grid-rows: 30px 40px; grid-template-rows: 30px 40px; -ms-grid-columns: (auto)[3]; grid-template-columns: repeat(3, auto); grid-gap: 0px 5px; } .card .card__body .ynArticle--footer--box .footer-parent--name, .entry-content .card .card__body .ynArticle--footer--box .footer-parent--name, .page-content .card .card__body .ynArticle--footer--box .footer-parent--name { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; line-height: 1.2; color: #333; } .card .card__body .ynArticle--footer--box .footer-parent--date, .entry-content .card .card__body .ynArticle--footer--box .footer-parent--date, .page-content .card .card__body .ynArticle--footer--box .footer-parent--date { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 2; grid-row: 2; text-align: right; } .card.card--width-play > .tag, .entry-content .card.card--width-play > .tag, .page-content .card.card--width-play > .tag { position: absolute; top: 20px; right: 20px; z-index: 1; color: #666; background: #ffffff; } .card.card--width-play > .tag:hover, .entry-content .card.card--width-play > .tag:hover, .page-content .card.card--width-play > .tag:hover { color: #666; } .card.card--width-play .card__header:hover .card__header__img:before, .entry-content .card.card--width-play .card__header:hover .card__header__img:before, .page-content .card.card--width-play .card__header:hover .card__header__img:before { transform: translate(-50%, -50%) scale(1.05); } .card.card--width-play .card__header .card__header__img, .entry-content .card.card--width-play .card__header .card__header__img, .page-content .card.card--width-play .card__header .card__header__img { position: relative; } .card.card--width-play .card__header .card__header__img:after, .entry-content .card.card--width-play .card__header .card__header__img:after, .page-content .card.card--width-play .card__header .card__header__img:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(to top, #3B6BE7, #0BB8E7); opacity: .5; } .card.card--width-play .card__header .card__header__img:before, .entry-content .card.card--width-play .card__header .card__header__img:before, .page-content .card.card--width-play .card__header .card__header__img:before { content: '\E90B'; box-sizing: border-box; font-family: 'icomoon'; width: 62px; height: 62px; padding-top: calc(31px - .6em); padding-bottom: calc(31px - .6em); padding-right: calc(31px - .6em); padding-left: calc(31px - .4em); border-radius: 50%; border: 2px solid #ffffff; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); z-index: 1; color: #ffffff; transition: transform .2s ease-in-out; will-change: transform; font-size: 16px; line-height: 1; } .container--swipper-cards { max-width: 100%; } .container--swipper-cards { max-width: 100%; width: 100%; } .swiper-slide { opacity: .5; } .swiper-slide.swiper-slide-active { opacity: 1; } @media (min-width: 768px) { .swiper-slide.swiper-slide-next { opacity: 1; } } @media (min-width: 992px) { .swiper-slide.swiper-slide-next + .swiper-slide { opacity: 1; } } .smallAuthor { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 35px; margin-bottom: 25px; max-width: 100%; width: 100%; } @media screen and (max-width: 765px) { .smallAuthor { margin-bottom: 0.25em; margin-left: 0px !important; } } .smallAuthor .smallAuthor__img { display: block; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .smallAuthor .smallAuthor__img img { border-radius: 50%; } @media screen and (max-width: 765px) { .smallAuthor .smallAuthor__img { margin-right: 5px; } } .smallAuthor .smallAuthor__info { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .smallAuthor .smallAuthor__info .smallAuthor__info__label { font-family: 'Cormorant', serif; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #999; -webkit-font-smoothing: antialiased; margin-top: 0; margin-bottom: 1em; } .smallAuthor .smallAuthor__info .btn-authorSubs { max-width: 12em; } @media screen and (max-width: 765px) { .smallAuthor .smallAuthor__info .btn-authorSubs { margin-bottom: 25px; } } .smallAuthor .smallAuthor__info .moreMobile { display: none; } @media screen and (max-width: 765px) { .smallAuthor .smallAuthor__info .moreMobile { display: block; } } .smallAuthor .smallAuthor__info p { font-family: 'Lato', serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #777777; display: none; margin-top: 1.25em; } @media screen and (min-width: 765px) { .smallAuthor .smallAuthor__info p { display: block; } } .smallAuthor .smallAuthor__info h4 { font-family: 'Lato', serif; font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.22; letter-spacing: normal; color: #4A4A4A; margin-top: 0; } @media screen and (min-width: 765px) { .smallAuthor .smallAuthor__info h4 { font-size: 18px; margin-bottom: 0; } } .smallAuthor .smallAuthor__info .smallAuthor__info__details { font-family: "Lato", sans-serif; font-size: 12px; font-style: italic; font-weight: 700; color: #b3b3b3; -webkit-font-smoothing: antialiased; } @media screen and (max-width: 765px) { .smallAuthor .smallAuthor__info .smallAuthor__info__details { margin-bottom: 0px !important; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0BB7E7; } .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child:first-child { display: none; } .section .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin-left: 12px; margin-right: 12px; width: 6px; height: 6px; } .swiper-container .swiper-pagination { position: relative; margin-top: 50px; margin-bottom: 30px; } .tag { display: inline-block; padding-top: .7em; padding-bottom: .7em; padding-left: 1.4em; padding-right: 1.4em; font-size: 10px; font-weight: 800; color: #ffffff; background: linear-gradient(to left, #3B6BE7, #0BB7E7); border-radius: 2px; text-transform: uppercase; letter-spacing: .05em; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); } .tag:hover { color: #ffffff; text-decoration: none; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); } .breadcrumb { list-style: none; padding: 0; font-family: 'Lato', serif; font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #9b9b9b; margin-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .breadcrumb { font-size: 13px; margin-top: 40px; margin-bottom: 20px; } } .breadcrumb .breadcrumb--item { color: #0BB7E7; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; -ms-flex-negative: 0; flex-shrink: 0; } .breadcrumb .breadcrumb--item:last-of-type { -ms-flex-negative: 1; flex-shrink: 1; } .breadcrumb .breadcrumb--item a { color: #999999; } .breadcrumb .breadcrumb--item .breadcrumb--separator { color: #999999; display: inline-block; margin-left: .5em; margin-right: .5em; } .author__row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section .author__row { margin-top: 0; } .author__row > .author__col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .author__row > .author__col a { color: inherit; } .author__row > .author__col .btn.btn-authorSubs, .author__row > .author__col .btn-authorSubs.pmpro_btn.pmpro_btn-submit-checkout { display: inline-block; max-width: 11em; padding-top: 1em; padding-bottom: 1em; padding-left: 2em; padding-right: 2em; } @media (min-width: 768px) { .author__row > .author__col { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 992px) { .author__row > .author__col { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } } .author__card { display: block; border: 1px solid rgba(204, 204, 204, 0.5); width: 100%; border-radius: 4px; position: relative; color: #333; } .author__card.author__card--special { background: linear-gradient(to left, #3B6BE7, #0BB7E7); color: #ffffff; } .author__card.author__card--special .btn.btn-authorSubs:not(._subscribed), .author__card.author__card--special .btn-authorSubs.pmpro_btn.pmpro_btn-submit-checkout:not(._subscribed) { background: #ffffff; color: #4A4A4A !important; } .author__card.author__card--special .author__card__body .author__card__info hr { border-top: 1px solid rgba(255, 255, 255, 0.3); } .author__card.author__card--special .author__card__body .author__card__number { background: #ffffff; color: #333; } .author__card:before { content: ''; display: block; padding-top: 139.02439%; } .author__card .author__card__body { position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding-top: 50px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; text-align: center; } .author__card .author__card__body .author__card__img { display: block; } .author__card .author__card__body .author__card__img img { border-radius: 50%; } .author__card .author__card__body .author__card__info { max-width: 100%; } .author__card .author__card__body .author__card__info h4 { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 35px; margin-top: 20px; margin-bottom: 20px; } .author__card .author__card__body .author__card__info hr { border-top: 1px solid rgba(151, 151, 151, 0.3); max-width: 30px; margin-top: 20px; margin-bottom: 20px; } .author__card .author__card__body .author__card__info p { font-family: "Lato", sans-serif; font-weight: 600; text-transform: uppercase; line-height: 2; font-size: 10px; margin-top: 20px; margin-bottom: 20px; } .author__card .author__card__body .author__card__number { width: 40px; height: 40px; min-height: 40px; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: linear-gradient(to left, #3B6BE7, #0BB7E7); color: #ffffff; font-size: 12px; font-family: "Lato", sans-serif; font-weight: 800; margin-top: auto; } .whiteish-bg, .cancelation-page { background-color: #F7F7F7; } .white-bg { background-color: #ffffff; } .page-small-title { font-size: 10px; font-family: "Lato", sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #333; margin-top: 20px; margin-bottom: 10px; } @media (min-width: 768px) { .page-small-title { margin-top: 35px; margin-bottom: 25px; } .section .page-small-title { font-size: 14px; } } .page-content p { font-size: 12px; color: #4A4A4A; line-height: 1.67; } @media (min-width: 768px) { .page-content p { font-size: 16px; } } .page-content p:first-child, .page-content p { margin-top: .8em; margin-bottom: 1.6em; } .page-content p.lead { font-size: 14px; font-weight: bold; font-style: italic; -webkit-font-smoothing: antialiased; } @media (min-width: 768px) { .page-content p.lead { font-size: 16px; } } .entry-header img { max-width: 100%; height: auto; } .entry-header img.wp-post-image { display: block; width: 100%; border-radius: 12px; } @media (min-width: 768px) { .entry-header img.wp-post-image { margin-bottom: 30px; } } .entry-header img.wp-post-image.contained-img { width: 720px; margin-left: auto; margin-right: auto; } .entry-header h1.entry-title { max-width: 100%; } .entry-content .entry-title--video { max-width: 100%; margin-right: 0 !important; } .grandSearch { font-size: 35px; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .grandSearch { font-size: 60px; } } .grandSearch .grandSearch--icon { color: #0BB7E7; font-size: .4em; margin-right: 1em; } .grandSearch .grandSearch--input { color: #333; border: none; font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 400; } .search-results .page-header, .author .page-header { padding-bottom: 35px; } @media (min-width: 768px) { .search-results .page-header, .author .page-header { padding-bottom: 65px; } } .search-results .page-content, .author .page-content { background-color: #f7f7f7; padding-top: 40px; padding-bottom: 60px; } @media (min-width: 768px) { .search-results .page-content, .author .page-content { padding-top: 70px; padding-bottom: 100px; } } .page-content .subscription__card { background-color: #ffffff; padding-top: 30px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; -ms-flex-preferred-size: 50%; flex-basis: 50%; border-radius: 4px; text-align: center; font-family: "Lato", sans-serif; } .page-content .subscription__card h1 { margin-top: 0; margin-bottom: 25px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; } .page-content .subscription__card .subscription__card--big { font-size: 100px; font-weight: 300; line-height: 1; } .page-content .subscription__card .subscription__card--big small { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; } .page-content .subscription__card .subscription__card--description p { color: #999999; font-size: 13px; max-width: 20em; margin-left: auto; margin-right: auto; margin-top: 45px; margin-bottom: 55px; } .page-content .subscription__card .btn, .page-content .subscription__card .pmpro_btn.pmpro_btn-submit-checkout { max-width: 243px; margin-left: auto; margin-right: auto; } .page-content .subscription__card.subscription__card--highlighted { background: linear-gradient(to left, #3B6BE7, #0BB7E7); color: #ffffff; } .page-content .subscription__card.subscription__card--highlighted .subscription__card--description p { color: #ffffff; } .btn, .pmpro_btn.pmpro_btn-submit-checkout, .btn.btn-secondary, .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout, .btn.btn-small, .btn-small.pmpro_btn.pmpro_btn-submit-checkout, .login #login form #wp-submit, .comments-area input[type=submit], .page-content a.btn, .page-content a.pmpro_btn.pmpro_btn-submit-checkout, .entry-content a.btn, .entry-content a.pmpro_btn.pmpro_btn-submit-checkout { text-decoration: none; background: linear-gradient(to left, #3B6BE7, #0BB7E7); color: #ffffff; font-size: 16px; line-height: 1.13; display: block; border-radius: 4px; text-align: center; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; border: none; -webkit-font-smoothing: antialiased; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; z-index: 1; font-weight: 600; overflow: hidden; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); transition: box-shadow .1s linear; cursor: pointer; } @media (min-width: 768px) { .btn, .pmpro_btn.pmpro_btn-submit-checkout, .btn.btn-secondary, .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout, .btn.btn-small, .btn-small.pmpro_btn.pmpro_btn-submit-checkout, .login #login form #wp-submit, .comments-area input[type=submit], .page-content a.btn, .page-content a.pmpro_btn.pmpro_btn-submit-checkout, .entry-content a.btn, .entry-content a.pmpro_btn.pmpro_btn-submit-checkout { padding-left: 1.27em; padding-right: 1.27em; } } .btn a, .pmpro_btn.pmpro_btn-submit-checkout a, .btn.btn-secondary a, .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout a, .btn.btn-small a, .btn-small.pmpro_btn.pmpro_btn-submit-checkout a, .login #login form #wp-submit a, .comments-area input[type=submit] a, .page-content a.btn a, .page-content a.pmpro_btn.pmpro_btn-submit-checkout a, .entry-content a.btn a, .entry-content a.pmpro_btn.pmpro_btn-submit-checkout a { color: #ffffff; } .btn:before, .pmpro_btn.pmpro_btn-submit-checkout:before, .btn.btn-secondary:before, .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout:before, .btn.btn-small:before, .btn-small.pmpro_btn.pmpro_btn-submit-checkout:before, .login #login form #wp-submit:before, .comments-area input[type=submit]:before, .page-content a.btn:before, .page-content a.pmpro_btn.pmpro_btn-submit-checkout:before, .entry-content a.btn:before, .entry-content a.pmpro_btn.pmpro_btn-submit-checkout:before { content: ""; position: absolute; top: 100%; bottom: -100%; left: -100%; right: 100%; background-color: #000000; z-index: -1; opacity: 0; transition: top .25s linear, right .25s linear, opacity .25s linear .05s; border-radius: 50%; } .btn:hover, .pmpro_btn.pmpro_btn-submit-checkout:hover, .btn.btn-secondary:hover, .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout:hover, .btn.btn-small:hover, .btn-small.pmpro_btn.pmpro_btn-submit-checkout:hover, .login #login form #wp-submit:hover, .comments-area input:hover[type=submit], .page-content a.btn:hover, .page-content a.pmpro_btn.pmpro_btn-submit-checkout:hover, .entry-content a.btn:hover, .entry-content a.pmpro_btn.pmpro_btn-submit-checkout:hover { color: #ffffff; text-decoration: none; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); } .btn:active:before, .pmpro_btn.pmpro_btn-submit-checkout:active:before, .btn.btn-secondary:active:before, .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout:active:before, .btn.btn-small:active:before, .btn-small.pmpro_btn.pmpro_btn-submit-checkout:active:before, .login #login form #wp-submit:active:before, .comments-area input[type=submit]:active:before, .page-content a.btn:active:before, .page-content a.pmpro_btn.pmpro_btn-submit-checkout:active:before, .entry-content a.btn:active:before, .entry-content a.pmpro_btn.pmpro_btn-submit-checkout:active:before { top: -100%; right: -100%; opacity: .1; } .btn[disabled], .pmpro_btn.pmpro_btn-submit-checkout[disabled], .btn.btn-secondary[disabled], .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout[disabled], .btn.btn-small[disabled], .btn-small.pmpro_btn.pmpro_btn-submit-checkout[disabled], .login #login form #wp-submit[disabled], .comments-area input[disabled][type=submit], .page-content a.btn[disabled], .page-content a.pmpro_btn.pmpro_btn-submit-checkout[disabled], .entry-content a.btn[disabled], .entry-content a.pmpro_btn.pmpro_btn-submit-checkout[disabled] { background: lightgrey; box-shadow: none; } .btn.btn-secondary, .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout, .btn-secondary.btn, .btn-secondary.pmpro_btn.pmpro_btn-submit-checkout, .login #login form .btn-secondary#wp-submit, .comments-area input.btn-secondary[type=submit], .page-content a.btn-secondary.btn, .entry-content a.btn-secondary.btn { color: #333333 !important; background: #ffffff; } .btn.btn--naked, .btn--naked.pmpro_btn.pmpro_btn-submit-checkout, .btn--naked.btn.btn-secondary, .btn--naked.btn-secondary.pmpro_btn.pmpro_btn-submit-checkout, .btn--naked.btn.btn-small, .btn--naked.btn-small.pmpro_btn.pmpro_btn-submit-checkout, .login #login form .btn--naked#wp-submit, .comments-area input.btn--naked[type=submit], .page-content a.btn--naked.btn, .page-content a.btn--naked.pmpro_btn.pmpro_btn-submit-checkout, .entry-content a.btn--naked.btn, .entry-content a.btn--naked.pmpro_btn.pmpro_btn-submit-checkout { background: transparent !important; color: #258FE7; box-shadow: none; border: none; } .btn.btn-small, .btn-small.pmpro_btn.pmpro_btn-submit-checkout { font-size: .8em; padding-top: 12px; padding-bottom: 12px; padding-left: 2em; padding-right: 2em; } .entry-content a.btn-authorSubs, .btn-authorSubs { font-size: 12px; color: #ffffff !important; background: #258FE7; border-radius: 3px; font-style: normal; font-weight: 700; padding-top: .625em; padding-bottom: .625em; padding-right: 1em; padding-left: 1em; box-shadow: none; } .entry-content a.btn-authorSubs:before, .btn-authorSubs:before { display: none; } .entry-content a.btn-authorSubs._subscribed, .btn-authorSubs._subscribed { background: #b3b3b3; } .entry-content a.btn-authorSubs, .entry-content a.btn-authorSubs:active, .btn-authorSubs, .btn-authorSubs:active { box-shadow: none; } .entry-content a.btn-authorSubs:hover, .btn-authorSubs:hover { background: #b3b3b3; } .btn.btn-thinking--leaving:before, .btn-thinking--leaving.pmpro_btn.pmpro_btn-submit-checkout:before { transition: all 0s linear; } .btn.btn-thinking, .btn-thinking.pmpro_btn.pmpro_btn-submit-checkout { position: relative; overflow: hidden; pointer-events: none; cursor: wait; } .btn.btn-thinking:before, .btn-thinking.pmpro_btn.pmpro_btn-submit-checkout:before, .btn.btn-thinking:after, .btn-thinking.pmpro_btn.pmpro_btn-submit-checkout:after { content: ""; display: block; position: absolute; } .btn.btn-thinking:before, .btn-thinking.pmpro_btn.pmpro_btn-submit-checkout:before { transition: all 0s linear; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; border-radius: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.4); } .btn.btn-thinking:after, .btn-thinking.pmpro_btn.pmpro_btn-submit-checkout:after { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); border-width: 4px; border-style: solid; border-color: #ffffff #ffffff #ffffff transparent; width: 2em; height: 2em; border-radius: 50%; animation: rotate 1s 0s linear infinite; } .articleUnlockAnchor { color: #000000 !important; margin-left: 10px; text-decoration: underline; } @keyframes rotate { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @media (min-width: 992px) { .accordion--container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } } .accordion .accordion--item .accordion--item--body > div, .accordion--companion > div { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } @media (min-width: 992px) { .accordion .accordion--item .accordion--item--body > div, .accordion--companion > div { padding-top: 0; } } .accordion .accordion--item .accordion--item--body h1, .accordion--companion h1 { font-size: 10px; text-transform: uppercase; letter-spacing: .05em; font-weight: 800; margin-bottom: 30px; } .accordion .accordion--item .accordion--item--body p, .accordion--companion p { font-size: 15px; color: #999999; line-height: 2; -webkit-font-smoothing: antialiased; } .accordion { list-style: none; margin: 0; padding: 0; font-family: "Lato", sans-serif; } @media (min-width: 992px) { .accordion { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; padding-top: 50px; padding-bottom: 50px; } } .accordion p:empty { display: none; } .accordion .accordion--item { margin-left: -20px; margin-right: -20px; } @media (min-width: 992px) { .accordion .accordion--item { margin-left: 0px; margin-right: 0px; } } .accordion .accordion--item .accordion--item--title { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; font-size: 14px; color: #333; padding-top: 25px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid rgba(151, 151, 151, 0.2); cursor: pointer; } @media (min-width: 992px) { .accordion .accordion--item .accordion--item--title { font-size: 25px; line-height: 2; font-weight: 300; color: #666; border: none; -webkit-font-smoothing: antialiased; padding-left: 0; padding-right: 0; padding-top: 15px; padding-bottom: 15px; } .accordion .accordion--item .accordion--item--title i { display: none; } } .accordion .accordion--item .accordion--item--title i { color: #0BB7E7; } .accordion .accordion--item .accordion--item--body { height: 0; overflow: hidden; opacity: 0; } .accordion .accordion--item.active .accordion--item--title { color: #0BB7E7; } @media (min-width: 768px) { .accordion .accordion--item.active .accordion--item--title { color: #0BB7E7; } } @media (max-width: 991.98px) { .accordion .accordion--item.active .accordion--item--body { height: auto; opacity: 1; } } .accordion--companion { display: none; } @media (min-width: 992px) { .accordion--companion { display: block; padding-top: 50px; padding-bottom: 50px; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } } .superNiceInput--container input, .superNiceInput--container textarea, .niceInput--container input, .niceInput--container textarea, .pmpro_payment-account-number input, .pmpro_payment-account-number textarea, .pmpro_payment-cvv input, .pmpro_payment-cvv textarea, .login #login form p input[type="text"], .login #login form p input[type="password"], .comments-area textarea { font-size: 14px; color: #333; border: 1px solid #E4E4E4; padding-left: 30px; padding-right: 3px; padding-bottom: .835em; padding-top: .835em; border-radius: 4px; background-color: #ffffff; -webkit-font-smoothing: antialiased; will-change: padding; transition: padding .1s linear; width: 100%; line-height: 1; font-weight: normal; } @media (min-width: 768px) { .superNiceInput--container input, .superNiceInput--container textarea, .niceInput--container input, .niceInput--container textarea, .pmpro_payment-account-number input, .pmpro_payment-account-number textarea, .pmpro_payment-cvv input, .pmpro_payment-cvv textarea, .login #login form p input[type="text"], .login #login form p input[type="password"], .comments-area textarea { font-size: 16px; line-height: 1.6; } } .superNiceInput--container input:focus, .superNiceInput--container textarea:focus, .niceInput--container input:focus, .niceInput--container textarea:focus, .pmpro_payment-account-number input:focus, .pmpro_payment-account-number textarea:focus, .pmpro_payment-cvv input:focus, .pmpro_payment-cvv textarea:focus, .login #login form p input:focus[type="text"], .login #login form p input:focus[type="password"], .comments-area textarea:focus { border: 1px solid #0BB7E7; } .niceInput--container, .pmpro_payment-account-number, .pmpro_payment-cvv { position: relative; display: inline-block; overflow: hidden; margin-bottom: 20px; } @media (min-width: 768px) { .niceInput--container, .pmpro_payment-account-number, .pmpro_payment-cvv { margin-bottom: 25px; } } .niceInput--container label, .pmpro_payment-account-number label, .pmpro_payment-cvv label { font-size: 10px; color: #999999; text-transform: uppercase; letter-spacing: .05em; will-change: top; line-height: 1; transition: top .1s linear; } .niceInput--container.focused input, .niceInput--container.focused textarea, .pmpro_payment-account-number.focused input, .pmpro_payment-account-number.focused textarea, .pmpro_payment-cvv.focused input, .pmpro_payment-cvv.focused textarea { border-color: #0BB7E7; outline: none; } .pmpro_hidden { display: none; } .hidden_item { display: none !important; } .pmpro_checkout-field.niceInput--container { display: block; } .btn--card { border-radius: 4px; border: 2px solid #E4E4E4; padding: 0; margin-top: 0; margin-bottom: 0; display: -ms-inline-flexbox; display: inline-flex; color: #E4E4E4; background-color: transparent; width: 145px; height: 80px; cursor: pointer; transform: scale(1); transition: transform .2s linear, border .2s linear, color .2s linear; line-height: 1.4; } .btn--card:hover { transform: scale(1.1); color: #999999; border: 2px solid #999999; } .btn--card.active { color: #0BB7E7; border-color: #0BB7E7; box-shadow: 10px 12px 24px 0 rgba(11, 183, 231, 0.15); } .btn--card label { margin: 0; font-family: "Lato", sans-serif; font-size: 13px; font-weight: 300; display: block; height: 100%; width: 100%; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .btn--card label i { font-size: 2em; } .selectize-control { display: inline-block; margin-right: 10px; } .selectize-control .selectize-input { padding-left: 1em; padding-right: 1em; } .selectize-control .selectize-input:after { content: ""; display: none !important; } .selectize-control .selectize-input.item { text-align: center; } .pmpro_label-inline.pmpro_clickable { font-size: 14px; } @media screen and (max-width: 765px) { .pmpro_label-inline.pmpro_clickable { display: inline; } } .pmpro_checkout .pmpro_checkout-h3-name, .pmpro_checkout .pmpro_checkout-h3-msg { display: none; } #pmpro_payment_information_fields.pmpro_checkout { max-width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } #pmpro_payment_information_fields.pmpro_checkout > h3 { margin-top: 25px; } #pmpro_tos_fields .pmpro_checkout-fields { margin-top: 2em; } #pmpro_payment_information_fields .pmpro_checkout-fields { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: end; align-items: end; } @media (min-width: 768px) { #pmpro_payment_information_fields .pmpro_checkout-fields { -ms-flex-align: end; align-items: flex-end; margin-bottom: 0; } #pmpro_payment_information_fields .pmpro_checkout-fields > div { margin-bottom: 0; } } .pmpro_payment-account-number { -ms-flex-preferred-size: calc(60% - 20px); flex-basis: calc(60% - 20px); -ms-flex-negative: 1; flex-shrink: 1; } @media (min-width: 768px) { .pmpro_payment-account-number { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 10em; max-width: 17em; } } .pmpro_payment-cvv { -ms-flex-preferred-size: calc(40% - 40px); flex-basis: calc(40% - 40px); -ms-flex-negative: 1; flex-shrink: 1; } @media (min-width: 768px) { .pmpro_payment-cvv { -ms-flex-preferred-size: auto; flex-basis: auto; min-width: 5em; } } .pmpro_payment-account-number, .pmpro_payment-expiration { margin-right: 20px; } .pmpro_payment-account-number.pmpro_payment-expiration, .pmpro_payment-expiration.pmpro_payment-expiration { display: inline-block; -ms-flex-order: 1; order: 1; font-size: 0; } @media (min-width: 768px) { .pmpro_payment-account-number.pmpro_payment-expiration, .pmpro_payment-expiration.pmpro_payment-expiration { -ms-flex-order: 0; order: 0; } } .pmpro_payment-account-number.pmpro_payment-expiration label, .pmpro_payment-expiration.pmpro_payment-expiration label { display: block; line-height: 1; font-family: "Lato", sans-serif; font-size: 10px; text-transform: uppercase; } #CVV + small { display: none; } .pmpro_payment-cvv small { position: relative; } iframe { max-width: 100%; } .pmpro_btn.pmpro_btn-submit-checkout { margin-top: 20px; margin-bottom: 0; font-size: 16px; } .unlockComponent { background-color: #ffffff; border-radius: 3px; box-shadow: 0 0 16px -2px rgba(155, 155, 155, 0.25); padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 0; position: relative; margin-top: -20px; opacity: 0; text-align: center; } @media (min-width: 768px) { .unlockComponent { padding-top: 24px; padding-left: 55px; padding-right: 55px; padding-bottom: 0; } } .unlockComponent._noBefore:before { display: none; } .unlockComponent:before { content: ""; display: block; height: 200px; background: linear-gradient(rgba(255, 255, 255, 0), #ffffff); position: absolute; left: 0; right: 0; top: -210px; } @media (min-width: 768px) { .unlockComponent:before { top: -160px; height: 150px; bottom: unset; background: linear-gradient(rgba(255, 255, 255, 0), #ffffff); } } .videoLimitBanner .unlockComponent:before { display: none; } .unlockComponent > * { opacity: 0; transition: opacity .1s ease-in-out .5s; } .unlockComponent._appears { opacity: 1; } .unlockComponent._appears > * { opacity: 1; } .unlockComponent p { line-height: 1.6; font-size: 18px; font-family: 'Lato', serif; font-style: normal; font-stretch: normal; letter-spacing: normal; margin-bottom: 24px; } .unlockComponent p.unlockComponent--valueProposal { font-size: 13px; font-weight: 500; line-height: 1.5; text-align: center; color: #000000; margin-bottom: 10px; margin-top: 10px; } .unlockComponent p.unlockComponent--valueProposal a { color: #5cabed; font-weight: bold; font-size: 15px; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: normal; text-decoration: underline; } .unlockComponent p.unlockComponent--advertise { font-size: 12px; font-weight: normal; line-height: 1.5; color: #4A4A4A; margin-top: 10px; } .unlockComponent p.unlockComponent--advertise.inBtn { margin-top: 7px; margin-bottom: -10px; color: #ffffff; background: transparent; } .unlockComponent p.unlockComponent--newYounews { margin: 0; padding-bottom: 15px; font-size: 14px; font-weight: 600; line-height: 1.29; color: #000000; } .unlockComponent h4.unlockComponent--knowMore { color: #258fe7; margin-top: 0; font-size: 15px; } .videoLimitBanner .unlockComponent { position: relative; margin-top: 1px; margin-bottom: 1em; z-index: 9; border: 1px solid #e6e6e6; } @media (min-width: 768px) { .videoLimitBanner .unlockComponent { position: absolute; margin-top: 0; margin-bottom: 0; left: 20%; right: 20%; top: 15%; } } .unlockComponent .unlockComponent--formContainer { -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .unlockComponent .unlockComponent--formContainer { -ms-flex-direction: column; flex-direction: column; } } .unlockComponent .unlockComponent--formContainer > input { font-size: 14px; color: #333; border: 1px solid #e4e4e4; padding-left: 20px; padding-right: 3px; padding-bottom: 0.835em; padding-top: 0.835em; border-radius: 4px; background-color: #ffffff; -webkit-font-smoothing: antialiased; will-change: padding; transition: padding 0.1s linear; line-height: 1; font-weight: normal; width: 100%; } .unlockComponent .unlockComponent--formContainer > input:first-child { margin-right: 3em; margin-bottom: 16px; } @media (min-width: 768px) { .unlockComponent .unlockComponent--formContainer > input:first-child { margin-bottom: 0; } } .unlockComponent .unlockComponent--formContainer .userData--container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 10px; } @media screen and (max-width: 765px) { .unlockComponent .unlockComponent--formContainer .userData--container { -ms-flex-direction: column; flex-direction: column; } .unlockComponent .unlockComponent--formContainer .userData--container .ynInp { margin-top: 8px; } } .unlockComponent .unlockComponent--formContainer .userData--container .ynInp { max-width: 240px; } .unlockComponent .unlockComponent--formContainer .tlf--container .ynInp { max-width: 240px; } .unlockComponent .unlockComponent--ctaContainer { -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .unlockComponent .unlockComponent--ctaContainer { -ms-flex-direction: row; flex-direction: row; } } .unlockComponent .unlockComponent--ctaContainer #pSuscribeBtn { background-color: transparent; } .unlockComponent .unlockComponent--ctaContainer .disabled { background: #c9c9c9; cursor: no-drop; } .unlockComponent .unlockComponent--ctaContainer .unlock { font-family: 'Lato', serif; color: #258fe7; background: none; border: 2px solid transparent; box-shadow: none; } .unlockComponent .unlockComponent--ctaContainer .unlock:hover { border: 2px solid #e4e4e4; } .unlockComponent .unlockComponent--numbersContainer { margin-bottom: 15px; } .unlockComponent .unlockComponent--numbersContainer .countdownUnlock { font-family: 'Lato', serif; font-size: 42px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #000000; } .unlockComponent .unlockComponent--numbersContainer .dot { width: 10px; height: 10px; border-radius: 18px; background-color: #258fe7; margin: 5px; display: -ms-inline-flexbox; display: inline-flex; } .unlockComponent .unlockComponent--numbersContainer .dot.consumed { background-color: #d8d8d8; } .unlockComponent.hard .soft { display: none; } .unlockComponent.soft .hard { display: none; } .unlockComponent .btn, .unlockComponent .pmpro_btn.pmpro_btn-submit-checkout { padding-left: 50px !important; padding-right: 50px !important; } .unlockComponent a.softSubscribeBtn { background: #FAFAFA; color: #258fe7; box-shadow: none; } .unlockComponent a.softSubscribeBtn:hover { background: #FAFAFA; color: #258fe7; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); outline: none; } .unlockComponent a.softSubscribeBtn:focus { outline: none; } .unlockComponent .unlockTosLabel { font-size: 11px; font-weight: bold; } .unlockComponent .sticky { position: relative; background-color: #daeeff; color: #323232; line-height: 40px; z-index: 99; font-size: 16px; margin-top: 20px; margin-left: -20px; width: calc(100% + 40px); } @media (min-width: 768px) { .unlockComponent .sticky { margin-top: 20px; margin-left: -55px; width: calc(100% + 110px); } } .unlockComponent .sticky .icon-flechas-2 { transform: rotate(180deg); margin-right: 10px; -webkit-filter: invert(1); filter: invert(1); width: 0px; } .unlockComponent .sticky #betaSignup { visibility: hidden; transition: visibility 0ms linear; } @media (prefers-reduced-motion: reduce) { .unlockComponent .sticky #betaSignup { transition: none; } } .unlockComponent .sticky .formHelpCheckbox { display: none; } .unlockComponent .sticky.active a { color: #323232; } .unlockComponent .sticky.active #betaSignup { visibility: visible; color: #323232; transition: visibility 160ms linear 160ms; } @media (prefers-reduced-motion: reduce) { .unlockComponent .sticky.active #betaSignup { transition: none; } } .unlockComponent .sticky.active .numberText { border-bottom: 2px solid #323232; color: #000; } .unlockComponent .sticky.active .numberText::-webkit-input-placeholder { color: #323232; } .unlockComponent .sticky.active .numberText:-ms-input-placeholder { color: #323232; } .unlockComponent .sticky.active .numberText::placeholder { color: #323232; } .unlockComponent .sticky.active .btnCall { color: #323232 !important; } .unlockComponent .sticky.active .formHelpCheckbox { display: unset; } .unlockComponent .bottomSpace { height: 20px; } #catapult-cookie-bar { font-family: "Lato", sans-serif; border-color: transparent; background: linear-gradient(to left, #1a1a1a, #737272); -webkit-font-smoothing: antialiased; } #catapult-cookie-bar .ctcc-inner { display: block; text-align: center; } #catapult-cookie-bar .ctcc-left-side { font-size: 16px; opacity: 0.7; margin-right: 0px; } #catapult-cookie-bar .ctcc-left-side a { opacity: 1; font-weight: bold; } #catapult-cookie-bar .ctcc-right-side { display: block; } #catapult-cookie-bar .ctcc-right-side button#catapultCookie { background-color: #ffffff; margin-top: 21px; margin-left: 0px; padding: 20px 16px; font-size: 15px; border-radius: 7px; } @media (min-width: 768px) { #catapult-cookie-bar .ctcc-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: space-evenly; justify-content: space-evenly; } #catapult-cookie-bar .ctcc-left-side { font-size: 16px; opacity: 0.7; } #catapult-cookie-bar .ctcc-left-side a { opacity: 1; font-weight: bold; } #catapult-cookie-bar .ctcc-right-side button#catapultCookie { margin-top: 0px; margin-left: 20px; padding: 13px 41px; font-size: 16px; border-radius: 7px; } } .confirmation-details { list-style: none; padding: 0; margin: 0; font-size: 17px; } .confirmation-details li strong { color: #666; text-transform: uppercase; font-weight: 900; letter-spacing: .05em; -webkit-font-smoothing: antialiased; } .full-height { min-height: 80vh; } .admin-panel [for=display_name-selectized] { font-size: 10px; font-weight: 800; color: #999999; text-transform: uppercase; } .admin-panel dl { font-family: "Lato", sans-serif; color: #222222; font-size: 14px; } .admin-panel dl dt { font-size: 10px; font-weight: 800; color: #999999; text-transform: uppercase; } .admin-panel dl dd { line-height: 2.57; font-weight: 300; } .admin-panel dl a { color: #0BB7E7; font-style: italic; font-weight: 600; display: inline-block; padding-right: 1em; } .login #login { width: 320px; padding: 0 0 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; } .login #login form { margin-top: 20px; margin-left: 0; padding: 20px 20px 40px; background: transparent; box-shadow: none; } .login #login form p { color: red; } .login #login form p input[type="text"], .login #login form p input[type="password"] { margin-top: 7px; } .login #login form p input[type="text"]:-webkit-autofill, .login #login form p input[type="password"]:-webkit-autofill { box-shadow: inset 0 0 0px 9999px #ffffff; } .login #login form p label { font-size: 10px; font-weight: 600; color: #999999; text-transform: uppercase; letter-spacing: .05em; line-height: 1.6; width: 100%; } .login #login form .submit, .login #login form .forgetmenot { display: block; float: none; } .login #login form #wp-submit { border: none; text-shadow: none; box-shadow: none; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; width: 100%; height: 40px; float: none; margin-left: auto; margin-right: auto; } .login #login #nav, .login #login #backtoblog { font-family: "Lato", sans-serif; letter-spacing: .05em; font-weight: 800; color: #0BB7E7; } .login #login #nav a, .login #login #backtoblog a { color: #0BB7E7; font-style: italic; -webkit-font-smoothing: antialiased; } footer#colophon { text-align: center; } @media (min-width: 768px) { footer#colophon { text-align: left; } } footer#colophon ul#menu-footer { margin: 0; margin-top: 30px; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { footer#colophon ul#menu-footer { -ms-flex-pack: end; justify-content: flex-end; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; margin-top: 0px; } } footer#colophon ul#menu-footer li { font-size: 12px; } footer#colophon ul#menu-footer li a { display: block; padding: 10px 10px; color: rgba(51, 51, 51, 0.5); } footer#colophon .logo-footer { height: 40px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } @media (min-width: 768px) { footer#colophon .logo-footer { height: 50px; display: inline-block; margin-bottom: 0; } } footer#colophon .copyright { font-size: 12px; font-weight: normal; font-style: italic; color: rgba(51, 51, 51, 0.5); } @media (min-width: 768px) { footer#colophon .copyright { margin-left: 2em; } } .comments-area { color: #000; font-family: "Lato", sans-serif; } .comments-area a { color: #0BB7E7; font-style: italic; } .comments-area ol.comment-list, .comments-area ol.comment-list ol.children { margin-top: 20px; margin-bottom: 20px; padding: 0; list-style-type: none; } .comments-area ol.comment-list.children, .comments-area ol.comment-list ol.children.children { padding-left: 20px; padding-top: 20px; } .comments-area ol.comment-list.children li, .comments-area ol.comment-list ol.children.children li { border: none; padding-right: 0; padding-bottom: 0; border-radius: 0; } .comments-area ol.comment-list.children li:last-of-type, .comments-area ol.comment-list ol.children.children li:last-of-type { margin-bottom: 0; } .comments-area ol.comment-list li, .comments-area ol.comment-list ol.children li { margin-top: 20px; margin-bottom: 20px; padding-bottom: 60px; border-bottom: 1px solid rgba(151, 151, 151, 0.3); } .comments-area ol.comment-list li .comment-metadata, .comments-area ol.comment-list ol.children li .comment-metadata { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; } .comments-area ol.comment-list li .comment-metadata .comment-author-info, .comments-area ol.comment-list ol.children li .comment-metadata .comment-author-info { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: calc(100% - 32px); flex-basis: calc(100% - 32px); height: 40px; -ms-flex-pack: distribute; justify-content: space-around; } .comments-area ol.comment-list li .comment-metadata .comment-author-info b, .comments-area ol.comment-list ol.children li .comment-metadata .comment-author-info b { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; } .comments-area ol.comment-list li .comment-metadata .comment-author-info time, .comments-area ol.comment-list ol.children li .comment-metadata .comment-author-info time { color: rgba(51, 51, 51, 0.5); font-style: italic; font-size: 12px; } .comments-area ol.comment-list li .comment-metadata .comment-author-avatar, .comments-area ol.comment-list ol.children li .comment-metadata .comment-author-avatar { -ms-flex-preferred-size: 32px; flex-basis: 32px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; } .comments-area ol.comment-list li .comment-metadata .comment-author-avatar img, .comments-area ol.comment-list ol.children li .comment-metadata .comment-author-avatar img { width: 40px; height: auto; border-radius: 50%; } .comments-area textarea { height: 100px; } .comments-area .comments-title, .comments-area #reply-title { color: #000; font-size: 9px; } .comments-area .logged-in-as a { text-decoration: underline; } .comments-area .comment-content { color: #999999; font-size: 15px; line-height: 2; -webkit-font-smoothing: antialiased; } .nav-links { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-left: -20px; margin-right: -20px; } .nav-links > a, .nav-links > span { display: none; font-size: 12px; font-weight: 800; color: #666666; width: 41px; height: 41px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 768px) { .nav-links > a, .nav-links > span { display: -ms-flexbox; display: flex; } } .nav-links > a.prev, .nav-links > a.next, .nav-links > span.prev, .nav-links > span.next { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 50%; flex-basis: 50%; font-size: 14px; line-height: 2; font-weight: 600; padding-top: 30px; padding-bottom: 30px; color: #999999; -webkit-font-smoothing: antialiased; background: #ffffff; } @media (min-width: 768px) { .nav-links > a.prev, .nav-links > a.next, .nav-links > span.prev, .nav-links > span.next { display: none; } } .nav-links > a.prev.next, .nav-links > a.next.next, .nav-links > span.prev.next, .nav-links > span.next.next { background: linear-gradient(to left, #3B6BE7, #0BB7E7); color: #ffffff; } .nav-links > a.current, .nav-links > span.current { border-radius: 50%; border: 1px solid #0BB7E7; color: #000000; } .pmpro_message.pmpro_error { border: 1px solid #cc00006e; padding: 10px 16px; border-radius: 4px; background: #cc00006e; font-size: 12px; margin: 10px 0 0; color: #cc0000; font-weight: 600; } img.rounded--img { border-radius: 4px; } body.no-scroll-xs { overflow: hidden; } @media screen and (min-width: 765px) { body.no-scroll-xs { overflow: auto; } } .videoLimitBanner { position: relative; } .videoLimitBanner .videoLimitBanner--content { overflow: hidden; border-radius: 12px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: auto; -ms-flex-align: center; align-items: center; z-index: 1; text-align: center; } .videoLimitBanner .videoLimitBanner--content:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: block; background: linear-gradient(to left, #3B6BE7, #0BB7E7); z-index: 1; opacity: .5; } .videoLimitBanner .videoLimitBanner--content img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .modal { padding: 20px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #ffffff; opacity: 1; transition: opacity .15s linear .1s; padding-top: 50px; } @media (min-width: 768px) { .modal { transition: none; background: transparent; } } .modal .modal--closeElem { position: absolute; top: 66px; right: 16px; width: 20px; height: 20px; } @media (min-width: 768px) { .modal .modal--closeElem { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.58); transition: background-color .2s ease-in-out .2s; width: auto; height: auto; } } .modal .modal--closeElem:before { color: #4A4A4A; } @media (min-width: 768px) { .modal .modal--closeElem:before { display: none; } } .modal.modal--entering { opacity: 0; } @media (min-width: 768px) { .modal.modal--entering .modal--closeElem { background-color: rgba(255, 255, 255, 0); } } @media (min-width: 768px) { .modal.modal--entering .modal-container { transition: transform .1s linear, opacity .1s linear; transform: translateY(50px); opacity: 0; } } .modal.modal--leaving { opacity: 0; } @media (min-width: 768px) { .modal.modal--leaving { opacity: 1; } } @media (min-width: 768px) { .modal.modal--leaving .modal--closeElem { background-color: rgba(255, 255, 255, 0); } } @media (min-width: 768px) { .modal.modal--leaving .modal-container { transform: translateY(50px); opacity: 0; } } .modal .modal-container { position: relative; color: #4A4A4A; } @media (min-width: 768px) { .modal .modal-container { background-color: #ffffff; transform: translateY(0); opacity: 1; will-change: transform, opacity; transition: transform .1s linear .1s, opacity .1s linear .1s; border-radius: 13px; width: 540px; border: 2px solid #DEE1E6; padding: 40px; max-width: 50%; } } .modal .modal-container p { font-size: 12px; font-weight: normal; } @media (min-width: 768px) { .modal .modal-container p { font-size: 16px; } } .modal .modal-container h2 { font-size: 16px; line-height: 1.33; font-weight: bold; -webkit-font-smoothing: antialiased; letter-spacing: 0.03em; margin-bottom: 1.5em; } @media (min-width: 768px) { .modal .modal-container h2 { font-size: 18px; } } .modal .modal-container .modal--btnHolder { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; padding-top: 2em; padding-bottom: 1em; } .modal .modal-container .modal--btnHolder .btn, .modal .modal-container .modal--btnHolder .pmpro_btn.pmpro_btn-submit-checkout { margin-left: 1em; } @media (min-width: 768px) { .modal.modal__authorSubscription .modal--closeElem { background-color: rgba(155, 155, 155, 0.58); } } .modal.modal__authorSubscription .modal-container { border-radius: 9px; border: none; } @media (min-width: 768px) { .modal.modal__authorSubscription .modal-container { width: 640px; } } .modal.modal__authorSubscription .niceInput--container { width: 100%; } .modal.modal__authorSubscription .btn, .modal.modal__authorSubscription .pmpro_btn.pmpro_btn-submit-checkout { font-style: normal; font-size: 14px; padding-top: .8em; padding-bottom: .8em; padding-left: 1.2em; padding-right: 1.2em; } .yn-table { border-collapse: separate; } .yn-table thead tr { background: #ffffff; } .yn-table thead tr th { border-top: 1px solid #DEE1E6; border-bottom: 1px solid #DEE1E6; font-size: 11px; font-weight: 500; padding: 1em; line-height: 1.18; } @media (min-width: 768px) { .yn-table thead tr th { font-size: 20px; } } .yn-table thead tr th:first-child { border-left: 1px solid #DEE1E6; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .yn-table thead tr th:last-child { border-right: 1px solid #DEE1E6; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .yn-table tbody tr td { font-size: 10px; border: none; font-weight: 500; } @media (min-width: 768px) { .yn-table tbody tr td { font-size: 20px; } } .yn-table tbody tr td a { color: #258FE7; } .cancelation-page { min-height: 80vh; } .cancelation-page .page-title { margin-top: 1em; } @media (min-width: 768px) { .cancelation-page .lead { margin-top: 3em !important; font-size: 22px !important; } } .cancelation-page .yn-table { width: 100%; max-width: 624px; } .page-content, .entry-content { color: rgba(0, 0, 0, 0.72); } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-top: 2.5em; margin-bottom: 1em; line-height: 1.6; } .page-content h2, .entry-content h2 { font-size: 30px; } .page-content h3, .entry-content h3 { font-size: 22px; text-transform: none; } .page-content h4, .entry-content h4 { font-size: 20px; font-weight: normal; color: rgba(0, 0, 0, 0.82); } .page-content h5, .entry-content h5 { font-size: 20px; font-style: italic; color: rgba(0, 0, 0, 0.82); -webkit-font-smoothing: antialiased; } .page-content h6, .entry-content h6 { font-size: 20px; font-style: italic; font-weight: 300; } .page-content p, .entry-content p { margin-top: 0; } .page-content a, .entry-content a { color: #258FE7; background-color: transparent; transition: color .1s linear .1s; } .page-content a:hover, .entry-content a:hover { color: rgba(44, 147, 189, 0.8); text-decoration: underline; background-color: transparent; } .ynPagination { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .ynPagination .ynPagination-prev, .ynPagination .ynPagination-next { position: relative; font-size: 12px; } .ynPagination .ynPagination-prev:before, .ynPagination .ynPagination-next:before { color: #0BB7E7; position: absolute; top: 50%; transform: translateY(-50%); left: 2em; pointer-events: none; } .ynPagination .ynPagination-prev.ynPagination-next:before, .ynPagination .ynPagination-next.ynPagination-next:before { content: "\E90D"; right: 2em; left: auto; } .ynPagination .ynPagination-prev.ynPagination-next a, .ynPagination .ynPagination-next.ynPagination-next a { padding-right: 3em; } @media screen and (min-width: 765px) { .ynPagination .ynPagination-prev.ynPagination-next a, .ynPagination .ynPagination-next.ynPagination-next a { padding-right: 5em; } } .ynPagination .ynPagination-prev.ynPagination-prev:before, .ynPagination .ynPagination-next.ynPagination-prev:before { content: "\E90C"; } .ynPagination .ynPagination-prev.ynPagination-prev a, .ynPagination .ynPagination-next.ynPagination-prev a { padding-left: 3em; } @media screen and (min-width: 765px) { .ynPagination .ynPagination-prev.ynPagination-prev a, .ynPagination .ynPagination-next.ynPagination-prev a { padding-left: 5em; } } .ynPagination .ynPagination-prev a, .ynPagination .ynPagination-next a { font-family: 'Lato', serif; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; display: block; padding: .925em 1em; border: 1px solid #d9d9d9; text-decoration: none; border-radius: 3px; } @media screen and (min-width: 765px) { .ynPagination .ynPagination-prev a, .ynPagination .ynPagination-next a { padding-left: 5em; padding-right: 5em; font-size: 16px; } } .socialButtonsComponent { position: fixed; bottom: 0; left: 0; right: 0; display: -ms-flexbox; display: flex; z-index: 998; height: 50px; transform: translateY(0); transition: transform 0.1s linear; } @media screen and (min-width: 765px) { .socialButtonsComponent { position: relative; padding-left: 5px; padding-right: 5px; background-color: #fafafa; border-radius: 3px; } } @media screen and (max-width: 765px) { .socialButtonsComponent { z-index: 998; } } .socialButtonsComponent.socialButtonsComponent--hidden { transform: translateY(50px); } @media screen and (min-width: 765px) { .socialButtonsComponent.socialButtonsComponent--hidden { transform: translateY(0px); } } .socialButtonsComponent .icon-container { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; text-decoration: none; } .socialButtonsComponent .icon-container.icon-twitter-container { background-color: #1da1f2; } @media (min-width: 768px) { .socialButtonsComponent .icon-container.icon-twitter-container { background-color: transparent; color: #1da1f2; } } .socialButtonsComponent .icon-container.icon-whatsapp-container { background-color: #189d0e; } @media (min-width: 768px) { .socialButtonsComponent .icon-container.icon-whatsapp-container { background-color: transparent; color: #189d0e; } } .socialButtonsComponent .icon-container.icon-email-container { background-color: #c03a30; } @media (min-width: 768px) { .socialButtonsComponent .icon-container.icon-email-container { background-color: transparent; color: #c03a30; } } .socialButtonsComponent .icon-container.icon-facebook-container { background-color: #3b5998; } @media (min-width: 768px) { .socialButtonsComponent .icon-container.icon-facebook-container { background-color: transparent; color: #3b5998; } } @media (max-width: 767.98px) { .socialButtonsComponent .icon-container.main { padding-left: 10px; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-order: -1; order: -1; } .socialButtonsComponent .icon-container.main .icon { margin-left: 0.3em; } .socialButtonsComponent .icon-container.main .text { display: block; } } .socialButtonsComponent .icon-container .icon { display: block; text-align: center; padding: 0.5em; font-size: 24px; width: 50px; color: #ffffff; cursor: pointer; } @media screen and (min-width: 765px) { .socialButtonsComponent .icon-container .icon { font-size: 18px; padding: 0.5em; width: auto; color: inherit; } } .socialButtonsComponent .icon-container .text { display: none; font-size: 14px; color: #ffffff; font-family: "Lato", sans-serif; font-style: italic; font-weight: 500; } .socialButtonsComponent a:hover { text-decoration: none; } .topCarousel { height: 130px; width: 100%; overflow: hidden; margin-top: 60px; position: relative; opacity: 0; transition: opacity .2s linear; } .topCarousel.topCarousel_showing { opacity: 1; } .topCarousel a { color: inherit; } .topCarousel > .topCarousel--container { position: relative; padding-right: 8px; padding-left: 8px; } .topCarousel .topCarousel--wrapper { margin-left: -35px; margin-right: -35px; overflow: hidden; position: relative; min-width: 100%; width: auto; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 765px) { .topCarousel .topCarousel--wrapper { margin-left: -20px; margin-right: -20px; } } .topCarousel .topCarousel--item { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; text-align: center; padding-top: 20px; } .topCarousel .topCarousel--item h3 { font-size: 12px; font-weight: 500; letter-spacing: .05em; line-height: 14px; margin-top: 11px; } .topCarousel .topCarousel--item .topCarousel--item--img { width: 60px; height: 60px; border-radius: 50%; background-repeat: none; background-position: 50% 50%; background-size: cover; } .topCarousel .topCarousel--navigationNext, .topCarousel .topCarousel--navigationPrev { display: none; cursor: pointer; } .topCarousel .topCarousel--navigationNext.topCarousel--navigationPrev:before, .topCarousel .topCarousel--navigationPrev.topCarousel--navigationPrev:before { display: none; } .topCarousel .topCarousel--navigationNext.topCarousel--navigationNext:before, .topCarousel .topCarousel--navigationPrev.topCarousel--navigationNext:before { display: none; } @media (min-width: 768px) { .topCarousel .topCarousel--navigationNext, .topCarousel .topCarousel--navigationPrev { display: -ms-flexbox; display: flex; position: absolute; top: 0; bottom: 0; padding-top: 1.5em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; font-size: 25px; -ms-flex-align: start; align-items: flex-start; color: #0BB7E7; } .topCarousel .topCarousel--navigationNext.swiper-button-disabled, .topCarousel .topCarousel--navigationPrev.swiper-button-disabled { opacity: 0; } .topCarousel .topCarousel--navigationNext.topCarousel--navigationPrev, .topCarousel .topCarousel--navigationPrev.topCarousel--navigationPrev { background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 10%, #ffffff); left: 0; } .topCarousel .topCarousel--navigationNext.topCarousel--navigationPrev:before, .topCarousel .topCarousel--navigationPrev.topCarousel--navigationPrev:before { display: block; } .topCarousel .topCarousel--navigationNext.topCarousel--navigationNext, .topCarousel .topCarousel--navigationPrev.topCarousel--navigationNext { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, #ffffff); right: 0; } .topCarousel .topCarousel--navigationNext.topCarousel--navigationNext:before, .topCarousel .topCarousel--navigationPrev.topCarousel--navigationNext:before { display: block; } } .topCarousel--link--container { position: relative; padding-right: 8px; padding-left: 8px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .topCarousel--link--container .topCarousel--link a { color: #2c83e7; } .topCarousel--link--container .topCarousel--link a:hover { color: #2c83e7; } .single-sudoku .site-content .pwan-background, .single-words-search .site-content .pwan-background, .single-crossword .site-content .pwan-background { min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 375px), all { .pwan-background .pwan-layout { margin-top: 0; margin-bottom: 0; padding-bottom: 0; } } @media screen and (min-width: 375px) { .pwan-background .pwan-layout .pwan-words-amount { margin-bottom: 20px; } } .aricticleContext { font-family: 'Lato', serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #777777; display: block; } .aricticleContext strong { color: #4a4a4a; display: inline-block; margin-left: 2em; } .prettyText { font-family: "Lato", sans-serif; font-weight: 300; color: #666666; font-size: 20px; -webkit-font-smoothing: antialiased; line-height: 2; margin: 0; display: inline-block; } @media (min-width: 768px) { .prettyText { font-size: 30px; line-height: 1.66; } } .checkboxContainer { line-height: 1.86; font-size: 14px; color: #4A4A4A; position: relative; } .checkboxContainer label { line-height: 2; } .checkboxContainer label:before { content: ''; position: relative; top: .5em; left: 0; width: 1.6em; height: 1.6em; border-radius: 6px; border: 1px solid #0BB7E7; display: inline-block; margin-right: .5em; } .checkboxContainer input[type="checkbox"]:checked + label:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAAXNSR0IArs4c6QAAAadJREFUOBGlks8vA1EQx98822jSXUJaXZKKVJxcuWuQ7UXj5CCROPIP0PgHqn+Ai1sTF24cdP1Iirj04uzQi0TSXe0BLSV0x7zlrbaaSHmX9+Y7M5/Md3YZ++dBRPgn4rt9KoeKmrV2Aqa9KdU/00dy6C+92HuM4ZyAcWDJSnwwrUhyJ3fwsqSVq/Y+wWKyD5ENi3fHE/aYD/11fDapd1LCaLzUk6FviJh7Ij1+W3DwuDTksNoFlXowAqxJmGB5EwayVoqCyIQ/vHwWg3eRbDy9p3a0/oYnyDD6qYPDOaxWjPB2Y50L1I6spONgSiQA4EAfDS8UxuBVFqpmcRwZHJOFIVcDeANgS1VD35U18nYto4MRKZDthFWwD0O5O1VoPadlYe/cgzFW6+J8vh1M1DdZpi0mhegegDxZSmMdM2RTExoweGScz1WNAbHHtscDiqxmFtcdZN5P2thBheUuUIyHeOiqUW99NwFFUjXtFbK9RdO66/hquOXcN1sxgtetgNb4B1AUBExrka4M7U2hj1RQfN0z99N9N63NHcVa1koQOE8fR++k8QOwx5EgoOQjYwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center center; background-size: 60%; } .checkboxContainer input[type="checkbox"]:focus + label { transform: scale(1.05); text-decoration: underline; } .checkboxContainer input[type="checkbox"] { opacity: 0; } .authorCta { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 30px; } .authorCta img { width: 30px; height: 30px; border-radius: 50%; margin-right: 1em; } @media (min-width: 768px) { .authorCta img { width: 40px; height: 40px; } } .authorCta h3 { font-size: 14px; font-weight: 800; font-style: normal; font-stretch: normal; line-height: normal; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(0, 0, 0, 0.84); -webkit-font-smoothing: antialiased; } .authorCta .authorCta--bubble { -ms-flex-preferred-size: 100%; flex-basis: 100%; border-radius: 0 4px 4px 4px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; margin-left: 50px; background-color: rgba(11, 183, 231, 0.4); font-size: 17px; font-weight: normal; font-style: italic; font-stretch: normal; line-height: 1.41; letter-spacing: normal; color: #4A4A4A; -webkit-font-smoothing: antialiased; position: relative; } @media (min-width: 768px) { .authorCta .authorCta--bubble { padding-left: 30px; margin-left: 50px; } } .authorCta .authorCta--bubble.success { background-color: rgba(0, 128, 0, 0.4); } .authorCta .authorCta--bubble.success:before { border-color: transparent rgba(0, 128, 0, 0.4) transparent transparent; } .authorCta .authorCta--bubble:before { content: ""; position: absolute; top: 0; left: -20px; display: block; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent rgba(11, 183, 231, 0.4) transparent transparent; } .footer_padding { padding-top: 1rem !important; padding-bottom: 1rem !important; } .morecontentmore span { display: none; } .morelinkmore { display: block; } .morecontentmoreMobile span { display: none; } .morelinkmoreMobile { display: block; } .bioAuthor { font-family: 'Lato', serif; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #777777; margin-top: 1.25em; margin-margin-left: 73px; } @media screen and (max-width: 765px) { .bioAuthor { display: block; margin-top: 15px; margin-bottom: 2.5em; margin-left: 0px; } } .moreMobile { display: none; } @media screen and (max-width: 765px) { .moreMobile { display: block; } } .avatar-55 { display: block !important; } @media screen and (max-width: 765px) { .avatar-55 { display: none !important; } } .avatar-40 { display: none !important; } @media screen and (max-width: 765px) { .avatar-40 { display: block !important; } } .avatar-100 { display: block !important; } @media screen and (max-width: 765px) { .avatar-100 { display: none !important; } } .avatar-70 { display: none !important; } @media screen and (max-width: 765px) { .avatar-70 { display: block !important; } } .sticky { font-family: 'Lato', serif; line-height: 45px; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #daeeff; color: #323232; max-height: 45px; font-size: 18px; text-align: center; height: 219px; transition: max-height 350ms; z-index: 1000; } @media screen and (max-width: 1023px) { .sticky { height: 296px; } } .sticky .openTab { display: block !important; cursor: pointer; } .sticky.active { max-height: 219px; line-height: 40px; } @media screen and (max-width: 1023px) { .sticky.active { max-height: 296px; } } .openTab { float: right; padding-right: 10px; transition: bottom 0.5s; } .grid-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-rows: minmax(min-content, max-content); font-size: 15px; -ms-grid-column-align: center; justify-items: center; -ms-flex-align: center; align-items: center; } .grid-container a { font-weight: 400; padding-right: 20px; text-decoration: underline; } @media screen and (max-width: 1023px) { .grid-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 4fr; grid-template-rows: 4fr; grid-row-gap: 10px; font-size: 13px; } } .formHelpCheckbox { -ms-grid-row: 2; grid-row-start: 2; } .formHelpEmail { font-size: 11px; } .numberText { background: transparent; border: none; border-bottom: 1px solid #000; color: #ffffff; font-weight: 300; margin-left: 20px; } @media screen and (max-width: 1023px) { .numberText { opacity: 1; width: 100%; margin-left: 0px; } } .numberText::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .numberText:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .numberText::placeholder { color: rgba(255, 255, 255, 0.5); } .btnCall { font-family: 'Lato', serif; border-radius: 2px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 180px; height: 40px; font-size: 14px; color: #258FE7; height: 2.9em; border-radius: 4px; background-color: white; } .formText { font-weight: normal; } .formText input[type='checkbox'] { -webkit-appearance: none; position: relative; visibility: hidden; cursor: pointer; } @media screen and (max-width: 1023px) { .formText input[type='checkbox'] { padding-right: 20px; padding-left: 0px; } } .formText input[type=checkbox]:after { display: block; content: ''; visibility: visible; line-height: 20px; text-align: center; width: 17px; height: 17px; border-radius: 5px; background-color: #ffffff; cursor: pointer; } .formText input[type='checkbox']:checked:after { background-color: white; color: grey; content: '\2714'; padding-bottom: 5px; } @media screen and (max-width: 1023px) { .formText { justify-self: left; padding-left: 15px !important; } } @media screen and (max-width: 1023px) { .numberInputHelp { -ms-grid-column-align: left; justify-items: left; display: -ms-grid; display: grid; width: 100%; padding-right: 15px; } } .checkout--footer--form { display: none; } @media screen and (max-width: 1023px) { .checkout--footer--form { display: block; } } .checkout--sidebar { width: 275px; height: 319px; border-radius: 4px; background-color: #258fe7; margin-top: 5em; } @media screen and (max-width: 1023px) { .checkout--sidebar { display: none; } } .checkout--sidebar .helpText--sidebar { color: white; font-size: 18px; margin-top: 10px; text-align: center; } .checkout--sidebar .grid-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 4fr; grid-template-rows: 4fr; grid-row-gap: 10px; font-size: 14px; -ms-grid-column-align: center; justify-items: center; -ms-flex-align: center; align-items: center; color: white; grid-row-gap: 20px; padding-top: 5px; } .checkout--sidebar .formText { padding-left: 18px !important; font-weight: 300; padding-right: 18px; justify-self: left; } .checkout--sidebar .formText input[type='checkbox'] { padding-right: 20px; padding-left: 0px; } .checkout--sidebar .numberText { width: 100%; margin-left: 0px; } .checkout--sidebar a { color: white !important; } .checkout--sidebar .successMessage { color: white !important; } .followManager { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 765px) { .followManager { display: block; } } .followManager .icon-email { padding-left: 17px; color: #258FE7; } @media screen and (max-width: 765px) { .followManager .icon-email { padding-top: 10px; padding-left: 0px; } } .followManager .email__followManager { padding-left: 7px; font-size: 12px; } @media screen and (max-width: 765px) { .followManager .email__followManager { padding-top: 10px; } } .authorSubscriptionBar { position: fixed; bottom: 0; right: 0; left: 0; height: 87px; transition: transform 0.2s linear; z-index: 999; background: linear-gradient(to left, #3B6BE7, #0BB7E7); } @media (min-width: 768px) { .authorSubscriptionBar { height: 90px; } } .authorSubscriptionBar .authorSubscription--box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: end; align-content: flex-end; padding-left: 75px; padding-top: 10px; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .authorSubscriptionBar .authorSubscription--box { -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: justify; justify-content: space-between; padding-left: 283px; } .authorSubscriptionBar .authorSubscription--box .authorSubscriptionBar--copy { -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: center; -ms-flex-positive: 0; flex-grow: 0; font-size: 17px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } .authorSubscriptionBar .authorSubscription--box .btn, .authorSubscriptionBar .authorSubscription--box .pmpro_btn.pmpro_btn-submit-checkout { -ms-flex-item-align: end; align-self: flex-end; } @media (min-width: 768px) { .authorSubscriptionBar .authorSubscription--box .btn, .authorSubscriptionBar .authorSubscription--box .pmpro_btn.pmpro_btn-submit-checkout { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } @media (min-width: 768px) { .authorSubscriptionBar > .container, .topCarousel.authorSubscriptionBar > .topCarousel--container, .authorSubscriptionBar > .topCarousel--link--container { position: relative; height: 100%; } } .authorSubscriptionBar .authorSubscriptionBar--image { width: 107px; height: 135px; background-repeat: no-repeat; background-position: bottom center; background-size: cover; position: absolute; bottom: 0; left: 0; } @media (min-width: 768px) { .authorSubscriptionBar .authorSubscriptionBar--image { width: 283px; height: 200px; left: -20px; } } .authorSubscriptionBar .authorSubscriptionBar--copy { color: #ffffff; font-size: 15px; font-weight: 500; font-style: italic; text-align: right; line-height: 1.64; margin-top: 0; margin-bottom: .5em; } @media (min-width: 768px) { .authorSubscriptionBar .authorSubscriptionBar--copy { margin-bottom: 0; } } .authorSubscriptionBar--hidden { transform: translateY(200px); } .authorSubscription--close { position: absolute; height: 50px; width: 50px; right: 0; } @media (max-width: 991.98px) { .authorSubscription--close { width: 70px; bottom: 79px; background: linear-gradient(to left, #3B6BE7, #3378e7); border-radius: 10px; } } .authorSubscription--close span { margin: 10px; position: absolute; height: 25px; width: 25px; margin-top: 10px; display: block; cursor: pointer; font-size: 30px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: white; font-family: 'icomoon'; } @media (max-width: 991.98px) { .authorSubscription--close span { margin: 10px 10px 20px 20px; } } .ynSection { font-size: 16px; width: 100%; padding-top: 15px; padding-bottom: 30px; background-color: #ffffff; } @media screen and (min-width: 765px) { .ynSection { padding-top: 40px; padding-bottom: 90px; } } .ynSection.ynSection--dark, .ynSection:nth-of-type(2n + 2) { background-color: #FAFAFA; } .ynSection .ynSection--container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1183px; max-width: 100%; margin-left: auto; margin-right: auto; } .ynSection .ynSection--header { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 1183px) { .ynSection .ynSection--header { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 765px) { .ynSection .ynSection--header { margin-bottom: 40px; } } .ynSection .ynSection--header .ynSection--header--title { font-size: 1em; line-height: 1.1875; font-family: 'Lato', serif; font-weight: bold; text-transform: uppercase; display: block; padding-bottom: 10px; padding-top: 10px; margin: 0; margin-bottom: -1px; border-bottom: 1px solid #4A4A4A; } @media screen and (min-width: 765px) { .ynSection .ynSection--header .ynSection--header--title { font-size: 1.125em; padding-bottom: 1em; padding-top: 1em; } } .ynSection .ynSection--header .ynSection--header--title a { color: #4A4A4A; } .ynSection .ynSection--header .ynSection--header--title a:hover { text-decoration: none; } .ynSection .ynSection--header a { font-size: .875em; line-height: 1.2143; font-family: 'Lato', serif; text-decoration: none; color: #258FE7; padding-top: 10px; padding-bottom: 10px; } .ynSection .ynSection--header a:hover { text-decoration: underline; } .ynSection .ynSection--header hr { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0; border-top: 1px solid rgba(216, 216, 216, 0.4); border-bottom: none; } .ynSection .ynSection--body { display: -ms-flexbox; display: flex; } @media screen and (min-width: 765px) { .ynSection .ynSection--body .ynSection--body--main { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } } .ynSection .ynSection--body .ynSection--body--main .ynRow, .ynSection .ynSection--body .ynSection--body--main .ynSection--body { -ms-flex-align: start; align-items: flex-start; } .ynSection .ynSection--body .ynSection--body--sidebar { display: none; } @media screen and (min-width: 765px) { .ynSection .ynSection--body .ynSection--body--sidebar { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; -ms-flex-negative: 0; flex-shrink: 0; display: block; } } .ynSection--body--sidebar > .ynContainer:not(:empty), .ynSection .ynSection--body--sidebar > .ynSection--container:not(:empty), .ynSection--body--sidebar > .ynDesktopNavigationMenu:not(:empty), .ynSection--body--sidebar > .ynNavbar--container:not(:empty), .ynSection--body--sidebar > .searchComponent--container:not(:empty), .ynSection--body--sidebar > .ynNavbar__menu--container:not(:empty) { position: relative; } .ynSection--body--sidebar > .ynContainer:not(:empty):after, .ynSection .ynSection--body--sidebar > .ynSection--container:not(:empty):after, .ynSection--body--sidebar > .ynDesktopNavigationMenu:not(:empty):after, .ynSection--body--sidebar > .ynNavbar--container:not(:empty):after, .ynSection--body--sidebar > .searchComponent--container:not(:empty):after, .ynSection--body--sidebar > .ynNavbar__menu--container:not(:empty):after { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background-color: #d9d9d9; } .ynSection--dark.ynSection .ynSection--body--sidebar > .ynContainer:not(:empty):after, .ynSection--dark.ynSection .ynSection--body--sidebar > .ynSection--container:not(:empty):after, .ynSection--dark.ynSection .ynSection--body--sidebar > .ynDesktopNavigationMenu:not(:empty):after, .ynSection--dark.ynSection .ynSection--body--sidebar > .ynNavbar--container:not(:empty):after, .ynSection--dark.ynSection .ynSection--body--sidebar > .searchComponent--container:not(:empty):after, .ynSection--dark.ynSection .ynSection--body--sidebar > .ynNavbar__menu--container:not(:empty):after, .ynSection:nth-of-type(2n + 2) .ynSection--body--sidebar > .ynContainer:not(:empty):after, .ynSection:nth-of-type(2n + 2) .ynSection--body--sidebar > .ynSection--container:not(:empty):after, .ynSection:nth-of-type(2n + 2) .ynSection--body--sidebar > .ynDesktopNavigationMenu:not(:empty):after, .ynSection:nth-of-type(2n + 2) .ynSection--body--sidebar > .ynNavbar--container:not(:empty):after, .ynSection:nth-of-type(2n + 2) .ynSection--body--sidebar > .searchComponent--container:not(:empty):after, .ynSection:nth-of-type(2n + 2) .ynSection--body--sidebar > .ynNavbar__menu--container:not(:empty):after { background-color: #d4d4d4; } .ynArticle { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; padding-top: 20px; position: relative; margin-bottom: 10px; margin-top: 0; width: 100%; } @media screen and (min-width: 1183px) { .ynArticle { padding-left: 30px; padding-right: 30px; } } .ynArticle:before { content: ""; display: block; height: 1px; position: absolute; bottom: -5px; left: calc(50% - 17px); right: calc(50% - 17px); background-color: #D8D8D8; } .ynArticle a { color: inherit; text-decoration: none; -webkit-font-smoothing: antialiased; } .ynArticle p { font-size: .9375em; line-height: 1.33; font-family: 'Lato', serif; color: #4A4A4A; -webkit-font-smoothing: antialiased; margin-top: 20px; } @media screen and (min-width: 765px) { .ynArticle p { font-size: 1em; line-height: 1.5; } } .ynArticle .titleNews { font-family: 'Cormorant', serif; font-size: 1.875em; line-height: 1.066; font-weight: 600; font-style: italic; color: #4A4A4A; margin-bottom: 20px; margin-top: 0; } @media screen and (min-width: 765px) { .ynArticle .titleNews { font-size: 2.8125em; } } .ynArticle .titleNews a:hover { text-decoration: underline; } .ynArticle .titleNews a { color: inherit; text-decoration: none; -webkit-font-smoothing: antialiased; } .ynArticle .anchorPlay { position: absolute; z-index: 100; width: 100%; height: 100%; background: rgba(169, 169, 169, 0.3); } .ynArticle .ynArticle--footer { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: .9375em; margin-top: 1em; margin-bottom: 5px; font-family: 'Lato', serif; } .ynArticle .ynArticle--footer .ynArticle--footer--timeToRead { font-size: .93333em; color: #777777; } .ynArticle .ynArticle--footer .ynArticle--footer--box { margin-top: 10px; display: -ms-flexbox; display: flex; -ms-flex-positive: 1; flex-grow: 1; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: center; align-content: center; } .ynArticle .ynArticle--footer .ynArticle--footer--comments { font-size: 14px; font-family: 'lato', serif; color: #258fe7; } .ynArticle .ynArticle--footer .ynLightGrey { display: inline-block; font-size: .93333em; color: #777777; } .ynArticle .ynArticle--footer a { color: #258FE7; max-width: 14em; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 1em; margin-top: .5em; margin-bottom: .5em; } .ynArticle .ynArticle--footer a:hover { text-decoration: underline; } .ynArticle .ynArticle--footer .ynArticle--footer--comments-a { font-weight: normal; margin-top: 0; } .ynArticle .ynArticle--footer.footer-parent { display: -ms-grid; display: grid; -ms-grid-rows: 20px 20px; grid-template-rows: 20px 20px; -ms-grid-columns: (auto)[3]; grid-template-columns: repeat(3, auto); grid-gap: 0px 5px; } .ynArticle .ynArticle--footer.footer-parent .footer-parent--name { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .ynArticle .ynArticle--footer.footer-parent .footer-parent--date { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; text-align: center; } .ynArticle .ynArticle--footer.footer-parent .footer-parent--reading-time { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 1; grid-row: 1; text-align: right; } .ynArticle .ynArticle--footer.footer-parent .footer-parent--comment-count { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .ynArticle .ynArticle--footer.footer-parent.with-comments .footer-parent--name { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .ynArticle .ynArticle--footer.footer-parent.with-comments .footer-parent--date { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; text-align: left; } .ynArticle .ynArticle--footer.footer-parent.with-comments .footer-parent--reading-time { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; text-align: center; } .ynArticle .ynArticle--footer.footer-parent.with-comments .footer-parent--comment-count { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 2; grid-row: 2; text-align: right; } .ynArticle .ynArticle--footer.footer-parent.ynArticle--CPT .footer-parent--name { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .ynArticle .ynArticle--footer.footer-parent.ynArticle--CPT .footer-parent--date { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; text-align: left; } .ynArticle .ynArticle--footer.footer-parent.ynArticle--CPT .footer-parent--reading-time { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; text-align: center; } .ynArticle .ynArticle--footer.footer-parent.ynArticle--CPT .footer-parent--comment-count { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 1; grid-row: 1; text-align: right; } .ynArticle .ynArticle--imagePastTime { display: block; margin-bottom: 20px; } .ynArticle .ynArticle--imagePastTime img { display: block; width: 100%; height: auto; } .ynArticle .ynArticle--imageVideo { overflow: hidden; display: block; margin-bottom: 20px; border-radius: 3px; position: relative; } .ynArticle .ynArticle--imageVideo:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(37, 143, 231, 0.4); } .ynArticle .ynArticle--imageVideo:after { content: "\E90B"; font-family: 'icomoon'; color: white; display: block; border: 2px solid white; border-radius: 50%; box-sizing: border-box; font-size: 24px; width: 62px; height: 62px; padding-top: calc(31px - .6em); padding-bottom: calc(31px - .6em); padding-right: calc(31px - .6em); padding-left: calc(31px - .4em); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: transform .15s ease-in-out .05s; } .ynArticle .ynArticle--imageVideo:hover:after { transform: translate(-50%, -50%) scale(1.1); } .ynArticle .ynArticle--imageVideo img { display: block; width: 100%; height: auto; } .ynArticle.ynArticle--recipe .ynArticle--imageHeader:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ynArticle.ynArticle--recipe .ynArticle--imageHeader:after { content: "\E90B"; font-family: 'icomoon'; color: white; display: block; border: 2px solid white; border-radius: 50%; box-sizing: border-box; font-size: 24px; width: 62px; height: 62px; padding-top: calc(31px - .6em); padding-bottom: calc(31px - .6em); padding-right: calc(31px - .6em); padding-left: calc(31px - .4em); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: transform .15s ease-in-out .05s; } .ynArticle.ynArticle--recipe .ynArticle--imageHeader:hover:after { transform: translate(-50%, -50%) scale(1.1); } .ynArticle.ynArticle--recipe .ynArticle--imageHeader .titleNews a { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .ynArticle .ynArticle--imageHeader { display: block; position: relative; overflow: hidden; border-radius: 3px; margin-bottom: 20px; } .ynArticle .ynArticle--imageHeader .titleNews { position: absolute; display: block; -webkit-font-smoothing: antialiased; margin: 0; color: white; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(74, 74, 74, 0.5); } .ynArticle .ynArticle--imageHeader .titleNews a { display: -ms-flexbox; display: flex; padding: 13px; width: 100%; height: 100%; } .ynArticle .ynArticle--imageHeader img { display: block; width: 100%; height: auto; } .ynArticle.ynArticle--sm .titleNews { font-size: 1.625em; } @media screen and (min-width: 765px) { .ynArticle.ynArticle--sm .titleNews { font-size: 1.5em; } } .ynArticle.ynArticle--sm p { font-size: .875em; } .ynArticle:last-of-type:before { display: none; } @media screen and (min-width: 765px) { .ynArticle.ynCol-d-6:nth-last-of-type(2):before { display: none; } } .instructionRecipeFull { width: auto; height: 80% !important; } .ynArticle--footer--recipes { margin-top: 8px; } .ynArticle--footer--recipes .ynLightGrey { display: inline-block; font-size: .85em; color: #777777; margin-right: auto; } .ynAuthors { padding-left: 15px; padding-right: 15px; width: 100%; color: #4A4A4A; } @media screen and (min-width: 1183px) { .ynAuthors { padding-left: 30px; padding-right: 30px; } } .ynAuthors a { color: inherit; text-decoration: none; } .ynAuthors .ynAuthorsTitle { font-size: 1em; line-height: 1.1875; font-family: 'Lato', serif; font-weight: bold; text-transform: uppercase; display: block; margin: 0; margin-bottom: 1.1875em; } .ynAuthors .ynAuthors--body { padding: 25px; background-color: rgba(37, 143, 231, 0.15); display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ynAuthors .ynAuthors--body .ynAuthors--author { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 5px; margin-bottom: 15px; margin-top: 15px; } .ynAuthors .ynAuthors--body .ynAuthors--author .imgWrapper { display: block; border: 6px solid white; max-width: 100px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; overflow: hidden; } .ynAuthors .ynAuthors--body .ynAuthors--author .imgWrapper img { width: 100%; height: auto; display: block; } .ynAuthors .ynAuthors--body .ynAuthors--author h2 { font-family: 'Cormorant', serif; font-style: italic; font-size: 600; font-size: 1.25em; margin-top: 15px; margin-bottom: 0; text-align: center; -webkit-font-smoothing: antialiased; } .authorSmallSection { display: -ms-grid; display: grid; -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; -ms-grid-rows: auto; grid-template-rows: auto; grid-column-gap: 37px; grid-row-gap: 30px; margin-bottom: 25px; margin-top: 20px; } .authorSmallSection .authorSmallCard { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; box-shadow: 0 0 16px 0 rgba(155, 155, 155, 0.3); border-radius: 4px; padding-top: 17px; padding-bottom: 17px; padding-left: 24px; padding-right: 24px; } .authorSmallSection .authorSmallCard.important { box-shadow: 0 0 16px 0 rgba(37, 143, 231, 0.25); } .authorSmallSection .authorSmallCard--image { max-height: 55px; max-width: 55px; border-radius: 50%; } .authorSmallSection .authorSmallCard--image.important { border: solid 2px #258FE7; } .authorSmallSection .authorSmallCard--image img { border-radius: 50%; border: solid 2px #00000000; } .authorSmallSection .authorSmallCard .followContainer { -ms-flex-positive: 1; flex-grow: 1; margin-left: 24px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .authorSmallSection .authorSmallCard .followContainer p { margin-top: 0; margin-bottom: 0; } .authorSmallSection .authorSmallCard .followContainer .btn-authorSubs { padding-bottom: 7px; padding-top: 7px; padding-left: 8px; padding-right: 8px; font-size: 12px; width: 121px; } .authorSmallSection .authorSmallCard .followContainer .btn-authorSubs._subscribed { background: #b3b3b3; width: 171px; } .seeMore--smallAuthorSection { text-align: center; } .seeMore--smallAuthorSection .seeMore--smallAuthorSection--link { font-size: 13px; } .ynBtn--ghost { position: relative; top: 0; font-size: 1em; line-height: 1.467; display: inline-block; color: #258FE7 !important; border: 1px solid #258FE7; font-family: 'Lato', serif; font-weight: bold; text-decoration: none; padding: .33em .6em; border-radius: 3px; box-shadow: 0 0 0 transparent; transition: box-shadow .2s linear; will-change: box-shadow, top; margin-top: 12px; margin-bottom: 12px; } .ynBtn--ghost:hover { box-shadow: 0 0 5px 0 #268FE7; transition: box-shadow 0s linear; } .ynBtn--ghost:active { box-shadow: 0 0 0 0 #268FE7; top: 1px; } .ynBtn--access { display: block; font-size: 10px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; -webkit-font-smoothing: antialiased; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .ynBtn--access:before { content: ""; width: 1.1em; height: 1.1em; border: 2px solid white; border-radius: 50%; display: block; -ms-flex-order: -2; order: -2; margin-bottom: .2em; } .ynBtn--access:after { content: ""; width: 2.5em; height: 1em; border: 2px solid white; border-radius: 2em 2em 0 0; display: block; -ms-flex-order: -1; order: -1; margin-bottom: .2em; } .ynBtn--access.ynBtn--access--filled:before, .ynBtn--access.ynBtn--access--filled:after { background-color: #fff; } @media screen and (min-width: 765px) { .ynBtn--access { border-radius: 5px; background-color: #fff; color: #258FE7; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.14; letter-spacing: normal; padding: .725em 1.2em; } .ynBtn--access:before, .ynBtn--access:after { display: none; } } .ynNiceList { width: 100%; counter-reset: my-awesome-counter; list-style: none; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 1183px) { .ynNiceList { padding-left: 30px; padding-right: 30px; } } .ynNiceList .ynArticle .titleNews { font-size: 1.5em; font-weight: 500; } .ynNiceList .ynArticle p { font-size: .875em; } .ynNiceList .ynArticle:before { display: block; } .ynNiceList li:last-of-type .ynArticle:before { display: none; } .ynNiceList li { counter-increment: my-awesome-counter; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin-left: -15px; margin-right: -15px; } @media screen and (min-width: 1183px) { .ynNiceList li { margin-left: -30px; margin-right: -30px; } } .ynNiceList li:before { content: counter(my-awesome-counter, decimal-leading-zero); font-family: 'Cormorant', serif; margin-top: 10px; padding-left: 15px; padding-right: 15px; padding-right: 0 !important; font-size: 1.875em; font-weight: 500; font-style: normal; color: #258FE7; } @media screen and (min-width: 1183px) { .ynNiceList li:before { padding-left: 30px; padding-right: 30px; } } :focus { outline: none; } .ynNavbar { position: fixed; top: 0; left: 0; right: 0; z-index: 1; background: linear-gradient(45deg, #0BB8E7, #3B6BE7); height: 60px; padding: 10px 0; z-index: 999999; color: #fff; font-family: 'Lato', serif; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 765px) { .ynNavbar { height: 120px; padding-bottom: 0; transition: height 0.15s linear; } } @media screen and (min-width: 765px) { .ynHeaderSubscriverButtons { -ms-flex-item-align: start; align-self: flex-start; height: auto; -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } } @media screen and (min-width: 765px) { .ynP-4-left-right { padding: 0rem 1.5rem 0rem 1.5rem !important; } } @media screen and (min-width: 765px) { .ynHeaderMiddleLine { height: 1px; background: #fff; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } @media screen and (max-width: 765px) { .ynDesktopNavigationMenu { display: none !important; } } @media screen and (min-width: 765px) { .ynDesktopNavigationMenu { margin-left: auto; margin-right: auto; height: 47%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; -ms-flex-direction: row; flex-direction: row; padding-top: 0px; transition: top 0.3s; } .ynDesktopNavigationMenu div.grow-0 { -ms-flex-item-align: start; align-self: flex-start; } } .ynDesktopNavigationMenu > * { -ms-flex: 1; flex: 1; } @media screen and (max-width: 765px) { .ynDesktopTabletHidden { display: none !important; } } @media screen and (min-width: 765px) { .ynDesktopIcon { text-align: left !important; -ms-flex-item-align: start; align-self: flex-start; margin: 0 0; } } a { color: inherit; } a:not(.ynBtn--access):hover { color: inherit; } .ynNavbar--container { margin-left: auto; margin-right: auto; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 765px) { .ynNavbar--container { -ms-flex-item-align: start; align-self: flex-start; height: 53%; } .ynNavbar--container:before { content: ""; position: absolute; bottom: 47%; width: 70.2em; margin-left: 0rem; border-bottom: 1px solid white; } } .ynNavbar--container > * { -ms-flex: 1; flex: 1; } .btn--perfil { margin-top: 36px; margin-left: 15px; margin-right: 15px; font-size: 1.2em !important; padding-top: 0em !important; padding-bottom: 0em !important; padding-left: 0em !important; padding-right: 0em !important; } .btn--perfil a { display: block; width: 100%; height: 100%; padding-top: 0.8em; padding-bottom: 0.8em; padding-left: 1em; padding-right: 1em; } .btn--perfil a:hover { text-decoration: none; } .btn--invert { position: relative; top: 0; text-align: center; line-height: 1.467; color: #258FE7 !important; border: 2px solid #258FE7; border-radius: 6px !important; font-weight: bold; text-decoration: none !important; border-radius: 3px; box-shadow: 0 0 0 transparent; transition: box-shadow .2s linear; will-change: box-shadow, top; } .btn--invert:hover { box-shadow: 0 0 5px 0 #268FE7; transition: box-shadow 0s linear; } .btn--invert:active { box-shadow: 0 0 0 0 #268FE7; top: 1px; } .searchComponent--container.searchComponent--container-mobile { position: relative; top: auto; bottom: auto; right: auto; left: auto; padding: 10vh 10px 10px; background: #fff; max-width: 100%; } @media screen and (min-width: 765px) { .searchComponent--container.searchComponent--container-mobile { padding: 4em 13px 13px; } } .searchComponent--container.searchComponent--container-mobile .btn, .searchComponent--container.searchComponent--container-mobile .pmpro_btn.pmpro_btn-submit-checkout { z-index: 0; margin-top: 10vh; } .searchComponent--container.searchComponent--container-mobile.searchComponent--container-full { position: absolute; top: 0; bottom: 0; right: 0; left: 0; animation: fadein .1s linear; padding: 20px 10px 10px; } @media screen and (min-width: 765px) { .perfilComponent--container-mobile { display: none; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .searchComponent--container { color: #c4c4c4; } .searchComponent--container .seachComponent--input { position: relative; } .searchComponent--container .seachComponent--input input { border: none; border-bottom: 1px solid #777777; width: 100%; text-align: center; font-size: 18px; font-weight: normal; font-style: italic; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #9b9b9b; padding-top: .5em; padding-bottom: .5em; } .searchComponent--container .seachComponent--input input:focus { outline: none; border-color: #a4a4a4; } .searchComponent--container .seachComponent--input .icon-search, .searchComponent--container .seachComponent--input .icon-chevron-left { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } @media screen and (min-width: 765px) { .searchComponent--container .seachComponent--input .icon-search { color: #777777; } } .searchComponent--container .seachComponent--input .icon-close { position: absolute; top: 50%; right: 0; color: #258FE7; transform: translateY(-50%); } .searchComponent--container .searchComponent--results { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 1; flex-shrink: 1; } .searchComponent--container .searchComponent--results .searchComponent--results--label { font-size: 14px; font-weight: normal; font-style: italic; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #9b9b9b; margin-top: 20px; margin-bottom: 20px; } .searchComponent--container .searchComponent--results .searchComponent--results--list { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #4a4a4a; list-style: none; margin: 0; padding: 0; } .searchComponent--container .searchComponent--results .searchComponent--results--list li a { display: block; padding-top: 10px; padding-bottom: 10px; } #searchComponent { background-color: #ffffff; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.25); } @media screen and (min-width: 765px) { #searchComponent .searchComponent--container { margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 25px; padding-bottom: 25px; } } @media screen and (min-width: 765px) { .ynHiddenTablet { display: none !important; } } .ynNavbar__menu--container { margin-left: auto; margin-right: auto; } @media screen and (min-width: 765px) { .ynNavbar__menu--container { display: -ms-flexbox; display: flex; max-height: 100%; } } @media screen and (min-width: 765px) { .ynSubMenuSpecialLink { -ms-flex-item-align: end; align-self: flex-end; } } .ynSubMenuSpecialLink > a { color: #258FE7 !important; } .ynNavbar__menu { background-color: #fff; display: none; position: fixed; top: 60px; left: 0; right: 0; bottom: 0; z-index: 9999; } @media screen and (min-width: 765px) { .ynNavbar__menu { top: 120px; } } @media screen and (max-width: 765px) { .ynNavbar__menu { height: auto !important; } } @media screen and (min-width: 765px) { .ynNavbar__menu { bottom: auto; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.25); height: 0; overflow: hidden; will-change: height; transition: height .2s linear; } } .ynNavbar__menu.opened-ready { display: block; } .ynNavbar__menu.opened { display: block; overflow: scroll; } @media screen and (min-width: 765px) { .ynNavbar__menu.opened { overflow: hidden; } } @media screen and (min-width: 765px) { .ynNavbar__menu.opened-leaving { display: block; height: 0; } } .ynNavbar__menu .ynNavbar__menu--container ul.menu { position: relative; } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu > li.menu-item > a { pointer-events: none; } } .ynNavbar__menu .ynNavbar__menu--container ul.menu, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu { list-style: none; padding: 0; margin: 0; } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu > li.menu-item > a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu > li.menu-item > a { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu ul.sub-menu, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu ul.sub-menu { line-height: 0.7; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ynNavbar__menu .ynNavbar__menu--container ul.menu ul.sub-menu > li.menu-item, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu ul.sub-menu > li.menu-item { -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; max-width: 33.33%; } .ynNavbar__menu .ynNavbar__menu--container ul.menu ul.sub-menu > li.menu-item > a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu ul.sub-menu > li.menu-item > a { color: #777777; font-size: 17px; padding-top: 15px; padding-bottom: 10px; border-bottom: none; line-height: 1.3; } .ynNavbar__menu .ynNavbar__menu--container ul.menu ul.sub-menu > li.menu-item > a:hover, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu ul.sub-menu > li.menu-item > a:hover { text-decoration: underline; } } @media screen and (min-width: 1183px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu ul.sub-menu, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu ul.sub-menu { line-height: 0.7; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ynNavbar__menu .ynNavbar__menu--container ul.menu ul.sub-menu > li.menu-item, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu ul.sub-menu > li.menu-item { -ms-flex: 1 1 20%; flex: 1 1 20%; max-width: 20%; } .ynNavbar__menu .ynNavbar__menu--container ul.menu ul.sub-menu > li.menu-item > a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu ul.sub-menu > li.menu-item > a { color: #777777; font-size: 17px; padding-top: 15px; padding-bottom: 10px; border-bottom: none; line-height: 1.3; } } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu { width: 100%; } } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item { position: relative; font-size: 22px; font-weight: 500; } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item { font-size: 22px; color: #4A4A4A; } } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item:last-of-type a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item:last-of-type a { border-bottom: none; } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item.menu-item-black a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item.menu-item-black a { color: #4A4A4A; } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item.menu-item-has-children:before, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item.menu-item-has-children:before { content: '\E90D'; position: absolute; right: 15px; bottom: 20px; color: #258FE7; display: block; font-family: 'icomoon'; font-style: normal; -webkit-font-smoothing: none; font-size: 16px; } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item.menu-item-has-children:before, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item.menu-item-has-children:before { display: none; } } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu { display: none; will-change: transform; overflow: scroll; transition: transform .2s ease-in-out 0.2s; position: fixed; top: 60px; bottom: 0; left: 0; right: 0; z-index: 1; background-color: #fff; } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu { position: relative; column-fill: auto; top: 0px; overflow: hidden; -ms-flex: 1 1 3em; flex: 1 1 3em; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened-enters, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened-enters { display: block; transform: translateX(100%); } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened-leaves, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened-leaves { display: block; transform: translateX(0%); } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened { transform: translateX(0%); padding-left: 30px; padding-right: 30px; display: block; } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened { display: none; } } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened li.menu-item, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened li.menu-item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened li.menu-item a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened li.menu-item a { padding-left: 13px; color: #777777; } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened li.menu-item:last-of-type a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened li.menu-item:last-of-type a { border-bottom: none; } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened li.menu-item.special_link > a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened li.menu-item.special_link > a { color: #258FE7; font-size: 22px; font-style: normal; margin-top: .5em; margin-bottom: .5em; } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu > li.menu-item .sub-menu.opened li.menu-item.special_link > a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu > li.menu-item .sub-menu.opened li.menu-item.special_link > a { font-size: 20px; } } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu li.menu-item > a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu li.menu-item > a { display: block; padding-top: 25px; padding-bottom: 15px; padding-right: 13px; padding-left: 13px; border-bottom: 1px solid rgba(216, 216, 216, 0.6); color: #4A4A4A; text-decoration: none; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 765px) { .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu li.menu-item, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu li.menu-item { border-bottom: none; } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu li.menu-item.menu-item-has-children a > li.menu-item > ul.menu, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu li.menu-item.menu-item-has-children a > li.menu-item > ul.menu { color: #4A4A4A; } .ynNavbar__menu .ynNavbar__menu--container ul.menu.menu li.menu-item.menu-item-has-children.menu-item-opened a, .ynNavbar__menu .ynNavbar__menu--container ul.sub-menu.menu li.menu-item.menu-item-has-children.menu-item-opened a { color: #4A4A4A; } } .ynLogo { height: 34px; width: 100%; } .ynBreadcrumb { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); font-family: 'Lato', serif; font-weight: normal; font-style: normal; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #777; padding-bottom: 20px; padding-top: 25px; color: #c4c4c4; -webkit-font-smoothing: antialiased; } .ynBreadcrumb a { display: inline; color: #4A4A4A; margin-right: 1em; } .ynBreadcrumb a:before { content: "\E90C"; font-family: 'icomoon'; color: #258FE7; display: inline-block; margin-right: 1em; } @media screen and (min-width: 765px) { .ynBreadcrumb { display: none; } } @keyframes ynAppear { 0% { opacity: 0; } 100% { opacity: 1; } } .ynNavbar__menu--holder { display: none; list-style: none; padding: 0; margin: 0; } body.opened .ynNavbar__menu--holder li { opacity: 0; animation-name: ynAppear; animation-duration: .2s; animation-timing-function: linear; animation-delay: .4s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; } @media screen and (min-width: 765px) { .ynNavbar__menu--holder { display: none; opacity: 0; transition: opacity .1s ease-in-out; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; width: 80%; font-family: 'Cormorant', serif; } .ynNavbar__menu--holder.opened { display: none; opacity: 1; } .ynNavbar__menu--holder.opened-enters { display: none; opacity: 0; transition: opacity 0s ease-in-out; } .ynNavbar__menu.opened-enters .ynNavbar__menu--holder { opacity: 0; } .ynNavbar__menu--holder li.menu-item { display: none; transition: opacity .1s .2s linear; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex-preferred-size: 20%; flex-basis: 20%; } .opened-enters.ynNavbar__menu .ynNavbar__menu--holder li.menu-item { display: none; opacity: 0; } .opened.ynNavbar__menu .ynNavbar__menu--holder li.menu-item { transition: all 1s 2s linear; display: none; } .ynNavbar__menu--holder li.menu-item.special_link > a { color: #258FE7; font-size: 22px; font-style: normal; margin-top: .5em; margin-bottom: .5em; } } @media screen and (min-width: 765px) and (min-width: 765px) { .ynNavbar__menu--holder li.menu-item.special_link > a { font-size: 20px; } } @media screen and (min-width: 765px) { .ynNavbar__menu--holder li.menu-item a { display: none; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; border-bottom: none !important; color: #777777; padding-top: 18px; padding-left: 25px; padding-right: 25px; padding-bottom: 17px; } .ynNavbar__menu--holder .ynBreadcrumb { display: none; } } #searchBar, #searchComponent { display: none; } @media screen and (min-width: 765px) { #searchBar, #searchComponent { display: block; } } #searchBar > a { display: block; padding: 1em; } #dropdownMenu { display: -ms-flexbox; display: flex; padding-top: 0em; margin-top: 0.1em; width: 6.6em; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-align: center; align-items: center; height: 3.2em; } #dropdownMenu svg { margin-left: 10px; } #dropdownMenu .dropdownMenu--open { display: block; } #dropdownMenu .dropdownMenu--close { display: none; } .opened #dropdownMenu .dropdownMenu--open { display: none; } .opened #dropdownMenu .dropdownMenu--close { display: block; } .ynCloseMainMenu { color: #258FE7; background: white; border-radius: 2px 2px 0 0; } .ynCloseMainMenu span:hover { color: #258FE7 !important; text-decoration: underline; } .ynCloseMainMenu:hover { color: #258FE7 !important; } @media screen and (min-width: 765px) { .ynMainSectionsMenu { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-bottom: 0.4em; } } @media screen and (min-width: 765px) { .ynMainSectionsList { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-align: stretch; align-items: stretch; /* Default */ -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0px; list-style: none; padding-left: 0; padding-right: 1.4em; } .ynMainSectionsList li { display: block; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: 7px; text-align: left; } } #hamburger { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 765px) { #hamburger { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; } } #hamburger:hover { text-decoration: none; } #hamburger svg { margin-top: 6px; } @media screen and (min-width: 765px) { #hamburger svg { margin-top: 0; } } #hamburger span { display: inline-block; font-size: 10px; margin-top: 4px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; } @media screen and (min-width: 765px) { #hamburger span { font-size: 14px; margin-left: .5em; margin-top: 0; } } #hamburger .hamburger--open { display: block; } #hamburger .hamburger--close { display: none; } .opened #hamburger .hamburger--open { display: none; } .opened #hamburger .hamburger--close { display: block; } @media screen and (min-width: 765px) { .ynHiddenTBlockM { display: none !important; } } @media screen and (max-width: 765px) { .ynHiddenTBlockM { display: block !important; } } @media screen and (min-width: 765px) { .ynNavbarWhiteBtn { border-radius: 2px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 9em; font-size: 16px; height: 2.9em; } } .hideBefore:before { display: none !important; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .grecaptcha-badge { visibility: hidden; } /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */ body { /* Hide native play button and control bar from iOS to favor plugin button */ /* Start: LAYERS */ /* End: LAYERS */ /* Start: CONTROL BAR */ /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ /* End: Play/Pause/Stop */ /* Start: Progress Bar */ /* End: Progress Bar */ /* Start: Fullscreen */ /* End: Fullscreen */ /* Start: Mute/Volume */ /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ /* End: Track (Captions and Chapters) */ /* Start: Error */ } body audio { display: none; } body .mejs-offscreen { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } body .mejs-container { background: transparent; box-sizing: border-box; font-family: 'Helvetica', Arial, serif; position: relative; text-align: left; text-indent: 0; vertical-align: top; margin-top: 0; margin-bottom: 35px; } body .mejs-container * { box-sizing: border-box; } body .mejs-container video::-webkit-media-controls, body .mejs-container video::-webkit-media-controls-panel, body .mejs-container video::-webkit-media-controls-panel-container, body .mejs-container video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } body .mejs-fill-container, body .mejs-fill-container .mejs-container { height: 100%; width: 100%; } body .mejs-fill-container { background: transparent; margin: 0 auto; overflow: hidden; position: relative; } body .mejs-container:focus { outline: none; } body .mejs-iframe-overlay { height: 100%; position: absolute; width: 100%; } body .mejs-embed, body .mejs-embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } body .mejs-fullscreen { overflow: hidden !important; } body .mejs-container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; } body .mejs-container-fullscreen .mejs-mediaelement, body .mejs-container-fullscreen video { height: 100% !important; width: 100% !important; } body .mejs-background { left: 0; position: absolute; top: 0; } body .mejs-mediaelement { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } body .mejs-poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; } body :root .mejs-poster-img { display: none; } body .mejs-poster-img { border: 0; padding: 0; } body .mejs-overlay { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; } body .mejs-layer { z-index: 1; } body .mejs-overlay-play { cursor: pointer; } body .mejs-overlay-button { background-position: 0 -39px; height: 80px; width: 80px; } body .mejs-overlay:hover > .mejs-overlay-button { background-position: -80px -39px; } body .mejs-overlay-loading { height: 80px; width: 80px; } body .mejs-overlay-loading-bg-img { animation: mejs-loading-spinner 1s linear infinite; display: block; height: 80px; width: 80px; z-index: 1; } @keyframes mejs-loading-spinner { 100% { transform: rotate(360deg); } } body .mejs-controls { bottom: 0; display: -ms-flexbox; display: flex; height: 40px; left: 0; list-style-type: none; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 3; } body .mejs-controls:not([style*='display: none']) { background: transparent; } body .mejs-button, body .mejs-time, body .mejs-time-rail { font-size: 10px; height: 40px; line-height: 10px; margin: 0; width: 32px; } body .mejs-button > button { background: transparent url(fonts/0bf833ebc54541f6f84b9e33baeab48b.svg); background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; overflow: hidden; padding: 0; text-decoration: none; width: 37px; border-radius: 3px; border: 1px solid #4A4A4A; margin: 0; } body .mejs-button > button:focus { border: 1px solid black; } body .mejs-button > button:hover { border: 1px solid #4A4A4A; } body .mejs-container-keyboard-inactive a, body .mejs-container-keyboard-inactive a:focus, body .mejs-container-keyboard-inactive button, body .mejs-container-keyboard-inactive button:focus, body .mejs-container-keyboard-inactive [role=slider], body .mejs-container-keyboard-inactive [role=slider]:focus { outline: 0; } body .mejs-time { font-family: 'Lato', serif; color: #4A4A4A; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; width: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end; padding-left: 1em; padding-right: 1em; padding-bottom: 5px; position: relative; overflow: visible; } body .mejs-time.mejs-currenttime-container:before { content: "Escucha esta opini\F3n"; display: block; position: relative; font-family: 'Lato', serif; font-size: 12px; position: absolute; top: .5em; left: 1em; white-space: nowrap; margin-bottom: 1em; } body .audio-component.disabled { pointer-events: none; } body .audio-component.disabled button { opacity: 0.1; } body .audio-component.disabled .mejs-time.mejs-currenttime-container:before { content: "Desbloquea este contenido para escucharlo"; } body .mejs-pause > button { background: transparent url(fonts/408d19f58977a39f3abdc51fec1e9725.svg); } body .mejs-replay > button { background: transparent url(fonts/0bf833ebc54541f6f84b9e33baeab48b.svg); background-repeat: no-repeat; background-position: 50% 50%; } body .mejs-controls .mejs-time-rail { direction: ltr; -ms-flex-positive: 1; flex-grow: 1; margin: 0; padding-top: 3em; padding-bottom: 7px; position: relative; } body .mejs-controls .mejs-time-rail .mejs-time-total { background: #D9D9D9; margin: 0 0; width: 100%; } body .mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgba(0, 0, 0, 0.1); } body .mejs-time-total, body .mejs-time-buffering, body .mejs-time-loaded, body .mejs-time-current, body .mejs-time-float, body .mejs-time-hovered, body .mejs-time-float-current, body .mejs-time-float-corner, body .mejs-time-marker { border-radius: 2px; cursor: pointer; display: block; height: 3px; position: absolute; border-radius: 3px; } body .mejs-time-buffering { animation: buffering-stripes 2s linear infinite; background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-size: 15px 15px; width: 100%; } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } body .mejs-controls .mejs-time-rail .mejs-time-current, body .mejs-controls .mejs-time-rail .mejs-time-handle-content { background: #4A4A4A; border-radius: 6px; } body .mejs-time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; } body .mejs-time-hovered.negative { background: rgba(0, 0, 0, 0.2); } body .mejs-time-current, body .mejs-time-buffering, body .mejs-time-loaded, body .mejs-time-hovered { left: 0; transform: scaleX(0); transform-origin: 0 0; transition: 0.15s ease-in all; width: 100%; } body .mejs-time-buffering { transform: scaleX(1); } body .mejs-time-hovered { transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); } body .mejs-time-hovered.no-hover { transform: scaleX(0) !important; } body .mejs-controls .mejs-time-rail .mejs-time-handle, body .mejs-time-handle-content { border-radius: 50%; width: 4px; height: 4px; cursor: pointer; left: 0; position: absolute; transform: translateX(0); z-index: 11; top: -3px; } body .mejs-time-handle-content { border: 4px solid rgba(0, 0, 0, 0.9); border-radius: 50%; height: 10px; left: -7px; top: -4px; transform: scale(0); width: 10px; } body .mejs-time-rail:hover .mejs-time-handle-content, body .mejs-time-rail .mejs-time-handle-content:focus, body .mejs-time-rail .mejs-time-handle-content:active { transform: scale(1); } body .mejs-time-float { background: #eee; border: solid 1px #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; transform: translateX(-50%); width: 36px; } body .mejs-time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; } body .mejs-time-float-corner { border: solid 5px #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; transform: translateX(-50%); width: 0; } body .mejs-long-video .mejs-time-float { margin-left: -23px; width: 64px; } body .mejs-long-video .mejs-time-float-current { width: 60px; } body .mejs-broadcast { color: #fff; height: 10px; position: absolute; top: 15px; width: 100%; } body .mejs-fullscreen-button > button { background-position: -80px 0; } body .mejs-unfullscreen > button { background-position: -100px 0; } body .mejs-mute > button { background-position: -60px 0; } body .mejs-unmute > button { background-position: -40px 0; } body .mejs-volume-button { position: relative; display: none; } body .mejs-volume-button > .mejs-volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; transform: translateX(-50%); width: 25px; z-index: 1; } body .mejs-volume-button:hover { border-radius: 0 0 4px 4px; } body .mejs-volume-total { background: rgba(255, 255, 255, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; transform: translateX(-50%); width: 2px; } body .mejs-volume-current { background: rgba(255, 255, 255, 0.9); left: 0; margin: 0; position: absolute; width: 100%; } body .mejs-volume-handle { background: rgba(255, 255, 255, 0.9); border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; position: absolute; transform: translateX(-50%); width: 16px; } body .mejs-controls a.mejs-horizontal-volume-slider { display: none; } body .mejs-horizontal-volume-total { background: rgba(50, 50, 50, 0.8); border-radius: 2px; font-size: 1px; height: 8px; left: 0; margin: 0; padding: 0; position: absolute; top: 16px; width: 50px; } body .mejs-horizontal-volume-current { background: rgba(255, 255, 255, 0.8); border-radius: 2px; font-size: 1px; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; } body .mejs-horizontal-volume-handle { display: none; } body .mejs-captions-button, body .mejs-chapters-button { position: relative; } body .mejs-captions-button > button { background-position: -140px 0; } body .mejs-chapters-button > button { background-position: -180px 0; } body .mejs-captions-button > .mejs-captions-selector, body .mejs-chapters-button > .mejs-chapters-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; } body .mejs-chapters-button > .mejs-chapters-selector { margin-right: -55px; width: 110px; } body .mejs-captions-selector-list, body .mejs-chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; } body .mejs-captions-selector-list-item, body .mejs-chapters-selector-list-item { color: #fff; cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0 10px; } body .mejs-captions-selector-list-item:hover, body .mejs-chapters-selector-list-item:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; } body .mejs-captions-selector-input, body .mejs-chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; } body .mejs-captions-selector-label, body .mejs-chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 0 0; } body .mejs-captions-selected, body .mejs-chapters-selected { color: #21f8f8; } body .mejs-captions-translations { font-size: 10px; margin: 0 0 5px; } body .mejs-captions-layer { bottom: 0; color: #fff; font-size: 16px; left: 0; line-height: 20px; position: absolute; text-align: center; } body .mejs-captions-layer a { color: #fff; text-decoration: underline; } body .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } body .mejs-captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; } body .mejs-captions-position-hover { bottom: 35px; } body .mejs-captions-text, body .mejs-captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; } body .mejs-container.mejs-hide-cues video::-webkit-media-text-track-container { display: none; } body .mejs-overlay-error { position: relative; } body .mejs-overlay-error > img { left: 0; position: absolute; top: 0; z-index: -1; } body .mejs-cannotplay, body .mejs-cannotplay a { color: #fff; font-size: 0.8em; } body .mejs-cannotplay { position: relative; } body .mejs-cannotplay p, body .mejs-cannotplay a { display: inline-block; padding: 0 15px; width: 100%; } .ynPostType { font-size: 15px; color: #4A4A4A; line-height: 1.733; } .ynPostType h1.entry-title { font-size: 30px; padding-bottom: .3em; margin-bottom: 15px; border-bottom: 1px solid #D9D9D9; } @media screen and (min-width: 765px) { .ynPostType h1.entry-title { border-bottom: none; } } @media screen and (min-width: 765px) { .ynPostType .ynPostType--description { border-left: 1px solid #4A4A4A; } } .ynPostType .ynPostType--infoCard { background-color: #FAFAFA; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding: .5em .5em 0em; font-size: 14px; border-radius: 3px; margin-bottom: 0; font-family: 'Lato', serif; } @media screen and (min-width: 765px) { .ynPostType .ynPostType--infoCard { -ms-flex-direction: column; flex-direction: column; } } .ynPostType .ynPostType--infoCard > div { -ms-flex-preferred-size: 1; flex-basis: 1; line-height: 1.6; } .ynPostType .ynPostType--infoCard > div dt { color: #FC892F; font-weight: normal; position: relative; } .ynPostType .ynPostType--infoCard > div dt i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #9B9B9B; } .ynPostType .ynPostType--infoCard > div dd, .ynPostType .ynPostType--infoCard > div dt { padding-left: 1.3em; } .ynPostType .yRecipe--nutrients ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; list-style: none; margin: 0; padding: 0; margin-left: -15px; margin-right: -15px; } @media screen and (min-width: 1183px) { .ynPostType .yRecipe--nutrients ul { margin-left: -30px; margin-right: -30px; } } .ynPostType .yRecipe--nutrients ul:after { content: ''; -ms-flex: auto; flex: auto; } .ynPostType .yRecipe--nutrients ul li { padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 1183px) { .ynPostType .yRecipe--nutrients ul li { padding-left: 30px; padding-right: 30px; } } .ynPostType h2 { font-size: 22px; margin-top: 1em; font-family: 'Cormorant', serif; color: #777777; font-weight: 500; } @media screen and (min-width: 765px) { .ynPostType .ynPostType--content { padding-top: 40px; padding-bottom: 40px; } } @media screen and (min-width: 765px) { .ynPostType .ynPostType--content h2 { margin-top: 30px; margin-bottom: 18px; } } .ynPostType .ynPostType--content ul { padding-left: 1.5em; margin-bottom: 0; } @media screen and (min-width: 765px) { .ynPostType .ynPostType--alergies h2 { margin-top: 0; } } .ynPostType .ynPostType--alergies ul { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; width: calc(100% +10px); } @media screen and (min-width: 765px) { .ynPostType .ynPostType--alergies ul { margin-right: -15px; margin-left: -15px; width: calc(100% +30px); } } .ynPostType .ynPostType--alergies ul:after { content: ''; -ms-flex: auto; flex: auto; } .ynPostType .ynPostType--alergies ul li { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; margin-top: 5px; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; } @media screen and (min-width: 765px) { .ynPostType .ynPostType--alergies ul li { -ms-flex-preferred-size: calc(11.11111% + 1.5vw); flex-basis: calc(11.11111% + 1.5vw); padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 1183px) { .ynPostType .ynPostType--alergies ul li { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; } } .ynPostType .ynPostType--alergies ul li img { max-width: 100%; width: 100%; height: auto; } @media screen and (min-width: 765px) { .ynPostType .ynPostType--steps h2 { margin-left: 37px; } } .ynPostType .ynPostType--steps ol { list-style: none; margin: 0; padding: 0; counter-reset: step-counter; } .ynPostType .ynPostType--steps ol li { box-shadow: 0 0 16px -2px rgba(155, 155, 155, 0.25); padding: 20px 13px; margin-top: 20px; margin-bottom: 40px; border-radius: 3px; } @media screen and (min-width: 765px) { .ynPostType .ynPostType--steps ol li { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; box-shadow: none; -ms-flex-align: start; align-items: flex-start; padding: 0; margin-top: 0px; margin-bottom: 20px; } } .ynPostType .ynPostType--steps ol li div { width: 100%; } .ynPostType .ynPostType--steps ol li img { width: 100%; height: auto; border-radius: 5px; display: block; margin-bottom: 28px; } @media screen and (min-width: 765px) { .ynPostType .ynPostType--steps ol li img { width: 185px; height: 119px; margin-left: 1em; } } .ynPostType .ynPostType--steps ol li .ynPostType--steps--content { counter-increment: step-counter; padding-left: 37px; position: relative; } .ynPostType .ynPostType--steps ol li .ynPostType--steps--content:before { content: counter(step-counter, decimal-leading-zero); display: block; position: absolute; top: 0; left: 0; width: 37px; font-family: 'Cormorant', serif; font-size: 30px; font-weight: 500; line-height: .625; } .icon--instruction--recipe { overflow: hidden; display: block; margin-bottom: 0px; position: relative; } @media screen and (min-width: 1183px) { .icon--instruction--recipe { width: 300px !important; } } .icon--instruction--recipe:before { display: block; position: absolute; background-color: rgba(37, 143, 231, 0.4); } .icon--instruction--recipe:after { content: "\E917"; font-family: 'icomoon'; color: white; display: block; font-size: 50px; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); -ms-flex-align: center; align-items: center; transition: transform .15s ease-in-out .05s; } .icon--instruction--recipe:hover:after { transform: translate(-50%, -50%) scale(1.1); } .icon--instruction--recipe img { display: block; } @media screen and (max-width: 765px) { .icon--instruction--recipe { content: ""; } .icon--instruction--recipe:after { content: ""; } } .ynPostType .smallAuthor { margin-bottom: 20px; margin-top: 20px; } .ynPostType .smallAuthor .smallAuthor__info p:not(.smallAuthor__info__label) { display: block; } @media screen and (max-width: 765px) { .ynPostType .smallAuthor .smallAuthor__info p:not(.smallAuthor__info__label) { margin-top: 0; } } .ynPostType .smallAuthor .btn-authorSubs { display: block; } .ynPasswordShow:after { content: "\E918"; font-family: 'icomoon'; font-style: normal; -webkit-font-smoothing: none; font-size: 16px; float: right; position: relative; z-index: 2; height: 17px; width: 22px; margin-right: 1.5em !important; margin-top: -3.2em !important; } @media screen and (max-width: 765px) { .ynPasswordShow:after { margin-right: 1em !important; margin-top: -2.7em !important; } } .ynPasswordHide:after { content: "\E919"; font-family: 'icomoon'; font-style: normal; -webkit-font-smoothing: none; font-size: 16px; float: right; position: relative; z-index: 2; height: 17px; width: 22px; margin-right: 1.5em !important; margin-top: -3.2em !important; } @media screen and (max-width: 765px) { .ynPasswordHide:after { margin-right: 1em !important; margin-top: -2.7em !important; } } .ynPasswordShowRegister:after { content: "\E918"; font-family: 'icomoon'; font-style: normal; -webkit-font-smoothing: none; font-size: 16px; float: right; position: relative; z-index: 2; height: 17px; width: 22px; margin-right: 1.5em !important; margin-top: -2.7em !important; } @media screen and (max-width: 765px) { .ynPasswordShowRegister:after { margin-right: 1em !important; margin-top: -2.2em !important; } } .ynPasswordHideRegister:after { content: "\E919"; font-family: 'icomoon'; font-style: normal; -webkit-font-smoothing: none; font-size: 16px; float: right; position: relative; z-index: 2; height: 17px; width: 22px; margin-right: 1.5em !important; margin-top: -2.7em !important; } @media screen and (max-width: 765px) { .ynPasswordHideRegister:after { margin-right: 1em !important; margin-top: -2.2em !important; } }