@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap); @import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap); /* @font-face { font-family: "IcoMoon"; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBywAAAC8AAAAYGNtYXAXVtKpAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZuUb1CEAAAF4AAAqWGhlYWRCJoPlAAAr0AAAADZoaGVhHsMbwgAALAgAAAAkaG10eLN3AAAAACwsAAAAnGxvY2G0zsDSAAAsyAAAAFBtYXhwADwBIAAALRgAAAAgbmFtZZlKCfsAAC04AAABhnBvc3QAAwAAAAAuwAAAACAAAwTgAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpIgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6SL//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAAHAAD/wAQxA8AARgBQAIUAvQEHAQ8BHQAABTI2NTQmKwE1OgE3Njc+ATc2NTQnLgEnJicuASMiBgcDLgEjIgYHAy4BIyIGFRwBFSoBIyIGBw4BFx4BOwEVISIGFRQWMyElNT4BNx4BFxUjAR4BFRQHDgEHBgc1NzY0JyYiDwE1NCYjIgYdAScmIgcGFB8BFS4BJzYmJzY3PgE3NjMyFhcBPgEzMhYXEw4BBzU3NjQnJiIPATU0JiMiBh0BJyYiBwYUHwEVLgEjIgYHLgEnNzMyNjU0JisBNwEiJicmNjc+ATM6ATMyNjc+ATUmNDU0NjMyFhceATc+ATMyFhcwFhceAQcOASsBNTc2NCcmIg8BNTQmIyIGHQEnJiIHBhQfARUjFzMyNjcVIzUBIgYVFBY7ATI2NTQmIwQdCAwMCOYBAgEwKSo8ERENDjAhISgSIxIXLBVmByYYGCYIdhEpFjtUAQEBGzMSEhAFB0wxnP7zCQwMCQQI/hQDBQMdcEXdASpDVQ4PMiIjKDsGBgYRBh4MCAkMJAYRBgYGQUZqDgECAgERETkmJisPHg7+owQSCQgSBGgoPA8zBgYGEQYWDAgJDBsGEQYGBjgRKBQKEggECgZGOQkMDAksKf6IIjUFAwsMDCITAgYDBw0FBQQBPCohNQoEGA4GEAkYLA8EAhAICQxGK1o5BgYGEQYcDAgJDCUGEQYGBkKcxVocMhW9AbYJDAwJLAkMDAk2DAgJDHMBBRUWQywrMConJkAYGAsFBQgIAUAXHBwX/o8LDVM7AQMBGBUVNxwvPqwMCQgMKfEECAU9TQVzAjkUcUYoJSQ4EhIFRTsGEQYGBh5lCQwMCUwkBgYGEQZBXgVfRgwXCyomJTgQEQUEAVUMCgoM/rsXSC1uMwYRBgYGFkMIDAwIXRwGBgYRBjk+CgwCAQkSCdsMCQgMgP1GKyAUJQ4PEAYGBQ4HAgQCKjsmHwwOBAECFRIFAhY2GyYxDzkGEQYGBhxjCQwMCU4mBgYGEQZCJSkQD8qrAkgMCQgMDAgJDAABAAD/wAP0A8AALAAABTY3PgE3NjcmJy4BJyYnDgEHFhceARcWFyEiBh0BFBYzIQYHDgEHBgceARcxAgxCPj96Ojs6QT8/eTs7Oh4yHScoJ00lJSL9dA8XFw8CjCYmJksmJiYbOhg2QD4/eDs6OUA+P3g7OjgdMRwnJydNJCUiFw5MDxcmJSZLJSYlGzgYAAAOAAD/wAQAA8AAGQAdACIAJgArADUAOQA9AEIASgBYAGAAiQDRAAABISIGFREUFjMhAzM3IRczAyEyNjURNCYjMwEjEzMHNzMXIz8BMxcXIwMzExMUBiMhIiY9ASElIxEzJzcXIxcRIxEzBSImPwEXFgYVIz4BNx4BMzI2Nx4BFwczFhQVIzQ2ASMiBhUUFjsBFSMiBhUUFjsBFSMiBhUUFjsBFSMiBhUUFjsBFSMRMxUTIxE0JisBIgYVESM0JjUuASc+AS8BLgEjIgYPAQYWFw4BBw4BFSMRNCYnOAExJy4BIyIGDwE4ASMUBhURIxE0NjMhMhYVETEDz/xjFR0dFQEBY4YhARIhhmMBARUdHRUB/W9AWEEVC+YL/BYhjiGaQFlBWN0KB/xkBwoDvv1VJSVkLC1ZGiUlARkgIBAwMBAgRQIHAwYNBgUKBQMGA0dIAUoBAV8SCAsLCBISCAsLCBISCAsLCBISCAsLCBJvb6R/CgiVBwtdAQMJAx0OEkACCQUFCQJAEQsaAwoCAQFdAQFKAgkGBQkCSgEBfwoHA50GCgPAHRX9jRUd/tdjYwEpHRUCcxUd/CEBCKUhIUJjY6UBCP74AToHCgoHMSEBBCVYWCX+/AEEJDgcU1McOJUoOxECAgEBEDooJgkSCgoSAVcLBwgLNwsICAs3CwgHC0sKCAgLJQGYJf6NAasICgoI/lUPHA44SxEVRh5vBQUFBW8dQhYRTToOHA8BFwIEApQFBQUFlAIEAv7pAiEHCgoH/d8AAwAA/8AFAAPAAAMACAAMAAATFSE1ARUhNSERFSE1AAUA+wAFAPsABQADwKur/lWqqv5Wq6sAAAABAAD/wALiA8AAEwAAARYUBwEGIicmNDcJASY0NzYyFwEC4g0N/sAPKA0PDwEe/uIPDw0nDgFCAeIPJw7+wA8PDicNAR4BIA0nDg8P/sIAAAEAAP/ABAADwAAMAAAlCQEnCQEHCQEXCQE3BAD+nAFknP6c/pycAWT+nJwBZAFknFwBZAFknP6cAWSc/pz+nJwBZP6cnAAAAAEAAP/AGwADwAAdAAABFAcOAQcGIyEiJy4BJyY1NDc+ATc2MyEyFx4BFxYbAB8faUVGTukAVEZHZhwdHB1mRkdUFwBORkVpHx8BwFRGR2YcHRwdZkZHVE5GRWkfHx8eaUZGAAACAAD/wAN2A8AAHwAtAAAJAQ4BIyImJwEuATU0NjsBETQ2OwEyFhURMzIWFRQGBwEhMhYVFAYjISImNTQ2Axz+9wweEBIfDP73CQoqHYgoHYobKYYdLAwJ/WQCsRwpKRz9Tx0oKAG5/vcLDAwLAQkKGw8dLAEUGyoqG/7sLB0PGwr+myobHSgoHRsqAAEAAP/AA9sDwAAgAAABESEyFhUUBiMhERQGIyImNREhIiY1NDYzIRE0NjMyFhUCNwFuFiAgFv6SIRYYH/6SGB4eGAFuHxgWIQNl/pIhFhgf/pIYHh4YAW4fGBYhAW4WICAWAAABAAD/wAHhA8AAGwAAEzM1NDY3PgEzMhYxBzAmIyIGHQEzByMRIxEjNRdjCBcXRzpdUxkyHhwrmgyOt2MCW1wgVRwiKBORDRceb43+FgHtjgAAAAAIAAD/wAOFA8AAQABJAHYAkwChALAAvwDNAAABLgEjITU+ATU0JiMiBhUUFhcRFBYzMjY1ETQmJy4BNTQ2MzIWFRQGBw4BFREUFjMyNjURITI2Nz4BJwMTNiYnMQMGFB8BIREhByUGFh8BBwYWFx4BPwEXHgEzMjY3PgEvATc+AScuAS8CLgEjIgYPAg4BBzEXPgE/ARceAR8BBw4BHwEnIiYjIgYjBzc2Ji8BNzc0NjsBMhYVFAYrASImFzMyFhUUBisBIiY1NDYzJTQ2OwEyFhUUBisBIiY1BzQ2OwEyFhUUBisBIiYDgwMJBf0hCQswIiEwCgoMCQgMBAMGBxcRERgHBgQDDAgJDALfBQkDAgICY2MCAQOKAgJb/T8CwVv+KQEEBUUjAgIEBQwFX14CBAIEBwMFAgIjRQUEAQIIBlslAwoGBgsCJVsGCQF+BQgCFhYCCAU5LQYDAhc6AQQCAgQCOhgCBAUtOXcMCFIIDAwIUggMUVIIDAwIUggMDAj+kQwIUggMDAhSCAw+DAlSCAwMCFIJDAMnBAUHCxwPIi8vIg8cC/yfCQwMCQNpBQcDBhAJERgYEQkQBgMHBfyXCQwMCQEeBAUECgUBAgECBQoE/vIEBwTtAeruEgYMAzRYBQwFBAICJiYBAQMDBQwFWDQDDAYGCAESXAYHBwZcEgEIBgQBBgU3NwUGAQwiBA0HOhgBARg6Bw0EIgxRCAwMCAkMDJsMCAgMDAgIDKQIDAwICQwMCbgIDAwICAwMAAACAAD/wAP7A8AArwDVAAABLgEHDgEHLgEnLgEnJgcOAQcGBw4BFw4BBw4BBw4BBw4BBw4BFxY2Nz4BNz4BNz4BNz4BNz4BNz4BMxc6ARcyFhceARceARcUBg8BDgEHDgEHDgEHDgErASIGFRQWOwI+ATc+AT8BPgE3PgEXHgEXFgYHDgEHDgEPBQ4BBw4BBwYiLwIiJiciBg8BDgEXFjY3Mz4BNz4BNz4BPwI+ATc+ATU0JicuAScxDwEuAScuAScuAScuASMmIisBNDY3PgE3PgE3MhYXHgEXFhQXBzEDjRg0GAYLBgkuIyRaLzAuLlAfHxIEBQIXKxMHDQcHDQULFgkSEgkKIxUKFQsDBQMCBQIFCgUTKxcLFwyYBgsFBQoFCRIIDxMBAgQYAQIBAgUCCRULBgsGXRAXFxBfCCE8FwkPBqILDwoTLRUUIQgIAwkDBQQDCAUnTU0nEwUJBSZdMAwZDjZsCxoNCA8GAjJPGhRXLdkLFgsWKhUpSx9uiAYRBw8PEA8OKRi4bwYZEwwcEAcQCAQJBAQIA4sBAQklGxtEJCZHHR0oBwEBAwLGCQMGAgQCLVAdHyMBAw4ONicnMAoYCwUTDAQJBQUMBAsUChQjDA4OEQgUCwIGAgIFAgQIAw0RBQICAQEDAQQKBw0mFAsTChgBAgECAwIGCQMBARcREBcCHBcKFw2iCg8FCgQIBx8UFC0TBQkFBAgFJktLJhIFCAQfJAIBAQEEAQEGBQEuXxgTQCkBAQEDCgcOLx5vigYTChYxGRoyFRQgCS1vGS8RDBEGAwQBAQEBAwYCIjwXFxkBGhcYQiQGCwYDAAAEAAD/wARAA8AAOgBfAH4AowAABSIGJy4BJy4BNzQ1JjQ1Njc+ATc+ARcyMzYyMzIXMhYXHgEXHgEVFBUcARUUFRYGBw4BBw4BIyoBIzEBFBYXHgEXHgEXHgEzPgE3PgE1NCYnLgEnLgEnLgEjDgEHDgEVATI2Nz4BNz4BNz4BNTQmJy4BIyIGBw4BFRQWFx4BMwMUBgcOASMiJicuAScuAScuATU0Njc+ATM2FhceARceARceARUCPzt4PFF7KRMUAQEBAQFSSx5CITo6OnU6Ojk0XycmMQcCAQEgHhQzHh5AIThwOP7cDAsLIBUUMBsaORw5ZygnKwsLCyEUFTAaGzgdOGgoJysCeQUMBQUKBAQGAgICCQgIFQsMFQgICQkICBUMrRoYGD8iESIQDx0MDBQGBwYaGBc+IhIhERAcDQwTBwcGPwEBA0hEIEclOTk5cjk5OVR7KA8PAQEBJCEiWDIQIhE1NDVqNDU1MFomGikODg4B+xw3GhkvFBMfCgoKAiwnJ2c3HDcaGi4UFB4LCgoBLCgoZjgBGwMCAgYEBAkFBQsGCxUIBwkJCAgUDAsUCAgJ/uUhPRgYGgYGBxIMDBwQDyERIT0YGBoBBgcGEgwMHBAPIhEABAAA/8AD2wPAAAwANABRAJAAAAE+ATMyFhUUBiMiJiclNjc2MhcWFxYXFhQHBgcGBw4BJyYvAQ4BJy4BNz4BNycmJyY2NzY3AxQXHgEXFjMyNz4BNzY1NCcuAScmIyIHDgEHBhUlHgEzHgEdAQ4BBw4BBwYWFx4BMzI2Nz4BNTYmBw4BBw4BBwYmJy4BNz4BNz4BNz4BJzQmKwEqAQcOAQciFhcByQImHRsnJxsbKAL+zUteX8VeX0tKJiUlJkpATU2lU1NKATl2LA4EDSY2DgRDICAFJSVJHB8ea0hHUVJIR2seHx8fa0dIUVJHSGofHgEgBgoHDAoFCgcDBQIEKRIMGQwaLRMCBwIKBwYHBgcLBwcLAwECAQIFAwcMBwIEAg4MfQUGBQcGAgQFBwJ8GycoHBwmJh6uSyUmJiVLS15exV9eSz8lJBQQESsCLBUHAh4FFEQgA0tcXLxaWkn+l1JHSGoeHx8fakhHUVFHSGoeHx8fakdIUDgBAgIMDQkfPx8TJBEZLAMBAxYSAwgEBwkEAgYCAwMBAgkGBwoHDBcNI0ckCBUIDAsCAQgEBwMAAgAA/8AESgPAACoARwAAASEiBw4BBwYVERQXHgEXFjsBMhYXMz4BOwE2Nz4BNzY9AzQnLgEnJiMTERQGKwEiBgcuASc1IyImPQM0NjMhMhYdATMDav2MMyssQBISExJBKywxXEdYB2EIY0pDMi0tRRQUERA8KSkxgmg4Pkh3JSFpQ2g7Vls2AnQ7RwEDnREQOigoLv6ZMCsqPxITT09PTwEUE0ApKi4v+T8wKCg5EBD+6P7YO1BCNjRAAgJTOC/5Pz0/RDg/AAADAAD/wAbOA8AALABZAGcAABM0Nz4BNzY7ATIWFRQGKwEiBw4BBwYVFBceARcWOwEyFhUUBisBIicuAScmNSEUBw4BBwYrASImNTQ2OwEyNz4BNzY1NCcuAScmKwEiJjU0NjsBMhceARcWFSUhMhYVFAYjISImNTQ2TiQkfVVUYLklODgluTkyM0sWFhYWSzMyObklODgluWBUVX0kJAaAJCV9VVRfuSc1NSe5OTMyTBYVFRZMMjM5uSc1NSe5X1RVfSUk+6sCKyQ4OCT91Sc2NgGyX1RUfiUkOCQnNhYVTDIzOToyM0sWFjclJzUkJH1UVGFhVFR9JCQ1JyU3FhZLMzI6OTMyTBUWNickOCQlflRUX1w3JSc2NiclNwAAAAAPAAD/wAPRA8AAGwAoAEMAZABsAHYAgQCMAJEAlgCbAKAApACpAK4AACUiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYDIgYVFBYzMjY1NCYjAScOAScHJzcuATU0NjcBNyEXAR4BFRQGBxcHJRc3FxY2PwEXNyc3PgE1NCYvAQEnIQcBBw4BFRQWHwEHAScmIg8BASEBMhYXNyEXPgEzEycHNyc/AR8BBxcnFyc3LwEPARcHNwEXByc3IRcHJzcFAQcBNyEXAScBARcHJwUnNxcHAyEVITUB6ysmJTgQEREQOCUmKyomJTgQEREQOCUmKkdkZEdGZGRGAQTAIEUhwFeWBgYNDP7STwMrUP7QDAwGBplX/c40rQwgRB8MrjSXBAYHDQwHATE7/QI8ATAHDQ0HBwSVAWILFyQWCv75AnT+xQkTC8X+KsUJEwlGRUUNOE0jIk44DUUVBBEXCwsYEgQV/oOsG6wbAvobuBu4/OMBPRv+wxsDPhv+wxsBPf71nRyc/nYcnRucNAKM/XSUEBA4JiUrKiYmNxEQEBE3JiYqKyUmOBAQAXhkRkdjY0dGZP203wsBDN+urxAjEhkwFwFeoKD+oBcvGBEiELGuqGjKBQ4BDQXKaLAKECAQFysVCwFidnb+oAwULRcRIRAKrgGcAgYFAwEx/vsCAuXlAgL+yyUlTTcLRkYLN01NCxgRAxYWAxEYCwJyyBfHGBjVF9ZG/pEXAW4YGP6SFwFv/Xa4GLm5GLgXuQNgJCQAAAADAAD/wASMA8AAUwBjAJYAAAEnNz4BFycWBg8BJy4BNwc2Fh8BBw4BJxcmNj8BFwcOATEHHgEXFgYHDgEHBgcOAQcGBx4BNzA3PgE3Njc+ATEWJic3AR4BBzcGJicBNzA2Jy4BByc0Jic2FhceAQcuAScuAQcBNjc+ATc2Fx4BFxY3PgE3NiceARceARcWBgcOAScmJy4BJyYnJgcOAQcGBz4BNyYiJzECziOOCBIJWwMEB45+BwQDWwkSB36TBxMJXAMEB5MMBwIDAQEJCQgPBgY5EQkUFSwTEwYkTmEODyUQEQQJFwE/HQYBjQcEA1wJEwf+1AIFAQJMIAgOBXONGBUDDBJ3BAhVJ/0zSkZFgj49PFkrc0c1NT4FBhgeGAsHCQUQGyw3fToZJCVYMTExLjU1ajExJRxePkllTAJ3KJ8IBQRnChUIoI0IFglmAwQIjaYIBANnChYHpg4VBREICAwLChYKCz8VCxcYMhYVBwomAyMiVScmBxMEAUghEf5BCBUKZwQFCAFSAgcOIlgUGwEPBRJKGxllKiA+Gy1TE/4bHxcXGQMCCQ4cEAojJHZGRjsVXDUlORE3bTZEKQYCCwoYDAsFBg0NKxkYETxvHhsGAAACAAD/wAMzA8AADQAbAAATMhYVERQGIyImNRE0NiEyFhURFAYjIiY1ETQ2Zis8PCsqPDwCkSo8PCorPDwDwDwq/MwqPDwqAzQqPDwq/MwqPDwqAzQqPAAABQAA/8AD7wPAABoAIAAyAE4AYAAAFyImJy4BNxM+ATcBNjIfARYUBwEOAQcFBiIjEwMlAScBASImLwEmNDc2Mh8BFhQHDgEjASImJzQmJy4BJy4BNz4BFx4BFx4BFRYGBwYiMTUiJicmNDcBNjIXFhQHAQ4BIx8EBwMEAwJQAQICAoEGEQbwBgb9fwIFAv6/AQMBYkYBGgJw1f2RAugECAPIBgYGEQXJBgYDCAP99wgLAREZIFs6CAsBAQ0JQ2wkGxMCCggBAgQHAwYGAUAGEQUGBv7AAwcENQMDBAoFAUECBQICgQYG8AYRBv1/AgIBUAEBSv7mRgJv1f2QATcDA8gGEQYGBskFEQYDA/3PCgcBQCg0PAcBDQgICwEIRzwtSAEJDQEB8QMDBREGAUAGBgURBv7AAwMAAgAA/8ADTgPAABsAOAAAEwYHBhQXFhcBFjI3ATY3NjQnJicmJyYiBwYHMRM0Nz4BNzYzMhceARcWFRQHDgEHBiMiJy4BJyY1gUEgICAgQQEfCRsKAR9AISAgIUBAUVGoUVFAdg8QNSQkKSkjJDYPEBAPNiQjKSkkJDUQDwNCP09PpU9QPv7mCQkBGj5QT6VPTz8/IB8fID/+3CckIzQPDw8PNCMkJygjJDQPDw8PNCQjKAAAAQAA/8ADVQPAABQAAAkBBiInLgE1ETQ2NzYyFwEeARUUBgM9/QwLGgwLDQ0LDBoLAvQLDQ0Bk/40BwcHGA0Dmg0YBwcH/jQHGA4OGAAAAAABAAD/wAQAA8AAHwAAASERNCYjIgYVESEiBhUUFjMhERQWMzI2NREhMjY1NCYDt/6SKx4eK/6SHisrHgFuKx4eKwFuHisrAgkBbh4rKx7+kiseHiv+kh4rKx4BbiseHisAAAAAAgAA/8AD3gPAAB8APgAAAR4BFzEWBgcGJy4BJyYnJjc+ATc2NzYWMRcwBgcOAQchPgE3NjQxJzAmBwYHDgEHBhcWFx4BFxY3PgEnLgEnAydEaAsMX08oKCdEGRkKCxYWYEZGVQcDCwEFMU0R/d4QTjEFCQMHVUZGYBYWCgoaGUQoJydQXgwLaEQCEgNWQ0x7DQUIBywlJTRMRENpIiMJAQVABgIOODw8OA4CBkAFAQkiImlDREw1JSUsBwgFDXtMQ1cCAAIAAP/AA+sDwAAmAEQAACUyNjcXHgEzMjY3NjQvAT4BNTQnLgEnJiMiBw4BBwYVFBceARcWMxEyFx4BFxYVFAYPAg4BIyInLgEnJjU0Nz4BNzYzAbFGgDXZChsODhoLFRXZJioiInVPT1paTk92IiIiInZPTlo8NDVOFxcbGxwoJVUtPDQ1ThcXFxdONTQ8Xism2goLCwoVPBXaNX9GWk9OdiIiIiJ2Tk9aWU9PdiIiAtIXF041NDwtVSUoHBobFhdONTQ8PDQ1ThcXABQAAP/ACNcDwAALABcAKQAvADkAPgBKAFYAaABuAHcAfQCJAJUApwCtALYAuwDAAMQAAAEyNjU0JiMiBhUUFhMyFhUUBiMiJjU0NhM3FzUlEQcuASsBIgYHJxEFFRM3EQURNyUzMhYXByc+ATMDER8BEQEyNjU0JiMiBhUUFhMyFhUUBiMiJjU0NhM3FzUlEQcuASsBIgYHJxEFFRM3EQURNyUzMhYXByc+AQMRHwERJQEyNjU0JiMiBhUUFhMyFhUUBiMiJjU0NhM3FzUlEQcuASsBIgYHJxEFFRM3EQURNyUzMhYXByc+AQMRHwERBRUhNSEFITUhBzpOcHBOT29vT0NfX0NDX181Dg4BHkMcUy6YL1IcQwEe8iz+/tb+0JgkQBjIyBhAJMQs1v1FTnBwTk9vb09DX19DQ19fNQ4OAR5DHFMumC9SHEQBH/Is/v7W/tCYJEAYyMgXQaEs1/79/khOb29OT29vT0NfX0NEX182Dg0BH0QcUi6ZLlMbRAEf8iz+/df+z5kjQRjIyRhBoSzX/nEIzPc0CLD3awiVAkRwTk9vb09OcAFgX0NDX19DQ1/8xAICBCABcQglKiolCP6PIQMBcQX+xx0BOBlPHRoWFhod/n0BOQUZ/scBvXBOT29vT05wAWBfQ0NfX0NDX/zEAgIEIAFxCCUqKiUI/o8hAwFxBf7HHQE4GU8dGhYWGh3+fQE5BRn+xx4Bn3BOT29vT05wAWBfQ0NfX0NDX/zEAgIEIAFxCCUqKiUI/o8hAwFxBf7HHQE4GU8dGhYWGh3+fQE5BRn+xzKGhmtPAAAAAAoAAP/ABJQDwABxAHUAogCyALYA0gDkAPQBBgEbAAAlPAEnNTQmNTQmNTQmNTQmPQEDLgEnNTQmKwEiBh0BDgEHDgEdAS4BIyIGBzU0JicuASc1NCYrASIGHQEOAQcOAQcOAQcOARceARceATMyNz4BNzY1PwE+ATMyFh8CFBceARcWMzI3PgE3Njc1PgE1MQE1MxUHPgE7ATIWFx4BFx4BFx4BBy4BJy4BJy4BBw4BBw4BByY2NS4BJy4BJzUmNjcHFy4BIyIGBzc+ATMyFhcxJTUzFQc+ATsBMhYXHgEVAy4BJyYGBz4BNz4BPwE+ATcTIiY1PgE3Njc2FhcWFRQGIzEBIgYHNTc+ATMyFh8BFS4BJyIGBz8BPgEzMhYfAi4BIzEBIiY1NDc+ARcWFx4BFx4BFw4BIzEElAIBAgICWQYlGwoJlwkKCxQJEREfRSQjRh8REQkTDAoJlwgLGycECxcLCQ8IBxQECF9BChIKKyYmOBEQBAkeRyUlRh8KBBAQOSUmLComJTkQEQECAf6/caQLHhBkHisECREIBg0GAw0BChEJChQLFi0WFyoTEx4RBAIBAQECAwEDCws7BiFGJSVIHwYeRSUlQB/+EXG3BC0cZQ8eCwwLDRpULSxWIQYEAQUGBSICBwRGRmQHHCQqMC9PGxplRQFnJkshBh9GJSVHHgYfSSYmSSECBB9HJiZHHwQCJEomAWdHYxobUC8vKhUiBwQDAwJjRqgECQQEBAcEAQQDAgYDAQUCAQIWHy4MQggLCwhCBQ0JESwYCRIRERIJGCwRCQ0FQggLCwhCDC4fRIdEL18vKVgpQ2INAQMREDgmJiuUCBUWFhUIlComJjgREREQOCYlKwEDAgECuCYmPgsNJhwzZDMlSiUUMxUEDgYGCQQHBQMCDwsNIA8SKxIjSCU6djoGDx4McKwSFBQSrBQWFhSuJiZoHCYMDAweD/4vJjIEBSAfBTMIFy8XzBUrFf0CY0UrRhseAQEpJyczR2MBlRQUHgQVFxcVBB4TFUoUFCgBFhYWFgEoFBT+IWNHMygnKQIBHg4tGA4cD0VjAAgAAP/AAvoDwABGAFMAVwBbAHMAhQCSAL4AAAEuASsBNTQmIyEiBh0BIyIGBw4BHwEeARcVFBYXFQcjIgYdASMiBh0BFBYzITI2PQE0JisBNTQmKwEnNT4BPQE+AT8BNiYnBScmNjc+ATsBFS4BJwEhNSEnITUhJxcjNz4BPQEeARcyFjMyNjM+ATcVFBYXExQHDgEHBgcmJy4BJyY1ESEREwcOAQc1MzIWFx4BBwcWBg8BFxYGBwYiLwEHDgEjIiYnLgE/AScuATc+ATsBNz4BMzIWHwEzMhYXAuYMIBJCCgf+UQcJOxEhDAsLAgsGSTNzMig7BwoxBwoKBwHQBwkJBzIKBzsoMnQ1TgcKAwsM/U8LAQYHBxQKOyY2BQIg/lEBr0L+1QErbxV3FgIDCg8BAgMCAQQBAg4LAgOhGhpEISENDiAhRBoaAY6VCwU8KEILEwcHBwHlAgQENhQCAwUECwQ2NwIFAgMFAgQEAhU3BAMBAgkFQxUCCAYFCQEVQwYIAgNkDQ8hBwkJByEPDQ0iElw0SAUzQWkdTCgKB3QKBmQHCQkHZAYKdAcKKEwdaUEyA0k2XBIiDZpdCxQICAn4Bjcm/SZCIWQ2FRUDBgNABgYBAQEBBgZAAwYDASYkISE1EhIGBhISNSEhJAF9/oMBFF0pOAP5CQgIFAtYBQsDKUEFCgQDAycnAgEBAgMKBUIpAwsFBQZABQYGBUAGBQABAAD/wASAA8AACAAAEwkBBgcGICcmAAJAAkCLkZL+25KRA8D8AAQAOx0eHh0AAAAEAAD/wAZMA8AADgAvAEAARQAAASIGFRQWOwEyNjU0JisBJTQ2MyEyFh0BJT4BFx4BFREUBgcGJiclFRQGIyEiJjURARE0JiMhIgYVERQWMyEyNjUTFRcRBwEvFh8fFvsXHx8X+/7zX0MDgENfARMMHg0NDw8NDR4M/u1fQ/yAQ18EWB8X/IAXHx8XA4AXH2z7+wLXIBYXHx8XFiA1Q19fQ6m1CAIHBxoP/ZkPGQcHAQi1qUNeXkMCqf7yAQ4XHx8X/VcWICAWAX9VpQGgpgAAAgAA/8ADlAPAAIYAvAAAFz4BNzY3PgE3Njc+ATc2NCcuAScuAScuAScuAScwNCM6ATE6ATMyFjMeARceARceARc+ATc2Nz4BNzY3PgE3MjYxOgEzMDIxMAYVDgEHDgEHBhQXHgEXHgEXHgEXHgEXMBQzMCIxMCIjISImNS4BJy4BJy4BJy4BNQ4BMQ4BBw4BBw4BByMxEx4BFRYXHgEXFhcWFx4BFxYXHgEXHgEzOgE7ASImMS4BJy4BJyYnLgEnJicuASMqASMwIjEjFwsUCx4eHzwfHh4QHxABARUpFBYqFRYsFhctFwEBAUKDQQEBARw3HBw5HAEDAQMFAhwcHDgcHBwOGg0BAhMmEwEBK1YrJ08nAQEYMhkhQyIbNRsFCQUBAQEB/vkBAQQJBRo2Gxw5HQEBAQEeOx0tWSwCAwJPawEBFxgXLxcYFxkaGTIZGRkqUikBAgEdOh0DAQEoUSkrVSscGxw3GxwbAQIBHTodAgEiDBoMJSUkSiQlJRImEwECAh8+ICBAICFDIiJEIwEBKlQqK1YrAgQCAwYDIiIiRCIiIhAgEAEBATRnNDBfMAEBAiVMJTNmMilRKQcOBwECAQYOBilRKStXKwECAQEBJEgjNmw2AgQCA3gBAQEjIiNGIyMjJSYlSyUmJT57PQEBAjx5PT+AQCkpKVIpKSkBAQAAAgAA/8AGOwPAAEUASQAAAQYHDgEHBgcOARUUFhcWFx4BFxYXFhceARcWMzI3PgE3Njc2Nz4BNzY3PgE1NCYnJicuAScmJyYnLgEnJiMiBw4BBwYHMQ0CEQEcLCcmORERAgQFBQQCERA4JiYrMTs8iU5OV1VOToo7OzEsJSY4ERECAwcGBAIRETomJi0wOjqJTU5WV05OiDs6MAGGAYz+dAN3AxARNCMiJ0CJMzSLQCciIjQREQMEBAMGAgICAgUEBAQDERE0IyInRI0tLItEJyMiNREQAwMEAwUBAQECBAMEA/rGxwGNAAMAAP/AA0cDwAASAD0AUQAAATQmJyYiBw4BFRQWFxYyNz4BNSE0Nz4BNzY3Njc2MhcWFxYXHgEXFhUUBw4BBwYHBgcGIicmJyYnLgEnJjUlNDYzMhYdARceAQcOAS8BLgE9AQMEUENFnURFTk5FRJ1FQ1D9cA0MLyEiKiouLl0uLispIiEvDQwMDS8hIikrLi5dLi4qKiIhLwwNAUgTDw4UeAsGBwkcC4gGCAGwTogoJycoiE5QiCgnJyiIUDAtLlEiIRkYDAwMDBgZISJRLi0wMS4uUSIhGRgMDAwMGBkhIlEuLjHADRUVDa9PCRwLDAUIWgUPCcAAAgAA/8AC7APAAB8AMQAABQYiJyYnLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgcDIgYHBhQXHgEzMjY3NjQnLgEBtBA2ECQ1NWIjJBwcYEFASklBQGEbHCMjYzU2JCogNxEPDxE3IB43EBAQEDcYFRUtSEehT1A9SUFAYRscHBthQEFJPVBPoUdILQKvIRocQBocHx8cGkAcGiEABQAA/8AEbgPAAG4AgACRAJ0AoAAAJQYmLwE2JicuAScuAScWBgcnMDY1LgEHIzAmMTc+ARcnFgYPAScuATcHNhYfAQcOAScXJjY/ARcHFAYxFRQWFxYGBw4BBw4BByYHDgEHBgceARcOAQc2Nz4BNzYXFhceARcWFxY2Nz4BNxceAQc3JS4BJz4BNz4BMTAmJzcTDgEnAx4BOQE2FhceARc2JicuAQcHMDYjLgEnLgExBhYnOQEEbggTBiwEAQgGBwcKFx0XCRuRBQJLHwghiggSCFcDBQaKeQcEBFoIFAV5jQgSB1kEBgaNDQgFCAoHDgYGOA8KLBc0NjZxPD1ASWNHO1sdJC8vaDM0LDAwL1UkIxg4eTUECgQVBwQEWv6ALDQTFSwEChU8GwX2HUwsOwQOJ08IA3MRDAMWF4Vu1CUBKR4GBgIfUC6xBAYFMRcuFxE4IzNbEziEN6sKDSNXEyafBwQEbAoVB5+NBxUKZgQGBo2mCAQEZgkVCKcNFQYOCAgLDAkXCwpAFQs2GwQFBRsVFRsGARsdbDkQGBgrDA0HBQsLGAoKAwYoQgYLBhoHFglmMQYLBjJrCRIFSSAS/uEaGwcByAYOE1MuGz8fKmYZG0sROykEJw0MNHEunwAAAQAAAAEAAGG6mbtfDzz1AAsEAAAAAADkA5+0AAAAAOQDn7QAAP/AGwADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAcAAAA/9obAAABAAAAAAAAAAAAAAAAAAAAJwQAAAAAAAAAAAAAAAIAAAAENwAABAAAAAQAAAAFAAAABAAAAAQAAAAcAAAAA7EAAAQAAAACAAAAA4oAAAQAAAAEcgAABAAAAARdAAAHHAAAA9gAAASMAAADMwAABAAAAANuAAADVQAABAAAAAQAAAAEAAAACN0AAAS6AAAC+wAABIAAAAZyAAADbgAABnYAAAPEAAADFAAABIAAAAAAAAAACgAUAB4BpAHsAw4DKgNSA3YDqAPuBCAESgVqBqIHjghmCMoJWgp6C2QLkAwsDIYMrgzgDUINqA7aEGwRfBGUEfwS/hNyE+4UPBUsAAEAAAAnAR4AFAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"); font-weight: 400; font-style: normal } */ :root { --primary-color-h: 213.56; --primary-color-s: 57.28%; --primary-color-l: 20.20%; --primary-color-hsl: var(--primary-color-h), var(--primary-color-s), var(--primary-color-l); --primary-color: #233796; --secondary-color-h: 162.06; --secondary-color-s: 100.00%; --secondary-color-l: 19.02%; --secondary-color-hsl: var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l); --secondary-color: #0098cc; } :root { --display-accred-panel: none; --has-sticky-header: false; --is-district-site: false; --header-logo-enabled: true; --footer-logo-enabled: true; --header-logo-bg: false; --footer-logo-bg: false; --header-logo-height-class: height-medium; --footer-logo-height-class: height-medium; --show-header-location-name: false; --show-header-location-title: false; --show-header-subtitle: false; --show-header-motto: false; --show-footer-title: false; --weglot-display-position: default; } /*! helpers - functions v0.0.1 */ /*! helpers - utility v0.0.1 */ @-webkit-keyframes swipeIn { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } to { -webkit-transform: translateX(150%); transform: translateX(150%); opacity: 1 } } @keyframes swipeIn { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } to { -webkit-transform: translateX(150%); transform: translateX(150%); opacity: 1 } } @-webkit-keyframes swipeOut { from { -webkit-transform: translateX(150%); transform: translateX(150%); opacity: 1 } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } } @keyframes swipeOut { from { -webkit-transform: translateX(150%); transform: translateX(150%); opacity: 1 } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } } @-webkit-keyframes arrowIn { 0% { top: 52.5px; right: 52.5px; opacity: 0 } 100% { top: 12.5px; right: 12.5px; opacity: 1 } } @keyframes arrowIn { 0% { top: 52.5px; right: 52.5px; opacity: 0 } 100% { top: 12.5px; right: 12.5px; opacity: 1 } } @-webkit-keyframes arrowOut { 0% { top: 12.5px; right: 12.5px; opacity: 1 } 100% { top: 52.5px; right: 52.5px; opacity: 0 } } @keyframes arrowOut { 0% { top: 12.5px; right: 12.5px; opacity: 1 } 100% { top: 52.5px; right: 52.5px; opacity: 0 } } @-webkit-keyframes cornerIn { 0% { top: -25px; right: -25px; opacity: 0 } 100% { top: 0; right: 0; opacity: 1 } } @keyframes cornerIn { 0% { top: -25px; right: -25px; opacity: 0 } 100% { top: 0; right: 0; opacity: 1 } } @-webkit-keyframes scale-up-bl { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: .8 } } @keyframes scale-up-bl { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: .8 } } @-webkit-keyframes scale-down-bl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: .8 } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0 } } @keyframes scale-down-bl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: .8 } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0 } } /*! helpers - box-model v0.0.1 */ /*! helpers - presentational v0.0.1 */ /*! helpers - ui-pattern v0.0.1 */ /*! helpers - typography v0.0.1 */ .small-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button:hover, .small-button:focus, .fsStateSelected .small-button, .small-button.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.full-width-button { width: 100%; max-width: unset } .small-button.dark-blue { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.dark-blue:hover, .small-button.dark-blue:focus, .fsStateSelected .small-button.dark-blue, .small-button.dark-blue.on { border-color: #405a81 !important; background: #405a81; color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.dark-blue.full-width-button { width: 100%; max-width: unset } .small-button.dark-green { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--secondary-color, #a3a3a3) !important; border-radius: 2px; background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.dark-green:hover, .small-button.dark-green:focus, .fsStateSelected .small-button.dark-green, .small-button.dark-green.on { border-color: #6eadfd !important; background: #6eadfd; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.dark-green.full-width-button { width: 100%; max-width: unset } .small-button.light-blue { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #405a81 !important; border-radius: 2px; background: #405a81; color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.light-blue:hover, .small-button.light-blue:focus, .fsStateSelected .small-button.light-blue, .small-button.light-blue.on { border-color: var(--primary-color, #233796) !important; background: var(--primary-color, #233796); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.light-blue.full-width-button { width: 100%; max-width: unset } .small-button.dark { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #171717 !important; border-radius: 2px; background: #171717; color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.dark:hover, .small-button.dark:focus, .fsStateSelected .small-button.dark, .small-button.dark.on { border-color: #171717 !important; background: #fff; color: #171717; -webkit-transition: .3s all; transition: .3s all } .small-button.dark.full-width-button { width: 100%; max-width: unset } .small-button.primary { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.primary:hover, .small-button.primary:focus, .fsStateSelected .small-button.primary, .small-button.primary.on { border-color: var(--primary-color, #233796) !important; background: #fff; color: var(--primary-color, #233796); -webkit-transition: .3s all; transition: .3s all } .small-button.primary.full-width-button { width: 100%; max-width: unset } .small-button.secondary { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--secondary-color, #a3a3a3) !important; border-radius: 2px; background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.secondary:hover, .small-button.secondary:focus, .fsStateSelected .small-button.secondary, .small-button.secondary.on { border-color: var(--secondary-color, #a3a3a3) !important; background: #fff; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.secondary.full-width-button { width: 100%; max-width: unset } .small-button.accent-1 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #4a74a8 !important; border-radius: 2px; background: #4a74a8; color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-1:hover, .small-button.accent-1:focus, .fsStateSelected .small-button.accent-1, .small-button.accent-1.on { border-color: #4a74a8 !important; background: #fff; color: #4a74a8; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-1.full-width-button { width: 100%; max-width: unset } .small-button.accent-2 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #e27e21 !important; border-radius: 2px; background: #e27e21; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-2:hover, .small-button.accent-2:focus, .fsStateSelected .small-button.accent-2, .small-button.accent-2.on { border-color: #e27e21 !important; background: #fff; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-2.full-width-button { width: 100%; max-width: unset } .small-button.accent-3 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #8243a8 !important; border-radius: 2px; background: #8243a8; color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-3:hover, .small-button.accent-3:focus, .fsStateSelected .small-button.accent-3, .small-button.accent-3.on { border-color: #8243a8 !important; background: #fff; color: #8243a8; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-3.full-width-button { width: 100%; max-width: unset } .small-button.hollow { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #a3a3a3 !important; border-radius: 2px; background: #fff; color: #727272; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow:hover, .small-button.hollow:focus, .fsStateSelected .small-button.hollow, .small-button.hollow.on { border-color: #e5e5e5 !important; background: #e5e5e5; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.full-width-button { width: 100%; max-width: unset } .small-button.hollow.dark-blue { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: #fff; color: var(--primary-color, #233796); font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.dark-blue:hover, .small-button.hollow.dark-blue:focus, .fsStateSelected .small-button.hollow.dark-blue, .small-button.hollow.dark-blue.on { border-color: var(--primary-color, #233796) !important; background: var(--primary-color, #233796); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.dark-blue.full-width-button { width: 100%; max-width: unset } .small-button.hollow.dark-green { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--secondary-color, #a3a3a3) !important; border-radius: 2px; background: #fff; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.dark-green:hover, .small-button.hollow.dark-green:focus, .fsStateSelected .small-button.hollow.dark-green, .small-button.hollow.dark-green.on { border-color: var(--secondary-color, #a3a3a3) !important; background: var(--secondary-color, #a3a3a3); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.dark-green.full-width-button { width: 100%; max-width: unset } .small-button.hollow.accent-1 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #4a74a8 !important; border-radius: 2px; background: #fff; color: #4a74a8; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-1:hover, .small-button.hollow.accent-1:focus, .fsStateSelected .small-button.hollow.accent-1, .small-button.hollow.accent-1.on { border-color: #4a74a8 !important; background: #4a74a8; color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-1.full-width-button { width: 100%; max-width: unset } .small-button.hollow.accent-2 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #e27e21 !important; border-radius: 2px; background: #fff; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-2:hover, .small-button.hollow.accent-2:focus, .fsStateSelected .small-button.hollow.accent-2, .small-button.hollow.accent-2.on { border-color: #e27e21 !important; background: #e27e21; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-2.full-width-button { width: 100%; max-width: unset } .small-button.hollow.accent-3 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #8243a8 !important; border-radius: 2px; background: #fff; color: #8243a8; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-3:hover, .small-button.hollow.accent-3:focus, .fsStateSelected .small-button.hollow.accent-3, .small-button.hollow.accent-3.on { border-color: #8243a8 !important; background: #8243a8; color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-3.full-width-button { width: 100%; max-width: unset } .small-button.on-dark { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #fff !important; border-radius: 2px; background: #fff; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark:hover, .small-button.on-dark:focus, .fsStateSelected .small-button.on-dark, .small-button.on-dark.on { border-color: #fff !important; background: rgba(0, 0, 0, 0); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.full-width-button { width: 100%; max-width: unset } .small-button.on-dark.button-arrow { display: inline-block; position: relative; margin: 0; padding: 16px 65px 16px 26px; border-radius: 2px; background: #fff; color: #262626; border: none !important; font-size: 1rem } body:not(.fsComposeMode) .small-button.on-dark.button-arrow { font-size: 0 } .small-button.on-dark.button-arrow { -webkit-box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.button-arrow span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .875rem !important; line-height: 1.5rem !important; font-weight: 700 !important; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s all; transition: .3s all; color: inherit !important } .fsComposeMode .small-button.on-dark.button-arrow span { display: none } .small-button.on-dark.button-arrow::before { display: block; position: absolute; top: 0; right: 0; content: ""; background: var(--secondary-color, #a3a3a3); width: 40px; height: 100%; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.button-arrow::after { display: block; position: absolute; top: 50%; right: 0; font-size: .875rem; content: ""; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; width: 40px; color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.button-arrow:hover, .small-button.on-dark.button-arrow:focus, .fsStateSelected .small-button.on-dark.button-arrow, .small-button.on-dark.button-arrow.on { background: #e5e5e5; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.button-arrow:hover span, .small-button.on-dark.button-arrow:focus span, .fsStateSelected .small-button.on-dark.button-arrow span, .small-button.on-dark.button-arrow.on span { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .small-button.on-dark.button-arrow:hover::before, .small-button.on-dark.button-arrow:focus::before, .fsStateSelected .small-button.on-dark.button-arrow::before, .small-button.on-dark.button-arrow.on::before { background: #6eadfd } .small-button.on-dark.button-arrow:hover::after, .small-button.on-dark.button-arrow:focus::after, .fsStateSelected .small-button.on-dark.button-arrow::after, .small-button.on-dark.button-arrow.on::after { color: #262626; -webkit-transform: translate(4px, -50%); -ms-transform: translate(4px, -50%); transform: translate(4px, -50%) } .small-button.on-dark.button-arrow.full-width-button { width: 100%; max-width: unset } .small-button.on-dark.button-arrow::before { background: #6eadfd } .small-button.on-dark.button-arrow::after { color: #262626 } .small-button.on-dark.button-arrow:hover::before, .small-button.on-dark.button-arrow:focus::before, .fsStateSelected .small-button.on-dark.button-arrow::before, .small-button.on-dark.button-arrow.on::before { background: #6eadfd } .small-button.on-dark-2 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #fff !important; border-radius: 2px; background: #fff; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark-2:hover, .small-button.on-dark-2:focus, .fsStateSelected .small-button.on-dark-2, .small-button.on-dark-2.on { border-color: #a3a3a3 !important; background: #a3a3a3; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark-2.full-width-button { width: 100%; max-width: unset } .small-button.button-arrow { display: inline-block; position: relative; margin: 0; padding: 16px 65px 16px 26px; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; border: none !important; font-size: 1rem } body:not(.fsComposeMode) .small-button.button-arrow { font-size: 0 } .small-button.button-arrow { -webkit-box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.button-arrow span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .875rem !important; line-height: 1.5rem !important; font-weight: 700 !important; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s all; transition: .3s all; color: inherit !important } .fsComposeMode .small-button.button-arrow span { display: none } .small-button.button-arrow::before { display: block; position: absolute; top: 0; right: 0; content: ""; background: var(--secondary-color, #a3a3a3); width: 40px; height: 100%; -webkit-transition: .3s all; transition: .3s all } .small-button.button-arrow::after { display: block; position: absolute; top: 50%; right: 0; font-size: .875rem; content: ""; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; width: 40px; color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: .3s all; transition: .3s all } .small-button.button-arrow:hover, .small-button.button-arrow:focus, .fsStateSelected .small-button.button-arrow, .small-button.button-arrow.on { background: var(--primary-color, #233796); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.button-arrow:hover span, .small-button.button-arrow:focus span, .fsStateSelected .small-button.button-arrow span, .small-button.button-arrow.on span { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .small-button.button-arrow:hover::before, .small-button.button-arrow:focus::before, .fsStateSelected .small-button.button-arrow::before, .small-button.button-arrow.on::before { background: #6eadfd } .small-button.button-arrow:hover::after, .small-button.button-arrow:focus::after, .fsStateSelected .small-button.button-arrow::after, .small-button.button-arrow.on::after { color: #262626; -webkit-transform: translate(4px, -50%); -ms-transform: translate(4px, -50%); transform: translate(4px, -50%) } .small-button.button-arrow.full-width-button { width: 100%; max-width: unset } .button-arrow { display: inline-block; position: relative; margin: 0; padding: 16px 65px 16px 26px; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; border: none !important; font-size: 1rem } body:not(.fsComposeMode) .button-arrow { font-size: 0 } .button-arrow { -webkit-box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .button-arrow span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .875rem !important; line-height: 1.5rem !important; font-weight: 700 !important; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s all; transition: .3s all; color: inherit !important } .fsComposeMode .button-arrow span { display: none } .button-arrow::before { display: block; position: absolute; top: 0; right: 0; content: ""; background: var(--secondary-color, #a3a3a3); width: 40px; height: 100%; -webkit-transition: .3s all; transition: .3s all } .button-arrow::after { display: block; position: absolute; top: 50%; right: 0; font-size: .875rem; content: ""; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; width: 40px; color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: .3s all; transition: .3s all } .button-arrow:hover, .button-arrow:focus, .fsStateSelected .button-arrow, .button-arrow.on { background: var(--primary-color, #233796); color: #fff; -webkit-transition: .3s all; transition: .3s all } .button-arrow:hover span, .button-arrow:focus span, .fsStateSelected .button-arrow span, .button-arrow.on span { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .button-arrow:hover::before, .button-arrow:focus::before, .fsStateSelected .button-arrow::before, .button-arrow.on::before { background: #6eadfd } .button-arrow:hover::after, .button-arrow:focus::after, .fsStateSelected .button-arrow::after, .button-arrow.on::after { color: #262626; -webkit-transform: translate(4px, -50%); -ms-transform: translate(4px, -50%); transform: translate(4px, -50%) } .button-arrow.full-width-button { width: 100%; max-width: unset } .large-button { display: inline-block; padding: 24px 40px; border: 1px solid #e5e5e5; background: #e5e5e5; color: #262626; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button:hover, .large-button:focus { border-color: #d4d4d4; background: #d4d4d4; color: #262626 } .large-button.full-width-button { max-width: unset } .large-button em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.dark-blue { display: inline-block; padding: 24px 40px; border: 1px solid var(--primary-color, #233796); background: var(--primary-color, #233796); color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.dark-blue:hover, .large-button.dark-blue:focus { border-color: #405a81; background: #405a81; color: #fff } .large-button.dark-blue.full-width-button { max-width: unset } .large-button.dark-blue em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.dark-green { display: inline-block; padding: 24px 40px; border: 1px solid var(--secondary-color, #a3a3a3); background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.dark-green:hover, .large-button.dark-green:focus { border-color: #6eadfd; background: #6eadfd; color: #262626 } .large-button.dark-green.full-width-button { max-width: unset } .large-button.dark-green em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.light-blue { display: inline-block; padding: 24px 40px; border: 1px solid #405a81; background: #405a81; color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.light-blue:hover, .large-button.light-blue:focus { border-color: var(--primary-color, #233796); background: var(--primary-color, #233796); color: #fff } .large-button.light-blue.full-width-button { max-width: unset } .large-button.light-blue em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.dark { display: inline-block; padding: 24px 40px; border: 1px solid #171717; background: #171717; color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.dark:hover, .large-button.dark:focus { border-color: #171717; background: #fff; color: #171717 } .large-button.dark.full-width-button { max-width: unset } .large-button.dark em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.primary { display: inline-block; padding: 24px 40px; border: 1px solid var(--primary-color, #233796); background: var(--primary-color, #233796); color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.primary:hover, .large-button.primary:focus { border-color: var(--primary-color, #233796); background: #fff; color: var(--primary-color, #233796) } .large-button.primary.full-width-button { max-width: unset } .large-button.primary em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.secondary { display: inline-block; padding: 24px 40px; border: 1px solid var(--secondary-color, #a3a3a3); background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.secondary:hover, .large-button.secondary:focus { border-color: var(--secondary-color, #a3a3a3); background: #fff; color: #262626 } .large-button.secondary.full-width-button { max-width: unset } .large-button.secondary em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.accent-1 { display: inline-block; padding: 24px 40px; border: 1px solid #4a74a8; background: #4a74a8; color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.accent-1:hover, .large-button.accent-1:focus { border-color: #4a74a8; background: #fff; color: #4a74a8 } .large-button.accent-1.full-width-button { max-width: unset } .large-button.accent-1 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.accent-2 { display: inline-block; padding: 24px 40px; border: 1px solid #e27e21; background: #e27e21; color: #262626; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.accent-2:hover, .large-button.accent-2:focus { border-color: #e27e21; background: #fff; color: #262626 } .large-button.accent-2.full-width-button { max-width: unset } .large-button.accent-2 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.accent-3 { display: inline-block; padding: 24px 40px; border: 1px solid #8243a8; background: #8243a8; color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.accent-3:hover, .large-button.accent-3:focus { border-color: #8243a8; background: #fff; color: #8243a8 } .large-button.accent-3.full-width-button { max-width: unset } .large-button.accent-3 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow { display: inline-block; padding: 24px 40px; border: 1px solid #a3a3a3; background: #fff; color: #727272; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow:hover, .large-button.hollow:focus { border-color: #e5e5e5; background: #e5e5e5; color: #262626 } .large-button.hollow.full-width-button { max-width: unset } .large-button.hollow em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.dark-blue { display: inline-block; padding: 24px 40px; border: 1px solid var(--primary-color, #233796); background: #fff; color: var(--primary-color, #233796); font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.dark-blue:hover, .large-button.hollow.dark-blue:focus { border-color: var(--primary-color, #233796); background: var(--primary-color, #233796); color: #fff } .large-button.hollow.dark-blue.full-width-button { max-width: unset } .large-button.hollow.dark-blue em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.dark-green { display: inline-block; padding: 24px 40px; border: 1px solid var(--secondary-color, #a3a3a3); background: #fff; color: #262626; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.dark-green:hover, .large-button.hollow.dark-green:focus { border-color: var(--secondary-color, #a3a3a3); background: var(--secondary-color, #a3a3a3); color: #fff } .large-button.hollow.dark-green.full-width-button { max-width: unset } .large-button.hollow.dark-green em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.accent-1 { display: inline-block; padding: 24px 40px; border: 1px solid #4a74a8; background: #fff; color: #4a74a8; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.accent-1:hover, .large-button.hollow.accent-1:focus { border-color: #4a74a8; background: #4a74a8; color: #fff } .large-button.hollow.accent-1.full-width-button { max-width: unset } .large-button.hollow.accent-1 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.accent-2 { display: inline-block; padding: 24px 40px; border: 1px solid #e27e21; background: #fff; color: #262626; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.accent-2:hover, .large-button.hollow.accent-2:focus { border-color: #e27e21; background: #e27e21; color: #262626 } .large-button.hollow.accent-2.full-width-button { max-width: unset } .large-button.hollow.accent-2 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.accent-3 { display: inline-block; padding: 24px 40px; border: 1px solid #8243a8; background: #fff; color: #8243a8; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.accent-3:hover, .large-button.hollow.accent-3:focus { border-color: #8243a8; background: #8243a8; color: #fff } .large-button.hollow.accent-3.full-width-button { max-width: unset } .large-button.hollow.accent-3 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .download-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #6eadfd !important; border-radius: 2px; background: #6eadfd; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .download-button:hover, .download-button:focus, .fsStateSelected .download-button, .download-button.on { border-color: #6eadfd !important; background: #6eadfd; color: #262626; -webkit-transition: .3s all; transition: .3s all } .download-button.full-width-button { width: 100%; max-width: unset } .download-button:before { font-size: .875rem; line-height: 1; vertical-align: middle } .external-link-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .external-link-button:hover, .external-link-button:focus, .fsStateSelected .external-link-button, .external-link-button.on { border-color: #6eadfd !important; background: #6eadfd; color: #262626; -webkit-transition: .3s all; transition: .3s all } .external-link-button.full-width-button { width: 100%; max-width: unset } .external-link-button:before { font-size: .875rem; line-height: 1; vertical-align: middle } .download-button:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 17px } .external-link-button:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 15px } .fsStyleDefaultButton { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .fsStyleDefaultButton:hover, .fsStyleDefaultButton:focus, .fsStateSelected .fsStyleDefaultButton, .fsStyleDefaultButton.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .fsStyleDefaultButton.full-width-button { width: 100%; max-width: unset } .fsStyleDefaultButton.fsLoadMoreButton { margin: 40px 0 0 } @media(min-width: 600px) { .fsBannerLeft .fsStyleDefaultButton.fsLoadMoreButton, .fsBannerRight .fsStyleDefaultButton.fsLoadMoreButton, .fsStyleOneThird .fsStyleDefaultButton.fsLoadMoreButton, .fsTwoColumnLayout .fsStyleDefaultButton.fsLoadMoreButton, .fsThreeColumnLayout>.fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsFourColumnLayout>.fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_3 .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_4 .fsStyleDefaultButton.fsLoadMoreButton { max-width: 100%; width: 100% } } .fsStyleDefaultButton.fsSelectAll { margin-bottom: 5px; padding: 7px 12px; font-size: .875em; line-height: 1.2 } .fsStyleUpdateButton { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .fsStyleUpdateButton:hover, .fsStyleUpdateButton:focus, .fsStateSelected .fsStyleUpdateButton, .fsStyleUpdateButton.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .fsStyleUpdateButton.full-width-button { width: 100%; max-width: unset } .j-paginate.juicer-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .j-paginate.juicer-button:hover, .j-paginate.juicer-button:focus, .fsStateSelected .j-paginate.juicer-button, .j-paginate.juicer-button.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .j-paginate.juicer-button.full-width-button { width: 100%; max-width: unset } .j-paginate.juicer-button { width: auto; margin-top: 40px } @font-face { font-family: "bpa-font-icons"; src: url(/uploaded/themes/default_25/fonts/bpa-icon-library.eot); src: url(/uploaded/themes/default_25/fonts/bpa-icon-library.eot?#iefix) format("embedded-opentype"), url(/uploaded/themes/default_25/fonts/bpa-icon-library.woff2) format("woff2"), url(/uploaded/themes/default_25/fonts/bpa-icon-library.woff) format("woff"), url(/uploaded/themes/default_25/fonts/bpa-icon-library.ttf) format("truetype"), url(/uploaded/themes/default_25/fonts/bpa-icon-library.svg#IcoMoon) format("svg"); font-weight: 400; font-style: normal } .compartment { position: relative; margin: 0 auto; max-width: 1180px } .margin-x { margin-right: 1.25em; margin-left: 1.25em } .margin-x-2x { margin-right: 2.5em; margin-left: 2.5em } .margin-y { margin-top: 1.25em; margin-bottom: 1.25em } .margin-y-2x { margin-top: 2.5em; margin-bottom: 2.5em } .padding-x { padding-right: 1.25em; padding-left: 1.25em } .padding-x-2x { padding-right: 2.5em; padding-left: 2.5em } .padding-y { padding-top: 1.25em; padding-bottom: 1.25em } .padding-y-2x { padding-top: 2.5em; padding-bottom: 2.5em } .stretch-container { margin-right: -1.25em; margin-left: -1.25em } .cover { position: absolute; height: 100%; width: 100% } .fsYoutubeTitle, .fsVimeoTitle, .fsAthleticsRosterList li>div.fsRosterName, .fsTitle { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+.fsYoutubeTitle, p+.fsVimeoTitle, .fsAthleticsRosterList li>p+div.fsRosterName, p+.fsTitle { margin-top: 40px } .fsYoutubeTitle, .fsVimeoTitle, .fsAthleticsRosterList li>div.fsRosterName, .fsTitle { font-size: 1.5625rem; line-height: 2rem; font-family: "Montserrat", sans-serif; color: var(--secondary-color, #a3a3a3); text-transform: uppercase; font-weight: 800 } .\:container\(width\<600px\).fsYoutubeTitle, .\:container\(width\<600px\).fsVimeoTitle, .fsAthleticsRosterList li>div.\:container\(width\<600px\).fsRosterName, .\:container\(width\<600px\).fsTitle { font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 10px } @media(max-width: 599px) { .fsYoutubeTitle, .fsVimeoTitle, .fsAthleticsRosterList li>div.fsRosterName, .fsTitle { font-size: 1.5rem; line-height: 1.75rem } } .fsYoutubeTitle, .fsVimeoTitle, .fsAthleticsRosterList li>div.fsRosterName, .fsTitle { margin-bottom: 20px; margin-bottom: 15px } .fsYoutubeTitle:last-child, .fsVimeoTitle:last-child, .fsAthleticsRosterList li>div.fsRosterName:last-child, .fsTitle:last-child { margin-bottom: 0 } .fsYoutubeTitle>a, .fsVimeoTitle>a, .fsAthleticsRosterList li>div.fsRosterName>a, .fsTitle>a { color: inherit; font-weight: inherit; text-decoration: none } .fsYoutubeTitle>a:hover, .fsVimeoTitle>a:hover, .fsAthleticsRosterList li>div.fsRosterName>a:hover, .fsTitle>a:hover, .fsYoutubeTitle>a:focus, .fsVimeoTitle>a:focus, .fsAthleticsRosterList li>div.fsRosterName>a:focus, .fsTitle>a:focus { color: var(--secondary-color, #a3a3a3); text-decoration: underline } h1 { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+h1 { margin-top: 40px } h1 { font-size: 2.25rem; line-height: 3.75rem; font-family: "Montserrat", sans-serif; color: var(--secondary-color, #a3a3a3); text-transform: uppercase; font-weight: 800 } h1.\:container\(width\<600px\) { font-size: 2.5rem; line-height: 3.5rem; margin-bottom: 20px } @media(max-width: 599px) { h1 { font-size: 2.5rem; line-height: 3.5rem } } h1 { margin-bottom: 40px } h2 { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+h2 { margin-top: 40px } h2 { font-size: 2.5rem; line-height: 2.75rem; color: var(--primary-color, #233796); /*text-transform: capitalize*/ } h2.\:container\(width\<600px\) { font-size: 2rem; line-height: 2.25rem; margin-bottom: 10px } @media(max-width: 599px) { h2 { font-size: 2rem; line-height: 2.25rem } } h2 { margin-bottom: 20px } h3 { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+h3 { margin-top: 40px } h3 { font-size: 2.125rem; line-height: 2.25rem } h3.\:container\(width\<600px\) { font-size: 1.9375rem; line-height: 2.25rem; margin-bottom: 10px } @media(max-width: 599px) { h3 { font-size: 1.9375rem; line-height: 2.25rem } } h3 { margin-bottom: 20px } h4 { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+h4 { margin-top: 40px } h4 { font-size: 1.5625rem; line-height: 2rem; font-family: "Montserrat", sans-serif; color: var(--secondary-color, #a3a3a3); text-transform: uppercase; font-weight: 800 } h4.\:container\(width\<600px\) { font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 10px } @media(max-width: 599px) { h4 { font-size: 1.5rem; line-height: 1.75rem } } h4 { margin-bottom: 20px } h5 { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+h5 { margin-top: 40px } h5 { font-size: 1.4375rem; line-height: 1.5rem } h5.\:container\(width\<600px\) { font-size: 1.5rem; line-height: 1.5625rem; margin-bottom: 10px } @media(max-width: 599px) { h5 { font-size: 1.5rem; line-height: 1.5625rem } } h5 { margin-bottom: 15px } h6 { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+h6 { margin-top: 40px } h6 { font-size: 1.1875rem; line-height: 1.5rem } h6.\:container\(width\<600px\) { font-size: 1.1875rem; line-height: 1.5rem; margin-bottom: 10px } @media(max-width: 599px) { h6 { font-size: 1.1875rem; line-height: 1.5rem } } h6 { margin-bottom: 15px } p { margin: 0 0 20px } body:not(.fsComposeMode) p:last-child { margin-bottom: 0 } hr { margin: 0 auto 20px } a { text-decoration: underline; color: var(--secondary-color, #a3a3a3); font-weight: 500; -webkit-transition: .3s all; transition: .3s all } a:hover, a:focus { text-decoration: none; color: var(--secondary-color, #a3a3a3) } p>a:not([class]) { text-decoration: none; position: relative; text-decoration: none; text-underline-offset: 5px } p>a:not([class]):hover, p>a:not([class]):focus { color: var(--secondary-color, #a3a3a3); text-decoration: underline } ul, ol { margin-top: 0; padding-left: 20px } img, canvas, video, svg { height: auto; max-width: 100% } iframe { border: 0; max-width: 100% } .a11y-toggle { position: absolute; top: 15px; left: 15px; opacity: 0; pointer-events: none; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; z-index: 1 } .a11y-toggle:focus { opacity: 1; pointer-events: auto } /*! _main.scss - src/sass/modules/common/ - main common import */ /*! elements - common v0.0.1 */ .fsElement { margin-bottom: 60px } .fsElement.fsLayout { margin-bottom: 40px } .fsElement.fsLayout:last-child { margin-bottom: 0 } .fsElement:last-child { margin-bottom: 0 } .fsElementHeaderContent { margin-bottom: 20px } .fsElementFooterContent { margin-top: 20px } .fsElementEmpty { font-size: 1rem; line-height: 1.375; font-style: italic; color: #171717 } .fsPanel { margin-bottom: 0 } .fsStyleDefaultField { border: solid 1px #525252 } /*! elements - common - list subtype v0.0.1 */ .fsList article { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #525252 } .fsList .fsListItems:last-of-type>article:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .fsList .fsListItems:last-of-type>.fsMonthContainer:last-child>.fsDayContainer:last-child article:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .fsList .fsListItems:last-of-type>.fsDayContainer:last-child article:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .fsList li.fsListItem { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #525252 } .fsListNav .fsStyleDefaultList { list-style: none; margin: 0; padding: 0 } .fsListNav .fsStyleDefaultList .fsListItem a { display: inline-block; padding: 0 } .fsListNav .fsStyleDefaultList .fsListItem a:hover, .fsListNav .fsStyleDefaultList .fsListItem a:focus { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .fsListNav .fsStyleDefaultList .fsListItem.fsResourceCollection.fsStateExpanded>.fsResourceCollectionLink { margin-bottom: 10px } .fsListNav .fsListLevel1>.fsListItem { padding: 0 0 20px; margin-bottom: 20px; border-bottom: solid 1px #d4d4d4 } .fsListNav .fsListLevel2>.fsListItem { padding-left: 10px } .fsListNav .fsListLevel3>.fsListItem { padding-left: 20px } .fsListNav .fsListLevel4>.fsListItem { padding-left: 30px } .fsListNav .fsListLevel5>.fsListItem { padding-left: 40px } /*! element - common - slideshow subtype v0.0.1 */ .fsSlideshow.fsSlideshowVertical .fsPrevButton { margin: 0 auto 10px } .fsSlideshow.fsSlideshowVertical .fsPager { margin-bottom: 20px } .fsSlideshow.fsSlideshowVertical .slick-navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .fsSlideshow .fsElementSlideshow { margin: 0 -10px } .fsSlideshow .fsElementSlideshow[data-arrows*=true] { padding: 0 } .fsSlideshow .slick-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px } .fsSlideshow .fsNextButton, .fsSlideshow .fsPrevButton { overflow: hidden; position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; width: 40px; height: 40px; border-radius: 100%; margin: 0 10px; border: 1px solid #fff; background-color: var(--secondary-color, #a3a3a3); color: #fff; font-size: 0; line-height: 1; -webkit-transition: .3s all; transition: .3s all; -ms-flex-negative: 0; flex-shrink: 0 } .fsSlideshow .fsNextButton:before, .fsSlideshow .fsPrevButton:before { font-size: 16px; line-height: 1; width: auto; height: auto; color: inherit; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-family: "IcoMoon"; font-weight: normal } .fsSlideshow .fsNextButton:hover, .fsSlideshow .fsNextButton:focus, .fsSlideshow .fsPrevButton:hover, .fsSlideshow .fsPrevButton:focus { border-color: #6eadfd; background-color: #6eadfd; color: #262626 } .fsSlideshow .fsPrevButton:before { content: ""; -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg) } .fsSlideshow .fsNextButton:before { content: "" } .fsSlideshow .fsPager { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; margin: -4px 6px } .fsSlideshow .fsPager li { width: 8px; height: 8px; margin: 4px } .fsSlideshow .fsPager li button { width: 100%; height: 100%; padding: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0); border: 1px solid #525252; -webkit-transition: .3s all; transition: .3s all } .fsSlideshow .fsPager li button:before { content: normal } .fsSlideshow .fsPager li button:hover, .fsSlideshow .fsPager li button:focus { background-color: var(--primary-color, #233796); border-color: var(--primary-color, #233796) } .fsSlideshow .fsPager li button:focus { outline: 1px dashed rgba(38, 38, 38, .25) } .fsSlideshow .fsPager li.slick-active button { background-color: var(--primary-color, #233796); border-color: var(--primary-color, #233796) } /*! elements - common - dialog box v0.0.1 */ .fsDialogCloseButton { opacity: 1; width: 40px; height: 40px; top: 20px; right: 20px; font-size: 1rem; line-height: 1 } .fsDialogCloseButton:after { content: normal } .fsDialogCloseButton:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: #171717; background-color: rgba(0, 0, 0, 0); max-width: unset; height: auto; -webkit-transform: none; -ms-transform: none; transform: none; border-radius: 0; -webkit-transition: .3s color; transition: .3s color } .fsDialogCloseButton:focus:before { color: #171717; background-color: rgba(0, 0, 0, 0) } .fsDialogCloseButton:hover:before { color: var(--secondary-color, #a3a3a3); background-color: rgba(0, 0, 0, 0) } .fsElementDialog { color: #262626; width: 800px; border-radius: 8px; -webkit-filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.08)); -webkit-box-shadow: none; box-shadow: none; border: none } .fsDialog .fsElementSlideshow { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .lead-in { font-size: 1.4rem; line-height: 2.6875rem; font-family: Montserrat, serif; font-weight: 500; color: var(--primary-color, #233796) } @media(max-width: 599px) { .lead-in { font-size: 1.375rem; line-height: 2.1875rem } } blockquote { margin: 50px 0; padding-bottom: 20px; border-bottom: solid 1px #d4d4d4; position: relative; font-family: "EB Garamond", serif; font-weight: 600; font-size: 1.5rem; line-height: 2.25rem; text-align: center; color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) blockquote:first-child { margin-top: 0 } body:not(.fsComposeMode) blockquote:last-child { margin-bottom: 0 } blockquote:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; display: table; margin: 0 auto 20px; padding: 0 20px; background-color: #fff; color: var(--secondary-color, #a3a3a3); position: relative; z-index: 1; font-size: 1.875rem; line-height: 1 } blockquote:after { content: ""; position: absolute; top: 14px; left: 0; width: 100%; height: 1px; background-color: #a3a3a3 } @media(max-width: 599px) { blockquote { margin: 40px 0; font-size: 1.125rem; line-height: 1.8125rem } } blockquote .dark-blue { color: var(--primary-color, #233796) } cite { display: block; margin: 20px 0 0; font-style: normal; font-weight: 400; font-family: "Montserrat", sans-serif; font-size: .875rem; line-height: 1.25rem; color: #525252 } .callout-text, .callout-text-2 { display: inline-block; margin: 50px 0; padding-bottom: 40px; border-bottom: solid 1px #d4d4d4; position: relative; font-family: "EB Garamond", serif; font-weight: 500; font-size: 1.375rem; line-height: 2.25rem; text-align: center; color: var(--primary-color, #233796) } body:not(.fsComposeMode) .callout-text:first-child, body:not(.fsComposeMode) .callout-text-2:first-child { margin-top: 0 } body:not(.fsComposeMode) .callout-text:last-child, body:not(.fsComposeMode) .callout-text-2:last-child { margin-bottom: 0 } .callout-text:before, .callout-text-2:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; display: table; margin: 0 auto 20px; padding: 0 20px; background-color: #fff; color: var(--secondary-color, #a3a3a3); position: relative; z-index: 1; font-size: 1.875rem; line-height: 1 } .callout-text:after, .callout-text-2:after { content: ""; position: absolute; top: 14px; left: 0; width: 100%; height: 1px; background-color: #a3a3a3 } @media(max-width: 599px) { .callout-text, .callout-text-2 { margin: 40px 0; font-size: 1.125rem; line-height: 1.8125rem } } .callout-text-2 { color: var(--secondary-color, #a3a3a3) } .callout-text-2::before { color: var(--primary-color, #233796) } .divider-1 hr, .divider-2 hr { position: relative; border: none } .divider-1 hr:before, .divider-2 hr:before { display: table; margin: 0 auto 20px; padding: 0 20px; background-color: #fff; color: var(--primary-color, #233796); position: relative; z-index: 1; font-size: 1.875rem; line-height: 1 } .divider-1 hr:after, .divider-2 hr:after { content: ""; position: absolute; top: 14px; left: 0; width: 100%; height: 1px; background-color: #d4d4d4 } .divider-2 hr::before { color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .sr-only { display: block; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } .fsAthleticsRoster .fsElementTable, .fsAthleticsEvent.fsTable .fsElementTable, table.table-styled { width: 100%; margin-bottom: 20px } .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable td, .fsAthleticsEvent.fsTable .fsElementTable td, table.table-styled th, table.table-styled td { vertical-align: top; border-bottom: none } .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable th, table.table-styled th { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } .fsAthleticsRoster p+.fsElementTable th, .fsAthleticsEvent.fsTable p+.fsElementTable th, p+table.table-styled th { margin-top: 40px } .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable th, table.table-styled th { font-size: 1.4375rem; line-height: 1.5rem } .fsAthleticsRoster .fsElementTable th.\:container\(width\<600px\), .fsAthleticsEvent.fsTable .fsElementTable th.\:container\(width\<600px\), table.table-styled th.\:container\(width\<600px\) { font-size: 1.5rem; line-height: 1.5625rem } @media(max-width: 599px) { .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable th, table.table-styled th { font-size: 1.5rem; line-height: 1.5625rem } } .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable th, table.table-styled th { margin-bottom: 0; padding: 20px; background: var(--primary-color, #233796); color: #fff; text-align: left } .fsAthleticsRoster .fsElementTable td, .fsAthleticsEvent.fsTable .fsElementTable td, table.table-styled td { padding: 13px 20px } .fsAthleticsRoster .fsElementTable td a:not([class]), .fsAthleticsEvent.fsTable .fsElementTable td a:not([class]), table.table-styled td a:not([class]) { color: #171717 } .fsAthleticsRoster .fsElementTable td a:not([class])::before, .fsAthleticsEvent.fsTable .fsElementTable td a:not([class])::before, table.table-styled td a:not([class])::before { background-color: #171717 } .fsAthleticsRoster .fsElementTable td a:not([class]):focus, .fsAthleticsEvent.fsTable .fsElementTable td a:not([class]):focus, .fsAthleticsRoster .fsElementTable td a:not([class]):hover, .fsAthleticsEvent.fsTable .fsElementTable td a:not([class]):hover, table.table-styled td a:not([class]):focus, table.table-styled td a:not([class]):hover { color: #171717 } .fsAthleticsRoster .fsElementTable td a:not([class]):focus::before, .fsAthleticsEvent.fsTable .fsElementTable td a:not([class]):focus::before, .fsAthleticsRoster .fsElementTable td a:not([class]):hover::before, .fsAthleticsEvent.fsTable .fsElementTable td a:not([class]):hover::before, table.table-styled td a:not([class]):focus::before, table.table-styled td a:not([class]):hover::before { background-color: #171717 } .fsAthleticsRoster .fsElementTable tr, .fsAthleticsEvent.fsTable .fsElementTable tr, table.table-styled tr { border-bottom: solid 1px #fff } .fsAthleticsRoster .fsElementTable tr:nth-of-type(odd) td, .fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(odd) td, table.table-styled tr:nth-of-type(odd) td { background-color: #f5f5f5 } .fsAthleticsRoster .fsElementTable tr:nth-of-type(even) td, .fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(even) td, table.table-styled tr:nth-of-type(even) td { background-color: #fafafa } .fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow td, .fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow td, table.table-styled tr.fsLoadMoreButtonRow td { background-color: rgba(0, 0, 0, 0); padding: 20px 0 } body:not(.fsComposeMode) .fsAthleticsRoster .fsElementTable:last-child, .fsAthleticsRoster body:not(.fsComposeMode) .fsElementTable:last-child, body:not(.fsComposeMode) .fsAthleticsEvent.fsTable .fsElementTable:last-child, .fsAthleticsEvent.fsTable body:not(.fsComposeMode) .fsElementTable:last-child, body:not(.fsComposeMode) table.table-styled:last-child { margin-bottom: 0 } .table-overflow { overflow-x: auto; max-width: 100%; margin-bottom: 20px } .table-overflow:last-child { margin-bottom: 0 } .card { color: #171717; border-radius: 8px } .card.light { background-color: #e5e5e5 } .card.light a:not([class]) { color: #171717 } .card.light a:not([class])::before { background-color: #171717 } .card.light a:not([class]):hover, .card.light a:not([class]):focus { color: #171717 } .card.dark { background-color: #262626; color: #fff } .card.dark a:not([class]) { color: #fff } .card.dark a:not([class])::before { background-color: #fff } .card.dark a:not([class]):hover, .card.dark a:not([class]):focus { color: #fff } .card.primary { background-color: var(--primary-color, #233796); color: #fff } .card.primary a:not([class]) { color: #fff } .card.primary a:not([class])::before { background-color: #fff } .card.primary a:not([class]):hover, .card.primary a:not([class]):focus { color: #fff } .card.secondary { background-color: var(--secondary-color, #a3a3a3); color: #fff } .card.secondary a:not([class]) { color: #fff } .card.secondary a:not([class])::before { background-color: #fff } .card.secondary a:not([class]):hover, .card.secondary a:not([class]):focus { color: #fff } .card.accent-1 { background-color: #6eadfd } .card.accent-1 a:not([class]) { color: #171717 } .card.accent-1 a:not([class])::before { background-color: #171717 } .card.accent-1 a:not([class]):hover, .card.accent-1 a:not([class]):focus { color: #171717 } .card.equal-height { height: 100% } .card.logo { position: relative } .card.logo::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 130px; position: absolute; height: 100%; top: 55px; right: 5px; opacity: .06; color: #000 } .card.logo.primary { background: linear-gradient(69deg, #081E3F 3%, #154FA5 100%) } .card.logo.secondary { background: linear-gradient(30deg, #006648 66%, #00CC8F 130%) } .card.logo.secondary p { text-shadow: 1px 1px 2px rgba(0, 0, 0, .3) } .card>header .fsElementTitle { margin-bottom: 0; padding: 30px } .card>header .fsElementHeaderContent { margin: 0 } .card>header .fsElementHeaderContent img { display: block } .card>.fsElementContent { padding: 32px 32px 40px 32px } .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 { font-weight: 800 } .card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card .lead-in, .card a:not([class]) { color: inherit } /*! _main.scss - src/sass/navigation/ - main import */ .fsNavigation ul { list-style: none; margin: 0; padding: 0 } .fsNavigation li.fsNavCurrentPage>a, .fsNavigation li.fsNavCurrentPageAncestor>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .fsNavigation a { display: block; padding: 10px 0; color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .fsNavigation a:hover, .fsNavigation a:focus { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .fsNavigation .fsNavLevel2>li>a { padding-left: 10px } .fsNavigation .fsNavLevel3>li>a { padding-left: 20px } .fsNavigation .fsNavLevel4>li>a { padding-left: 30px } .fsNavigation .fsNavLevel5>li>a { padding-left: 40px } .fsBreadcrumb { padding: 80px 20px 0px } body:not(.fsComposeMode) .fsBreadcrumb>header { display: none } .fsBreadcrumb>.fsElementContent { position: relative; margin: 0 auto; max-width: 1180px } .fsBreadcrumb ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .fsBreadcrumb ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; color: var(--secondary-color, #a3a3a3); font-weight: 700; font-size: 0.9rem; line-height: 1.1666666667 } .fsBreadcrumb ul li[class*=fsNavCurrentPage]>a { color: var(--secondary-color, #a3a3a3) } .fsBreadcrumb ul li a { padding: 0; color: #727272; font-weight: inherit; text-decoration: none } .fsBreadcrumb ul li a:hover, .fsBreadcrumb ul li a:focus { color: var(--secondary-color, #a3a3a3); text-decoration: underline } .fsBreadcrumb ul li .fsNavBreadcrumbSeperator { margin: 0 8.5px; color: #a3a3a3; line-height: 1 } .fsBreadcrumb ul li .fsNavBreadcrumbSeperator:before { display: block; content: " / "; color: inherit } .nav-site-map ul { margin: 0 0 0 20px; padding: 0 } .nav-site-map ul.fsNavLevel1 { margin-left: 0; list-style: none } @media(min-width: 600px) { .nav-site-map ul.fsNavLevel1 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-rule: 0; -moz-column-rule: 0; column-rule: 0; min-height: initial } .nav-site-map ul.fsNavLevel1 li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column } } .nav-site-map ul.fsNavLevel1>li>a { margin-bottom: 20px; font-weight: 700 } .nav-site-map ul.fsNavLevel2 { list-style: disc } .nav-site-map ul.fsNavLevel3 { list-style: circle } .nav-site-map ul.fsNavLevel4 { list-style: square } .nav-site-map ul.fsNavLevel5 { list-style: disc } .nav-tier { background: var(--secondary-color, #a3a3a3); padding: 32px 0 } .nav-tier.nav-empty { display: none } .nav-tier>header { display: none } .nav-tier ul li a { display: block; position: relative; padding: 0; margin: 10px 15px; color: #fff } .nav-tier ul li a::after { display: block; position: absolute; bottom: -5px; left: 0; content: ""; width: 0%; height: 3px; background-color: rgba(0, 0, 0, 0); -webkit-transition: all .3s; transition: all .3s } .nav-tier ul li a:hover, .nav-tier ul li a:focus { color: #fff } .nav-tier ul li a:hover::after, .nav-tier ul li a:focus::after { width: 100%; background-color: #fff } .nav-tier ul li.fsNavCurrentPage>a { color: #fff } .nav-tier ul li.fsNavCurrentPage>a::after { width: 100%; background-color: #6eadfd } .nav-tier ul li.fsNavCurrentPage>a:hover, .nav-tier ul li.fsNavCurrentPage>a:focus { color: #fff } .nav-tier ul li.fsNavCurrentPageAncestor { background: var(--secondary-color, #a3a3a3) } .nav-tier ul li.fsNavCurrentPageAncestor>a { color: #fff } .nav-tier ul li.fsNavCurrentPageAncestor>a:hover, .nav-tier ul li.fsNavCurrentPageAncestor>a:focus { color: #fff } .nav-tier .fsNavLevel1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; max-width: 1200px; margin: 0 auto } .nav-tier .fsNavLevel1>li>a { font-size: .875rem; font-weight: 600; line-height: 1.5rem; text-transform: uppercase; text-decoration: none } .nav-tier .fsNavLevel2>li>a { padding-left: 25px } .nav-tier .fsNavLevel3>li>a { padding-left: 35px } .nav-tier .fsNavLevel4>li>a { padding-left: 45px } .nav-tier .fsNavLevel5>li>a { padding-left: 55px } @media screen and (max-width: 599px) { .nav-sub>header { display: block; position: relative; position: relative; padding: 10px 20px; background-color: var(--secondary-color, #a3a3a3); color: #d4d4d4; -webkit-transition: .3s; transition: .3s } .nav-sub>header .fsElementTitle { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+.nav-sub>header .fsElementTitle { margin-top: 40px } .nav-sub>header .fsElementTitle { font-size: 1.4375rem; line-height: 1.5rem } .nav-sub>header .fsElementTitle.\:container\(width\<600px\) { font-size: 1.5rem; line-height: 1.5625rem } .nav-sub>header .fsElementTitle { margin-bottom: 0; color: inherit } .nav-sub>header { cursor: pointer } } @media screen and (max-width: 599px)and (max-width: 599px) { .nav-sub>header .fsElementTitle { font-size: 1.5rem; line-height: 1.5625rem } } @media screen and (max-width: 599px) { .nav-sub>header:hover, .nav-sub>header:focus-within { background-color: #525252; color: #d4d4d4 } } @media screen and (max-width: 599px)and (min-width: 600px) { .nav-sub>header { cursor: default } } @media screen and (max-width: 599px) { .nav-sub>header .fsElementTitle { position: relative; padding-right: 40px } .nav-sub>header .nav-toggle { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); right: 20px; color: inherit; cursor: pointer } .nav-sub>header .nav-toggle:after { content: "+" } .nav-sub>.fsElementContent { position: relative; display: block } .nav-sub>.fsElementContent ul { padding-top: 0 } .nav-sub>.fsElementContent ul li a { display: block; padding: 18px 20px; color: #525252; background: #f5f5f5 } .nav-sub>.fsElementContent ul li a:hover, .nav-sub>.fsElementContent ul li a:focus { color: var(--secondary-color, #a3a3a3); background: #e5e5e5 } .nav-sub>.fsElementContent ul li.fsNavCurrentPage>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .nav-sub>.fsElementContent ul li.fsNavCurrentPage>a:hover, .nav-sub>.fsElementContent ul li.fsNavCurrentPage>a:focus { color: var(--secondary-color, #a3a3a3); background: #d4d4d4 } .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor { background: #e5e5e5 } .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor>a:hover, .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor>a:focus { color: var(--secondary-color, #a3a3a3); background: #d4d4d4 } .nav-sub>.fsElementContent .fsNavLevel1>li>a { padding-left: 20px } .nav-sub>.fsElementContent .fsNavLevel2>li>a { padding-left: 40px } .nav-sub>.fsElementContent .fsNavLevel3>li>a { padding-left: 60px } .nav-sub>.fsElementContent .fsNavLevel4>li>a { padding-left: 80px } .nav-sub>.fsElementContent .fsNavLevel5>li>a { padding-left: 100px } .nav-sub.active-nav>header { color: #d4d4d4; background-color: var(--secondary-color, #a3a3a3) } .nav-sub.active-nav>header .nav-toggle:after { content: "-" } } .nav-sub { display: none } @media(min-width: 600px) { .nav-sub { display: block } } .nav-sub>.fsElementContent { height: auto; max-height: 0; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease } @media(min-width: 600px) { .nav-sub>.fsElementContent { max-height: 9999px; visibility: visible; opacity: 1 } } .nav-sub.active-nav>.fsElementContent { max-height: 9999px; visibility: visible; opacity: 1 } .fsHeader .nav-sub { display: block } @media(min-width: 600px) { .fsHeader .nav-sub { display: none } } .nav-sub.nav-sub-empty { display: none !important } body.fsComposeMode .nav-sub.nav-sub-empty { display: block !important } .nav-sub>header:hover, .nav-sub>header:focus { background-color: var(--secondary-color, #a3a3a3) } .nav-sub>header .fsElementTitle { position: relative; font-family: "EB Garamond", serif; font-size: 1.1875rem; line-height: 1.5rem; font-weight: 700; background-color: var(--secondary-color, #a3a3a3); color: #fff; padding: 17px 20px; margin: 0 } .nav-sub>header .nav-toggle { border: 0; background: none; cursor: pointer; margin: 0; padding: 0 } .nav-sub>header .nav-toggle span { display: block; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } .nav-sub>header .nav-toggle::after { font-size: 1.625rem } .nav-sub ul li a { display: block; padding: 18px 20px; color: #525252; background: #f5f5f5; text-decoration: none } .nav-sub ul li a:hover, .nav-sub ul li a:focus { color: var(--secondary-color, #a3a3a3); background: #e5e5e5 } .nav-sub ul li.fsNavCurrentPage>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .nav-sub ul li.fsNavCurrentPage>a:hover, .nav-sub ul li.fsNavCurrentPage>a:focus { color: var(--secondary-color, #a3a3a3); background: #d4d4d4 } .nav-sub ul li.fsNavCurrentPageAncestor { background: #e5e5e5 } .nav-sub ul li.fsNavCurrentPageAncestor>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .nav-sub ul li.fsNavCurrentPageAncestor>a:hover, .nav-sub ul li.fsNavCurrentPageAncestor>a:focus { color: var(--secondary-color, #a3a3a3); background: #d4d4d4 } .nav-sub .fsNavLevel1 { padding-left: 0 } @media screen and (max-width: 599px) { .nav-sub .fsNavLevel1 { padding-top: 18px; padding-bottom: 18px } } .nav-sub .fsNavLevel1>li { border-bottom: solid 1px #d4d4d4 } .nav-sub .fsNavLevel1>li:last-child { border-bottom: none } .nav-sub .fsNavLevel2 { display: none } .nav-sub .fsNavLevel2>li>a { padding-left: 40px !important } .nav-sub .fsNavLevel3>li>a { padding-left: 60px !important } .nav-sub .fsNavLevel4>li>a { padding-left: 80px !important } .nav-sub .fsNavLevel5>li>a { padding-left: 100px !important } .nav-main>.fsElementContent { position: relative } .nav-main .fsNavLevel1 { width: 50%; border-right: 1px solid #e5e5e5 } .nav-main .fsNavLevel1>li:hover>a, .nav-main .fsNavLevel1>li:focus-within>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0); padding-right: 30px } .nav-main .fsNavLevel1>li:hover>a::before, .nav-main .fsNavLevel1>li:focus-within>a::before { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .nav-main .fsNavLevel1>li:hover>a:after, .nav-main .fsNavLevel1>li:focus-within>a:after { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .nav-main .fsNavLevel1>li:hover>.fsNavPageInfo, .nav-main .fsNavLevel1>li:focus-within>.fsNavPageInfo { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .nav-main .fsNavLevel1>li[class*=fsNavCurrentPage]>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0); padding-right: 30px } .nav-main .fsNavLevel1>li[class*=fsNavCurrentPage]>a::before { opacity: 0; -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0) } .drawer-is-active .nav-main .fsNavLevel1>li[class*=fsNavCurrentPage]>a::before { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .nav-main .fsNavLevel1>li>a { display: table; position: relative; color: #727272; background: rgba(0, 0, 0, 0); padding: 5px 42px; position: relative; font-family: "EB Garamond", serif; font-size: 2.3125rem; line-height: 3.25rem; font-weight: 700; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: right; text-transform: capitalize; width: 100%; -webkit-transition: .35s all; transition: .35s all } @media(min-width: 1000px) { .nav-main .fsNavLevel1>li>a { padding: 5px 10px 5px 5px } } @media(min-width: 1100px) { .nav-main .fsNavLevel1>li>a { padding: 5px 42px } } .nav-main .fsNavLevel1>li>a::before { display: block; position: absolute; content: ""; width: 60%; height: 1px; background-color: 8; top: 55%; left: -40px; -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0); opacity: 0; -webkit-transition: .35s all; transition: .35s all } .nav-main .fsNavLevel1>li>a:after { content: "\25B6"; font-family: "Montserrat"; font-smoothing: antialiased; font-weight: normal; speak: none; position: absolute; right: -10px; font-size: 1.25rem; color: #6eadfd; line-height: 1; opacity: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 42%; -webkit-transition: .35s all; transition: .35s all } .nav-main .fsNavPageInfo { text-align: left; position: absolute; top: 0; left: 53%; width: 50%; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); z-index: 300; opacity: 0; visibility: hidden; -webkit-transition: .4s all; transition: .4s all; padding-top: 14px; height: calc(100% - 20px); overflow: visible } .nav-main .fsNavLevel2 li:not(:last-child) { margin-bottom: 15px } .nav-main .fsNavLevel2 li a { display: block; color: #727272; background: rgba(0, 0, 0, 0); padding: 0; font-size: 1rem; line-height: 1.125rem; font-weight: 700; text-decoration: none; max-width: 225px } .nav-main .fsNavLevel2 li a:hover, .nav-main .fsNavLevel2 li a:focus { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .nav-main .fsNavLevel2 li[class*=fsNavCurrentPage]>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } html:has(body.drawer-is-active), body.drawer-is-active { overflow: hidden !important } #fsMenu { position: absolute; z-index: 500; width: 100%; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; top: 0; right: 0; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); position: fixed; height: 100dvh; z-index: 9999; background-color: #fafafa } @media(max-width: 999px) { #fsMenu { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 1; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s } } @media(max-width: 899px) { #fsMenu { overflow: auto } } body.fsAccountBarVisible #fsMenu { top: 45px; height: calc(100dvh - 45px) } body.drawer-is-active #fsMenu { pointer-events: auto; opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } body.drawer-is-active #fsMenu .fsMenu .inner-menu-wrap { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } body.drawer-is-active #fsMenu .default-img img { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } body.drawer-is-active #fsMenu .default-img .active>img, body.drawer-is-active #fsMenu .default-img .active picture img { opacity: 1; -webkit-transition: .5s all; transition: .5s all } #fsMenu .fsMenu { height: 100%; padding: 35px 20px 42px } @media(min-width: 1000px) { #fsMenu .fsMenu { padding: 0 } } #fsMenu .fsMenu .default-img { position: relative; width: 100%; max-width: none !important; height: 100vh; max-height: none; overflow: hidden } #fsMenu .fsMenu .default-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } #fsMenu .fsMenu .default-img { margin: 0; z-index: 2; display: none } @media(min-width: 1000px) { #fsMenu .fsMenu .default-img { display: block } } #fsMenu .fsMenu .default-img img { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .8s all; transition: .8s all; opacity: 0 } #fsMenu .fsMenu .outer-wrapper { height: 100% } #fsMenu .fsMenu .outer-wrapper>.fsElementContent { height: 100% } @media(min-width: 1000px) { #fsMenu .fsMenu .outer-wrapper>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex } } #fsMenu .fsMenu .inner-menu-wrap { position: relative } @media(min-width: 1000px) { #fsMenu .fsMenu .inner-menu-wrap { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 1; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; background-color: #fafafa } } #fsMenu .fsMenu .inner-menu-wrap::before { display: none; position: absolute; content: ""; top: 10px; left: -2.5px; background-color: #6eadfd; width: 5px; height: calc(100% - 20px); z-index: 1 } @media(min-width: 1000px) { #fsMenu .fsMenu .inner-menu-wrap { padding: 35px 50px 42px; width: 100%; max-width: 623px; /* background-image: url(/uploaded/themes/default_25/images/logo.svg); */ background-position: 140% 120px; background-repeat: no-repeat; background-size: cover } #fsMenu .fsMenu .inner-menu-wrap::before { display: block } } #fsMenu .top-wrapper { margin-bottom: 15px } @media(min-width: 1000px) { #fsMenu .top-wrapper { margin-bottom: 150px } } #fsMenu .top-wrapper>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 60px } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm { margin-bottom: 0; width: 100% } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsFieldLabel { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 100% } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementKeyword { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; margin-bottom: 0 } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementKeyword input { height: 60px } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementKeyword input { padding: 15px 30px; background-color: rgba(38, 38, 38, .07); border: none; color: var(--primary-color, #233796) } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementKeyword input::-webkit-input-placeholder { font-weight: 500; font-size: .75rem; color: var(--primary-color, #233796) } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementKeyword input::-moz-placeholder { font-weight: 500; font-size: .75rem; color: var(--primary-color, #233796) } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementKeyword input:-ms-input-placeholder { font-weight: 500; font-size: .75rem; color: var(--primary-color, #233796) } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementKeyword input::-ms-input-placeholder { font-weight: 500; font-size: .75rem; color: var(--primary-color, #233796) } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementKeyword input::placeholder { font-weight: 500; font-size: .75rem; color: var(--primary-color, #233796) } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementSearchButton { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; width: 55px; height: 60px; color: #6eadfd; background-color: #6eadfd; border: none !important; border-radius: 0; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementSearchButton::before { display: block; position: absolute; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1rem; color: #262626; -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); -webkit-transition: all .3s; transition: all .3s } #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementSearchButton:hover::before, #fsMenu .top-wrapper .fsSearchElement.fsSearchForm .fsSearchElementSearchButton:focus::before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg) } #fsMenu .top-wrapper .menu-close>.fsElementContent { height: 100% } #fsMenu .top-wrapper .menu-close button { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; width: 55px; height: 100%; background-color: var(--primary-color, #233796) } #fsMenu .top-wrapper .menu-close button::before { display: block; position: absolute; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1rem; color: #fff; -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); -webkit-transition: all .3s; transition: all .3s } #fsMenu .top-wrapper .menu-close button:hover::before, #fsMenu .top-wrapper .menu-close button:focus::before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg); transform: translate3d(-50%, -50%, 0) rotate(90deg) } #fsMenu .desktop-container { display: none; margin: 5px } @media(min-width: 1000px) { #fsMenu .desktop-container { display: block } } #fsMenu .mobile-container { display: block } @media(min-width: 1000px) { #fsMenu .mobile-container { display: none } } #fsMenu .mobile-container .quicklinks { display: block; position: relative; margin-bottom: 5px } #fsMenu .mobile-container .quicklinks::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100vw; margin-left: 50%; margin-right: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); height: 100%; background-color: #e5e5e5 } #fsMenu .mobile-container .quicklinks .fsNavLevel1>li { position: relative; border-bottom: none } #fsMenu .mobile-container .quicklinks .fsNavLevel1>li[class*=fsNavCurrentPage]>a { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .quicklinks .fsNavLevel1>li[class*=fsNavCurrentPage]>a:hover, #fsMenu .mobile-container .quicklinks .fsNavLevel1>li[class*=fsNavCurrentPage]>a:focus { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .quicklinks .fsNavLevel1>li>a { margin-right: 40px; margin-left: 60px; padding: 14px 0; font-size: 1.125rem; line-height: 1.3333333333; font-family: "EB Garamond", serif; font-weight: 600; text-decoration: none; color: #525252 } #fsMenu .mobile-container .quicklinks .fsNavLevel1>li>a:hover, #fsMenu .mobile-container .quicklinks .fsNavLevel1>li>a:focus { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .quicklinks .fsNavLevel1>li.active>a { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .quicklinks .fsNavLevel1>li.active>.drop-trigger:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } #fsMenu .mobile-container .quicklinks .fsNavLevel2>li>a { padding: 8px 20px; color: #727272; font-weight: 700; font-size: .875rem; line-height: 1.3333333333; text-decoration: none } #fsMenu .mobile-container .quicklinks .fsNavLevel2>li>a:hover, #fsMenu .mobile-container .quicklinks .fsNavLevel2>li>a:focus { color: var(--secondary-color, #a3a3a3); text-decoration: underline } #fsMenu .mobile-container .quicklinks .drop-trigger { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 6px; right: 10px; color: #6eadfd; border-radius: 50%; background-color: #fff; font-size: 0; line-height: 1; -webkit-transition: .35s all; transition: .35s all } #fsMenu .mobile-container .quicklinks .drop-trigger:hover, #fsMenu .mobile-container .quicklinks .drop-trigger:focus { color: var(--primary-color, #233796) } #fsMenu .mobile-container .quicklinks .drop-trigger:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: .625rem; display: block; color: var(--secondary-color, #a3a3a3); -webkit-transition: .35s transform; transition: .35s transform } #fsMenu .mobile-container .quicklinks .fsNavPageInfo { display: none; padding-bottom: 20px } #fsMenu .mobile-container .quicklinks ul.fsNavLevel1>li { display: none; visibility: hidden; pointer-events: none } #fsMenu .mobile-container .quicklinks ul.fsNavLevel1>li:first-child { display: block; visibility: visible; pointer-events: all } #fsMenu .mobile-container .menu-utility { position: relative; padding: 20px 0 } #fsMenu .mobile-container .menu-utility::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100vw; margin-left: 50%; margin-right: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); height: 100%; background-color: #e5e5e5; z-index: 1 } #fsMenu .mobile-container .menu-utility ul.fsNavLevel1 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; z-index: 300 } #fsMenu .mobile-container .menu-utility ul.fsNavLevel1>li:first-child { display: none; visibility: hidden; pointer-events: none } #fsMenu .mobile-container .menu-utility ul.fsNavLevel1>li>a { font-size: .875rem; line-height: 1.3333333333; font-weight: 600; color: #525252; text-decoration: none } #fsMenu .mobile-container .nav-main-mobile { margin-bottom: 30px } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li { position: relative; border-bottom: 1px solid #e5e5e5 } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li:last-child { border-bottom: none } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li[class*=fsNavCurrentPage]>a { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li[class*=fsNavCurrentPage]>a:hover, #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li[class*=fsNavCurrentPage]>a:focus { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li>a { padding: 14px 0; margin-right: 60px; font-size: 1.5rem; line-height: 1.3333333333; font-family: "EB Garamond", serif; font-weight: 700; text-decoration: none; color: #727272 } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li>a:hover, #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li>a:focus { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li.active>a { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel1>li.active>.drop-trigger:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel2>li[class*=fsNavCurrentPage]>a { color: #727272 } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel2>li[class*=fsNavCurrentPage]>a:hover, #fsMenu .mobile-container .nav-main-mobile .fsNavLevel2>li[class*=fsNavCurrentPage]>a:focus { color: var(--secondary-color, #a3a3a3) } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel2>li>a { padding: 8px 20px; color: #727272; font-weight: 700; font-size: .875rem; line-height: 1.3333333333; text-decoration: none } #fsMenu .mobile-container .nav-main-mobile .fsNavLevel2>li>a:hover, #fsMenu .mobile-container .nav-main-mobile .fsNavLevel2>li>a:focus { color: var(--secondary-color, #a3a3a3); text-decoration: underline } #fsMenu .mobile-container .nav-main-mobile .drop-trigger { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 6px; right: -14px; color: #6eadfd; font-size: 0; line-height: 1; -webkit-transition: .35s all; transition: .35s all } #fsMenu .mobile-container .nav-main-mobile .drop-trigger:hover, #fsMenu .mobile-container .nav-main-mobile .drop-trigger:focus { color: var(--primary-color, #233796) } #fsMenu .mobile-container .nav-main-mobile .drop-trigger:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1rem; display: block; color: #727272; -webkit-transition: .35s transform; transition: .35s transform } #fsMenu .mobile-container .nav-main-mobile .fsNavPageInfo { display: none; padding-bottom: 40px } .nav-social nav { margin: -5px } .nav-social .fsNavLevel1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .nav-social .fsNavLevel1 li { margin: 3.5px } .nav-social .fsNavLevel1 [href*=facebook]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=instagram]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=linkedin]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=pinterest]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=tumblr]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=twitter]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=vimeo]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=vine]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=youtube]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=wechat]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=flickr]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=wordpress]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=rss]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=smugmug]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=tiktok]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=whatsapp]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*=threads]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 a { background: var(--primary-color, #233796); color: #fff; padding: 0; text-decoration: none; position: relative; border: 1px solid rgba(var(--primary-color, #233796), 0.5); height: 45px; width: 45px; border-radius: 100%; text-indent: -100vw } .nav-social .fsNavLevel1 a:hover, .nav-social .fsNavLevel1 a:focus { background: #6eadfd; color: var(--primary-color, #233796) } .nav-social .fsNavLevel1 a:before { font-size: 1.0625rem; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: 0 } .nav-social .fsNavLevel1 [href*="x.com"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .nav-social .fsNavLevel1 [href*="youtube.com"]:before { font-size: .8125rem } .nav-utility-header { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1 } .nav-utility-header .fsNavPageInfo { text-align: left; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; min-width: 215px; z-index: 300; opacity: 0; visibility: hidden; -webkit-transition: .4s all; transition: .4s all } .nav-utility-header ul li { position: relative } .nav-utility-header ul li a { display: block; padding: 12.5px 12.5px; color: #fff; text-decoration: none } .nav-utility-header .fsNavLevel1 { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .nav-utility-header .fsNavLevel1>li { position: relative } .nav-utility-header .fsNavLevel1>li.fsNavParentPage { margin-right: 25px } .nav-utility-header .fsNavLevel1>li.fsNavParentPage::before { display: block; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; position: absolute; top: 50%; right: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #6eadfd; font-size: .625rem } .nav-utility-header .fsNavLevel1>li:last-child>a { padding-right: 20px } .nav-utility-header .fsNavLevel1>li>a { font-size: .875rem; font-weight: 600; line-height: 2.25rem; text-transform: capitalize } .nav-utility-header .fsNavLevel1>li>a::after { content: ""; position: absolute; width: 0; height: 1px; bottom: 0; right: 0; background-color: #262626; visibility: hidden; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; background-color: #fff; bottom: 12.5px } .nav-utility-header .fsNavLevel1>li.fsNavCurrentPage>a { color: #fff !important } .nav-utility-header .fsNavLevel1>li.fsNavCurrentPage>a:after { visibility: visible; width: calc(100% - 25px); left: 12.5px } .nav-utility-header .fsNavLevel1>li:hover>a, .nav-utility-header .fsNavLevel1>li:focus-within>a, .nav-utility-header .fsNavLevel1>li.menu-item-open>a { color: #fff } .nav-utility-header .fsNavLevel1>li:hover>a:after, .nav-utility-header .fsNavLevel1>li:focus-within>a:after, .nav-utility-header .fsNavLevel1>li.menu-item-open>a:after { visibility: visible; width: calc(100% - 25px); left: 12.5px } .nav-utility-header .fsNavLevel1>li:hover>.fsNavPageInfo, .nav-utility-header .fsNavLevel1>li:focus-within>.fsNavPageInfo, .nav-utility-header .fsNavLevel1>li.menu-item-open>.fsNavPageInfo { opacity: 1; visibility: visible } .nav-utility-header .fsNavLevel2>li>a { padding-left: 32.5px !important; background: #e5e5e5; color: #525252; font-size: .8125rem; font-weight: 600; line-height: 2.6875rem } .nav-utility-header .fsNavLevel2>li>a:hover, .nav-utility-header .fsNavLevel2>li>a:focus { color: var(--secondary-color, #a3a3a3); background: #f5f5f5 } .nav-utility-footer ul li { position: relative } .nav-utility-footer ul li a { display: block; text-decoration: none; font-size: .8125rem; font-weight: 600; line-height: 1.5; text-transform: capitalize; color: #525252; padding: 2.5px 0 } @media(min-width: 800px) { .nav-utility-footer ul li a { font-size: .875rem; line-height: 2rem } } .nav-utility-footer .fsNavLevel1 { padding-left: 0 } .nav-utility-footer .fsNavLevel1>li { position: relative } .nav-utility-footer .fsNavLevel1>li:hover>a, .nav-utility-footer .fsNavLevel1>li:focus-within>a, .nav-utility-footer .fsNavLevel1>li.menu-item-open>a { text-decoration: underline; text-underline-offset: 5px } .nav-utility-footer .fsNavLevel1>li:hover>.fsNavPageInfo, .nav-utility-footer .fsNavLevel1>li:focus-within>.fsNavPageInfo, .nav-utility-footer .fsNavLevel1>li.menu-item-open>.fsNavPageInfo { opacity: 1; visibility: visible } #fsHeader { position: relative; background-color: #fff } #fsHeader .fsElement { margin-bottom: 0 } #fsHeader .header-main { position: absolute; z-index: 9000 } #fsHeader .header-main>header { display: none } #fsHeader .header-main>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 13px 34px; width: 100vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #fsHeader .header-main>.fsElementContent::before { display: block; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 260px; opacity: .73; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(90.41%, #000)); background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000 90.41%); z-index: 1 } #fsHeader .header-main>.fsElementContent>section { position: relative; z-index: 9000 } #fsHeader .header-main .nav-utility-header { display: none } @media(min-width: 1100px) { #fsHeader .header-main .nav-utility-header { display: block } } #fsHeader .header-main .toggle-container>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 65px } @media(min-width: 800px) { #fsHeader .header-main .toggle-container>.fsElementContent { height: 75px } } #fsHeader .header-main .toggle-container .menu-toggle>.fsElementContent { height: 100% } #fsHeader .header-main .toggle-container .menu-toggle button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; border: 0; background: none; cursor: pointer; margin: 0; padding: 0 } #fsHeader .header-main .toggle-container .menu-toggle button span:not(.sr-only), #fsHeader .header-main .toggle-container .menu-toggle button i { display: block; background-color: var(--primary-color, #233796); -ms-flex-line-pack: center; align-content: center; height: 100% } #fsHeader .header-main .toggle-container .menu-toggle button span:not(.sr-only) { display: none; width: 83px; text-align: center; color: #fff; font-size: .9375rem; font-weight: 700; line-height: 1.25rem; text-transform: uppercase } @media(min-width: 1100px) { #fsHeader .header-main .toggle-container .menu-toggle button span:not(.sr-only) { display: block } } #fsHeader .header-main .toggle-container .menu-toggle button i { width: 65px; font-style: normal; -webkit-transition: all .3s; transition: all .3s } @media(min-width: 800px) { #fsHeader .header-main .toggle-container .menu-toggle button i { width: 68px } } #fsHeader .header-main .toggle-container .menu-toggle button i::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.25rem; color: #fff } @media(max-width: 1099px) { #fsHeader .header-main .toggle-container .menu-toggle button i::before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } } #fsHeader .header-main .toggle-container .menu-toggle button:hover i, #fsHeader .header-main .toggle-container .menu-toggle button:focus i { background-color: #6eadfd } #fsHeader .header-main .toggle-container .menu-toggle button:hover i::before, #fsHeader .header-main .toggle-container .menu-toggle button:focus i::before { color: var(--primary-color, #233796) } #fsHeader .header-main .toggle-container .search-toggle { display: none } @media(min-width: 1100px) { #fsHeader .header-main .toggle-container .search-toggle { display: block } } #fsHeader .header-main .toggle-container .search-toggle>.fsElementContent { display: block; width: 70px; height: 100% } #fsHeader .header-main .toggle-container .search-toggle button { height: 100%; border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; width: 100%; height: 100% } #fsHeader .header-main .toggle-container .search-toggle button::before { display: block; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.25rem; color: #fff; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s; transition: all .3s } #fsHeader .header-main .toggle-container .search-toggle button:hover::before, #fsHeader .header-main .toggle-container .search-toggle button:focus::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } #fsHeader .header-main .logo { margin-top: 15px } #fsHeader .header-main .logo img { height: 140px } /*@media(min-width: 600px) { #fsHeader .header-main .logo img { height: 75px } }*/ #fsHeader .header-main.sticky { position: fixed; top: -120px; background-color: var(--secondary-color, #a3a3a3); -webkit-transition: all .5s; transition: all .5s; opacity: 0; visibility: hidden; pointer-events: none } .up #fsHeader .header-main.sticky { top: 0px; opacity: 1; visibility: visible; pointer-events: all } .fsAccountBarVisible #fsHeader .header-main.sticky { top: 45px } #fsHeader .header-main.sticky>.fsElementContent::before { display: none } #fsHeader .header-main.sticky .toggle-container>.fsElementContent { height: 65px } #fsHeader .header-main.sticky .logo { margin: 0 } #fsHeader .header-main.sticky .logo img { height: 45px } @media(min-width: 600px) { #fsHeader .header-main.sticky .logo img { height: 55px } } body.fsComposeMode #fsHeader .header-main.sticky { display: none } body:not(.has-hero) #fsHeader .header-main { background-color: var(--primary-color, #233796) } body:not(.has-hero) #fsHeader .header-main:not(.sticky) { position: relative } body:not(.has-hero) #fsHeader .header-main>.fsElementContent::before { display: none } body:not(.has-hero) #fsHeader .header-main .toggle-container>.fsElementContent { height: 65px } body:not(.has-hero) #fsHeader .header-main .toggle-container .menu-toggle button span { background-color: #233796; } body:not(.has-hero) #fsHeader .header-main .toggle-container .menu-toggle button i { background-color: var(--secondary-color, #a3a3a3) } body:not(.has-hero) #fsHeader .header-main .toggle-container .menu-toggle button:hover i, body:not(.has-hero) #fsHeader .header-main .toggle-container .menu-toggle button:focus i { background-color: #6eadfd } body:not(.has-hero) #fsHeader .header-main .toggle-container .menu-toggle button:hover i::before, body:not(.has-hero) #fsHeader .header-main .toggle-container .menu-toggle button:focus i::before { color: #fff } body:not(.has-hero) #fsHeader .header-main .logo { margin: 0 } body:not(.has-hero) #fsHeader .header-main .logo img { height: 45px } @media(min-width: 600px) { body:not(.has-hero) #fsHeader .header-main .logo img { height: 55px } } body:not(.fsComposeMode) #fsHeader header { display: none } body:not(.fsComposeMode) #fsHeader .nav-sub>header { display: block } #fsFooter { position: relative; color: var(--primary-color, #233796); background: #fafafa } .home #fsFooter { background-color: #fff } @media(max-width: 799px) { .home #fsFooter { margin-bottom: 55px } } #fsFooter .fsElement { margin-bottom: 0 } #fsFooter .footer-wrap { max-width: 1180px; margin: 0 auto; padding-bottom: 90px } #fsFooter .footer-disclaimer>.fsElementContent { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 70px 15px 40px; border-bottom: 1.25px solid rgba(0, 102, 72, .32) } @media(min-width: 500px) { #fsFooter .footer-disclaimer>.fsElementContent { padding: 100px 30px 40px } } #fsFooter .footer-disclaimer>.fsElementContent::before { display: block; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: var(--primary-color, #233796); width: 50px; height: 50px; font-size: 3.125rem; margin-bottom: 5px } #fsFooter .footer-disclaimer>.fsElementContent p, #fsFooter .footer-disclaimer>.fsElementContent a:not([class]), #fsFooter .footer-disclaimer>.fsElementContent span { font-weight: 400; font-size: .875rem; line-height: 1.625rem } @media(min-width: 500px) { #fsFooter .footer-disclaimer>.fsElementContent p, #fsFooter .footer-disclaimer>.fsElementContent a:not([class]), #fsFooter .footer-disclaimer>.fsElementContent span { font-size: 1rem; line-height: 2.25rem } } #fsFooter .footer-main { position: relative; margin-top: 60px; padding: 0 15px; cursor: default } @media(min-width: 800px) { #fsFooter .footer-main { padding: 0 50px } } #fsFooter .footer-main>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } @media(min-width: 500px) { #fsFooter .footer-main>.fsElementContent { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } } @media(min-width: 800px) { #fsFooter .footer-main>.fsElementContent { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media(min-width: 1100px) { #fsFooter .footer-main>.fsElementContent { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } @media(max-width: 799px) { #fsFooter .footer-main>.fsElementContent .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } #fsFooter .footer-main>.fsElementContent .logo img { /*max-height: 140px*/ } } @media(max-width: 799px) { #fsFooter .footer-main>.fsElementContent>.fsElement:nth-child(2) { padding-right: 30px } } #fsFooter .footer-main>.fsElementContent>.fsElement>header .fsElementTitle { font-family: "EB Garamond", serif; font-size: 1.375rem; font-weight: 700; line-height: 2.5625rem; color: var(--primary-color, #233796); margin-bottom: 0 } @media(max-width: 1099px) { #fsFooter .last-footer-container { width: 100%; max-height: 130px; margin-top: 60px } } #fsFooter .last-footer-container>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media(min-width: 500px) { #fsFooter .last-footer-container>.fsElementContent { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media(min-width: 1100px) { #fsFooter .last-footer-container>.fsElementContent { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 300px } } @media(min-width: 1100px) { #fsFooter .last-footer-container>.fsElementContent { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } #fsFooter .last-footer-container>.fsElementContent>.fsElement>header .fsElementTitle { font-family: "EB Garamond", serif; font-size: 1.375rem; font-weight: 700; line-height: 2.5625rem; color: var(--primary-color, #233796); margin-bottom: 0 } @media(max-width: 1099px) { #fsFooter .last-footer-container .nav-social { padding: 0 30px 0 0 } } @media(max-width: 499px) { #fsFooter .last-footer-container .nav-social { width: 100% } } #fsFooter .last-footer-container .nav-social>header { margin-bottom: 10px } @media(max-width: 1099px) { #fsFooter .last-footer-container .accreditations { padding: 0 0 0 30px } #fsFooter .last-footer-container .accreditations .fsListItems { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } @media(max-width: 499px) { #fsFooter .last-footer-container .accreditations { padding: 0 } #fsFooter .last-footer-container .accreditations>.fsElementContent { padding-left: 15px } } #fsFooter .last-footer-container .accreditations>header { margin-bottom: 10px } #fsFooter .last-footer-container .accreditations article { padding: 0; margin: 0 } #fsFooter .last-footer-container .accreditations .fsTitle { display: none } #fsFooter .last-footer-container .accreditations img { -o-object-fit: contain; object-fit: contain } #fsFooter .back-to-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 65px; background: #e5e5e5 } #fsFooter .back-to-top>header { margin-right: 15px; cursor: default } #fsFooter .back-to-top>header .fsElementTitle { font-family: "Montserrat", sans-serif; font-size: .75rem; font-weight: 700; line-height: cer(43); text-transform: uppercase; color: #262626; margin: 0 } #fsFooter .back-to-top>.fsElementContent { display: block; height: 100%; overflow: hidden } #fsFooter .back-to-top button { position: relative; border: 0; background: none; cursor: pointer; margin: 0; padding: 0; width: 62px; height: 100%; background-color: var(--primary-color, #233796); -webkit-transition: all .3s; transition: all .3s } #fsFooter .back-to-top button::before { display: block; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all .3s; transition: all .3s } #fsFooter .back-to-top button:hover, #fsFooter .back-to-top button:focus { background-color: #6eadfd } #fsFooter .back-to-top button:hover::before, #fsFooter .back-to-top button:focus::before { color: var(--primary-color, #233796) } #fsFooter .fsLocationSingleItem, #fsFooter .fsTitle.fsLocationTitle { font-size: .8125rem; line-height: 1.5rem; font-weight: 600; color: #727272; margin: 0; text-transform: none } @media(min-width: 800px) { #fsFooter .fsLocationSingleItem, #fsFooter .fsTitle.fsLocationTitle { font-size: 1.125rem; line-height: 2.25rem } } #fsFooter .school-details [itemprop=streetAddress] { display: block } #fsFooter .school-details a { color: inherit } * { -webkit-box-sizing: border-box; box-sizing: border-box } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none } html { font-family: "Montserrat", sans-serif; background: var(--primary-color, #233796); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } body { color: #525252; font-size: 1rem; line-height: 1.75rem } [class*=fsElement][id].\:container\(width\<600px\) { font-size: .875rem; line-height: 1.5rem } #fsPageWrapper { overflow-x: hidden; position: relative } body.fsComposeMode #fsPageWrapper { overflow: visible } #fsPageBodyWrapper { background-color: #fff; padding: 50px 20px 40px } #fsPageBody { position: relative; margin: 0 auto; max-width: 1180px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media(min-width: 600px) { #fsPageBody { display: block } } @media(min-width: 900px) { #fsPageBody { display: -webkit-box; display: -ms-flexbox; display: flex } } #fsBannerLeft { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-bottom: 20px } @media(min-width: 600px) { #fsBannerLeft { padding-right: 20px; width: 240px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0 } } @media(min-width: 800px) { #fsBannerLeft { padding-right: 60px; width: 440px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media(min-width: 600px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 20px; width: 240px } } @media(min-width: 800px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft { padding-right: 60px; width: 440px } } @media(min-width: 900px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 20px; width: 240px } } @media(min-width: 1000px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft { padding-right: 60px; width: 440px } } #fsPageContent { width: 100% } .fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% } @media(min-width: 600px) { .fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 240px) } } @media(min-width: 800px) { .fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 440px) } } .fsHasLeftBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% } @media(min-width: 600px) { .fsHasLeftBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 240px) } } @media(min-width: 800px) { .fsHasLeftBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 440px) } } .fsHasLeftBanner.fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 20px; width: 100% } @media(min-width: 600px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 240px) } } @media(min-width: 800px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { width: calc(100% - 440px) } } @media(min-width: 900px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 480px); margin-bottom: 0 } } @media(min-width: 1000px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { width: calc(100% - 880px) } } #fsBannerRight { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; margin-bottom: 20px } @media(min-width: 600px) { #fsBannerRight { padding-left: 20px; width: 240px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0 } } @media(min-width: 800px) { #fsBannerRight { padding-left: 60px; width: 440px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { width: 100%; padding: 0 } @media(min-width: 600px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { width: calc(100% - 240px) } } @media(min-width: 800px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { width: calc(100% - 440px) } } @media(min-width: 900px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 20px; width: 240px } } @media(min-width: 1000px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { padding-left: 60px; width: 440px } } .fsLayout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media(min-width: 600px) { .fsLayout { margin-right: -20px; margin-left: -20px } } .fsLayout>*>.fsDiv, .fsLayout>.fsDiv { float: none; width: 100%; margin-bottom: 20px } @media(min-width: 600px) { .fsLayout>*>.fsDiv, .fsLayout>.fsDiv { padding-right: 20px; padding-left: 20px } } .fsLayout>header, .fsLayout>footer { width: 100% } @media(min-width: 600px) { .fsLayout>header, .fsLayout>footer { padding-right: 20px; padding-left: 20px } } .fsLayout .fsElementAddWrapper { width: 100% } @media(min-width: 1000px) { .fsOneColumnLayout:not(.fsPageLayout) { max-width: 1020px; margin-left: auto; margin-right: auto } } @media(min-width: 800px) { .fsTwoColumnLayout>.fsDiv { width: 50% } } @media(min-width: 900px) { .fsThreeColumnLayout>.fsDiv { width: 33.3333333333% } } @media(min-width: 800px) { .fsFourColumnLayout>.fsDiv { width: 50% } } @media(min-width: 1000px) { .fsFourColumnLayout>.fsDiv { width: 25% } } .fsLayout>.fsStyleOneThird { float: none } .fsLayout>.fsStyleTwoThirds { float: none } .fsLayout>.fsStyleTwoThirds>.fsDiv { padding-left: 0; padding-right: 0; float: none } @media(min-width: 600px) { .fsLayout>.fsStyleTwoThirds>.fsTwoColumnLayout { margin-right: -20px; margin-left: -20px } } .fsTwoColumnWideRightLayout, .fsElephantLeftLayout { margin-left: 0; margin-right: 0 } .fsTwoColumnWideRightLayout>header, .fsTwoColumnWideRightLayout>footer, .fsElephantLeftLayout>header, .fsElephantLeftLayout>footer { padding-left: 0; padding-right: 0 } .fsTwoColumnWideRightLayout>.fsStyleOneThird, .fsElephantLeftLayout>.fsStyleOneThird { width: 100%; margin-bottom: 20px } @media(min-width: 600px) { .fsTwoColumnWideRightLayout>.fsStyleOneThird, .fsElephantLeftLayout>.fsStyleOneThird { padding-left: 0; padding-right: 20px; width: 240px; margin-bottom: 0 } } @media(min-width: 800px) { .fsTwoColumnWideRightLayout>.fsStyleOneThird, .fsElephantLeftLayout>.fsStyleOneThird { padding-right: 60px; width: 440px } } .fsTwoColumnWideRightLayout>.fsStyleTwoThirds, .fsElephantLeftLayout>.fsStyleTwoThirds { width: 100% } @media(min-width: 600px) { .fsTwoColumnWideRightLayout>.fsStyleTwoThirds, .fsElephantLeftLayout>.fsStyleTwoThirds { padding-left: 0; padding-right: 0; width: calc(100% - 240px) } } @media(min-width: 800px) { .fsTwoColumnWideRightLayout>.fsStyleTwoThirds, .fsElephantLeftLayout>.fsStyleTwoThirds { width: calc(100% - 440px) } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent { width: 100% } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent { width: calc(100% - 240px) } } @media(min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent { width: calc(100% - 440px) } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight { width: 100%; padding-left: 0; margin-top: 20px } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight { padding-left: 20px; width: 240px; margin-top: 0 } } @media(min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight { padding-left: 60px; width: 440px } } @media(min-width: 600px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird { padding-right: 20px; width: 240px } } @media(min-width: 800px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird { padding-right: 60px; width: 440px } } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird { padding-right: 20px; width: 240px } } @media(min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird { padding-right: 60px; width: 440px } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds { width: 100% } @media(min-width: 600px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 240px) } } @media(min-width: 800px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 440px) } } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 240px) } } @media(min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 440px) } } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 240px) } } @media(min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 440px) } } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 240px; margin-top: 0 } } @media(min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 60px; width: 440px } } .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { width: 100%; padding-right: 0 } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { padding-right: 20px; width: 240px } } .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { width: 100% } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 240px) } } @media(min-width: 600px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 240px } } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 240px } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: 100%; margin-bottom: 0 } @media(min-width: 600px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: calc(100% - 240px) } } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: calc(100% - 480px) } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight { width: 100%; padding-left: 0; margin-top: 20px; margin-bottom: 0 } @media(min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight { padding-left: 20px; width: 240px; margin-top: 0 } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { margin-bottom: 20px; width: 100% } @media(min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { padding-right: 20px; width: 240px; margin-bottom: 0 } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { margin-bottom: 20px; width: 100%; margin-bottom: 0 } @media(min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 240px) } } .fsTwoColumnWideLeftLayout, .fsElephantRightLayout { margin-left: 0; margin-right: 0 } .fsTwoColumnWideLeftLayout>header, .fsTwoColumnWideLeftLayout>footer, .fsElephantRightLayout>header, .fsElephantRightLayout>footer { padding-left: 0; padding-right: 0 } .fsTwoColumnWideLeftLayout>.fsStyleOneThird, .fsElephantRightLayout>.fsStyleOneThird { width: 100%; margin-bottom: 20px } @media(min-width: 600px) { .fsTwoColumnWideLeftLayout>.fsStyleOneThird, .fsElephantRightLayout>.fsStyleOneThird { padding-left: 20px; padding-right: 0; width: 240px; margin-bottom: 0 } } @media(min-width: 800px) { .fsTwoColumnWideLeftLayout>.fsStyleOneThird, .fsElephantRightLayout>.fsStyleOneThird { padding-left: 60px; width: 440px } } .fsTwoColumnWideLeftLayout>.fsStyleTwoThirds, .fsElephantRightLayout>.fsStyleTwoThirds { width: 100% } @media(min-width: 600px) { .fsTwoColumnWideLeftLayout>.fsStyleTwoThirds, .fsElephantRightLayout>.fsStyleTwoThirds { width: calc(100% - 240px); padding-left: 0; padding-right: 0 } } @media(min-width: 800px) { .fsTwoColumnWideLeftLayout>.fsStyleTwoThirds, .fsElephantRightLayout>.fsStyleTwoThirds { width: calc(100% - 440px) } } .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: 100% } @media(min-width: 600px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 240px) } } @media(min-width: 800px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 440px) } } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 240px) } } @media(min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 440px) } } .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { width: 100%; padding-left: 0; margin-bottom: 20px } @media(min-width: 600px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 240px } } @media(min-width: 800px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 60px; width: 440px } } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 240px; margin-bottom: 0 } } @media(min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 60px; width: 440px } } .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { width: 100%; padding-left: 0 } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { padding-left: 20px; width: 240px } } @media(min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { padding-left: 60px; width: 440px } } .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { margin-bottom: 20px; width: 100% } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 240px); margin-bottom: 0 } } @media(min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 440px) } } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent { width: calc(100% - 240px) } } @media(min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent { width: calc(100% - 440px) } } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight { padding-left: 20px; width: 240px; margin-top: 0 } } @media(min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight { padding-left: 60px; width: 440px } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird { width: 100%; padding-left: 0 } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleOneThird { padding-left: 20px; width: 240px } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds { width: 100% } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 240px) } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight { width: 100%; padding-left: 0; margin-top: 20px; margin-bottom: 0 } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight { padding-left: 20px; width: 240px; margin-top: 0 } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: 100%; margin-bottom: 0 } @media(min-width: 600px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: calc(100% - 240px) } } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: calc(100% - 480px) } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { width: 100%; padding-left: 0; margin-bottom: 20px } @media(min-width: 600px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 240px; margin-bottom: 0 } } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 240px } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { margin-bottom: 0 } @media(min-width: 800px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { padding-left: 20px; width: 240px } } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { width: 100%; padding-left: 0 } } @media(min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleOneThird { padding-left: 20px; width: 240px } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { margin-bottom: 0 } @media(min-width: 800px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 240px) } } @media(min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { width: 100% } } @media(min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout>.fsStyleTwoThirds { width: calc(100% - 240px) } } #fsPoweredByFinalsite { margin: 20px auto 0; position: absolute; bottom: 20px; left: 20px } /*! elements - constituent main */ /*! elements - constituent default layout */ .fsConstituent { word-break: break-word } .fsConstituent .fsElementPagination { margin: 20px 0 } .fsConstituent .fsPhoto[style*=background-image], .fsConstituent .fsProfileImage[style*=background-image] { background-size: cover; background-position: center; display: inline-block } .fsConstituent .fsPhoto[style*=background-image]>img, .fsConstituent .fsProfileImage[style*=background-image]>img { opacity: 0; visibility: hidden } .fsConstituent .fsFullName { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+.fsConstituent .fsFullName { margin-top: 40px } .fsConstituent .fsFullName { font-size: 1.5625rem; line-height: 2rem; font-family: "Montserrat", sans-serif; color: var(--secondary-color, #a3a3a3); text-transform: uppercase; font-weight: 800 } .fsConstituent .fsFullName.\:container\(width\<600px\) { font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 10px } @media(max-width: 599px) { .fsConstituent .fsFullName { font-size: 1.5rem; line-height: 1.75rem } } .fsConstituent .fsFullName { margin-bottom: 20px } .fsConstituent[class*=fsThumbnailAlign] .fsPhoto img, .fsConstituent[class*=fsThumbnailAlign] .fsProfileImage img { float: none; margin: 0 } .fsConstituent.fsThumbnailAlignLeft .fsPhoto, .fsConstituent.fsThumbnailAlignLeft .fsProfileImage { float: left; padding-right: 0 } .fsConstituent.fsThumbnailAlignRight .fsPhoto, .fsConstituent.fsThumbnailAlignRight .fsProfileImage { float: right; padding-left: 0 } .fsConstituentProfile { position: relative } .fsConstituentProfile>div, .fsConstituentProfile>h3 { margin-bottom: 20px } .fsConstituentProfile>div>strong { display: block } /*! elements - constituent default layout */ .fsConstituent .fsConstituentItem { float: none; width: calc(100% - 20px); margin: 0 auto 40px; margin: 0 auto 20px } .fsConstituent:not(.fsThumbnailAlignLeft):not(.fsThumbnailAlignRight) .fsPhoto { max-width: unset } .fsConstituent.fsThumbnailAlignLeft .fsPhoto { margin-right: 10px; margin-bottom: 10px } .fsConstituent.fsThumbnailAlignRight .fsPhoto { margin-left: 10px; margin-bottom: 10px } .fsConstituentItem { padding-left: 10px; padding-right: 10px } .fsConstituentItem>h3, .fsConstituentItem>div { margin-bottom: 5px } .fsConstituentItem>h3:last-child, .fsConstituentItem>div:last-child { margin-bottom: 0 } .fsConstituentItem .fsPhoto { width: auto; margin-bottom: 30px; margin: -30px -30px 30px } .fsConstituentItem .fsPhoto:not(:first-child) { margin-top: 0 } .fsConstituentItem .fsPhoto:last-child { margin-bottom: 0 } .fsConstituentItem .fsPhoto .fsCroppedImage, .fsConstituentItem .fsPhoto img { display: block; width: 100% } .fsConstituentItem .fsFullName a { color: inherit; text-decoration: none } .fsConstituentItem .fsFullName a:hover, .fsConstituentItem .fsFullName a:focus { color: var(--secondary-color, #a3a3a3); text-decoration: underline } .fsConstituentItem { padding: 30px; border: solid 1px #d4d4d4 } div[class^=fsConstituentColumnLayout] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; margin: 0 -10px } @media(min-width: 600px) { .fsConstituentColumnLayout_2 .fsConstituentItem, .fsConstituentColumnLayout_3 .fsConstituentItem, .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px } } @media(min-width: 800px) { .fsConstituentColumnLayout_3 .fsConstituentItem, .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(33.33% - 20px) } } @media(min-width: 1000px) { .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(25% - 20px) } } /*! elements - constituent profile */ .fsConstituent.fsProfile .fsFullName { margin-bottom: 20px } .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage { margin: 0 0 20px 0; padding: 0; float: none } .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 { float: none; width: 100% } @media(min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 { padding: 0 } } .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3:first-child { padding: 0 } .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage { float: none } @media(min-width: 600px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage { max-width: 40% } } @media(min-width: 1000px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage { max-width: 512px } } @media(min-width: 600px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage { max-width: 25% } } @media(min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage { max-width: 128px } } .fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSection:after, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSection:after { display: none } .fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData { float: none; display: block; width: 100% } .fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData>div, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData>div { clear: none } @media(min-width: 600px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage { margin-right: 20px; float: left } } @media(min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3 { padding-left: calc(40% + 20px) } } @media(min-width: 1000px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>h3 { padding-left: 532px } } @media(min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3 { padding-left: calc(25% + 20px) } } @media(min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>h3 { padding-left: 148px } } @media(min-width: 600px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage { margin-left: 20px; float: right } } @media(min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3 { padding-right: calc(40% + 20px) } } @media(min-width: 1000px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>h3 { padding-right: 532px } } @media(min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 { padding-right: calc(25% + 20px) } } @media(min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>h3 { padding-right: 148px } } .fsProfileImage { margin-bottom: 20px } .fsProfileImage img { display: block } .fsProfileSection { margin-bottom: 20px } .fsProfileSection h4 { margin: 0 0 1rem 0 } .fsProfileSectionData { margin-bottom: 1em } .fsProfileSectionData:last-child { margin-bottom: 0 } .fsProfileSectionData>div { width: auto; float: none; display: block } .fsProfileSectionData.fsStyleHalf { width: 100% } @media(min-width: 600px) { .fsProfileSectionData.fsStyleHalf { width: 50% } } .fsProfileSectionSpecialData>div { width: auto; float: none; display: block } .fsProfileSectionSpecialData div[id^=fsEmail] { display: inline-block } .fsProfileSectionFieldName, .fsEmail>div:first-child { font-weight: 700 } /*! elements - constituent search */ .fsConstituent.fsSearch { overflow: hidden } .fsConstituent.fsSearch+.fsConstituent { border-top: 1px solid #525252; margin-top: 20px; padding-top: 20px } .fsConstituentSearchForm { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .fsConstituentSearchForm>label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 10px; margin-top: 10px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .fsConstituentSearchForm>label>span { margin-bottom: 4px; font-size: .875rem; line-height: 1.3571428571; font-weight: 600 } .fsConstituentSearchForm>label>select, .fsConstituentSearchForm>label>input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: 1px solid #a3a3a3; border-radius: 3px; -webkit-transition: .3s border; transition: .3s border } .fsConstituentSearchForm>label>select:hover, .fsConstituentSearchForm>label>select:focus, .fsConstituentSearchForm>label>input:hover, .fsConstituentSearchForm>label>input:focus { border-color: #727272 } .fsConstituentSearchForm>label>select { height: 32px; text-overflow: ellipsis; white-space: nowrap; width: 100% } .fsConstituentSearchForm [type*=submit] { -ms-flex-item-align: end; align-self: flex-end; margin: 10px; width: 100% } @media(min-width: 600px) { .fsConstituentSearchForm [type*=submit] { width: auto } } /*! elements - constituent default layout */ .fsConstituent.fsDialog .fsProfileImage:first-child { margin-top: 1em } .fsConstituent.fsDialog .fsProfileImage img { float: none; margin: 0 } .fsConstituent .fsDialogContent { padding-top: 45px } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage { margin: 0 0 20px 0; padding: 0; float: none } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 { float: none; width: 100% } @media(min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 { padding: 0 } } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3:first-child { padding: 0 } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage { float: none } @media(min-width: 600px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage { max-width: 40% } } @media(min-width: 600px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage { max-width: 25% } } @media(min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage { max-width: 128px } } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSection:after, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSection:after { display: none } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData { float: none; display: block; width: 100% } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData>div, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData>div { clear: none } @media(min-width: 600px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage { margin-right: 20px; float: left } } @media(min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3 { padding-left: calc(40% + 20px) } } @media(min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3 { padding-left: calc(25% + 20px) } } @media(min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare>h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle>h3 { padding-left: 148px } } @media(min-width: 600px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage { margin-left: 20px; float: right } } @media(min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3 { padding-right: calc(40% + 20px) } } @media(min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 { padding-right: calc(25% + 20px) } } @media(min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare>h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle>div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle>h3 { padding-right: 148px } } /*! elements - accordion */ .fsTabs .fsPanel, .fsAccordion .fsPanel { border-top: solid 1px #d4d4d4 } .fsTabs .fsPanel:last-child, .fsAccordion .fsPanel:last-child { border-bottom: solid 1px #d4d4d4 } .fsTabs .fsPanel>header, .fsAccordion .fsPanel>header { cursor: pointer; background: rgba(0, 0, 0, 0); -webkit-transition: .3s; transition: .3s } .fsTabs .fsPanel>header h2, .fsAccordion .fsPanel>header h2 { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+.fsTabs .fsPanel>header h2, p+.fsAccordion .fsPanel>header h2 { margin-top: 40px } .fsTabs .fsPanel>header h2, .fsAccordion .fsPanel>header h2 { font-size: 1.4375rem; line-height: 1.5rem } .fsTabs .fsPanel>header h2.\:container\(width\<600px\), .fsAccordion .fsPanel>header h2.\:container\(width\<600px\) { font-size: 1.5rem; line-height: 1.5625rem } @media(max-width: 599px) { .fsTabs .fsPanel>header h2, .fsAccordion .fsPanel>header h2 { font-size: 1.5rem; line-height: 1.5625rem } } .fsTabs .fsPanel>header h2, .fsAccordion .fsPanel>header h2 { margin-bottom: 0; padding: 24px; font-family: "EB Garamond", serif; color: #727272; -webkit-transition: .3s; transition: .3s; position: relative } .fsTabs .fsPanel>header h2 a, .fsAccordion .fsPanel>header h2 a { -webkit-transition: none; transition: none; font-weight: 700 } .fsTabs .fsPanel>header:hover, .fsAccordion .fsPanel>header:hover, .fsTabs .fsPanel>header:focus-within, .fsAccordion .fsPanel>header:focus-within { background: var(--secondary-color, #a3a3a3); -webkit-transition: .3s; transition: .3s } .fsTabs .fsPanel>header:hover h2, .fsAccordion .fsPanel>header:hover h2, .fsTabs .fsPanel>header:focus-within h2, .fsAccordion .fsPanel>header:focus-within h2 { color: #fff; -webkit-transition: .3s; transition: .3s } @media(min-width: 600px) { .fsTabs .fsPanel>.fsElementContent, .fsAccordion .fsPanel>.fsElementContent { padding: 23px 37px 33px 50px; border-left: 4px solid #6eadfd } } .fsTabs .fsPanel.fsStateOpen>header, .fsAccordion .fsPanel.fsStateOpen>header { background: var(--secondary-color, #a3a3a3) } .fsTabs .fsPanel.fsStateOpen>header h2, .fsAccordion .fsPanel.fsStateOpen>header h2 { color: #fff } .fsTabs .fsPanel.fsStateOpen>header h2:before, .fsAccordion .fsPanel.fsStateOpen>header h2:before { content: ""; font-size: .15625rem !important; max-width: 16px } .fsPanelIconAfter.fsTabs .fsPanel>header h2::after, .fsPanelIconAfter.fsAccordion .fsPanel>header h2::after, .fsPanelIconBefore.fsTabs .fsPanel>header h2::before, .fsPanelIconBefore.fsAccordion .fsPanel>header h2::before { content: ""; border: none; width: auto; height: auto; margin: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); font-family: "IcoMoon"; font-size: 1rem; max-width: 16px; content: "" } .fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen>header h2::before, .fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen>header h2::before, .fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen>header h2::after, .fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen>header h2::after { content: ""; border: none; width: auto; height: auto; margin: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); font-family: "IcoMoon"; font-size: 1rem; max-width: 16px; content: "" } .fsPanelIconBefore.fsTabs .fsPanel>header h2, .fsPanelIconBefore.fsAccordion .fsPanel>header h2 { padding-left: 51px } .fsPanelIconBefore.fsTabs .fsPanel>header h2:before, .fsPanelIconBefore.fsAccordion .fsPanel>header h2:before { left: 12px } .fsPanelIconAfter.fsTabs .fsPanel>header h2, .fsPanelIconAfter.fsAccordion .fsPanel>header h2 { padding-right: 51px } .fsPanelIconAfter.fsTabs .fsPanel>header h2:before, .fsPanelIconAfter.fsAccordion .fsPanel>header h2:before { display: none } .fsPanelIconAfter.fsTabs .fsPanel>header h2:after, .fsPanelIconAfter.fsAccordion .fsPanel>header h2:after { right: 12px } .fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel>header h2:before, .fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel>header h2:before { content: "" } .fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen>header h2::after { font-size: .15625rem !important; max-width: 16px } /*! elements - athletics main */ /*! elements - athletics events */ .fsAthleticsEvent>.fsElementContent { width: 100% } .fsAthleticsEvent .fsAlertFeeds { margin-bottom: 10px } .fsAthleticsEvent .fsElementEventIcon { display: inline-block } .fsAthleticsEvent .fsElementEventIcon img { max-width: 30px } .fsAthleticsEvent div.fsTitle { display: inline-block } /*! elements - athletics events - list subtype */ .fsAthleticsEvent.fsList .fsElementEventIcon { margin-right: 10px } .fsAthleticsEvent.fsList .fsAlertIcon { margin-left: 5px; margin-bottom: -3px } .fsAthleticsEvent.fsList .fsAthleticsOpponents { display: inline } .fsAthleticsEvent.fsList .fsAthleticsOpponentNames { display: inline } .fsAthleticsEvent.fsList .fsAthleticsEventReadMoreLink { display: inline-block; margin-top: 5px } .fsAthleticsEvent.fsList .fsAthleticsDismissal, .fsAthleticsEvent.fsList .fsAthleticsDeparture, .fsAthleticsEvent.fsList .fsAthleticsReturn, .fsAthleticsEvent.fsList .fsAthleticsPickup { margin-top: 5px } .fsAthleticsEvent.fsList .fsAthleticsDismissalLabel, .fsAthleticsEvent.fsList .fsAthleticsDepartureLabel, .fsAthleticsEvent.fsList .fsAthleticsReturnLabel, .fsAthleticsEvent.fsList .fsAthleticsPickupLabel { display: inline-block } .fsAthleticsEvent.fsList .fsAthleticsDismissalLabel+div, .fsAthleticsEvent.fsList .fsAthleticsDepartureLabel+div, .fsAthleticsEvent.fsList .fsAthleticsReturnLabel+div, .fsAthleticsEvent.fsList .fsAthleticsPickupLabel+div { display: inline-block } /*! elements - athletics events */ .fsAthleticsEvent.fsEvent article>div { margin-bottom: 10px } .fsAthleticsEvent.fsEvent article>div:last-child { margin-bottom: 0 } .fsAthleticsEvent.fsEvent .fsAthleticsOpponents { display: inline-block } .fsAthleticsEvent.fsEvent .fsAthleticsVs+div { display: inline-block } /*! elements - athletics events - table*/ @media(min-width: 801px) { .fsAthleticsEvent.fsTable .fsDateTime, .fsAthleticsEvent.fsTable .fsAthleticsScore { white-space: nowrap } } .fsAthleticsEvent.fsTable .fsElementTable { margin-bottom: 0 } @media(max-width: 800px) { .fsAthleticsEvent.fsTable .fsElementTable thead { display: none } } .fsAthleticsEvent.fsTable .fsElementTable thead th { white-space: nowrap } @media(max-width: 800px) { .fsAthleticsEvent.fsTable .fsElementTable td { display: inline-block; width: 100%; padding: 0 10px } .fsAthleticsEvent.fsTable .fsElementTable td:not(:last-child) { border: 0 } .fsAthleticsEvent.fsTable .fsElementTable td:first-of-type { padding-top: 10px } .fsAthleticsEvent.fsTable .fsElementTable td:last-of-type { padding-bottom: 10px } .fsAthleticsEvent.fsTable .fsElementTable td:before { display: inline-block; font-weight: 700 } .fsAthleticsEvent.fsTable .fsElementTable td.fsTitle:before { content: "Team: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents { display: inline-block } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsVs { display: inline-block } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsOpponentNames { display: inline-block } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents:before { content: "Opponent: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate .fsDateTime { display: inline-block } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate:before { content: "Date: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime .fsDateTime { display: inline-block } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime:before { content: "Time: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsLocations:before { content: "Location: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAdvantage:before { content: "Advantage: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsEventType:before { content: "Type: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDetails:before { content: "Details: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsResult:before { content: "Result: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsScore:before { content: "Score: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAlerts:before { content: "Alerts: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDismissal:before { content: "Dismissal: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDeparture:before { content: "Departure: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsReturn:before { content: "Return Time: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsPickup:before { content: "Pickup Time: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsRecap:before { content: "Recap: " } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsStatus:before { content: "Status: " } } .fsAthleticsEvent.fsTable .fsAthleticsVs+div { display: inline } .fsAthleticsEvent.fsTable .fsAthleticsDismissalLabel, .fsAthleticsEvent.fsTable .fsAthleticsDepartureLabel, .fsAthleticsEvent.fsTable .fsAthleticsReturnLabel, .fsAthleticsEvent.fsTable .fsAthleticsPickupLabel { display: none } .fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime { display: inline-block } @media(min-width: 800px) { .fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime { display: block } } body.fsComposeMode .fsAthleticsEvent.fsTable>.fsElementContent { overflow-x: auto } /*! elements - athletics popup dialog box */ .fsAthleticsEvent.fsDialog .fsAthleticsTitle { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+.fsAthleticsEvent.fsDialog .fsAthleticsTitle { margin-top: 40px } .fsAthleticsEvent.fsDialog .fsAthleticsTitle { font-size: 2.125rem; line-height: 2.25rem } .fsAthleticsEvent.fsDialog .fsAthleticsTitle.\:container\(width\<600px\) { font-size: 1.9375rem; line-height: 2.25rem; margin-bottom: 10px } @media(max-width: 599px) { .fsAthleticsEvent.fsDialog .fsAthleticsTitle { font-size: 1.9375rem; line-height: 2.25rem } } .fsAthleticsEvent.fsDialog .fsAthleticsTitle { margin-bottom: 20px } .fsAthleticsEvent.fsDialog .fsAthleticsLabel { font-weight: bold; margin-top: 20px } .fsAthleticsEvent.fsDialog .fsAthleticsAddress>div { margin-top: 10px } /*! elements - athletics roster */ .fsAthleticsRosterList li>div:before, .fsAthleticsRoster .fsElementTable td:before { margin-right: 5px; display: inline-block; font-weight: 700 } .fsAthleticsRosterList li>div.fsRosterPlayerNumber:before, .fsAthleticsRoster .fsElementTable td.fsRosterPlayerNumber:before { content: "Number: " } .fsAthleticsRosterList li>div.fsRosterName:before, .fsAthleticsRoster .fsElementTable td.fsRosterName:before { content: "Name: " } .fsAthleticsRosterList li>div.fsRosterPosition:before, .fsAthleticsRoster .fsElementTable td.fsRosterPosition:before { content: "Position: " } .fsAthleticsRosterList li>div.fsRosterClass:before, .fsAthleticsRoster .fsElementTable td.fsRosterClass:before { content: "Class: " } .fsAthleticsRosterList li>div.fsRosterGradeLevel:before, .fsAthleticsRoster .fsElementTable td.fsRosterGradeLevel:before { content: "Grade: " } .fsAthleticsRosterList li>div.fsRosterHometown:before, .fsAthleticsRoster .fsElementTable td.fsRosterHometown:before { content: "Hometown: " } .fsAthleticsRosterList li>div.fsRosterHeight:before, .fsAthleticsRoster .fsElementTable td.fsRosterHeight:before { content: "Height: " } .fsAthleticsRosterList li>div.fsRosterWeight:before, .fsAthleticsRoster .fsElementTable td.fsRosterWeight:before { content: "Weight: " } @media(max-width: 800px) { .fsAthleticsRoster .fsElementTable thead { display: none } } @media(min-width: 800px) { .fsAthleticsRoster .fsElementTable td:before { display: none } } @media(max-width: 800px) { .fsAthleticsRoster .fsElementTable td { display: inline-block; width: 100%; padding: 0 10px } .fsAthleticsRoster .fsElementTable td:not(:last-child) { border: 0 } .fsAthleticsRoster .fsElementTable td:first-of-type { padding-top: 10px } .fsAthleticsRoster .fsElementTable td:last-of-type { padding-bottom: 10px } } .fsAthleticsRosterContent { margin-bottom: 20px } .fsAthleticsRosterContent:empty, .fsAthleticsRosterContent:last-child { margin-bottom: 0 } .fsAthleticsRosterList, .fsAthleticsRosterList ul { margin: 0; padding: 0; list-style: none } .fsAthleticsRosterList li { margin: 0; padding: 0 } .fsAthleticsRosterList li { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #525252 } .fsAthleticsRosterList li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .fsAthleticsRosterList li>div { margin-bottom: 10px } .fsAthleticsRosterList li>div:last-child { margin-bottom: 0 } .fsAthleticsRosterList li>div.fsRosterName { margin-bottom: 10px } .fsAthleticsRosterList li>div.fsRosterName:before { display: none } .fsAthleticsRosterList .fsCoachImage { display: block; margin-bottom: 10px } /*! elements - athletics teams */ .fsAthleticsTeamDirectory, .fsAthleticsTeamDirectory ul { margin: 0; padding: 0; list-style: none } .fsAthleticsTeamDirectory li { margin: 0; padding: 0 } .fsAthleticsTeamDirectory { max-width: 100% } .fsAthleticsTeamDirectory>li { margin-bottom: 10px } .fsAthleticsTeamDirectory .fsAthleticsTeamIcon { display: inline-block } .fsAthleticsTeamIcon { margin-right: 10px } .fsBoardElement.fsThumbnailAlignLeft .fsThumbnail { float: none } @media(min-width: 600px) { .fsBoardElement.fsThumbnailAlignLeft .fsThumbnail { float: left } } .fsBoardElement.fsThumbnailAlignRight .fsThumbnail { float: none } @media(min-width: 600px) { .fsBoardElement.fsThumbnailAlignRight .fsThumbnail { float: right } } /*! _main.scss - src/sass/modules/calendar/ - main calendar import */ /*! _all.scss - src/sass/modules/calendar/list.scss - calendar each article style */ .fsCalendar article { position: relative; padding-left: 90px; min-height: 60px; padding-top: 0 } .fsCalendar article .fsElementEventColorIcon { width: 12px; height: 12px } .fsCalendar .fsDate { position: absolute; top: 0; left: 0; text-align: center; min-height: 60px; width: 60px; color: #fff; background: var(--secondary-color, #a3a3a3); border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .625rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; padding: 10px 0 } .fsCalendar .fsDate>span.fsDay { font-size: 1.5rem; line-height: 1.5rem } .fsCalendar article { border-bottom-color: #e5e5e5 } .fsCalendar .fsTitle { font-family: "EB Garamond", serif; font-size: 1.625rem; line-height: 2rem; color: var(--primary-color, #233796); text-transform: capitalize } .fsCalendar .fsEventDetails { margin-bottom: 15px } .fsCalendar .fsEventDetails:last-child { margin-bottom: 0 } .fsCalendar .fsEventDetails>hr { display: none } .fsCalendar .fsAllDay, .fsCalendar .fsTimeRange, .fsCalendar .fsLocation { position: relative; font-size: .875rem; line-height: 1.25rem; font-weight: 600; color: #525252; margin-top: 5px; text-transform: capitalize } .fsCalendar .fsAllDay:first-child, .fsCalendar .fsTimeRange:first-child, .fsCalendar .fsLocation:first-child { margin-top: 0 } .fsCalendar .fsAllDay:before, .fsCalendar .fsTimeRange:before, .fsCalendar .fsLocation:before { position: absolute; top: 0; left: 0; color: var(--secondary-color, #a3a3a3); font-size: 1rem } .fsCalendar .fsAllDay, .fsCalendar .fsTimeRange { padding-left: 24px } .fsCalendar .fsAllDay:before, .fsCalendar .fsTimeRange:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .fsCalendar .fsLocation { padding-left: 26px } .fsCalendar .fsLocation:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .fsCalendar .fsElementEventIcon img { margin: 0 auto } .fsCalendar .fsNotes, .fsCalendar .fsDescription { margin-top: 15px } .fsCalendar .fsNotes:first-child, .fsCalendar .fsDescription:first-child { margin-top: 0 } .fsCalendar .fsReadMoreLink { text-decoration: none; position: relative } .fsCalendar .fsReadMoreLink::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--secondary-color, #a3a3a3); left: 0; bottom: -2.5px; opacity: 1; -webkit-transition: .3s all; transition: .3s all } .fsCalendar .fsReadMoreLink:hover, .fsCalendar .fsReadMoreLink:focus { color: var(--secondary-color, #a3a3a3) } .fsCalendar .fsReadMoreLink:hover::before, .fsCalendar .fsReadMoreLink:focus::before { opacity: 0 } /*! _list.scss - src/sass/modules/calendar/list.scss - calendar event */ .fsNavigation ul { list-style: none; margin: 0; padding: 0 } .fsNavigation li.fsNavCurrentPage>a, .fsNavigation li.fsNavCurrentPageAncestor>a { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .fsNavigation a { display: block; padding: 10px 0; color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .fsNavigation a:hover, .fsNavigation a:focus { color: var(--secondary-color, #a3a3a3); background: rgba(0, 0, 0, 0) } .fsNavigation .fsNavLevel2>li>a { padding-left: 10px } .fsNavigation .fsNavLevel3>li>a { padding-left: 20px } .fsNavigation .fsNavLevel4>li>a { padding-left: 30px } .fsNavigation .fsNavLevel5>li>a { padding-left: 40px } .fsNavigation .has-expander { position: relative } .fsNavigation .expander { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 10px; width: 40px; height: 55px; overflow: hidden; color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-transition: all .3s; transition: all .3s; z-index: 10; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .fsNavigation .expander span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: -1 } .fsNavigation .expander span:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1rem; color: #262626; -webkit-transition: all ease-in .3s; transition: all ease-in .3s } .fsNavigation .expander:hover, .fsNavigation .expander:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .fsNavigation .expander:hover span:before, .fsNavigation .expander:focus span:before { color: var(--primary-color, #233796) } .fsNavigation .fsNavLevel2 .expander, .fsNavigation .fsNavLevel3 .expander, .fsNavigation .fsNavLevel4 .expander, .fsNavigation .fsNavLevel5 .expander { height: 50px } .fsNavigation .expanded>.expander { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } /*! _grid.scss - src/sass/modules/calendar/grid.scss - calendar grid */ .fsCalendar.fsGrid .fsCalendarDayView { margin-top: 20px } .fsCalendar.fsGrid .fsCalendarDayView .fsCalendarInfo:not(:last-child) { margin-bottom: 40px } .fsCalendar.fsGrid .fsCalendarEventTitle { font-weight: bold } .fsCalendarEventGrid .fsCalendarRow { display: -webkit-box; display: -ms-flexbox; display: flex } .fsCalendarEventGrid .fsCalendarRow .fsCalendarToday { background-color: rgba(var(--primary-color, #233796), 0.1) } .fsCalendarEventGrid .fsCalendarRow .fsCalendarOutOfRange { background-color: rgba(0, 0, 0, 0) } .fsCalendarEventGrid .fsCalendarRow .fsCalendarOutOfRange .fsCalendarDate { background-color: #d4d4d4 } .fsCalendarEventGrid .fsCalendarDaybox { border-color: #a3a3a3 } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo { color: #262626 } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo>div { margin-bottom: 5px } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo>div:last-child { margin-bottom: 0 } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle+div { margin-top: 5px } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate { line-height: 1; display: table; padding: 5px; margin: -5px -5px 5px auto } @media(min-width: 900px) { .fsCalendarEventGrid .fsCalendarDaybox { height: auto !important; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div { height: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:first-child { position: relative } } .fsCalendar.fsGrid .fsCalendarGridControlBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .fsCalendar.fsGrid .fsCalendarGridControlBar:after { display: none } .fsCalendar.fsGrid .fsCalendarGridControlBar>div { margin: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .fsCalendar.fsGrid .fsCalendarGridControlBar .fsDisplayNavigation { margin-right: 10px } .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarGridBrowser { width: 100%; margin-top: 10px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } @media(min-width: 900px) { .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarGridBrowser { width: auto; margin-top: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls { margin: 10px 0 0 } @media(min-width: 900px) { .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin: 0 } } .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthYearPicker:not(.fsStateHidden) { z-index: 1 } @media(max-width: 899px) { .fsCalendar.fsGrid .fsCalendarEventGrid { width: 100%; margin: 0 auto } .fsCalendar.fsGrid .fsCalendarEventGrid:after { display: none } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarMonthBrowser { margin: 20px 0 } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarWeekdays { display: none } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow { width: auto; border-right: solid 1px #a3a3a3; -webkit-box-shadow: 0 1px 0 0 #a3a3a3; box-shadow: 0 1px 0 0 #a3a3a3 } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow:last-child { border-bottom: solid 1px #a3a3a3; -webkit-box-shadow: none; box-shadow: none } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox { cursor: pointer; min-height: 44px; position: relative; padding: 0; margin: 0; border: none; height: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-left: solid 1px #a3a3a3; border-top: 1px solid #a3a3a3; color: #262626; background: #fff; -webkit-transition: .3s; transition: .3s } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus { color: #fff; background: var(--secondary-color, #a3a3a3); -webkit-transition: .3s; transition: .3s } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover .fsCalendarOutOfRange, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus .fsCalendarOutOfRange, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover .fsCalendarOutOfRange, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus .fsCalendarOutOfRange { color: #fff; -webkit-transition: .3s; transition: .3s } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover .fsCalendarOutOfRange .fsCalendarDate, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus .fsCalendarOutOfRange .fsCalendarDate, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover .fsCalendarOutOfRange .fsCalendarDate, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus .fsCalendarOutOfRange .fsCalendarDate { background: var(--secondary-color, #a3a3a3); -webkit-transition: .3s; transition: .3s } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate { margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; font-size: 14px; padding-bottom: calc(50% - 14px/2); padding-top: calc(50% - 14px/2); color: inherit; background-color: rgba(0, 0, 0, 0) } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday { background: var(--secondary-color, #a3a3a3); color: #fff } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after { content: "●"; font-size: 10px; display: block; line-height: .5; -webkit-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0) } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div { position: relative; min-height: 22px; width: 100%; padding: 0; overflow: hidden } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:first-child { -webkit-box-shadow: inset 0 -1px 0 0 #a3a3a3; box-shadow: inset 0 -1px 0 0 #a3a3a3 } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not([tabIndex]) .fsCalendarDate { margin-bottom: 0 } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not([tabIndex]) .fsCalendarDate:after { display: none } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected { color: #fff; background: #233796 } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected:hover, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected:focus { color: #fff; background: var(--secondary-color, #a3a3a3); -webkit-transition: .3s; transition: .3s } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected .fsCalendarOutOfRange { background: inherit; color: inherit } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox .fsCalendarDate { padding: calc(25% - 14px/2) 0 calc(25% - 14px/2); margin: 0 0 3px; font-size: .75rem; display: block; height: 100%; background-color: rgba(0, 0, 0, 0) } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected { color: #fff; background: #233796 } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected .fsCalendarOutOfRange { background: inherit; color: inherit } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarOutOfRange { background: #d4d4d4; color: #525252; -webkit-transition: .3s; transition: .3s } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo { display: none } } #event-view { padding: 0 20px; margin: 20px 0 } #event-view .fsCalendarDaybox { height: auto !important } #event-view .fsCalendarDaybox>div { margin-bottom: 20px } #event-view .fsCalendarWeekendDayBox>div:first-child { padding-bottom: 20px } #event-view .fsCalendarWeekendDayBox .fsCalendarInfo:not(:last-child) { margin-bottom: 20px } #event-view .fsCalendarEventTitle { margin-bottom: 5px } .fsCalendarDayView:not(.fsStateHidden)+.fsCalendarEventGrid+#event-view { display: none } @media(min-width: 900px) { #event-view { display: none } } .scroll-up { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .scroll-up:hover, .scroll-up:focus, .fsStateSelected .scroll-up, .scroll-up.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .scroll-up.full-width-button { width: 100%; max-width: unset } .scroll-up { display: table; margin: 20px auto } .scroll-up+.fsCalendarLegend { margin-top: 20px !important } @media(min-width: 900px) { .scroll-up { display: none } } .fsElementEventColorIcon { display: inline-block } .fsCalendar.fsGrid .fsCalendarEventGrid+.fsCalendarLegend { margin-top: 40px } .fsCalendar.fsGrid .fsCalendarLegend, .fsCalendar.fsGrid .fsCalendarLegend ul { margin: 0; padding: 0; list-style: none } .fsCalendar.fsGrid .fsCalendarLegend li { margin: 0; padding: 0 } .fsCalendar.fsGrid .fsCalendarLegend h4 { margin-bottom: 20px } @media(min-width: 600px) { .fsCalendar.fsGrid .fsCalendarLegend>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .fsCalendar.fsGrid .fsCalendarLegend>ul>li { margin-left: 0 } @media(min-width: 600px) { .fsCalendar.fsGrid .fsCalendarLegend>ul>li { width: 49% } } .fsCalendar.fsGrid .fsCalendarLegend .fsElementEventColorIcon { vertical-align: baseline } /*! _slideshow.scss - src/sass/modules/calendar/slideshow.scss - calendar slideshow */ .fsCalendar.fsSlideshow .fsAlertFeeds { float: none } .fsCalendar.fsSlideshow.fsSlideshowHorizontal .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex } .fsCalendar.fsSlideshow article { outline: solid 1px #d4d4d4; outline-offset: -10px; padding: 40px; text-align: center } .fsCalendar.fsSlideshow .fsDate { position: static; margin: 0 auto 20px } .fsCalendar.fsSlideshow .fsEventDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /*! _event.scss - src/sass/modules/calendar/event.scss - calendar event */ /*! _dialog.scss - src/sass/modules/calendar/_dialog.scss - calendar dialog pop up */ /*! elements - forms */ textarea, input, select { padding: 5px; max-width: 100% } .fsComposerFormEmbed { background: none } .fsComposerFormEmbed body { margin: 0 } .fsComposerFormEmbed form { zoom: 1 } .fsComposerFormEmbed form:after { display: table; clear: both; content: "" } .fsComposerFormEmbed form input, .fsComposerFormEmbed form textarea, .fsComposerFormEmbed form select { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 28px; color: #262626 } .fsComposerFormEmbed form input { border: solid 1px #525252 } .fsComposerFormEmbed form input.fileUploader { padding: 0; width: 100%; border: none } .fsComposerFormEmbed form fieldset { padding: 0 } .fsComposerFormEmbed form textarea { max-width: 100%; width: 100%; border: solid 1px #525252 } .fsComposerFormEmbed form .mainGroupSub { max-width: 100%; width: 100% !important } .fsComposerFormEmbed form .formPage { margin-bottom: 20px } .fsComposerFormEmbed form .elementRow { max-width: 100%; margin: 0 } .fsComposerFormEmbed form .elementRow:last-child .elementContainer:last-child { margin-bottom: 0 } .fsComposerFormEmbed form .elementContainer { margin: 0 0 20px; padding: 0 } @media screen and (max-width: 599px) { .fsComposerFormEmbed form .elementContainer { width: 100% } } .fsComposerFormEmbed form .elementContainer label { margin-bottom: 2px } .fsComposerFormEmbed form .elementContainer label.horizontal { white-space: normal; margin-right: 10px !important } .fsComposerFormEmbed form .elementContainer label.horizontal:last-child { margin-right: 0 } .fsComposerFormEmbed form .elementContainer hr { margin: 0 auto } .fsComposerFormEmbed form .elementContainer p:last-child { margin-bottom: 0 } @media screen and (max-width: 599px) { .fsComposerFormEmbed form .elementBody>input { width: 100% } } .fsComposerFormEmbed form .elementBody>.descText { margin-bottom: 10px } .fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel { width: 100%; margin: 0; padding: 0; text-align: left; float: none } @media(min-width: 600px) { .fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel { width: 20%; padding-right: 10px; text-align: right; float: left } } @media(min-width: 600px) { .fsComposerFormEmbed form .labelLeft .elementContainer>label { padding: 5px 10px 5px 5px } } .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel label { width: 100% } .fsComposerFormEmbed form .labelLeft .elementContainer fieldset label { width: auto } .fsComposerFormEmbed form .labelLeft .elementBody { margin: 0; width: 100%; float: none } @media(min-width: 600px) { .fsComposerFormEmbed form .labelLeft .elementBody { width: 80%; float: left } } .fsComposerFormEmbed form .linkLike { color: var(--secondary-color, #a3a3a3); margin-right: 10px; cursor: pointer; -webkit-transition: .3s; transition: .3s } .fsComposerFormEmbed form .linkLike:hover { color: var(--secondary-color, #a3a3a3) } .fsComposerFormEmbed form .required { color: var(--primary-color, #233796); -webkit-transition: .3s color; transition: .3s color } .fsComposerFormEmbed form .valFail { background-color: rgba(0, 0, 0, 0); border: 0 } .fsComposerFormEmbed form .valFail .required, .fsComposerFormEmbed form .valFail .valFailMsg { color: #903 } .fsComposerFormEmbed form .pageControls { padding: 10px 0 !important; margin-bottom: 10px } .fsComposerFormEmbed form .pageControls .userConfirmation { margin-bottom: 0 } .fsComposerFormEmbed form .userConfirmation { margin-bottom: 20px } .fsComposerFormEmbed form .userConfirmation .userConfirmationToggle { margin-right: 5px } .fsComposerFormEmbed form .userConfirmation>label { display: block } .fsComposerFormEmbed form .elementColumn { zoom: 1 } .fsComposerFormEmbed form .elementColumn:after { display: table; clear: both; content: "" } .fsComposerFormEmbed form .elementColumn { margin-bottom: 20px; max-width: 100% } @media screen and (max-width: 599px) { .fsComposerFormEmbed form .elementColumn { float: none !important; width: 100% !important } } .fsComposerFormEmbed form .elementColumn .elementContainer { margin-bottom: 0 } .fsComposerFormEmbed form .elementColumn .elementBody>input { width: 100% } .fsComposerFormEmbed form .pageBreak { zoom: 1 } .fsComposerFormEmbed form .pageBreak:after { display: table; clear: both; content: "" } .fsComposerFormEmbed form .pageBreak .nextPage, .fsComposerFormEmbed form .pageBreak .prevPage { background: none; border: none; color: var(--secondary-color, #a3a3a3); -webkit-transition: .3s; transition: .3s; outline: 0; float: left; padding: 0; line-height: 1; padding: 10px 0 } .fsComposerFormEmbed form .pageBreak .nextPage:hover, .fsComposerFormEmbed form .pageBreak .prevPage:hover { color: var(--secondary-color, #a3a3a3); -webkit-transition: .3s; transition: .3s } .fsComposerFormEmbed form .pageBreak .prevPage { margin-right: 10px } .fsComposerFormEmbed form .pageBreak .pagenum { display: inline-block; float: left; line-height: 1; margin-right: 10px; padding: 10px 0 } .fsComposerFormEmbed form .pageBreak .pagenum:empty { margin: 0 } .fsComposerFormEmbed form .submitBtn { margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .fsComposerFormEmbed form .submitBtn:hover, .fsComposerFormEmbed form .submitBtn:focus, .fsStateSelected .fsComposerFormEmbed form .submitBtn, .fsComposerFormEmbed form .submitBtn.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .fsComposerFormEmbed form .submitBtn.full-width-button { width: 100%; max-width: unset } .fsComposerFormEmbed .ui-widget { font-family: "Montserrat", sans-serif; max-width: 100% } .fsComposerFormEmbed .ui-datepicker:empty { display: none } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-header { background: none; border: none } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next { background: none; border: none; text-align: center; font-size: 20px; cursor: pointer } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev span, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next span { display: none } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before { content: ""; font-weight: bold; -webkit-transition: .3s; transition: .3s } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:hover:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:hover:before { -webkit-transition: .3s; transition: .3s; opacity: .5 } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before { content: "›" } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before { content: "‹" } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev-hover { left: 2px; top: 2px } .fsComposerFormEmbed .ui-datepicker .ui-state-default { background: rgba(0, 0, 0, .05); text-align: center } .fsComposerFormEmbed .ui-datepicker .ui-state-active { background: rgba(0, 0, 0, .1) } .fsComposerFormEmbed .ui-datepicker .ui-state-highlight { border: solid 1px #d3d3d3; background-color: #d3d3d3 } ::-webkit-input-placeholder { color: #a3a3a3 } :-moz-placeholder { color: #a3a3a3; opacity: 1 } ::-moz-placeholder { color: #a3a3a3; opacity: 1 } :-ms-input-placeholder { color: #a3a3a3 } /*! elements - login */ .fsAccount button:not(:last-of-type) { margin-right: 10px } .fsLoginForgotPasswordLink, .fsLoginNewAccountLink { margin-bottom: 10px } .fsLoginForgotPasswordLink:last-child, .fsLoginNewAccountLink:last-child { margin-bottom: 0 } .fsLoginNewFields .fsLoginNewCaptcha { margin-bottom: 20px } .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area, .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table { max-width: 100% } @media screen and (max-width: 599px) { .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div { overflow: hidden; border-radius: 5px } } .fsResetPasswordFields>div { margin-bottom: 20px } .fsResetPasswordFields>div:last-child { margin-bottom: 0 } .fsResetPasswordFields label>span { display: block } .fsResetPasswordFields label>input { margin-bottom: 20px } @media screen and (max-width: 599px) { .fsLoginForgotControls label, .fsLoginNewFields label, .fsResetPasswordFields label { display: block; margin-bottom: 3px } .fsLoginForgotControls input, .fsLoginNewFields input, .fsResetPasswordFields input { display: block; width: 100% } } .fsLoginForgotView .fsLoginForgotEmail { display: block } .fsLoginForgotSuccess .fsStyleDefaultButton { margin-top: 20px } .fsAccountGreeting { margin-bottom: 20px } .fsAccountLinks { margin: 0 } .fsAccountLinks li:not(:first-child) { border-color: #a3a3a3 } .fsAccountLogout { display: block; margin-top: 20px } .fsAccountLogout>.fsStyleUpdateButton:last-child { margin-bottom: 0 } input[name*=passkey]+.fsLoginSubmit { margin-top: 20px } .fsError { margin-bottom: 50px } .fsResetContinue, .fsResetCancel, .fsLoginNewSuccess>button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .fsResetContinue:hover, .fsResetContinue:focus, .fsStateSelected .fsResetContinue, .fsResetContinue.on, .fsResetCancel:hover, .fsResetCancel:focus, .fsStateSelected .fsResetCancel, .fsResetCancel.on, .fsLoginNewSuccess>button:hover, .fsLoginNewSuccess>button:focus, .fsStateSelected .fsLoginNewSuccess>button, .fsLoginNewSuccess>button.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .fsResetContinue.full-width-button, .fsResetCancel.full-width-button, .fsLoginNewSuccess>button.full-width-button { width: 100%; max-width: unset } .fsLoginNewSuccess button { margin-top: 20px } .fsPostElement.fsThumbnailAlignLeft .fsThumbnail { float: none } @media(min-width: 600px) { .fsPostElement.fsThumbnailAlignLeft .fsThumbnail { float: left; margin-right: 30px } } .fsPostElement.fsThumbnailAlignRight .fsThumbnail { float: none } @media(min-width: 600px) { .fsPostElement.fsThumbnailAlignRight .fsThumbnail { float: right; margin-left: 30px } } .fsPostElement article>* { margin-bottom: 15px } .fsPostElement article>*:last-child { margin-bottom: 0 } .fsPostElement .fsThumbnail .fsCroppedImage, .fsPostElement .fsThumbnail img { display: block } .fsPostElement .fsTitle { font-family: "EB Garamond", serif; font-size: 1.75rem; font-weight: 700; line-height: 2.125rem; text-transform: capitalize; color: var(--primary-color, #233796) } .fsPostElement .fsAuthor, .fsPostElement .fsDateTime { display: block; color: #727272; font-size: 1rem; line-height: 1.375 } .fsPostElement .fsAuthor { font-weight: 400; text-transform: capitalize; margin-right: 0 } .fsPostElement .fsAuthor+.fsDateTime { margin-top: -10px } .fsPostElement .fsDateTime { font-weight: 600 } .fsPostElement .fsCategories { margin: -3px -3px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .fsPostElement .fsCategories:last-child { margin-bottom: -3px } .fsPostElement .fsCategories .fsCategory { margin: 3px; border: 0; padding: 8px 12px; background-color: #e5e5e5; color: #171717; font-size: .625rem; line-height: 1.2; font-weight: 600; text-transform: uppercase } .fsPostElement .fsTags { margin: -3px -3px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .fsPostElement .fsTags:last-child { margin-bottom: -3px } .fsPostElement .fsTags .fsTag { margin: 3px; border: 1px solid #d4d4d4; border-radius: 3px; padding: 8px 12px; background-color: rgba(0, 0, 0, 0); color: #727272; font-size: .75rem; font-weight: 600; line-height: 1.1666666667 } .fsPostElement .fsReadMoreLink { text-decoration: none; position: relative } .fsPostElement .fsReadMoreLink::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--secondary-color, #a3a3a3); left: 0; bottom: -2.5px; opacity: 1; -webkit-transition: .3s all; transition: .3s all } .fsPostElement .fsReadMoreLink:hover, .fsPostElement .fsReadMoreLink:focus { color: var(--secondary-color, #a3a3a3) } .fsPostElement .fsReadMoreLink:hover::before, .fsPostElement .fsReadMoreLink:focus::before { opacity: 0 } .fsPostElement.fsGrid .fsListItems { margin: -10px } .fsPostElement.fsGrid article { outline: solid 1px #d4d4d4; outline-offset: -10px; margin: 0; padding: 40px } .fsPostElement.fsGrid .fsThumbnail { margin: -30px -30px 30px; width: auto } .fsPostElement.fsSlideshow.fsSlideshowHorizontal .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex } .fsPostElement.fsSlideshow article { outline: solid 1px #d4d4d4; outline-offset: -10px; padding: 40px } .fsPostElement.fsSlideshow .fsThumbnail { margin: -30px -30px 30px; width: auto } /*! _dialog.scss - src/sass/modules/post/_dialog.scss - post dialog pop up */ .fsResourceElement .fsDescription, .fsResourceElement figcaption { margin-top: 20px } .fsResourceElement .fsDescription:empty, .fsResourceElement figcaption:empty { display: none } .fsResourceElement.fsListNav .fsResourceCollectionName+nav { margin-top: 20px } .fsResourceElement.fsGrid .fsDescription, .fsResourceElement.fsGrid figcaption { margin-top: 15px } .fsResourceElement.fsGrid .fsResource>.fsResourceLink, .fsResourceElement.fsGrid .fsResourceThumbnail, .fsResourceElement.fsGrid picture { display: block; position: relative; overflow: hidden } .fsResourceElement.fsGrid img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 16/9 } .fsResourceElement.fsGrid .fsResourceName { margin-top: 10px } /*! _dialog.scss - src/sass/modules/resources/_dialog.scss - resource dialog pop up */ /*! _main.scss - src/sass/modules/search/ - main search import */ /*! _search-box.scss - src/sass/modules/search/ - sitewide search box */ .fsSearchElement.fsSearchForm .fsSearchElementKeyword { margin-bottom: 20px } .fsSearchElement.fsSearchForm .fsSearchElementKeyword+.fsSearchElementSearchButton { margin-top: 0 } .fsSearchElement.fsSearchForm .fsSearchElementSearchButton:last-child { margin-bottom: 0 } /*! _search-results.scss - src/sass/modules/search/ - sitewide search results */ .fsSearchElement.fsList .fsListItems { padding: 0 } .fsSearchElement.fsList .fsSearchResultInfo { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #525252 } .fsSearchElement.fsList .fsSearchResultInfo:empty { margin: 0; border: none } /*! _custom.scss - src/sass/modules/search/ - custom site search, design based */ /*! elements - social main */ /*! elements - social vimeo */ .fsVimeo iframe.fsSocialVideoFrame { margin-bottom: 20px } .fsVimeoList, .fsVimeoList ul { margin: 0; padding: 0; list-style: none } .fsVimeoList li { margin: 0; padding: 0 } .fsVimeoList .fsVimeoListItem { padding: 20px; border-bottom: solid 1px #d4d4d4; -webkit-transition: background-color .3s; transition: background-color .3s; cursor: pointer } .fsVimeoList .fsVimeoListItem:hover { background-color: #d4d4d4 } .fsVimeoList .vimeo_view_link { margin-top: 20px } .fsVimeoList .vimeo_view_link a { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .fsVimeoList .vimeo_view_link a:hover, .fsVimeoList .vimeo_view_link a:focus, .fsStateSelected .fsVimeoList .vimeo_view_link a, .fsVimeoList .vimeo_view_link a.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .fsVimeoList .vimeo_view_link a.full-width-button { width: 100%; max-width: unset } .fsVimeoThumb { margin-bottom: 10px; margin-right: 20px } @media(min-width: 600px) { .fsVimeoThumb { float: left; margin-bottom: 0 } } /*! elements - social youtube */ .fsYoutube { margin-bottom: 20px } .fsYoutube .fsSocialVideoFrame { margin-bottom: 20px } .fsYoutubeList, .fsYoutubeList ul { margin: 0; padding: 0; list-style: none } .fsYoutubeList li { margin: 0; padding: 0 } .fsYoutubeList .fsYoutubeListItem { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #d4d4d4; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: .6 } .fsYoutubeList .fsYoutubeListItem:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none } .fsYoutubeList .fsYoutubeListItem:hover { border: none; border-bottom: solid 1px #d4d4d4; padding: 0; padding-bottom: 20px; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s } .fsYoutubeList .fsYoutubeListItem:hover:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .fsYoutubeThumb { margin-bottom: 10px; margin-right: 20px; float: none } @media(min-width: 600px) { .fsYoutubeThumb { float: left; margin-bottom: 0 } } .Youtube_view_link a { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .Youtube_view_link a:hover, .Youtube_view_link a:focus, .fsStateSelected .Youtube_view_link a, .Youtube_view_link a.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .Youtube_view_link a.full-width-button { width: 100%; max-width: unset } .fsTabs .fsTabsNav { display: none } @media(min-width: 600px) { .fsTabs .fsTabsNav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px } } .fsTabs .fsTabsNav li { margin: 10px } .fsTabs .fsTabsNav li a { margin-top: 0; font-weight: 700; font-family: "EB Garamond", serif; color: #171717 } p+.fsTabs .fsTabsNav li a { margin-top: 40px } .fsTabs .fsTabsNav li a { font-size: 1.4375rem; line-height: 1.5rem } .fsTabs .fsTabsNav li a.\:container\(width\<600px\) { font-size: 1.5rem; line-height: 1.5625rem } @media(max-width: 599px) { .fsTabs .fsTabsNav li a { font-size: 1.5rem; line-height: 1.5625rem } } .fsTabs .fsTabsNav li a { margin-bottom: 0; padding: 0 0 12px; -webkit-transition: .3s all; transition: .3s all; -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0) } .fsTabs .fsTabsNav li.fsStateSelected a { -webkit-box-shadow: inset 0 -4px 0 var(--secondary-color, #a3a3a3); box-shadow: inset 0 -4px 0 var(--secondary-color, #a3a3a3) } .fsTabs .fsTabsNav li a:hover, .fsTabs .fsTabsNav li a:focus { -webkit-box-shadow: inset 0 -4px 0 var(--secondary-color, #a3a3a3); box-shadow: inset 0 -4px 0 var(--secondary-color, #a3a3a3) } .fsTabs .fsTabsNav li a { background: rgba(0, 0, 0, 0); color: #525252 } .fsTabs .fsTabsNav li a:hover, .fsTabs .fsTabsNav li a:focus { background: rgba(0, 0, 0, 0); color: #171717 } .fsTabs .fsTabsNav li.fsStateSelected a { background: rgba(0, 0, 0, 0); color: #171717 } @media(min-width: 600px) { .fsTabs .fsPanel:last-child { border-bottom: 0 } .fsTabs .fsPanel>.fsElementContent { padding: 20px 0 0; border: none } } .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel>.fsElementActionButtonContainer, .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel>header, .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel:not(.fsStateOpen) { display: block } @media(min-width: 600px) { .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel>.fsElementActionButtonContainer, .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel>header, .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel:not(.fsStateOpen) { display: none } } /*! -main.scss - /sass/modules/tools */ /*! _all.scss - src/sass/modules/tools - News, Calendar, & Posts Tools Elements */ .fsElementToolsSearchButton, .fsToolsList.fsStyleSelectList .fsStyleDefaultButton { margin: 0 5px 0 0; width: auto } .fsToolsList.fsStyleSelectList>li { padding: 0; margin: 0 } .fsToolsList.fsStyleSelectList .fsStyleDefaultButton { margin-bottom: 5px; padding: 7px 12px; font-size: .875em; line-height: 1.2 } /*! _filter.scss - src/sass/modules/tools/posts - News & Calendar Tools Elements */ .fsBannerLeft .fsElementToolsSearch, .fsBannerRight .fsElementToolsSearch, .fsStyleOneThird .fsElementToolsSearch, .fsTwoColumnLayout .fsElementToolsSearch, .fsThreeColumnLayout>.fsDiv .fsElementToolsSearch, .fsFourColumnLayout>.fsDiv .fsElementToolsSearch, .fsConstituentColumnLayout_3 .fsElementToolsSearch, .fsConstituentColumnLayout_4 .fsElementToolsSearch { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .fsBannerLeft .fsElementToolsSearch>div, .fsBannerRight .fsElementToolsSearch>div, .fsStyleOneThird .fsElementToolsSearch>div, .fsTwoColumnLayout .fsElementToolsSearch>div, .fsThreeColumnLayout>.fsDiv .fsElementToolsSearch>div, .fsFourColumnLayout>.fsDiv .fsElementToolsSearch>div, .fsConstituentColumnLayout_3 .fsElementToolsSearch>div, .fsConstituentColumnLayout_4 .fsElementToolsSearch>div { width: 100% } .fsBannerLeft .fsElementToolsSearch .fsFieldContainer, .fsBannerRight .fsElementToolsSearch .fsFieldContainer, .fsStyleOneThird .fsElementToolsSearch .fsFieldContainer, .fsTwoColumnLayout .fsElementToolsSearch .fsFieldContainer, .fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer, .fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer, .fsConstituentColumnLayout_3 .fsElementToolsSearch .fsFieldContainer, .fsConstituentColumnLayout_4 .fsElementToolsSearch .fsFieldContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .fsBannerLeft .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsBannerRight .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsStyleOneThird .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsTwoColumnLayout .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsConstituentColumnLayout_3 .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsConstituentColumnLayout_4 .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .fsBannerLeft .fsElementToolsSearch .fsElementToolsSearchButton, .fsBannerRight .fsElementToolsSearch .fsElementToolsSearchButton, .fsStyleOneThird .fsElementToolsSearch .fsElementToolsSearchButton, .fsTwoColumnLayout .fsElementToolsSearch .fsElementToolsSearchButton, .fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsElementToolsSearchButton, .fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsElementToolsSearchButton, .fsConstituentColumnLayout_3 .fsElementToolsSearch .fsElementToolsSearchButton, .fsConstituentColumnLayout_4 .fsElementToolsSearch .fsElementToolsSearchButton { width: 100% } .fsElementToolsSearch .fsSeparator { margin: 0 5px; display: inline-block; text-align: center } .fsElementToolsKeyword+.fsElementToolsDateRange { margin-top: 10px } .fsElementToolsSearchButton { margin: 10px 0 0 } /*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */ .fsLegend .fsElementControls { margin-bottom: 5px } .fsLegend .fsElementControls label input:checked+span { background: #262626; color: #fff } .fsLegend .fsElementControls label input+span { color: #262626; background: #d4d4d4 } /*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */ .fsMiniGrid .fsCalendarEventGrid { max-width: 100%; width: 380px } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox { -webkit-box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff; box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff; background: #d4d4d4; color: #233796; font-size: .875em; line-height: 1; padding: 0; padding: 10px 5px; -webkit-transition: .3s; transition: .3s } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:hover { opacity: 1; background: var(--secondary-color, #a3a3a3) !important; color: #fff !important; -webkit-transition: .3s; transition: .3s } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:last-child { -webkit-box-shadow: inset 0 -1px 0 0 #fff; box-shadow: inset 0 -1px 0 0 #fff } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate { display: block; padding: 0; margin: 0 } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents { padding-bottom: 12px; background: #d4d4d4; color: #233796 } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after { content: "●"; font-size: 8px; display: block; line-height: .5; -webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0) } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange { background: #d4d4d4; color: #525252 } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday { background: var(--secondary-color, #a3a3a3); color: #fff } .fsCalendarMonthYearPicker>.fsStyleUpdateButton { margin-bottom: 0; display: block; color: #fff; background-color: #262626 } /*! _category.scss - src/sass/modules/tools/posts - Posts Tools Elements */ /*! _tag.scss - src/sass/modules/tools/posts - Posts Tools Elements */ body:not(.fsComposeMode).home h1.fsPageTitle { display: block; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } body:not(.fsComposeMode).home #fsPageWrapper { overflow: hidden } body:not(.fsComposeMode).home #fsPageBodyWrapper { padding: 0 } body:not(.fsComposeMode).home #fsPageBody { display: block; max-width: 100% } body:not(.fsComposeMode).home .fsBreadcrumb, body:not(.fsComposeMode).home .nav-tier { display: none } body:not(.fsComposeMode).home h1.fsPageTitle { display: block; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } body:not(.fsComposeMode).home .hero::before { display: block; content: ""; position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); bottom: 0; width: 37%; height: 5px; background-color: #6eadfd; z-index: 1 } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas { position: fixed; bottom: 0; left: 0; margin: 0; z-index: 9000 } @media(min-width: 800px) { body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas { top: 50%; bottom: auto } } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media(min-width: 800px) { body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas>.fsElementContent { display: block } } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta { margin: 0 } @media(min-width: 800px) { body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta { margin: 2.5px 0 } } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta a:not([class]) { display: block; position: relative; background-color: #6eadfd; min-width: 55px; height: 55px } @media(max-width: 799px) { body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta a:not([class]) { width: 50vw } } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta a:not([class])::before { display: block; content: ""; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.25rem; color: var(--primary-color, #233796); z-index: 3 } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta a:not([class])::after { display: block; position: relative; content: ""; background-color: #6eadfd; width: 100%; height: 100%; z-index: 2 } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta a:not([class]) span { display: inline-block; background-color: #6eadfd; position: absolute; left: 0px; padding: 15px 15px 15px 55px; height: 100%; font-size: .9375rem; font-weight: 700; color: var(--primary-color, #233796); white-space: nowrap; -webkit-transition: all .5s; transition: all .5s; z-index: 1 } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta a:not([class]) span::after { content: ""; position: absolute; width: 0; height: 1px; bottom: 0; right: 0; background-color: #262626; visibility: hidden; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; background-color: var(--primary-color, #233796); bottom: 15px; right: 15px } @media(max-width: 499px) { body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta a:not([class]) span { font-size: .8125rem } } @media(max-width: 799px) { body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta a:not([class]) span { position: relative; left: auto; width: 100% } } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta:hover a:not([class]) span:after, body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta:focus-within a:not([class]) span:after { visibility: visible; width: calc(100% - 15px) } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas .cta:nth-child(2) a:not([class])::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem } @media(min-width: 800px) { body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas.short .cta a:not([class]) span { left: -200px } } body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas.short .cta a:not([class]):hover span, body:not(.fsComposeMode).home:not(.fsComposeMode) .sticky-ctas.short .cta a:not([class]):focus-within span { left: 0; text-decoration: none } body:not(.fsComposeMode).home .panel-1 { position: relative; margin: 0; overflow: hidden } body:not(.fsComposeMode).home .panel-1::before { position: absolute; content: ""; width: 100%; height: 100%; /*background-image: url(/uploaded/themes/default_25/images/logo.svg);*/ background-repeat: no-repeat; background-size: 85%; background-position: 180% 50%; z-index: 1 } body:not(.fsComposeMode).home .panel-1>.fsElementContent { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 120px 18px 50px; z-index: 2 } @media(min-width: 600px) { body:not(.fsComposeMode).home .panel-1>.fsElementContent { padding: 130px 38px 81px } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-1>.fsElementContent { padding: 75px 135px 155px } } body:not(.fsComposeMode).home .panel-1>.fsElementContent p { position: relative; max-width: 1135px } body:not(.fsComposeMode).home .panel-1>.fsElementContent p::before { /* display: block; position: absolute; top: -70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 2.5rem; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: var(--primary-color, #233796) */ } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-1>.fsElementContent p::before { top: -90px } } body:not(.fsComposeMode).home .panel-1>.fsElementContent p, body:not(.fsComposeMode).home .panel-1>.fsElementContent span, body:not(.fsComposeMode).home .panel-1>.fsElementContent a:not([class]) { text-align: center; font-family: "EB Garamond", serif; font-size: 1.375rem; line-height: 2.1875rem; font-weight: 500; color: #525252 } @media(min-width: 600px) { body:not(.fsComposeMode).home .panel-1>.fsElementContent p, body:not(.fsComposeMode).home .panel-1>.fsElementContent span, body:not(.fsComposeMode).home .panel-1>.fsElementContent a:not([class]) { font-size: 1.625rem; line-height: 3rem } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-1>.fsElementContent p, body:not(.fsComposeMode).home .panel-1>.fsElementContent span, body:not(.fsComposeMode).home .panel-1>.fsElementContent a:not([class]) { font-size: 2.1875rem; line-height: 3.9375rem } } body:not(.fsComposeMode).home .panel-1>.fsElementContent p strong, body:not(.fsComposeMode).home .panel-1>.fsElementContent span strong, body:not(.fsComposeMode).home .panel-1>.fsElementContent a:not([class]) strong { font-weight: 400; color: var(--secondary-color, #a3a3a3) } @media(min-width: 1000px) { body:not(.fsComposeMode).home .panel-1.in-view::before, body:not(.fsComposeMode).home .panel-1.in-view>.fsElementContent, body:not(.fsComposeMode).home .panel-1.in-view>.fsElementContent>p::before { -webkit-transition: all 1.2s ease-in-out 0s; transition: all 1.2s ease-in-out 0s; opacity: 1 } body:not(.fsComposeMode).home .panel-1.in-view::before { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } body:not(.fsComposeMode).home .panel-1.in-view>.fsElementContent { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } body:not(.fsComposeMode).home .panel-1.in-view>.fsElementContent>p::before { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } body:not(.fsComposeMode).home .panel-1:not(.in-view)::before, body:not(.fsComposeMode).home .panel-1:not(.in-view)>.fsElementContent, body:not(.fsComposeMode).home .panel-1:not(.in-view)>.fsElementContent>p::before { -webkit-transition: all 1.2s ease-in-out 0s; transition: all 1.2s ease-in-out 0s; opacity: 0 } body:not(.fsComposeMode).home .panel-1:not(.in-view)::before { -webkit-transform: translateX(35%); -ms-transform: translateX(35%); transform: translateX(35%) } body:not(.fsComposeMode).home .panel-1:not(.in-view)>.fsElementContent { -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%) } body:not(.fsComposeMode).home .panel-1:not(.in-view)>.fsElementContent>p::before { -webkit-transform: translateX(-400%); -ms-transform: translateX(-400%); transform: translateX(-400%) } } body:not(.fsComposeMode).home .panel-2 { margin: 0 } body:not(.fsComposeMode).home .panel-2.image-buttons>.fsElementContent { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn { max-height: 568px; padding: 0; width: 50% } @media(min-width: 600px) { body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn { height: 60vw } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn { width: 100%; height: 40vw; max-height: 568px } } body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn .card-desc { position: absolute; width: 100%; bottom: 0; padding: 25px; z-index: 5 } body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn .card-desc>header { position: relative } body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn .card-desc>header .fsElementTitle { line-height: 2.5625rem } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn .card-desc>header .fsElementTitle { margin-bottom: 15px; font-size: 2.1875rem } } body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn .card-desc>header .fsElementHeaderContent { position: absolute; top: -20px } @media(min-width: 600px) { body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn .card-desc>header .fsElementHeaderContent { font-size: .9375rem } } body:not(.fsComposeMode).home .panel-2.image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent p { font-size: .9375rem; line-height: 1.875rem } @media(min-width: 1000px) { body:not(.fsComposeMode).home .panel-2.in-view.image-buttons>.fsElementContent .image-btn:nth-child(1), body:not(.fsComposeMode).home .panel-2.in-view.image-buttons>.fsElementContent .image-btn:nth-child(2), body:not(.fsComposeMode).home .panel-2.in-view.image-buttons>.fsElementContent .image-btn:nth-child(3), body:not(.fsComposeMode).home .panel-2.in-view.image-buttons>.fsElementContent .image-btn:nth-child(4) { -webkit-transition: all 1.2s ease-in-out 0s; transition: all 1.2s ease-in-out 0s } body:not(.fsComposeMode).home .panel-2.in-view.image-buttons>.fsElementContent .image-btn:nth-child(1) { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1 } body:not(.fsComposeMode).home .panel-2.in-view.image-buttons>.fsElementContent .image-btn:nth-child(2) { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s } body:not(.fsComposeMode).home .panel-2.in-view.image-buttons>.fsElementContent .image-btn:nth-child(3) { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s } body:not(.fsComposeMode).home .panel-2.in-view.image-buttons>.fsElementContent .image-btn:nth-child(4) { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .9s; transition-delay: .9s } body:not(.fsComposeMode).home .panel-2:not(.in-view).image-buttons>.fsElementContent .image-btn:nth-child(1), body:not(.fsComposeMode).home .panel-2:not(.in-view).image-buttons>.fsElementContent .image-btn:nth-child(2), body:not(.fsComposeMode).home .panel-2:not(.in-view).image-buttons>.fsElementContent .image-btn:nth-child(3), body:not(.fsComposeMode).home .panel-2:not(.in-view).image-buttons>.fsElementContent .image-btn:nth-child(4) { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s } } body:not(.fsComposeMode).home .panel-3 { position: relative; overflow: hidden; padding-bottom: 40px } @media(min-width: 1000px) { body:not(.fsComposeMode).home .panel-3 { padding-bottom: 100px } } body:not(.fsComposeMode).home .panel-3::after { display: block; position: absolute; top: 0; content: ""; width: 100%; height: 100px; opacity: .2 } body:not(.fsComposeMode).home .panel-3 .custom-heading { position: relative; background-color: #fff; padding: 35px 0; margin-bottom: 0; text-align: center; overflow: hidden } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-3 .custom-heading { padding-top: 65px; padding-bottom: 100px } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-3 .custom-heading { padding-top: 85px } } body:not(.fsComposeMode).home .panel-3 .custom-heading::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; /*background-image: url(/uploaded/themes/default_25/images/logo.svg);*/ background-repeat: no-repeat; background-size: 45%; background-position: -36% 80%; z-index: 1 } body:not(.fsComposeMode).home .panel-3 .custom-heading>header .fsElementHeaderContent { margin: 0 } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-3 .custom-heading>header .fsElementHeaderContent { margin: 0 0 10px 0 } } body:not(.fsComposeMode).home .panel-3 .custom-heading>header .fsElementHeaderContent p { font-size: 1.625rem; line-height: 3.125rem; font-weight: 200; color: #525252; text-transform: uppercase; margin: 0 } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-3 .custom-heading>header .fsElementHeaderContent p { font-size: 2.5rem; line-height: 4rem } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-3 .custom-heading>header .fsElementHeaderContent p { font-size: 2.75rem } } body:not(.fsComposeMode).home .panel-3 .custom-heading>.fsElementContent p { font-size: 2.25rem; font-weight: 800; color: var(--primary-color, #233796); text-transform: uppercase } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-3 .custom-heading>.fsElementContent p { font-size: 3.625rem; line-height: 4rem } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-3 .custom-heading>.fsElementContent p { font-size: 4.9375rem } } body:not(.fsComposeMode).home .panel-3 .custom-heading>footer .fsElementFooterContent { margin-top: 10px } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-3 .custom-heading>footer .fsElementFooterContent { margin-top: 20px } } body:not(.fsComposeMode).home .panel-3 .custom-heading>footer .fsElementFooterContent p { font-family: "EB Garamond", serif; font-size: 1.25rem; font-weight: 500; color: #727272 } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-3 .custom-heading>footer .fsElementFooterContent p { font-size: 2.375rem; line-height: 2.5625rem } } body:not(.fsComposeMode).home .panel-3 .custom-image-slider { margin-top: 0; margin-bottom: 0 } body:not(.fsComposeMode).home .panel-3 .custom-image-slider::before { left: 15px; width: calc(100% - 30px) } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-3 .custom-image-slider::before { width: calc(100% - 65px); left: 35px } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-3 .custom-image-slider::before { width: calc(100% - 130px) } } body:not(.fsComposeMode).home .panel-3 .custom-image-slider::after { display: block; top: 320px } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-3 .custom-image-slider::after { top: -10px; right: 145px; font-size: 2.8125rem } } body:not(.fsComposeMode).home .panel-3 .custom-image-slider .slick-list { overflow: visible } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-3 .custom-image-slider .slick-list { padding-right: 50px } } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-3 .custom-image-slider article { padding: 0 50px 0 20px } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-3 .custom-image-slider article { padding: 0 50px 0 0 } } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-3 .custom-image-slider .slick-navigation { right: 130px } } @media(min-width: 1000px) { body:not(.fsComposeMode).home .panel-3.in-view .custom-heading, body:not(.fsComposeMode).home .panel-3.in-view .custom-heading::before, body:not(.fsComposeMode).home .panel-3.in-view .custom-image-slider, body:not(.fsComposeMode).home .panel-3.in-view .custom-image-slider::before { -webkit-transition: all 1.2s ease-in-out 0s; transition: all 1.2s ease-in-out 0s } body:not(.fsComposeMode).home .panel-3.in-view .custom-heading { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1 } body:not(.fsComposeMode).home .panel-3.in-view .custom-heading::before { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } body:not(.fsComposeMode).home .panel-3.in-view .custom-image-slider { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1 } body:not(.fsComposeMode).home .panel-3.in-view .custom-image-slider::before { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1 } body:not(.fsComposeMode).home .panel-3:not(.in-view) .custom-heading, body:not(.fsComposeMode).home .panel-3:not(.in-view) .custom-heading::before, body:not(.fsComposeMode).home .panel-3:not(.in-view) .custom-image-slider, body:not(.fsComposeMode).home .panel-3:not(.in-view) .custom-image-slider::before { -webkit-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s } body:not(.fsComposeMode).home .panel-3:not(.in-view) .custom-heading { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } body:not(.fsComposeMode).home .panel-3:not(.in-view) .custom-heading::before { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode).home .panel-3:not(.in-view) .custom-image-slider { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0 } body:not(.fsComposeMode).home .panel-3:not(.in-view) .custom-image-slider::before { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } } body:not(.fsComposeMode).home .panel-4 { position: relative; overflow: hidden; padding: 30px 0 30px 30px; margin: 0 auto; max-width: 1200px } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-4 { padding: 0 } } body:not(.fsComposeMode).home .panel-4>header .fsElementTitle { font-size: 2.25rem; font-weight: 200; font-family: "Montserrat", sans-serif; line-height: cr3(50); text-transform: uppercase } @media(max-width: 799px) { body:not(.fsComposeMode).home .panel-4 .social-feeds .slick-list { overflow: visible; padding-right: 40px } } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post { position: relative; width: 100%; max-width: none !important; height: 40vw; max-height: 300px; overflow: hidden } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post { margin: 0 5px } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post { max-height: 200px } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post { max-height: 300px } } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 1; -webkit-transform: scale(0) skew(45deg); -ms-transform: scale(0) skew(45deg); transform: scale(0) skew(45deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transition: opacity .5s ease, -webkit-transform .6s ease; transition: opacity .5s ease, -webkit-transform .6s ease; transition: transform .6s ease, opacity .5s ease; transition: transform .6s ease, opacity .5s ease, -webkit-transform .6s ease } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .inner-wrap img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .45s; transition: all .45s } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .popup-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; opacity: 0; z-index: 300; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .popup-column .external { position: relative; width: 46px; height: 46px; z-index: 300 } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .popup-column .external::before { position: absolute; top: 50%; left: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.25rem; color: var(--secondary-color, #a3a3a3); z-index: 2; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .popup-column .external::after { display: block; position: absolute; top: 0; height: 0; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; z-index: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .popup-column .external:hover::before, body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .popup-column .external:focus::before { color: #fff } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .popup-column .external:hover::after, body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post .popup-column .external:focus::after { background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post:hover::before, body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post:focus-within::before { opacity: .68; -webkit-transform: scale(2.3) skew(45deg); -ms-transform: scale(2.3) skew(45deg); transform: scale(2.3) skew(45deg) } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post:hover .inner-wrap img, body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post:focus-within .inner-wrap img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post:hover .popup-column, body:not(.fsComposeMode).home .panel-4 .social-feeds .fsFeeds-post:focus-within .popup-column { opacity: 1 } body:not(.fsComposeMode).home .panel-4 .social-feeds .social-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px 0 0; margin: 25px 20px 25px 0 } body:not(.fsComposeMode).home .panel-4 .social-feeds .social-controls .play-pause-btn { display: block; position: relative; width: 30px; height: 30px; border-radius: 50%; background-color: var(--primary-color, #233796) } body:not(.fsComposeMode).home .panel-4 .social-feeds .social-controls .play-pause-btn::before { position: absolute; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: #fff; font-size: .75rem } body:not(.fsComposeMode).home .panel-4 .social-feeds .social-controls .play-pause-btn.playing::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } body:not(.fsComposeMode).home .panel-4 .social-feeds .social-controls .play-pause-btn.paused::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; left: 57% } body:not(.fsComposeMode).home .panel-4 .social-feeds .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 0 0 0 8px; padding: 0 } body:not(.fsComposeMode).home .panel-4 .social-feeds .slick-dots button { height: 8px; width: 8px; padding: 0; margin: 0 4px; background: #525252; font-size: 1px; text-indent: 20px; border: none; border-radius: 100%; overflow: hidden; opacity: .4; -webkit-transition: opacity .4s ease 0s; transition: opacity .4s ease 0s } body:not(.fsComposeMode).home .panel-4 .social-feeds .slick-dots button:hover, body:not(.fsComposeMode).home .panel-4 .social-feeds .slick-dots button:focus { opacity: .7 } body:not(.fsComposeMode).home .panel-4 .social-feeds .slick-dots button[aria-selected=true] { opacity: 1 } body:not(.fsComposeMode).home .panel-4 .social-feeds .slick-dots li.slick-active button { background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode).home .panel-4 .nav-social { position: absolute; bottom: 80px; right: 30px } @media(max-width: 379px) { body:not(.fsComposeMode).home .panel-4 .nav-social { bottom: 40px } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-4 .nav-social { bottom: 60px; right: 0 } } body:not(.fsComposeMode).home .panel-4 .nav-social .fsNavLevel1 li:last-child { margin-right: 10px } @media(min-width: 1000px) { body:not(.fsComposeMode).home .panel-4.in-view .social-feeds, body:not(.fsComposeMode).home .panel-4.in-view .nav-social { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition: all 1.2s ease-in-out 0s; transition: all 1.2s ease-in-out 0s } body:not(.fsComposeMode).home .panel-4:not(.in-view) .social-feeds, body:not(.fsComposeMode).home .panel-4:not(.in-view) .nav-social { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s } } body:not(.fsComposeMode).home .panel-5 { position: relative; background-color: var(--secondary-color, #a3a3a3); margin-bottom: 0; padding-bottom: 0px; z-index: 2 } @media(min-width: 1300px) { body:not(.fsComposeMode).home .panel-5 { padding-bottom: 35px } } body:not(.fsComposeMode).home .panel-5::before { position: absolute; top: 15px; right: -15px; content:""; background-color: #fff; width: 100%; height: 100%; /* background-image: url(/uploaded/themes/default_25/images/logo.svg); */ background-repeat: no-repeat; background-size: 85%; background-position: right bottom } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-5::before { top: 30px; right: -30px } } body:not(.fsComposeMode).home .panel-5::after { display: block; position: absolute; top: 60px; left: 50px; content: ""; font-family: Arial; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 2.5rem; color: var(--secondary-color, #a3a3a3) } @media(min-width: 1000px) { body:not(.fsComposeMode).home .panel-5.in-view .story-blurb, body:not(.fsComposeMode).home .panel-5.in-view .custom-video-slider { -webkit-transition: all 1.2s ease-in-out 0s; transition: all 1.2s ease-in-out 0s; opacity: 1 } body:not(.fsComposeMode).home .panel-5.in-view .story-blurb { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } body:not(.fsComposeMode).home .panel-5.in-view .custom-video-slider { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } body:not(.fsComposeMode).home .panel-5:not(.in-view) .story-blurb, body:not(.fsComposeMode).home .panel-5:not(.in-view) .custom-video-slider { -webkit-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; opacity: 0 } body:not(.fsComposeMode).home .panel-5:not(.in-view) .story-blurb { -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%) } body:not(.fsComposeMode).home .panel-5:not(.in-view) .custom-video-slider { -webkit-transform: translateX(3%); -ms-transform: translateX(3%); transform: translateX(3%) } } body:not(.fsComposeMode).home .panel-6 { position: relative; margin-bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 90px 32px } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-6 { padding: 200px 0 180px 0 } } body:not(.fsComposeMode).home .panel-6::before { display: block; content: ""; width: 100%; height: 100%; background-color: #000; opacity: .65; position: absolute; top: 0; left: 0 } body:not(.fsComposeMode).home .panel-6>header, body:not(.fsComposeMode).home .panel-6>.fsElementContent, body:not(.fsComposeMode).home .panel-6>footer { position: relative; z-index: 300 } body:not(.fsComposeMode).home .panel-6>header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; text-align: center; padding-bottom: 35px } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-6>header { padding-bottom: 100px } } body:not(.fsComposeMode).home .panel-6>header .fsElementTitle { font-size: 2.25rem; line-height: 2.625rem; color: #fff; font-weight: 800; font-family: "Montserrat", sans-serif; text-transform: uppercase; margin-top: 10px } @media(min-width: 700px) { body:not(.fsComposeMode).home .panel-6>header .fsElementTitle { margin-top: 0px; font-size: 3.625rem; line-height: 4rem } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-6>header .fsElementTitle { font-size: 4.9375rem } } body:not(.fsComposeMode).home .panel-6>header .fsElementHeaderContent { margin: 0 0 -5px 0 } body:not(.fsComposeMode).home .panel-6>header .fsElementHeaderContent p { font-size: 1.25rem; line-height: 2.0625rem; color: #fff; font-weight: 200; font-family: "Montserrat", sans-serif; text-transform: uppercase; margin: 0 } @media(min-width: 700px) { body:not(.fsComposeMode).home .panel-6>header .fsElementHeaderContent p { font-size: 1.625rem; line-height: 4rem } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-6>header .fsElementHeaderContent p { font-size: 2.5rem } } body:not(.fsComposeMode).home .panel-6>.fsElementContent { position: relative; margin: 0 auto; max-width: 1180px } body:not(.fsComposeMode).home .panel-6 .facts-infographic>.fsElementContent::before { display: none; position: absolute; content: ""; width: 100%; max-width: 795px; height: 1px; background-color: #fff; opacity: .2; position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-6 .facts-infographic>.fsElementContent::before { display: block } } body:not(.fsComposeMode).home .panel-6 .facts-infographic>.fsElementContent .fsElement.fsContent { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; padding-top: 55px } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-6 .facts-infographic>.fsElementContent .fsElement.fsContent { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-preferred-size: calc(25% - 70px); flex-basis: calc(25% - 70px); margin: 60px 30px } } @media(min-width: 1100px) { body:not(.fsComposeMode).home .panel-6 .facts-infographic>.fsElementContent .fsElement.fsContent { -ms-flex-preferred-size: calc(25% - 160px); flex-basis: calc(25% - 160px); margin: 60px } } body:not(.fsComposeMode).home .panel-6 .facts-infographic>.fsElementContent .fsElement.fsContent::before { color: #fff } body:not(.fsComposeMode).home .panel-6 .facts-infographic>.fsElementContent .fsElement.fsContent>header .fsElementTitle { color: #fff } body:not(.fsComposeMode).home .panel-6 .facts-infographic>.fsElementContent .fsElement.fsContent>.fsElementContent p { color: #fff } @media(min-width: 1000px) { body:not(.fsComposeMode).home .panel-6.in-view .facts-infographic>.fsElementContent .fsElement.fsContent, body:not(.fsComposeMode).home .panel-6.in-view>header .fsElementTitle, body:not(.fsComposeMode).home .panel-6.in-view>header .fsElementHeaderContent { -webkit-transition: all 1.5s ease-in-out 0s; transition: all 1.5s ease-in-out 0s; opacity: 1 } body:not(.fsComposeMode).home .panel-6.in-view>header .fsElementTitle, body:not(.fsComposeMode).home .panel-6.in-view>header .fsElementHeaderContent { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) } body:not(.fsComposeMode).home .panel-6.in-view>header .fsElementHeaderContent { -webkit-transition-delay: .1s; transition-delay: .1s } body:not(.fsComposeMode).home .panel-6.in-view .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(1), body:not(.fsComposeMode).home .panel-6.in-view .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(2), body:not(.fsComposeMode).home .panel-6.in-view .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(3), body:not(.fsComposeMode).home .panel-6.in-view .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(4), body:not(.fsComposeMode).home .panel-6.in-view .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(5), body:not(.fsComposeMode).home .panel-6.in-view .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(6), body:not(.fsComposeMode).home .panel-6.in-view .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(7) { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } body:not(.fsComposeMode).home .panel-6:not(.in-view) .facts-infographic>.fsElementContent .fsElement.fsContent, body:not(.fsComposeMode).home .panel-6:not(.in-view)>header .fsElementTitle, body:not(.fsComposeMode).home .panel-6:not(.in-view)>header .fsElementHeaderContent { -webkit-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; opacity: 0 } body:not(.fsComposeMode).home .panel-6:not(.in-view)>header .fsElementTitle, body:not(.fsComposeMode).home .panel-6:not(.in-view)>header .fsElementHeaderContent { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } body:not(.fsComposeMode).home .panel-6:not(.in-view) .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(1), body:not(.fsComposeMode).home .panel-6:not(.in-view) .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(2), body:not(.fsComposeMode).home .panel-6:not(.in-view) .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(3) { -webkit-transform: translateX(-500%); -ms-transform: translateX(-500%); transform: translateX(-500%) } body:not(.fsComposeMode).home .panel-6:not(.in-view) .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(4) { -webkit-transform: translateX(-900%); -ms-transform: translateX(-900%); transform: translateX(-900%) } body:not(.fsComposeMode).home .panel-6:not(.in-view) .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(5), body:not(.fsComposeMode).home .panel-6:not(.in-view) .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(6) { -webkit-transform: translateX(500%); -ms-transform: translateX(500%); transform: translateX(500%) } body:not(.fsComposeMode).home .panel-6:not(.in-view) .facts-infographic>.fsElementContent .fsElement.fsContent:nth-child(7) { -webkit-transform: translateX(900%); -ms-transform: translateX(900%); transform: translateX(900%) } } body:not(.fsComposeMode).home .panel-7 { position: relative; border: 13px solid #fff } body:not(.fsComposeMode).home .panel-7 .explore-video { position: relative; margin: 0 } body:not(.fsComposeMode).home .panel-7 .explore-video article { position: relative } body:not(.fsComposeMode).home .panel-7 .explore-video article::before { display: block; content: ""; width: 100%; height: 60%; position: absolute; bottom: 10px; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90.41%, #000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 90.41%); opacity: .8; z-index: 1 } body:not(.fsComposeMode).home .panel-7 .explore-video video { position: relative; max-height: 630px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } body:not(.fsComposeMode).home .panel-7 .explore-video .play-pause-btn { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: absolute; bottom: 32px; left: 15px; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; z-index: 301 } @media(min-width: 500px) { body:not(.fsComposeMode).home .panel-7 .explore-video .play-pause-btn { width: 32px; height: 32px; bottom: 37px } } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-7 .explore-video .play-pause-btn { width: 30px; height: 30px; bottom: 20px } } body:not(.fsComposeMode).home .panel-7 .explore-video .play-pause-btn span { font-family: "Montserrat", sans-serif; color: #fff; text-transform: uppercase; font-size: .75rem; font-weight: 500; line-height: 2rem; letter-spacing: 3px; margin-left: 42px; text-shadow: 0px 1px 2px rgba(0, 0, 0, .3) } body:not(.fsComposeMode).home .panel-7 .explore-video .play-pause-btn::before { position: absolute; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: #262626; font-size: .75rem } body:not(.fsComposeMode).home .panel-7 .explore-video .play-pause-btn.playing::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } body:not(.fsComposeMode).home .panel-7 .explore-video .play-pause-btn.paused::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; left: 57% } body:not(.fsComposeMode).home .panel-7 .video-ctas { position: absolute; bottom: -40px; right: 0; z-index: 300 } @media(min-width: 500px) { body:not(.fsComposeMode).home .panel-7 .video-ctas { bottom: -70px } } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-7 .video-ctas { bottom: -5px } } body:not(.fsComposeMode).home .panel-7 .video-ctas>header { margin-right: 15px } @media(min-width: 500px) { body:not(.fsComposeMode).home .panel-7 .video-ctas>header { margin-right: 35px } } body:not(.fsComposeMode).home .panel-7 .video-ctas>header .fsElementHeaderContent { margin-bottom: 5px } body:not(.fsComposeMode).home .panel-7 .video-ctas>header .fsElementHeaderContent p { text-align: right; font-family: "EB Garamond", serif; font-size: 1.75rem; font-weight: 400; line-height: 4rem; text-transform: capitalize; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, .3) } body:not(.fsComposeMode).home .panel-7 .video-ctas>header .fsElementHeaderContent p strong { font-weight: 600 } @media(min-width: 500px) { body:not(.fsComposeMode).home .panel-7 .video-ctas>header .fsElementHeaderContent p { font-size: 2.6875rem } } body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; width: 100vw; margin-right: -13px } @media(min-width: 800px) { body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent { width: auto; bottom: -5px } } body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent { margin: 0 } @media(max-width: 799px) { body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1 } } body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent .small-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; max-height: 50px; -ms-flex-line-pack: center; align-content: center; font-weight: 700; text-transform: capitalize; font-size: .75rem; padding: 12px } @media(max-width: 499px) { body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent .small-button { height: 50px } } @media(min-width: 500px) { body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent .small-button { font-size: 1rem; padding: 12px 35px; min-height: 90px } } /* body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent .small-button::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: #fff; font-size: 1.625rem; margin-right: 12px; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } */ /* body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent:first-child .small-button::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.4375rem } */ body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent:first-child .small-button:hover::before, body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent:first-child .small-button:focus::before { color: #262626 } /* body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent:last-child .small-button::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.4375rem } */ body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent:last-child .small-button:hover::before, body:not(.fsComposeMode).home .panel-7 .video-ctas>.fsElementContent .fsElement.fsContent:last-child .small-button:focus::before { color: #262626 } @media(min-width: 1000px) { body:not(.fsComposeMode).home .panel-7.in-view .explore-video, body:not(.fsComposeMode).home .panel-7.in-view .video-ctas { -webkit-transition: all 1.2s ease-in-out 0s; transition: all 1.2s ease-in-out 0s } body:not(.fsComposeMode).home .panel-7.in-view .explore-video { opacity: 1; -webkit-transition-delay: .1s; transition-delay: .1s } body:not(.fsComposeMode).home .panel-7.in-view .video-ctas { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } body:not(.fsComposeMode).home .panel-7:not(.in-view) .explore-video, body:not(.fsComposeMode).home .panel-7:not(.in-view) .video-ctas { -webkit-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s } body:not(.fsComposeMode).home .panel-7:not(.in-view) .explore-video { opacity: 0 } body:not(.fsComposeMode).home .panel-7:not(.in-view) .video-ctas { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } } body:not(.fsComposeMode).home.fsComposeMode .panel-6::before { display: none; content: ""; width: 100%; height: 100%; background-color: #000; opacity: .65; position: absolute; top: 0; left: 0 } body:not(.fsComposeMode).home.fsComposeMode .panel-6 .explore-video { position: relative } body:not(.fsComposeMode).home.fsComposeMode .panel-6 .explore-video::before { display: block; position: absolute; bottom: 0; left: 0; opacity: .56; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90.41%, #000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 90.41%) } /*! pages - style-guide v0.0.1 */ .dark-bg { background-color: var(--primary-color, #233796); padding: 20px } .colors ol { margin: -5px; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .colors ol li { margin: 5px; position: relative; font-style: italic; text-align: center; color: #525252 } .colors ol li:nth-of-type(1):before { content: ""; background: #262626 } .colors ol li:nth-of-type(1):after { content: "#262626" } .colors ol li:nth-of-type(2):before { content: ""; background: #525252 } .colors ol li:nth-of-type(2):after { content: "#525252" } .colors ol li:nth-of-type(3):before { content: ""; background: var(--primary-color, #233796) } .colors ol li:nth-of-type(3):after { content: "var(--primary-color, #233796)" } .colors ol li:nth-of-type(4):before { content: ""; background: var(--secondary-color, #a3a3a3) } .colors ol li:nth-of-type(4):after { content: "var(--secondary-color, #a3a3a3)" } .colors ol li:nth-of-type(5):before { content: ""; background: #4a74a8 } .colors ol li:nth-of-type(5):after { content: "#4A74A8" } .colors ol li:nth-of-type(6):before { content: ""; background: #e27e21 } .colors ol li:nth-of-type(6):after { content: "#E27E21" } .colors ol li:nth-of-type(7):before { content: ""; background: #8243a8 } .colors ol li:nth-of-type(7):after { content: "#8243A8" } .colors ol li:before { display: block; width: 100px; height: 100px; margin-bottom: 10px } .fonts ol { padding: 0; list-style: none } .fonts ol li:nth-of-type(1) { font-family: "Montserrat", sans-serif } .fonts ol li:nth-of-type(1):after { content: "Montserrat, sans-serif"; display: block; margin-bottom: 10px } .fonts ol li:nth-of-type(2) { font-family: "EB Garamond", serif } .fonts ol li:nth-of-type(2):after { content: "EB Garamond, serif"; display: block; margin-bottom: 10px } .fonts ol li:nth-of-type(3) { font-family: "IcoMoon" } .fonts ol li:nth-of-type(3):after { content: "IcoMoon"; display: block; margin-bottom: 10px } body:not(.fsComposeMode) .image-buttons>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } @media(min-width: 1100px) { body:not(.fsComposeMode) .image-buttons>.fsElementContent { width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap } } body:not(.fsComposeMode) .image-buttons .image-btn { position: relative; width: 100%; max-width: none !important; height: 60vw; max-height: 568px; overflow: hidden } body:not(.fsComposeMode) .image-buttons .image-btn img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } body:not(.fsComposeMode) .image-buttons .image-btn { position: relative; margin: 0; width: 100%; height: 75vw; padding: 10px; max-height: 400px } @media(min-width: 600px) { body:not(.fsComposeMode) .image-buttons .image-btn { height: 60vw } } @media(min-width: 1100px) { body:not(.fsComposeMode) .image-buttons .image-btn { width: 100%; height: 40vw; max-height: 300px } } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap { display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .color-blocks::before, body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .arrow-icon::before { -webkit-animation: arrowOut .25s ease-in-out forwards; animation: arrowOut .25s ease-in-out forwards } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap .color-blocks { -webkit-animation: swipeOut .85s ease-in-out; animation: swipeOut .85s ease-in-out } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap>.fsElementContent { display: block; width: 100%; height: 100% } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap>.fsElementContent::before { display: block; position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); background-color: rgba(0, 0, 0, 0); border: 1.5px solid #fff; z-index: 1 } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap>.fsElementContent::after { display: block; content: ""; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; opacity: .96; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); z-index: 1 } body:not(.fsComposeMode) .image-buttons .image-btn .animation-wrap>.fsElementContent a.fsResourceLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap { display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .color-blocks::before, body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap::before { opacity: .68 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .color-blocks { -webkit-animation: swipeIn 1s ease-in-out; animation: swipeIn 1s ease-in-out } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.fsComposeMode) .image-buttons .image-btn.showing .animation-wrap .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc { position: absolute; width: 100%; bottom: 0; padding: 25px; z-index: 5 } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc>header { position: relative } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc>header .fsElementTitle { font-size: 1.5625rem; font-weight: 700; line-height: 2.0625rem; margin-bottom: 5px } @media(min-width: 600px) { body:not(.fsComposeMode) .image-buttons .image-btn .card-desc>header .fsElementTitle { font-size: 1.75rem } } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc>header .fsElementHeaderContent { position: relative; font-size: .8125rem; font-weight: 600; line-height: 1.875rem; margin-bottom: 0 } @media(min-width: 600px) { body:not(.fsComposeMode) .image-buttons .image-btn .card-desc>header .fsElementHeaderContent { font-size: .875rem } } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent p, body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent span, body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent div { font-size: .875rem; font-weight: 500; line-height: 1.5625rem } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc>header .fsElementTitle, body:not(.fsComposeMode) .image-buttons .image-btn .card-desc>header .fsElementHeaderContent p, body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent p, body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent div, body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent span { color: #fff; cursor: default } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden { display: none } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent { margin: 0; padding: 0 } body:not(.fsComposeMode) .image-buttons .image-btn .card-desc .desc-hidden>footer .fsElementFooterContent p { margin: 0; padding: 0 } body:not(.fsComposeMode) .custom-image-slider { position: relative; margin-bottom: 100px } @media(min-width: 800px) { body:not(.fsComposeMode) .custom-image-slider { margin-top: 100px } } body:not(.fsComposeMode) .custom-image-slider::before { display: block; position: absolute; top: 0px; left: 5px; width: calc(100% - 10px); height: calc(100% + 40px); content: ""; background-color: var(--primary-color, #233796) } @media(min-width: 800px) { body:not(.fsComposeMode) .custom-image-slider::before { top: -50px; left: 35px; width: calc(100% - 35px); height: calc(100% + 100px) } } @media(min-width: 1100px) { body:not(.fsComposeMode) .custom-image-slider::before { left: 50px; width: calc(100% - 50px) } } body:not(.fsComposeMode) .custom-image-slider::after { display: block; position: absolute; top: 326px; right: 35px; /* content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; */ speak: none; color: #fff; background-color: #00CC8F; font-size: 1.25rem; } @media(min-width: 800px) { body:not(.fsComposeMode) .custom-image-slider::after { top: -25px; right: 30px; font-size: 2.1875rem } } @media(min-width: 1100px) { body:not(.fsComposeMode) .custom-image-slider::after { top: -25px; right: 35px } } body:not(.fsComposeMode) .custom-image-slider .slick-list { height: auto !important } body:not(.fsComposeMode) .custom-image-slider .fsElementSlideshow { margin: 0 } body:not(.fsComposeMode) .custom-image-slider article { display: block; outline: none; outline-offset: none; padding: 0 } @media(min-width: 800px) { body:not(.fsComposeMode) .custom-image-slider article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap { position: relative; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 0; -webkit-box-shadow: -7px 5px 8px -5px rgba(0, 0, 0, .24); box-shadow: -7px 5px 8px -5px rgba(0, 0, 0, .24); display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .color-blocks::before, body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .arrow-icon::before { -webkit-animation: arrowOut .25s ease-in-out forwards; animation: arrowOut .25s ease-in-out forwards } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap .color-blocks { -webkit-animation: swipeOut .85s ease-in-out; animation: swipeOut .85s ease-in-out } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media(max-width: 799px) { body:not(.fsComposeMode) .custom-image-slider article .animation-wrap { height: auto } } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing { display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .color-blocks::before, body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing::before { opacity: .68 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .color-blocks { -webkit-animation: swipeIn 1s ease-in-out; animation: swipeIn 1s ease-in-out } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } @media(max-width: 799px) { body:not(.fsComposeMode) .custom-image-slider article .animation-wrap.showing { height: auto } } body:not(.fsComposeMode) .custom-image-slider article .image-desc { position: relative; margin: 0; position: relative; width: 100%; max-width: none !important; height: 75vw; max-height: 315px; overflow: hidden } body:not(.fsComposeMode) .custom-image-slider article .image-desc img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media(min-width: 800px) { body:not(.fsComposeMode) .custom-image-slider article .image-desc { height: 40vw; max-height: 560px } } body:not(.fsComposeMode) .custom-image-slider article .image-desc .fsThumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; margin: 0 } body:not(.fsComposeMode) .custom-image-slider article .fsSummary { position: absolute; bottom: 25px; right: 25px } body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]) { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; -webkit-transform: translateX(140px); -ms-transform: translateX(140px); transform: translateX(140px); z-index: 300 } body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]) .plus-icon { display: block; position: absolute; left: -22px; top: -2px; width: 50px; height: 50px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; background-color: rgba(0, 0, 0, 0); z-index: 301 } body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]) .text { padding: 10px 20px 10px 36px; max-height: 44px; font-size: .8125rem; font-weight: 700; line-height: 1.5rem; color: var(--primary-color, #233796); text-transform: uppercase; background-color: #fff; border-radius: 3px; opacity: 0; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]):hover, body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]):focus { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); text-decoration: none } body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]):hover .plus-icon, body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]):focus .plus-icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]):hover .text, body:not(.fsComposeMode) .custom-image-slider article .fsSummary p a:not([class]):focus .text { opacity: 1 } body:not(.fsComposeMode) .custom-image-slider article .slider-desc { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 35px } @media(min-width: 800px) { body:not(.fsComposeMode) .custom-image-slider article .slider-desc { padding: 25px } } @media(min-width: 1100px) { body:not(.fsComposeMode) .custom-image-slider article .slider-desc { padding: 50px } } body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsTitle { font-size: 1.8125rem; color: #fff; font-weight: 700; line-height: 2.5625rem; margin-bottom: 10px } @media(min-width: 1100px) { body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsTitle { font-size: 3rem; margin-bottom: 20px } } body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody { position: relative; margin-bottom: 20px } body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody::before { display: none; position: absolute; bottom: -20px; left: 0; content: ""; width: 62px; height: 4px; background-color: #6eadfd } @media(min-width: 800px) { body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody::before { display: block } } body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody p, body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody span, body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody a:not([class]) { font-size: .8125rem; color: #fff; font-weight: 400; line-height: 1.5rem } @media(min-width: 1100px) { body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody p, body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody span, body:not(.fsComposeMode) .custom-image-slider article .slider-desc .fsBody a:not([class]) { font-size: 1rem; line-height: 2rem } } body:not(.fsComposeMode) .custom-image-slider .slick-navigation { margin: 0; position: absolute; bottom: -10px; right: 30px } @media(min-width: 800px) { body:not(.fsComposeMode) .custom-image-slider .slick-navigation { bottom: -20px; right: 20px } } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; cursor: pointer; overflow: visible; border-radius: 50%; border: 1px solid #fff; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .5s; transition: all .5s; width: 45px; height: 45px } @media(min-width: 1100px) { body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow { width: 52px; height: 52px } } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-size: .875rem; line-height: 1; color: #fff; display: block; margin: 0; -webkit-transition: all .3s; transition: all .3s } @media(min-width: 1100px) { body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow:before { font-size: 1rem } } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.fsPrevButton, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.slick-prev, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.prev-slide { margin-right: 4px } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.fsPrevButton:before, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.slick-prev:before, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.prev-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg) } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.fsNextButton, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.slick-next, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.next-slide { margin-left: 4px } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.fsNextButton:before, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.slick-next:before, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow.next-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow:hover, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow:focus { background-color: #fff } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow:hover:before, body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow:focus:before { color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .custom-image-slider .slick-navigation .slick-arrow { background-color: var(--primary-color, #233796) } body:not(.fsComposeMode) .stories-slider>.fsElementContent { display: block; position: relative; margin: 0 auto; max-width: 1180px } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 120px 100px 15px } } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider>.fsElementContent { padding: 160px 0 0 0 } } body:not(.fsComposeMode) .stories-slider .story-blurb { padding: 120px 35px 0px } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider .story-blurb { -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 35px 0 } } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .story-blurb { -ms-flex-preferred-size: 40%; flex-basis: 40% } } body:not(.fsComposeMode) .stories-slider .story-blurb>header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } body:not(.fsComposeMode) .stories-slider .story-blurb>header .fsElementTitle { font-size: 2.25rem; line-height: 4rem; color: var(--primary-color, #233796); font-weight: 800; font-family: "Montserrat", sans-serif; text-transform: uppercase; margin-bottom: 10px } @media(min-width: 600px) { body:not(.fsComposeMode) .stories-slider .story-blurb>header .fsElementTitle { font-size: 3.625rem } } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .story-blurb>header .fsElementTitle { font-size: 4.9375rem; margin-bottom: 20px } } body:not(.fsComposeMode) .stories-slider .story-blurb>header .fsElementHeaderContent { margin: 0 0 -10px 0; max-width: 455px } body:not(.fsComposeMode) .stories-slider .story-blurb>header .fsElementHeaderContent p { font-size: 1.625rem; line-height: 2.5rem; color: var(--primary-color, #233796); font-weight: 200; font-family: "Montserrat", sans-serif; text-transform: uppercase; margin: 0 } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .story-blurb>header .fsElementHeaderContent p { font-size: 2.5rem; line-height: 4rem } } body:not(.fsComposeMode) .stories-slider .story-blurb>.fsElementContent { padding-bottom: 10px } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .story-blurb>.fsElementContent { padding-bottom: 30px } } body:not(.fsComposeMode) .stories-slider .story-blurb>.fsElementContent p, body:not(.fsComposeMode) .stories-slider .story-blurb>.fsElementContent span, body:not(.fsComposeMode) .stories-slider .story-blurb>.fsElementContent a:not([class]) { font-size: .8125rem; line-height: 1.5rem; font-weight: 400; color: #262626 } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .story-blurb>.fsElementContent p, body:not(.fsComposeMode) .stories-slider .story-blurb>.fsElementContent span, body:not(.fsComposeMode) .stories-slider .story-blurb>.fsElementContent a:not([class]) { font-size: 1.0625rem; line-height: 2rem } } body:not(.fsComposeMode) .stories-slider .custom-video-slider { padding: 0px 0px 0px 35px } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider { padding-left: 60px; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-top: -50px; padding: 0 } } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider { padding-left: 40px; -ms-flex-preferred-size: 60%; flex-basis: 60%; margin-top: 0 } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide { position: relative; margin: 0 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide::before { display: block; position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); background-color: rgba(0, 0, 0, 0); border: 1.5px solid #fff; z-index: 1 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide { overflow: hidden } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide button.full-trigger { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 310 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide button.full-trigger span { display: block; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide .fsListItems { display: block; margin: 0 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article { padding: 0; margin: 0; min-width: 300px; display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks::before, body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon::before { -webkit-animation: arrowOut .25s ease-in-out forwards; animation: arrowOut .25s ease-in-out forwards } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks { -webkit-animation: swipeOut .85s ease-in-out; animation: swipeOut .85s ease-in-out } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article picture { position: relative; width: 100%; max-width: none !important; height: 100vw; max-height: 465px; overflow: hidden } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article picture { min-width: 285px; height: 50vw; max-height: 445px } } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article picture { max-height: 616px } } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article { min-width: 385px } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>.fsElementContent>header { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; bottom: 0; left: 0; width: 100%; padding: 35px; margin: 0 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>.fsElementContent>header::before { display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 220px; opacity: .96; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90.41%, #000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 90.41%); z-index: 299 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>.fsElementContent>header .fsElementTitle { margin: 0; color: #fff; z-index: 300; font-weight: 700; line-height: 2.5625rem; font-size: 2.0625rem } @media(min-width: 1300px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>.fsElementContent>header .fsElementTitle { font-size: 2.25rem } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>.fsElementContent>header .fsElementHeaderContent { margin: 0 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>.fsElementContent>header .fsElementHeaderContent p { position: relative; color: #fff; z-index: 300; font-size: .875rem; font-weight: 600; line-height: 1.875rem } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>.fsElementContent>header .fsElementHeaderContent p { font-size: .9375rem } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px); padding: 15px 32px; margin-top: 10px; opacity: 0; z-index: 300; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent { padding: 32px; margin-top: 20px } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent .icon { position: relative; display: block; width: 43px; height: 43px; background-color: #fff; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0 } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent .icon { width: 73px; height: 73px } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent .icon::before { position: absolute; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: .875rem; color: #262626; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent .icon::before { font-size: 1.25rem } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent p { margin: 0 0 0 15px; font-size: 1.125rem; line-height: 1.5rem; font-weight: 600; color: #fff; font-family: "EB Garamond", serif } @media(min-width: 800px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent p { font-size: 1.5rem; line-height: 1.75rem } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article { display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks::before, body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article::before { opacity: .68 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks { -webkit-animation: swipeIn 1s ease-in-out; animation: swipeIn 1s ease-in-out } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { display: none } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing>footer>.fsElementFooterContent { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; cursor: pointer; overflow: visible; border-radius: 50%; border: 1px solid #fff; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .5s; transition: all .5s; width: 45px; height: 45px } @media(min-width: 1100px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow { width: 52px; height: 52px } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-size: .875rem; line-height: 1; color: #fff; display: block; margin: 0; -webkit-transition: all .3s; transition: all .3s } @media(min-width: 1100px) { body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:before { font-size: 1rem } } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.fsPrevButton, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.slick-prev, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.prev-slide { margin-right: 4px } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.fsPrevButton:before, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.slick-prev:before, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.prev-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg) } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.fsNextButton, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.slick-next, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.next-slide { margin-left: 4px } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.fsNextButton:before, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.slick-next:before, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow.next-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:hover, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:focus { background-color: #fff } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:hover:before, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:focus:before { color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow { background-color: var(--secondary-color, #a3a3a3); margin: 15px 2.5px !important } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:hover, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:focus { background-color: #6eadfd } body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:hover::before, body:not(.fsComposeMode) .stories-slider .custom-video-slider .slick-arrow:focus::before { color: #262626 } body:not(.home):not(.fsComposeMode) .stories-slider { width: 100vw; margin-left: 50%; margin-right: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); background-color: #f5f5f5; /* background-image: url(/uploaded/themes/default_25/images/logo.svg); */ background-repeat: no-repeat; background-position: 130% 80%; background-size: 71% } body:not(.home):not(.fsComposeMode) .stories-slider>.fsElementContent { position: relative; margin: 0 auto; max-width: 1180px; padding: 80px 0 } @media(max-width: 1299px) { body:not(.home):not(.fsComposeMode) .stories-slider>.fsElementContent { display: block; -ms-flex-item-align: center; align-self: center } } body:not(.home):not(.fsComposeMode) .stories-slider .story-blurb { padding: 25px 20px 0px } @media(min-width: 800px) { body:not(.home):not(.fsComposeMode) .stories-slider .story-blurb { padding: 50px 35px 0px } } @media(min-width: 1300px) { body:not(.home):not(.fsComposeMode) .stories-slider .story-blurb { padding: 120px 35px 0px } } body:not(.home):not(.fsComposeMode) .stories-slider .story-blurb>header .fsElementTitle { font-size: 2.75rem; margin-bottom: 5px } body:not(.home):not(.fsComposeMode) .stories-slider .story-blurb>header .fsElementHeaderContent p { font-size: 1.0625rem; font-weight: 600; line-height: 1.375rem } @media(max-width: 1299px) { body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider { padding: 0 35px 0 } } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide { opacity: 0; visibility: hidden; -webkit-transition: all .4s ease .5s; transition: all .4s ease .5s } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.slick-active, body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.slick-current { opacity: 1; visibility: visible } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article { padding: 0; margin: 0; max-width: 100%; display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks::before, body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon::before { -webkit-animation: arrowOut .25s ease-in-out forwards; animation: arrowOut .25s ease-in-out forwards } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .color-blocks { -webkit-animation: swipeOut .85s ease-in-out; animation: swipeOut .85s ease-in-out } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article picture { position: relative; width: 100%; max-width: none !important; height: 100vw; max-height: 465px; overflow: hidden } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media(min-width: 800px) { body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article picture { min-width: 700px; height: 50vw; max-height: 460px } } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; top: auto; left: auto; bottom: 0; right: 0; -webkit-transform: translateX(450px); -ms-transform: translateX(450px); transform: translateX(450px); opacity: 0 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent p { margin: 0 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide>footer>.fsElementFooterContent .icon { margin: 0 0 0 15px } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article { display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks::before, body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article::before { opacity: .68 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .color-blocks { -webkit-animation: swipeIn 1s ease-in-out; animation: swipeIn 1s ease-in-out } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing article .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.home):not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide.showing>footer>.fsElementFooterContent { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } body:not(.fsComposeMode) .stories-slider .custom-video-slider .profile-slide article .arrow-icon::before { display: none !important } #video-button-Dialog { background-color: var(--secondary-color, #a3a3a3); border-radius: 0px; width: 1300px } #video-button-Dialog .fsDialogContent { padding: 10px 10px 0 10px } #video-button-Dialog .fsVideoPlayOverlay { display: none } #video-button-Dialog .fsDialogCloseButton { background-color: #fff; top: 0; right: 0; width: 53px; height: 55px; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } #video-button-Dialog .fsDialogCloseButton::before { color: var(--secondary-color, #a3a3a3); -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } #video-button-Dialog .fsDialogCloseButton:hover, #video-button-Dialog .fsDialogCloseButton:focus { background-color: var(--primary-color, #233796) } #video-button-Dialog .fsDialogCloseButton:hover::before, #video-button-Dialog .fsDialogCloseButton:focus::before { color: #fff } body:not(.home) .facts-infographic { position: relative; background-color: #f5f5f5; padding: 60px 25px; /* background-image: url(/uploaded/themes/default_25/images/logo.svg); */ background-repeat: no-repeat; background-size: 85%; background-position: 130% 60% } .facts-infographic>header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; text-align: center; margin-bottom: 45px } .facts-infographic>header h2.fsElementTitle { font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 1.875rem; font-weight: 700; line-height: 3rem; margin-bottom: 0 } @media(min-width: 700px) { .facts-infographic>header h2.fsElementTitle { font-size: 2.75rem; line-height: 3rem } } .facts-infographic>header .fsElementHeaderContent { margin-bottom: 0 } .facts-infographic>header .fsElementHeaderContent p { color: var(--primary-color, #233796); font-size: .9375rem; font-weight: 500; line-height: 1.4375rem; text-transform: uppercase } @media(min-width: 700px) { .facts-infographic>header .fsElementHeaderContent p { font-size: 1.0625rem } } .facts-infographic>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } .facts-infographic>.fsElementContent .fsElement.fsContent { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding-top: 55px } .facts-infographic>.fsElementContent .fsElement.fsContent::before { font-size: 6.3125rem; line-height: 1; margin-bottom: 8px; display: block; color: var(--primary-color, #233796); -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); font-size: 50px; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; -webkit-transition: .4s all; transition: .4s all } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-add-user::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-alumni::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-apple::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-apply::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-backpack::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-badge::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-bar-graph::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-baseball::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-block::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-book-stack::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-book::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-brainstorm::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-briefcase::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-bullhorn::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-bus::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-calendar::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-camera::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-certificate::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-chat-alt::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-chat::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-check::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-chess::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-church::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-city::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-classroom::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-cleat::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-clock::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-college::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-connected-users::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-construction::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-credit-card::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-cross::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-diagram::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-diploma::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-directory::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-diversity::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-droplet::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-email::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-family::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-faq::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-flag::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-folder::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-football::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-gift::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-global-diversity::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-globe::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-google-classroom::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-graduation::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-group-alt::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-group::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-handshake::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-heart-hand-alt::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-heart-hand::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-heart::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-info::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-interactive::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-jersey::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-laurel::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-leader::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-leaf::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-lightbulb::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-link::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-location::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-lock::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-map::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-medal::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-medical::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-menu::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-microphone-alt::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-microphone::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-microscope::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-mobile-phone::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-money::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-music::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-name-badge::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-newspaper::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-open-door::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-paint::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-parent::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-park::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-party::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-pencil::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-phone::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-picture::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-pie-chart::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-piggy-bank::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-ping-pong::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-plate::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-playground::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-podium::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-question::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-rain::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-reading-alt::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-reading::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-report-card::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-robot::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-school::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-screens::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-settings::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-shield-police::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-snowflake::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-soccer::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-star-david::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-star::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-store::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-sun::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-task::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-teacher::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-teamwork::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-theatre::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-thumbs-up::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-tools::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-translate::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-tree::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-trophy::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-user::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-video::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-virus::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-warning::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-wheelchair::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-add-user-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-alumni-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-apple-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-apply-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-backpack-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-badge-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-bar-graph-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-baseball-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-block-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-book-stack-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-book-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-brainstorm-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-briefcase-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-bullhorn-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-bus-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-calendar-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-camera-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-certificate-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-chat-alt-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-chat-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-check-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-chess-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-church-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-city-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-classroom-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-cleat-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-clock-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-college-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-connected-users-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-construction-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-credit-card-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-cross-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-diagram-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-diploma-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-directory-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-diversity-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-droplet-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-email-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "ຝ" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-family-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-faq-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-flag-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-folder-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-football-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-gift-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-global-diversity-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-globe-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-google-classroom-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-graduation-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-group-alt-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-group-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-handshake-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-heart-hand-alt-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-heart-hand-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-heart-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-info-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-interactive-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-jersey-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-laurel-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-leader-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-leaf-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-lightbulb-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-link-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-location-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-lock-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-map-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-medal-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-medical-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-menu-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-microphone-alt-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-microphone-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-microscope-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-mobile-phone-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-money-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-music-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-name-badge-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-newspaper-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-open-door-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-paint-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-parent-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-park-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-party-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-pencil-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-phone-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-picture-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-pie-chart-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-piggy-bank-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-ping-pong-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-plate-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-playground-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-podium-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-question-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-rain-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-reading-alt-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-reading-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-report-card-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-robot-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-school-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-screens-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-settings-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-shield-police-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-snowflake-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-soccer-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-star-david-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-star-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-store-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-sun-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-task-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-teacher-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-teamwork-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-theatre-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-thumbs-up-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-tools-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-translate-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-tree-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-trophy-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-user-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-video-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-virus-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-warning-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-wheelchair-solid::before { font-family: "bpa-font-icons"; font-weight: normal; content: "" } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-acre::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-tour::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-arts::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-students::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; left: 40% } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-pencil-2::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-merit::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-trophy::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .facts-infographic>.fsElementContent .fsElement.fsContent.icon-founded::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .facts-infographic>.fsElementContent .fsElement.fsContent header .fsElementTitle { font-family: "Montserrat", sans-serif; font-size: 2rem; line-height: 4rem; font-weight: 800; text-decoration: none; text-transform: uppercase; color: var(--primary-color, #233796); margin: 0 } @media(min-width: 1100px) { .facts-infographic>.fsElementContent .fsElement.fsContent header .fsElementTitle { font-size: 2.875rem } } .facts-infographic>.fsElementContent .fsElement.fsContent .fsElementContent { margin-left: 10px; max-width: 117px; -ms-flex-negative: 0; flex-shrink: 0 } @media(min-width: 1100px) { .facts-infographic>.fsElementContent .fsElement.fsContent .fsElementContent { max-width: 147px } } .facts-infographic>.fsElementContent .fsElement.fsContent .fsElementContent p { font-family: "EB Garamond", serif; font-size: 1rem; line-height: 1.125rem; font-weight: 500; text-transform: capitalize; color: var(--primary-color, #233796); margin: 0 } @media(min-width: 800px) { .facts-infographic>.fsElementContent .fsElement.fsContent .fsElementContent p { font-size: .9375rem } } @media(min-width: 1100px) { .facts-infographic>.fsElementContent .fsElement.fsContent .fsElementContent p { font-size: 1.3125rem; line-height: 1.4375rem } } .facts-infographic .slick-list { padding-bottom: 45px } body:not(.home) .facts-infographic .slick-slide { background-color: #fff; min-height: 235px; margin: 0 10px } body:not(.home) .facts-infographic .outer-wrap { padding: 35px 25px; text-align: center; -webkit-box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35) } .facts-infographic .slick-arrow { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; cursor: pointer; overflow: visible; border-radius: 50%; border: 1px solid #fff; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .5s; transition: all .5s; width: 45px; height: 45px } @media(min-width: 1100px) { .facts-infographic .slick-arrow { width: 52px; height: 52px } } .facts-infographic .slick-arrow:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-size: .875rem; line-height: 1; color: #fff; display: block; margin: 0; -webkit-transition: all .3s; transition: all .3s } @media(min-width: 1100px) { .facts-infographic .slick-arrow:before { font-size: 1rem } } .facts-infographic .slick-arrow.fsPrevButton, .facts-infographic .slick-arrow.slick-prev, .facts-infographic .slick-arrow.prev-slide { margin-right: 4px } .facts-infographic .slick-arrow.fsPrevButton:before, .facts-infographic .slick-arrow.slick-prev:before, .facts-infographic .slick-arrow.prev-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg) } .facts-infographic .slick-arrow.fsNextButton, .facts-infographic .slick-arrow.slick-next, .facts-infographic .slick-arrow.next-slide { margin-left: 4px } .facts-infographic .slick-arrow.fsNextButton:before, .facts-infographic .slick-arrow.slick-next:before, .facts-infographic .slick-arrow.next-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .facts-infographic .slick-arrow:hover, .facts-infographic .slick-arrow:focus { background-color: #fff } .facts-infographic .slick-arrow:hover:before, .facts-infographic .slick-arrow:focus:before { color: var(--secondary-color, #a3a3a3) } body:not(.home) .facts-infographic .slick-arrow { background-color: var(--secondary-color, #a3a3a3) } body:not(.home) .facts-infographic .slick-arrow:hover, body:not(.home) .facts-infographic .slick-arrow:focus { background-color: #6eadfd } body:not(.home) .facts-infographic .slick-arrow:hover::before, body:not(.home) .facts-infographic .slick-arrow:focus::before { color: #262626 } body:not(.fsComposeMode) .card-images { position: relative; margin-bottom: 80px } body:not(.fsComposeMode) .card-images .card { position: relative; border-radius: 0px; width: 100%; -webkit-box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); z-index: 300 } @media(min-width: 1000px) { body:not(.fsComposeMode) .card-images .card { position: absolute; width: 500px; bottom: -30px; left: 0; margin-bottom: 0 } } body:not(.fsComposeMode) .card-images .card::before { position: absolute; top: 45px; right: 15px; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 5rem; color: #000; opacity: .07 } body:not(.fsComposeMode) .card-images .card h2 { font-size: 2rem; line-height: 2.5rem; font-family: "Montserrat", sans-serif; text-transform: uppercase } @media(min-width: 500px) { body:not(.fsComposeMode) .card-images .card h2 { font-size: 2.75rem; line-height: 3rem } } body:not(.fsComposeMode) .card-images .card h6 { font-size: .8125rem; line-height: 1.4375rem; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 600; margin-bottom: 5px } @media(min-width: 500px) { body:not(.fsComposeMode) .card-images .card h6 { font-size: 1.0625rem } } body:not(.fsComposeMode) .card-images .card p, body:not(.fsComposeMode) .card-images .card .fsElementContent>span, body:not(.fsComposeMode) .card-images .card a:not([class]) { font-size: .875rem; line-height: 1.875rem; font-family: "Montserrat", sans-serif; font-weight: 400 } @media(min-width: 500px) { body:not(.fsComposeMode) .card-images .card p, body:not(.fsComposeMode) .card-images .card .fsElementContent>span, body:not(.fsComposeMode) .card-images .card a:not([class]) { font-size: 1.0625rem; line-height: 2rem } } body:not(.fsComposeMode) .card-images .card.primary::before { color: #fff } body:not(.fsComposeMode) .card-images .card.gray { background-color: #f5f5f5 } body:not(.fsComposeMode) .card-images .card>.fsElementContent { padding: 50px 30px } @media(min-width: 500px) { body:not(.fsComposeMode) .card-images .card>.fsElementContent { padding: 60px 50px } } body:not(.fsComposeMode) .card-images .fsResourceElement.fsSingleItem { width: 100%; margin-bottom: 0 } @media(min-width: 1000px) { body:not(.fsComposeMode) .card-images .fsResourceElement.fsSingleItem { padding-left: 350px } } body:not(.fsComposeMode) .card-images .fsResourceElement.fsSingleItem figure { position: relative; width: 100%; max-width: none !important; height: 85vw; max-height: 568px; overflow: hidden } body:not(.fsComposeMode) .card-images .fsResourceElement.fsSingleItem figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media(min-width: 1000px) { body:not(.fsComposeMode) .card-images .fsResourceElement.fsSingleItem figure { max-height: 500px } } body:not(.fsComposeMode) .card-images.right .card { left: auto; right: 0 } @media(min-width: 1000px) { body:not(.fsComposeMode) .card-images.right .fsResourceElement.fsSingleItem { padding-right: 350px; padding-left: 0 } } .custom-gallery { position: relative; padding-bottom: 55px } .custom-gallery .slick-list { height: 44vw !important; max-height: 700px; overflow: visible } .custom-gallery .slick-track, .custom-gallery .slick-slide, .custom-gallery .slick-slide>figure, .custom-gallery figure>a, .custom-gallery figure img { height: 100% } .custom-gallery figure>a, .custom-gallery figure img { width: 100% } .custom-gallery figure::before { display: block; position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); background-color: rgba(0, 0, 0, 0); border: 1.5px solid #fff; z-index: 1 } .custom-gallery figure a { display: block } .custom-gallery figure img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .custom-gallery .fsElementSlideshow { margin: 0 } .custom-gallery .slick-list { border-radius: 12px } .custom-gallery .slick-slide { position: relative; opacity: .5; padding: 55px 25px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } .custom-gallery .slick-slide figure { overflow: hidden } .custom-gallery .slick-slide figure .fsResourceLink { display: block } .custom-gallery .slick-slide figcaption { position: absolute; left: 50%; bottom: 20px; -webkit-transform: translate3d(-50%, 100px, 0px); transform: translate3d(-50%, 100px, 0px); max-width: 448px; max-height: 31%; min-height: 20%; border-radius: 8px; padding: 24px 24px 60px 24px; background: #fff; overflow: auto; opacity: 0; -webkit-box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); text-align: center; -webkit-transition: all .4s ease .4s; transition: all .4s ease .4s; z-index: 300 } @media screen and (min-width: 1000px) { .custom-gallery .slick-slide figcaption { padding: 24px 50px; bottom: -65px; max-width: none; width: 750px } } .custom-gallery .slick-slide figcaption .fsTitle { font-family: "EB Garamond", serif; font-size: 2rem; font-weight: 700; line-height: 2.25rem; color: #000; text-transform: capitalize } .custom-gallery .slick-slide figcaption p { display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-family: "Montserrat", sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.5rem; color: #000 } .custom-gallery .slick-slide[aria-hidden=false] figcaption { opacity: 1; -webkit-transform: translate3d(-50%, 0px, 0px); transform: translate3d(-50%, 0px, 0px) } .custom-gallery .slick-slide.no-title-no-caption figcaption { opacity: 0 } .custom-gallery .slick-active, .custom-gallery .slick-current { padding: 0 25px; opacity: 1 } .custom-gallery .slick-active figure::before, .custom-gallery .slick-current figure::before { display: block; position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); background-color: rgba(0, 0, 0, 0); border: 1.5px solid #fff; z-index: 1 } .custom-gallery .slick-active figure, .custom-gallery .slick-current figure { -webkit-box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35) } .custom-gallery .slick-active figure::before, .custom-gallery .slick-current figure::before { width: calc(100% - 75px) } .custom-gallery .slick-arrow { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; cursor: pointer; overflow: visible; border-radius: 50%; border: 1px solid #fff; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .5s; transition: all .5s; width: 45px; height: 45px } @media(min-width: 1100px) { .custom-gallery .slick-arrow { width: 52px; height: 52px } } .custom-gallery .slick-arrow:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-size: .875rem; line-height: 1; color: #fff; display: block; margin: 0; -webkit-transition: all .3s; transition: all .3s } @media(min-width: 1100px) { .custom-gallery .slick-arrow:before { font-size: 1rem } } .custom-gallery .slick-arrow.fsPrevButton, .custom-gallery .slick-arrow.slick-prev, .custom-gallery .slick-arrow.prev-slide { margin-right: 4px } .custom-gallery .slick-arrow.fsPrevButton:before, .custom-gallery .slick-arrow.slick-prev:before, .custom-gallery .slick-arrow.prev-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg) } .custom-gallery .slick-arrow.fsNextButton, .custom-gallery .slick-arrow.slick-next, .custom-gallery .slick-arrow.next-slide { margin-left: 4px } .custom-gallery .slick-arrow.fsNextButton:before, .custom-gallery .slick-arrow.slick-next:before, .custom-gallery .slick-arrow.next-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .custom-gallery .slick-arrow:hover, .custom-gallery .slick-arrow:focus { background-color: #fff } .custom-gallery .slick-arrow:hover:before, .custom-gallery .slick-arrow:focus:before { color: var(--secondary-color, #a3a3a3) } .custom-gallery .slick-arrow { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background-color: var(--secondary-color, #a3a3a3); border: none } .custom-gallery .slick-arrow::before { font-size: .875rem } .custom-gallery .slick-arrow:hover, .custom-gallery .slick-arrow:focus { border: none; background-color: #6eadfd } .custom-gallery .slick-arrow:hover::before, .custom-gallery .slick-arrow:focus::before { color: #262626 } .custom-gallery .slick-arrow.fsPrevButton { left: 35px } .custom-gallery .slick-arrow.fsNextButton { -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0); left: auto; right: 35px } .custom-gallery .fsElementSlideshowControls { position: absolute; bottom: 70px; left: 50px } .custom-gallery .fsElementSlideshowControls button { display: block; position: relative; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; opacity: 1 } .custom-gallery .fsElementSlideshowControls button::before { position: absolute; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: var(--primary-color, #233796); font-size: .625rem } .custom-gallery .fsElementSlideshowControls button.fsSlideshowPause::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } .custom-gallery .fsElementSlideshowControls button.fsSlideshowPlay::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; left: 47% } @media(max-width: 999px) { .custom-gallery .slick-slide figcaption { bottom: -30px; min-width: 60%; min-height: auto; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: none; padding: 15px; -webkit-box-shadow: 1px 24px 28px -20px rgba(0, 0, 0, .35); box-shadow: 1px 24px 28px -20px rgba(0, 0, 0, .35) } .custom-gallery .slick-slide figcaption .fsTitle { font-size: 1.25rem; margin: 0 } .custom-gallery .slick-slide figcaption p { font-size: .875rem } } @media(max-width: 799px) { .custom-gallery .slick-slide figcaption { bottom: auto; top: 100%; min-width: 80% } } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article { position: relative; width: 100%; max-width: none !important; height: 60vw; max-height: 568px; overflow: hidden } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article::before { display: block; position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); background-color: rgba(0, 0, 0, 0); border: 1.5px solid #fff; z-index: 1 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article { outline: none; position: relative; padding: 0; width: 100%; height: 115vw; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-height: 615px } @media(min-width: 600px) { body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 20px); flex: 1 1 calc(50% - 20px) } } @media(min-width: 1100px) { body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article { -webkit-box-flex: 1; -ms-flex: 1 1 calc(25% - 20px); flex: 1 1 calc(25% - 20px); max-height: 415px } } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap { display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .color-blocks::before, body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .arrow-icon::before { -webkit-animation: arrowOut .25s ease-in-out forwards; animation: arrowOut .25s ease-in-out forwards } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap .color-blocks { -webkit-animation: swipeOut .85s ease-in-out; animation: swipeOut .85s ease-in-out } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .animation-wrap::after { display: block; content: ""; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; opacity: .96; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); z-index: 1 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap { display: block; position: relative; overflow: hidden; width: 100%; height: 100% } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: var(--primary-color, #233796); z-index: 2; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .color-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16/9; z-index: 200; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .color-blocks::before, body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .color-blocks::after { display: block; position: absolute; content: ""; width: 380px; height: 100%; clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%); left: 0; top: 0; -webkit-transform: skewX(35deg); -ms-transform: skewX(35deg); transform: skewX(35deg) } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .color-blocks::before { background-color: var(--primary-color, #233796); opacity: .4 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .color-blocks::after { left: -5px; width: 350px; background-color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap::before { opacity: .68 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .color-blocks { -webkit-animation: swipeIn 1s ease-in-out; animation: swipeIn 1s ease-in-out } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon { position: absolute; top: 0; right: 0; z-index: 300 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon::before { display: block; position: absolute; top: 52.5px; right: 52.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.5625rem; opacity: 0; color: #fff; z-index: 301 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: -25px; right: -25px; opacity: 0; background: var(--secondary-color, #a3a3a3); clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 50%); z-index: 3 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon::before { -webkit-animation: arrowIn .4s ease-in-out forwards; animation: arrowIn .4s ease-in-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article.showing .animation-wrap .arrow-icon::after { -webkit-animation: cornerIn .35s ease-in-out forwards; animation: cornerIn .35s ease-in-out forwards; -webkit-animation-delay: .5s; animation-delay: .5s } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc { position: absolute; width: 100%; bottom: 0; padding: 25px; z-index: 5 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .fsTitle { font-size: 1.5625rem; font-weight: 700; line-height: 2.0625rem; margin-bottom: 5px; color: #fff; cursor: default } @media(min-width: 600px) { body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .fsTitle { font-size: 1.75rem } } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .fsCategories { display: block; margin: 0; cursor: default } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .fsCategories .fsCategory { position: relative; font-size: .8125rem; font-weight: 600; line-height: 1.375rem; color: #fff; margin-bottom: 0; background-color: rgba(0, 0, 0, 0); padding: 0; border: none; margin: 0; text-transform: capitalize } @media(min-width: 600px) { body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .fsCategories .fsCategory { font-size: .875rem } } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden .fsPostLink.fsReadMoreLink { position: relative; font-size: .75rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; color: #fff; text-decoration: none } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden .fsPostLink.fsReadMoreLink::before { display: none } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden .fsPostLink.fsReadMoreLink::after { display: block; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; position: absolute; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 45%; right: -20px; font-size: .625rem; color: #6eadfd } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden .fsPostLink.fsReadMoreLink:hover, body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden .fsPostLink.fsReadMoreLink:focus { text-decoration: underline } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc>header .fsElementTitle, body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc>header .fsElementHeaderContent p, body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden>footer .fsElementFooterContent p { color: #fff; cursor: default } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden { display: none } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden>footer .fsElementFooterContent { margin: 0; padding: 0 } body:not(.fsComposeMode) .people-profiles .profiles .fsListItems article .card-desc .desc-hidden>footer .fsElementFooterContent p { margin: 0; padding: 0 } .fsDialog.custom-post-popup { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 555px; border-radius: 8px; background-color: #f5f5f5; width: calc(100% - 100px); -webkit-box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35) } .fsDialog.custom-post-popup .fsDialogContent { padding: 0; min-height: 100%; width: 100% } .fsDialog.custom-post-popup .fsDialogContent article { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: column; flex-direction: column } @media(min-width: 1100px) { .fsDialog.custom-post-popup .fsDialogContent article { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .fsDialog.custom-post-popup .fsDialogContent .fsThumbnail { position: relative; margin: 0; width: 100%; max-width: 100%; min-height: 480px } @media(min-width: 1100px) { .fsDialog.custom-post-popup .fsDialogContent .fsThumbnail { max-width: 480px; min-height: 100% } } .fsDialog.custom-post-popup .fsDialogContent .fsThumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .fsDialog.custom-post-popup .fsDialogContent .posts-column { padding: 80px 50px; -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0 } .fsDialog.custom-post-popup .fsDialogContent .posts-column h1, .fsDialog.custom-post-popup .fsDialogContent .posts-column h2, .fsDialog.custom-post-popup .fsDialogContent .posts-column h3, .fsDialog.custom-post-popup .fsDialogContent .posts-column h4, .fsDialog.custom-post-popup .fsDialogContent .posts-column h5, .fsDialog.custom-post-popup .fsDialogContent .posts-column h6 { color: var(--primary-color, #233796) } .fsDialog.custom-post-popup .fsDialogContent .posts-column a:not([class]) { text-decoration: underline } .fsDialog.custom-post-popup .fsDialogContent .posts-column a:not([class]):hover, .fsDialog.custom-post-popup .fsDialogContent .posts-column a:not([class]):focus { text-decoration: none } .fsDialog.custom-post-popup .fsDialogContent .posts-column p { font-size: 1rem; line-height: 2rem } .fsDialog.custom-post-popup .fsDialogContent .posts-column .fsTitle { font-size: 3.625rem; font-weight: 700; line-height: 3.625rem } .fsDialog.custom-post-popup .fsDialogContent .posts-column .fsCategories { margin: 0 0 30px 0 } .fsDialog.custom-post-popup .fsDialogContent .posts-column .fsCategories .fsCategory { margin: 0; font-size: 1.0625rem; font-weight: 600; color: var(--primary-color, #233796); line-height: 1.4375rem; text-transform: uppercase; padding: 0; background-color: rgba(0, 0, 0, 0) } .fsDialog.custom-post-popup .fsDialogCloseButton { background-color: #fff; top: 0; right: 0; width: 53px; height: 55px; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } .fsDialog.custom-post-popup .fsDialogCloseButton::before { color: var(--secondary-color, #a3a3a3); -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } .fsDialog.custom-post-popup .fsDialogCloseButton:hover, .fsDialog.custom-post-popup .fsDialogCloseButton:focus { background-color: var(--secondary-color, #a3a3a3) } .fsDialog.custom-post-popup .fsDialogCloseButton:hover::before, .fsDialog.custom-post-popup .fsDialogCloseButton:focus::before { color: #fff } body:not(.fsComposeMode) .image-accordion { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px 25px; overflow: hidden; width: 100vw; margin-left: 50%; margin-right: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); background-color: #f5f5f5 } body:not(.fsComposeMode) .image-accordion::before { display: block; content: ""; position: absolute; top: 450px; right: -40px; /*content: ""; font-family: "IcoMoon";*/ font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 58.85rem; opacity: .04 } @media(min-width: 800px) { body:not(.fsComposeMode) .image-accordion { padding: 60px 15px } } @media(min-width: 1100px) { body:not(.fsComposeMode) .image-accordion { padding: 105px 20px } } body:not(.fsComposeMode) .image-accordion>header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; text-align: center; margin-bottom: 60px } body:not(.fsComposeMode) .image-accordion>header .fsElementTitle { font-family: "Montserrat", sans-serif; font-size: 2.75rem; font-style: normal; font-weight: 700; line-height: 3rem; text-transform: uppercase; margin-bottom: 0 } body:not(.fsComposeMode) .image-accordion>header .fsElementHeaderContent { font-size: 1.0625rem; color: var(--primary-color, #233796); font-weight: 600; line-height: 1.4375rem; text-transform: uppercase; margin-bottom: 0 } @media(min-width: 1100px) { body:not(.fsComposeMode) .image-accordion>.fsElementContent { position: relative; margin: 0 auto; max-width: 1180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } body:not(.fsComposeMode) .image-accordion>.fsElementContent .fsContainer { margin: 0 } @media(min-width: 1100px) { body:not(.fsComposeMode) .image-accordion>.fsElementContent .fsContainer { padding-right: 50%; margin-bottom: 10px } } @media(max-width: 1099px) { body:not(.fsComposeMode) .image-accordion>.fsElementContent .fsContainer>.fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media(max-width: 1099px) { body:not(.fsComposeMode) .image-accordion>.fsElementContent .fsContainer>.fsElementContent .fsElement:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0 } } @media(max-width: 1099px) { body:not(.fsComposeMode) .image-accordion>.fsElementContent .fsContainer>.fsElementContent .fsElement:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 35px } } @media(min-width: 1100px) { body:not(.fsComposeMode) .image-accordion .fsAccordion { margin-right: 25px; width: 540px; min-width: 50% } } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel { position: relative } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel:last-child::before { display: none } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header { background-color: rgba(0, 0, 0, 0) } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header h2.fsElementTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px; position: relative } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header h2.fsElementTitle::after { display: none } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header h2.fsElementTitle a { font-family: "Montserrat", sans-serif; font-size: 1.125rem; font-weight: 600; line-height: 1.5625rem; color: var(--primary-color, #233796) } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header h2.fsElementTitle .plus-icon { position: relative; display: block; width: 50px; height: 50px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-filter: drop-shadow(1px 5px 8px rgba(0, 0, 0, 0.25)); filter: drop-shadow(1px 5px 8px rgba(0, 0, 0, 0.25)); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header h2.fsElementTitle .plus-icon svg rect { -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header h2.fsElementTitle .plus-icon::after { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: var(--primary-color, #233796); border: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 48%; top: 48%; font-size: 1rem; -webkit-transition: color .4s ease 0s; transition: color .4s ease 0s } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:hover, body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:focus { background-color: #fff } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:hover h2.fsElementTitle a, body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:focus h2.fsElementTitle a { color: var(--primary-color, #233796) } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:hover h2.fsElementTitle .plus-icon, body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:focus h2.fsElementTitle .plus-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:hover h2.fsElementTitle .plus-icon svg rect, body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:focus h2.fsElementTitle .plus-icon svg rect { fill: var(--primary-color, #233796) } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:hover h2.fsElementTitle .plus-icon::after, body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>header:focus h2.fsElementTitle .plus-icon::after { color: #fff } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>.fsElementContent { border: none; padding: 22px 25px } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>.fsElementContent .fsElement.fsContent { margin-bottom: 10px } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel>.fsElementContent .fsElement.fsContent p { font-size: .9375rem; line-height: 1.6875rem } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel.fsStateOpen>header { background-color: #6eadfd } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel.fsStateOpen>header h2.fsElementTitle .plus-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel.fsStateOpen>header h2.fsElementTitle .plus-icon svg rect { fill: var(--primary-color, #233796) } body:not(.fsComposeMode) .image-accordion .fsAccordion .fsPanel.fsStateOpen>header h2.fsElementTitle .plus-icon::after { color: #fff; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: .125rem } body:not(.fsComposeMode) .image-accordion .fsAccordion .inner-image { opacity: 0; position: absolute; top: 0; z-index: -1 } body:not(.fsComposeMode) .image-accordion .single-image { position: relative; max-height: 400px; width: 100%; margin-bottom: 0; -webkit-box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); box-shadow: 1px 24px 8px -20px rgba(0, 0, 0, .35); background-position: center; background-size: cover; aspect-ratio: 1/1; -webkit-transition: all .3s ease; transition: all .3s ease } @media(min-width: 1100px) { body:not(.fsComposeMode) .image-accordion .single-image { width: 540px; height: 540px; max-height: none; margin-left: 25px; margin-top: -20px } } body:not(.fsComposeMode) .image-accordion .single-image img { display: block; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } body:not(.fsComposeMode) .image-accordion .single-image img.gone { display: none } body:not(.fsComposeMode) .custom-tabs { margin-top: 60px } body:not(.fsComposeMode) .custom-tabs .fsTabsNav { position: relative; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } @media(min-width: 1100px) { body:not(.fsComposeMode) .custom-tabs .fsTabsNav { gap: 65px } } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li { position: relative; text-align: center; max-width: 160px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li .line { display: block; position: absolute; top: 22%; left: 80px; width: 120%; height: 1px; z-index: 1; background-color: #d4d4d4 } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li .line::before { display: block; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 2px; background-color: var(--secondary-color, #a3a3a3); opacity: 0; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: translate3d(-50%, -50%, 0) scaleX(0); transform: translate3d(-50%, -50%, 0) scaleX(0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li::before { display: block; content: ""; position: absolute; width: 35px; height: 0px; opacity: 0; background-color: var(--primary-color, #233796); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: -41px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li::after { display: block } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li:nth-of-type(even)::before { background-color: #6eadfd } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li:last-child .line { display: none } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a { position: relative; font-family: "Montserrat", sans-serif; font-size: .8125rem; font-weight: 700; text-transform: uppercase; color: var(--primary-color, #233796); background-color: #fff; min-width: 100px; max-width: 10px; padding-top: 70px; padding-bottom: 0; z-index: 300 } @media(max-width: 999px) { body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a { font-size: .75rem } } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a::before { display: block; content: ""; width: 45px; height: 45px; background-color: #fff; border: 1px solid #727272; border-radius: 5px; position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); top: 0; -webkit-transform: translate3d(-50%, 0, 0) rotate(45deg); transform: translate3d(-50%, 0, 0) rotate(45deg) } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a::after { display: block; content: ""; width: 17px; height: 17px; background-color: var(--secondary-color, #a3a3a3); border-radius: 4px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); top: 22.5px; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg) } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a::before, body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a::after { -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a:hover, body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a:focus { -webkit-box-shadow: none; box-shadow: none } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a:hover::before, body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a:focus::before { background-color: var(--primary-color, #233796); border-color: rgba(0, 0, 0, 0) } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a:hover::after, body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a:focus::after { background-color: #fff } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li:has(~li.fsStateSelected) .line::before { -webkit-transform: translate3d(-50%, -50%, 0) scaleX(1); transform: translate3d(-50%, -50%, 0) scaleX(1); opacity: 1 } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li.fsStateSelected::before { opacity: 1; height: 15px } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li.fsStateSelected a { -webkit-box-shadow: none; box-shadow: none } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li.fsStateSelected a::before { width: 50px; height: 50px; background-color: var(--secondary-color, #a3a3a3); border-color: rgba(0, 0, 0, 0) } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li.fsStateSelected a::after { top: 25px; background-color: #fff } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel::before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: #fff; position: absolute; top: 50px; left: 50px; font-size: 3.125rem } @media(max-width: 999px) { body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel::before { font-size: 2.1875rem } } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) { background-color: var(--primary-color, #233796) } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElementTitle, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent>.fsElementContent p>a:not([class]) { color: #fff } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent .small-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--secondary-color, #a3a3a3) !important; border-radius: 2px; background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent .small-button:hover, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent .small-button:focus, .fsStateSelected body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent .small-button, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent .small-button.on { border-color: #6eadfd !important; background: #6eadfd; color: #262626; -webkit-transition: .3s all; transition: .3s all } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent .small-button.full-width-button { width: 100%; max-width: unset } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent p>a:not([class]) { text-decoration: underline } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent p>a:not([class]):hover, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(odd) .fsElement.fsContent p>a:not([class]):focus { text-decoration: none } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) { background-color: #6eadfd } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even)::before { color: var(--primary-color, #233796) } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElementTitle, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent>.fsElementContent p>a:not([class]) { color: var(--primary-color, #233796) } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent .small-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent .small-button:hover, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent .small-button:focus, .fsStateSelected body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent .small-button, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent .small-button.on { border-color: #405a81 !important; background: #405a81; color: #fff; -webkit-transition: .3s all; transition: .3s all } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent .small-button.full-width-button { width: 100%; max-width: unset } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent p>a:not([class]) { text-decoration: underline } body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent p>a:not([class]):hover, body:not(.fsComposeMode) .custom-tabs>.fsElementContent .fsPanel:nth-of-type(even) .fsElement.fsContent p>a:not([class]):focus { text-decoration: none } body:not(.fsComposeMode) .custom-tabs .fsPanel { position: relative; margin-top: 50px; padding: 55px 50px; border: none } @media(max-width: 799px) { body:not(.fsComposeMode) .custom-tabs .fsPanel>header { display: block !important } } body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0 } @media(max-width: 999px) { body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent>.fsElement.fsContent { width: 50%; margin: 0; padding: 0 } @media(max-width: 999px) { body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent>.fsElement.fsContent { width: 100%; margin-top: 45px } } body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent>.fsElement.fsContent>header .fsElementTitle { font-family: "Montserrat", sans-serif; font-size: 2.75rem; font-weight: 800; line-height: 3rem; text-transform: uppercase } @media(max-width: 999px) { body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent>.fsElement.fsContent>header .fsElementTitle { font-size: 2rem } } body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent>.fsElement.fsContent>header .fsElementHeaderContent p { font-family: "EB Garamond", serif; font-size: 1.875rem; font-weight: 500; line-height: 2.6875rem } @media(max-width: 999px) { body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent>.fsElement.fsContent>header .fsElementHeaderContent p { font-size: 1.375rem } } body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent>.fsElement.fsContent>.fsElementContent p { font-size: 1rem; font-weight: 400; line-height: 1.75rem } @media(max-width: 999px) { body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent>.fsElement.fsContent>.fsElementContent p { font-size: .875rem } } body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent .fsResourceElement { width: 50%; position: relative; right: -70px } @media(max-width: 999px) { body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent .fsResourceElement { width: 100%; right: 0; margin-top: 45px } } body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent .fsResourceElement img { position: relative; top: 0; left: 0; width: 100%; height: 515px; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; -webkit-box-shadow: 1px 7px 8px 0px rgba(0, 0, 0, .15); box-shadow: 1px 7px 8px 0px rgba(0, 0, 0, .15) } @media(max-width: 599px) { body:not(.fsComposeMode) .custom-tabs .fsPanel .fsElementContent .fsResourceElement img { height: 235px } } @media(max-width: 799px) { body:not(.fsComposeMode) .custom-tabs>.fsElementContent>.fsPanel:not(.fsStateOpen) { display: none } body:not(.fsComposeMode) .custom-tabs>.fsElementContent>.fsPanel.fsStateOpen { display: block } body:not(.fsComposeMode) .custom-tabs>.fsElementContent>.fsPanel>header { display: none !important } body:not(.fsComposeMode) .custom-tabs>.fsElementContent>.fsPanel>.fsElementContent { padding-right: 0; padding-left: 0 } body:not(.fsComposeMode) .custom-tabs .fsTabsNav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; cursor: pointer; overflow: visible; border-radius: 50%; border: 1px solid #fff; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .5s; transition: all .5s; width: 45px; height: 45px; background-color: var(--secondary-color, #a3a3a3); -ms-flex-negative: 0; flex-shrink: 0 } } @media(max-width: 799px)and (min-width: 1100px) { body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow { width: 52px; height: 52px } } @media(max-width: 799px) { body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-size: .875rem; line-height: 1; color: #fff; display: block; margin: 0; -webkit-transition: all .3s; transition: all .3s } } @media(max-width: 799px)and (min-width: 1100px) { body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:before { font-size: 1rem } } @media(max-width: 799px) { body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.fsPrevButton, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.slick-prev, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.prev-slide { margin-right: 4px } body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.fsPrevButton:before, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.slick-prev:before, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.prev-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg) } body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.fsNextButton, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.slick-next, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.next-slide { margin-left: 4px } body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.fsNextButton:before, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.slick-next:before, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow.next-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:hover, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:focus { background-color: #fff } body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:hover:before, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:focus:before { color: var(--secondary-color, #a3a3a3) } body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:hover, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:focus { background-color: #6eadfd } body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:hover::before, body:not(.fsComposeMode) .custom-tabs .fsTabsNav .slick-arrow:focus::before { color: #262626 } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li .line { top: 30% } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a { padding-top: 50px } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a::before { width: 30px; height: 30px; top: 8px } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li>a::after { width: 12px; height: 12px } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li.fsStateSelected::before { opacity: 1; height: 15px } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li.fsStateSelected a { -webkit-box-shadow: none; box-shadow: none } body:not(.fsComposeMode) .custom-tabs .fsTabsNav li.fsStateSelected a::before { width: 35px; height: 35px } } body.has-hero { opacity: 0 } body.has-hero.hero-loaded { opacity: 1 } body:not(.fsComposeMode) .hero.fsResourceElement>header { display: none } .hero.fsResourceElement img, .hero.fsResourceElement video { display: block; width: 100%; min-height: 550px; -o-object-fit: cover; object-fit: cover } #fsHeader .hero.fsResourceElement { position: relative } body:not(.fsComposeMode) #fsHeader .hero.fsResourceElement>header { display: none } #fsHeader .hero.fsResourceElement .fsElementSlideshow { margin: 0 } #fsHeader .hero.fsResourceElement article { position: relative; padding: 0; height: 100vh } @media(max-width: 799px) { .home #fsHeader .hero.fsResourceElement article { height: calc(100vh - 55px) } } #fsHeader .hero.fsResourceElement article::before { display: block; position: absolute; content: ""; width: 100%; height: 30%; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90.41%, #000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 90.41%); opacity: .67 } #fsHeader .hero.fsResourceElement .desc-wrap { position: absolute; width: 100%; bottom: 60px; padding: 0 15px 40px; text-align: center } @media(min-width: 900px) { #fsHeader .hero.fsResourceElement .desc-wrap { display: block; padding: 0 150px; bottom: 50px } } #fsHeader .hero.fsResourceElement .desc-wrap .fsTitle, #fsHeader .hero.fsResourceElement .desc-wrap .fsDescription, #fsHeader .hero.fsResourceElement .desc-wrap figcaption { font-family: "EB Garamond", serif; color: #fff; font-weight: 400 } #fsHeader .hero.fsResourceElement .desc-wrap .fsTitle { font-size: 2.5rem; line-height: 2rem; text-transform: none; margin: 0 0 15px 0 } @media(min-width: 600px) { #fsHeader .hero.fsResourceElement .desc-wrap .fsTitle { font-size: 3.5625rem; line-height: 3.375rem } } @media(min-width: 1100px) { #fsHeader .hero.fsResourceElement .desc-wrap .fsTitle { font-size: 5.5625rem; margin: 0 0 30px 0 } } #fsHeader .hero.fsResourceElement .desc-wrap figcaption, #fsHeader .hero.fsResourceElement .desc-wrap .fsDescription { font-size: 1.125rem; line-height: 1.8125rem; margin: 0 } @media(min-width: 600px) { #fsHeader .hero.fsResourceElement .desc-wrap figcaption, #fsHeader .hero.fsResourceElement .desc-wrap .fsDescription { font-size: 1.8125rem } } @media(min-width: 1100px) { #fsHeader .hero.fsResourceElement .desc-wrap figcaption, #fsHeader .hero.fsResourceElement .desc-wrap .fsDescription { font-size: 1.5625rem } } #fsHeader .hero.fsResourceElement img, #fsHeader .hero.fsResourceElement video { height: 100vh } @media(max-width: 799px) { .home #fsHeader .hero.fsResourceElement img, .home #fsHeader .hero.fsResourceElement video { height: calc(100vh - 55px) } } #fsHeader .hero.fsResourceElement .slick-navigation { position: absolute; bottom: 25px; right: 20px } @media(max-width: 899px) { #fsHeader .hero.fsResourceElement .slick-navigation { position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } } #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; cursor: pointer; overflow: visible; border-radius: 50%; border: 1px solid #fff; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .5s; transition: all .5s; width: 45px; height: 45px } @media(min-width: 1100px) { #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow { width: 52px; height: 52px } } #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; font-size: .875rem; line-height: 1; color: #fff; display: block; margin: 0; -webkit-transition: all .3s; transition: all .3s } @media(min-width: 1100px) { #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow:before { font-size: 1rem } } #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.fsPrevButton, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.slick-prev, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.prev-slide { margin-right: 4px } #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.fsPrevButton:before, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.slick-prev:before, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.prev-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg) } #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.fsNextButton, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.slick-next, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.next-slide { margin-left: 4px } #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.fsNextButton:before, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.slick-next:before, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow.next-slide:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none } #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow:hover, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow:focus { background-color: #fff } #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow:hover:before, #fsHeader .hero.fsResourceElement .slick-navigation .slick-arrow:focus:before { color: var(--secondary-color, #a3a3a3) } #fsHeader .hero.fsResourceElement>footer { display: none; position: absolute; left: 20px; bottom: 0px } @media(min-width: 900px) { #fsHeader .hero.fsResourceElement>footer { display: block } } #fsHeader .hero.fsResourceElement>footer .fsElementFooterContent { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: mixed; margin-bottom: 5px } @supports not (writing-mode: vertical-rl) { #fsHeader .hero.fsResourceElement>footer .fsElementFooterContent { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } } #fsHeader .hero.fsResourceElement>footer .fsElementFooterContent::after { display: block; content: ""; background-color: #fff; width: 1px; height: 21px } #fsHeader .hero.fsResourceElement>footer .fsElementFooterContent p, #fsHeader .hero.fsResourceElement>footer .fsElementFooterContent span, #fsHeader .hero.fsResourceElement>footer .fsElementFooterContent a:not([class]) { color: #fff; font-size: .75rem; font-weight: 600; line-height: 1.5625rem; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px } @media print { .nav-main, .nav-sub, .nav-social, .nav-utility-header, .nav-utility-footer, #fsMenu, #fsFooter, #fsHeader, .fsThumbnail, .hide-for-print { display: none !important } #fsPageContent, #fsBannerLeft, #fsBannerRight { width: 100% !important } html { font-size: 100% } body { font-size: 62.5% } *, *:before, *:after { background: rgba(0, 0, 0, 0) !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important } .slick-slide { display: none !important } .slick-slide.slick-active { display: block !important } .slick-list { height: auto !important } .slick-track { width: auto !important; height: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .slick-track .slick-slide { width: auto !important } a[class*=fs_style] { border-color: #000 } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } pre { white-space: pre-wrap !important } pre, blockquote { page-break-inside: avoid } thead { display: table-header-group } tr, img { page-break-inside: avoid } p, h2, h3 { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .fsPanel>header~.fsElementContent { display: block } } @font-face { font-family: "IcoMoon"; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"); font-weight: 400; font-style: normal } /*! helpers - functions v0.0.1 */ /*! helpers - utility v0.0.1 */ @-webkit-keyframes swipeIn { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } to { -webkit-transform: translateX(150%); transform: translateX(150%); opacity: 1 } } @keyframes swipeIn { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } to { -webkit-transform: translateX(150%); transform: translateX(150%); opacity: 1 } } @-webkit-keyframes swipeOut { from { -webkit-transform: translateX(150%); transform: translateX(150%); opacity: 1 } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } } @keyframes swipeOut { from { -webkit-transform: translateX(150%); transform: translateX(150%); opacity: 1 } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } } @-webkit-keyframes arrowIn { 0% { top: 52.5px; right: 52.5px; opacity: 0 } 100% { top: 12.5px; right: 12.5px; opacity: 1 } } @keyframes arrowIn { 0% { top: 52.5px; right: 52.5px; opacity: 0 } 100% { top: 12.5px; right: 12.5px; opacity: 1 } } @-webkit-keyframes arrowOut { 0% { top: 12.5px; right: 12.5px; opacity: 1 } 100% { top: 52.5px; right: 52.5px; opacity: 0 } } @keyframes arrowOut { 0% { top: 12.5px; right: 12.5px; opacity: 1 } 100% { top: 52.5px; right: 52.5px; opacity: 0 } } @-webkit-keyframes cornerIn { 0% { top: -25px; right: -25px; opacity: 0 } 100% { top: 0; right: 0; opacity: 1 } } @keyframes cornerIn { 0% { top: -25px; right: -25px; opacity: 0 } 100% { top: 0; right: 0; opacity: 1 } } @-webkit-keyframes scale-up-bl { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: .8 } } @keyframes scale-up-bl { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: .8 } } @-webkit-keyframes scale-down-bl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: .8 } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0 } } @keyframes scale-down-bl { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: .8 } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0 } } /*! helpers - box-model v0.0.1 */ /*! helpers - presentational v0.0.1 */ /*! helpers - ui-pattern v0.0.1 */ /*! helpers - typography v0.0.1 */ .small-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button:hover, .small-button:focus, .fsStateSelected .small-button, .small-button.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.full-width-button { width: 100%; max-width: unset } .small-button.dark-blue { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.dark-blue:hover, .small-button.dark-blue:focus, .fsStateSelected .small-button.dark-blue, .small-button.dark-blue.on { border-color: #405a81 !important; background: #405a81; color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.dark-blue.full-width-button { width: 100%; max-width: unset } .small-button.dark-green { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--secondary-color, #a3a3a3) !important; border-radius: 2px; background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.dark-green:hover, .small-button.dark-green:focus, .fsStateSelected .small-button.dark-green, .small-button.dark-green.on { border-color: #6eadfd !important; background: #6eadfd; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.dark-green.full-width-button { width: 100%; max-width: unset } .small-button.light-blue { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #405a81 !important; border-radius: 2px; background: #405a81; color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.light-blue:hover, .small-button.light-blue:focus, .fsStateSelected .small-button.light-blue, .small-button.light-blue.on { border-color: var(--primary-color, #233796) !important; background: var(--primary-color, #233796); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.light-blue.full-width-button { width: 100%; max-width: unset } .small-button.dark { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #171717 !important; border-radius: 2px; background: #171717; color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.dark:hover, .small-button.dark:focus, .fsStateSelected .small-button.dark, .small-button.dark.on { border-color: #171717 !important; background: #fff; color: #171717; -webkit-transition: .3s all; transition: .3s all } .small-button.dark.full-width-button { width: 100%; max-width: unset } .small-button.primary { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.primary:hover, .small-button.primary:focus, .fsStateSelected .small-button.primary, .small-button.primary.on { border-color: var(--primary-color, #233796) !important; background: #fff; color: var(--primary-color, #233796); -webkit-transition: .3s all; transition: .3s all } .small-button.primary.full-width-button { width: 100%; max-width: unset } .small-button.secondary { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--secondary-color, #a3a3a3) !important; border-radius: 2px; background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.secondary:hover, .small-button.secondary:focus, .fsStateSelected .small-button.secondary, .small-button.secondary.on { border-color: var(--secondary-color, #a3a3a3) !important; background: #fff; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.secondary.full-width-button { width: 100%; max-width: unset } .small-button.accent-1 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #4a74a8 !important; border-radius: 2px; background: #4a74a8; color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-1:hover, .small-button.accent-1:focus, .fsStateSelected .small-button.accent-1, .small-button.accent-1.on { border-color: #4a74a8 !important; background: #fff; color: #4a74a8; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-1.full-width-button { width: 100%; max-width: unset } .small-button.accent-2 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #e27e21 !important; border-radius: 2px; background: #e27e21; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-2:hover, .small-button.accent-2:focus, .fsStateSelected .small-button.accent-2, .small-button.accent-2.on { border-color: #e27e21 !important; background: #fff; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-2.full-width-button { width: 100%; max-width: unset } .small-button.accent-3 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #8243a8 !important; border-radius: 2px; background: #8243a8; color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-3:hover, .small-button.accent-3:focus, .fsStateSelected .small-button.accent-3, .small-button.accent-3.on { border-color: #8243a8 !important; background: #fff; color: #8243a8; -webkit-transition: .3s all; transition: .3s all } .small-button.accent-3.full-width-button { width: 100%; max-width: unset } .small-button.hollow { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #a3a3a3 !important; border-radius: 2px; background: #fff; color: #727272; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow:hover, .small-button.hollow:focus, .fsStateSelected .small-button.hollow, .small-button.hollow.on { border-color: #e5e5e5 !important; background: #e5e5e5; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.full-width-button { width: 100%; max-width: unset } .small-button.hollow.dark-blue { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: #fff; color: var(--primary-color, #233796); font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.dark-blue:hover, .small-button.hollow.dark-blue:focus, .fsStateSelected .small-button.hollow.dark-blue, .small-button.hollow.dark-blue.on { border-color: var(--primary-color, #233796) !important; background: var(--primary-color, #233796); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.dark-blue.full-width-button { width: 100%; max-width: unset } .small-button.hollow.dark-green { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--secondary-color, #a3a3a3) !important; border-radius: 2px; background: #fff; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.dark-green:hover, .small-button.hollow.dark-green:focus, .fsStateSelected .small-button.hollow.dark-green, .small-button.hollow.dark-green.on { border-color: var(--secondary-color, #a3a3a3) !important; background: var(--secondary-color, #a3a3a3); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.dark-green.full-width-button { width: 100%; max-width: unset } .small-button.hollow.accent-1 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #4a74a8 !important; border-radius: 2px; background: #fff; color: #4a74a8; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-1:hover, .small-button.hollow.accent-1:focus, .fsStateSelected .small-button.hollow.accent-1, .small-button.hollow.accent-1.on { border-color: #4a74a8 !important; background: #4a74a8; color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-1.full-width-button { width: 100%; max-width: unset } .small-button.hollow.accent-2 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #e27e21 !important; border-radius: 2px; background: #fff; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-2:hover, .small-button.hollow.accent-2:focus, .fsStateSelected .small-button.hollow.accent-2, .small-button.hollow.accent-2.on { border-color: #e27e21 !important; background: #e27e21; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-2.full-width-button { width: 100%; max-width: unset } .small-button.hollow.accent-3 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #8243a8 !important; border-radius: 2px; background: #fff; color: #8243a8; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-3:hover, .small-button.hollow.accent-3:focus, .fsStateSelected .small-button.hollow.accent-3, .small-button.hollow.accent-3.on { border-color: #8243a8 !important; background: #8243a8; color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.hollow.accent-3.full-width-button { width: 100%; max-width: unset } .small-button.on-dark { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #fff !important; border-radius: 2px; background: #fff; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark:hover, .small-button.on-dark:focus, .fsStateSelected .small-button.on-dark, .small-button.on-dark.on { border-color: #fff !important; background: rgba(0, 0, 0, 0); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.full-width-button { width: 100%; max-width: unset } .small-button.on-dark.button-arrow { display: inline-block; position: relative; margin: 0; padding: 16px 65px 16px 26px; border-radius: 2px; background: #fff; color: #262626; border: none !important; font-size: 1rem } body:not(.fsComposeMode) .small-button.on-dark.button-arrow { font-size: 0 } .small-button.on-dark.button-arrow { -webkit-box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.button-arrow span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .875rem !important; line-height: 1.5rem !important; font-weight: 700 !important; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s all; transition: .3s all; color: inherit !important } .fsComposeMode .small-button.on-dark.button-arrow span { display: none } .small-button.on-dark.button-arrow::before { display: block; position: absolute; top: 0; right: 0; content: ""; background: var(--secondary-color, #a3a3a3); width: 40px; height: 100%; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.button-arrow::after { display: block; position: absolute; top: 50%; right: 0; font-size: .875rem; content: ""; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; width: 40px; color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.button-arrow:hover, .small-button.on-dark.button-arrow:focus, .fsStateSelected .small-button.on-dark.button-arrow, .small-button.on-dark.button-arrow.on { background: #e5e5e5; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark.button-arrow:hover span, .small-button.on-dark.button-arrow:focus span, .fsStateSelected .small-button.on-dark.button-arrow span, .small-button.on-dark.button-arrow.on span { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .small-button.on-dark.button-arrow:hover::before, .small-button.on-dark.button-arrow:focus::before, .fsStateSelected .small-button.on-dark.button-arrow::before, .small-button.on-dark.button-arrow.on::before { background: #6eadfd } .small-button.on-dark.button-arrow:hover::after, .small-button.on-dark.button-arrow:focus::after, .fsStateSelected .small-button.on-dark.button-arrow::after, .small-button.on-dark.button-arrow.on::after { color: #262626; -webkit-transform: translate(4px, -50%); -ms-transform: translate(4px, -50%); transform: translate(4px, -50%) } .small-button.on-dark.button-arrow.full-width-button { width: 100%; max-width: unset } .small-button.on-dark.button-arrow::before { background: #6eadfd } .small-button.on-dark.button-arrow::after { color: #262626 } .small-button.on-dark.button-arrow:hover::before, .small-button.on-dark.button-arrow:focus::before, .fsStateSelected .small-button.on-dark.button-arrow::before, .small-button.on-dark.button-arrow.on::before { background: #6eadfd } .small-button.on-dark-2 { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #fff !important; border-radius: 2px; background: #fff; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark-2:hover, .small-button.on-dark-2:focus, .fsStateSelected .small-button.on-dark-2, .small-button.on-dark-2.on { border-color: #a3a3a3 !important; background: #a3a3a3; color: #262626; -webkit-transition: .3s all; transition: .3s all } .small-button.on-dark-2.full-width-button { width: 100%; max-width: unset } .small-button.button-arrow { display: inline-block; position: relative; margin: 0; padding: 16px 65px 16px 26px; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; border: none !important; font-size: 1rem } body:not(.fsComposeMode) .small-button.button-arrow { font-size: 0 } .small-button.button-arrow { -webkit-box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .small-button.button-arrow span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .875rem !important; line-height: 1.5rem !important; font-weight: 700 !important; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s all; transition: .3s all; color: inherit !important } .fsComposeMode .small-button.button-arrow span { display: none } .small-button.button-arrow::before { display: block; position: absolute; top: 0; right: 0; content: ""; background: var(--secondary-color, #a3a3a3); width: 40px; height: 100%; -webkit-transition: .3s all; transition: .3s all } .small-button.button-arrow::after { display: block; position: absolute; top: 50%; right: 0; font-size: .875rem; content: ""; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; width: 40px; color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: .3s all; transition: .3s all } .small-button.button-arrow:hover, .small-button.button-arrow:focus, .fsStateSelected .small-button.button-arrow, .small-button.button-arrow.on { background: var(--primary-color, #233796); color: #fff; -webkit-transition: .3s all; transition: .3s all } .small-button.button-arrow:hover span, .small-button.button-arrow:focus span, .fsStateSelected .small-button.button-arrow span, .small-button.button-arrow.on span { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .small-button.button-arrow:hover::before, .small-button.button-arrow:focus::before, .fsStateSelected .small-button.button-arrow::before, .small-button.button-arrow.on::before { background: #6eadfd } .small-button.button-arrow:hover::after, .small-button.button-arrow:focus::after, .fsStateSelected .small-button.button-arrow::after, .small-button.button-arrow.on::after { color: #262626; -webkit-transform: translate(4px, -50%); -ms-transform: translate(4px, -50%); transform: translate(4px, -50%) } .small-button.button-arrow.full-width-button { width: 100%; max-width: unset } .button-arrow { display: inline-block; position: relative; margin: 0; padding: 16px 65px 16px 26px; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; border: none !important; font-size: 1rem } body:not(.fsComposeMode) .button-arrow { font-size: 0 } .button-arrow { -webkit-box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); box-shadow: 0px 4px 24.9px 0px rgba(0, 0, 0, .25); max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .button-arrow span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .875rem !important; line-height: 1.5rem !important; font-weight: 700 !important; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s all; transition: .3s all; color: inherit !important } .fsComposeMode .button-arrow span { display: none } .button-arrow::before { display: block; position: absolute; top: 0; right: 0; content: ""; background: var(--secondary-color, #a3a3a3); width: 40px; height: 100%; -webkit-transition: .3s all; transition: .3s all } .button-arrow::after { display: block; position: absolute; top: 50%; right: 0; font-size: .875rem; content: ""; content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; width: 40px; color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: .3s all; transition: .3s all } .button-arrow:hover, .button-arrow:focus, .fsStateSelected .button-arrow, .button-arrow.on { background: var(--primary-color, #233796); color: #fff; -webkit-transition: .3s all; transition: .3s all } .button-arrow:hover span, .button-arrow:focus span, .fsStateSelected .button-arrow span, .button-arrow.on span { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } .button-arrow:hover::before, .button-arrow:focus::before, .fsStateSelected .button-arrow::before, .button-arrow.on::before { background: #6eadfd } .button-arrow:hover::after, .button-arrow:focus::after, .fsStateSelected .button-arrow::after, .button-arrow.on::after { color: #262626; -webkit-transform: translate(4px, -50%); -ms-transform: translate(4px, -50%); transform: translate(4px, -50%) } .button-arrow.full-width-button { width: 100%; max-width: unset } .large-button { display: inline-block; padding: 24px 40px; border: 1px solid #e5e5e5; background: #e5e5e5; color: #262626; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button:hover, .large-button:focus { border-color: #d4d4d4; background: #d4d4d4; color: #262626 } .large-button.full-width-button { max-width: unset } .large-button em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.dark-blue { display: inline-block; padding: 24px 40px; border: 1px solid var(--primary-color, #233796); background: var(--primary-color, #233796); color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.dark-blue:hover, .large-button.dark-blue:focus { border-color: #405a81; background: #405a81; color: #fff } .large-button.dark-blue.full-width-button { max-width: unset } .large-button.dark-blue em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.dark-green { display: inline-block; padding: 24px 40px; border: 1px solid var(--secondary-color, #a3a3a3); background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.dark-green:hover, .large-button.dark-green:focus { border-color: #6eadfd; background: #6eadfd; color: #262626 } .large-button.dark-green.full-width-button { max-width: unset } .large-button.dark-green em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.light-blue { display: inline-block; padding: 24px 40px; border: 1px solid #405a81; background: #405a81; color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.light-blue:hover, .large-button.light-blue:focus { border-color: var(--primary-color, #233796); background: var(--primary-color, #233796); color: #fff } .large-button.light-blue.full-width-button { max-width: unset } .large-button.light-blue em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.dark { display: inline-block; padding: 24px 40px; border: 1px solid #171717; background: #171717; color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.dark:hover, .large-button.dark:focus { border-color: #171717; background: #fff; color: #171717 } .large-button.dark.full-width-button { max-width: unset } .large-button.dark em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.primary { display: inline-block; padding: 24px 40px; border: 1px solid var(--primary-color, #233796); background: var(--primary-color, #233796); color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.primary:hover, .large-button.primary:focus { border-color: var(--primary-color, #233796); background: #fff; color: var(--primary-color, #233796) } .large-button.primary.full-width-button { max-width: unset } .large-button.primary em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.secondary { display: inline-block; padding: 24px 40px; border: 1px solid var(--secondary-color, #a3a3a3); background: var(--secondary-color, #a3a3a3); color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.secondary:hover, .large-button.secondary:focus { border-color: var(--secondary-color, #a3a3a3); background: #fff; color: #262626 } .large-button.secondary.full-width-button { max-width: unset } .large-button.secondary em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.accent-1 { display: inline-block; padding: 24px 40px; border: 1px solid #4a74a8; background: #4a74a8; color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.accent-1:hover, .large-button.accent-1:focus { border-color: #4a74a8; background: #fff; color: #4a74a8 } .large-button.accent-1.full-width-button { max-width: unset } .large-button.accent-1 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.accent-2 { display: inline-block; padding: 24px 40px; border: 1px solid #e27e21; background: #e27e21; color: #262626; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.accent-2:hover, .large-button.accent-2:focus { border-color: #e27e21; background: #fff; color: #262626 } .large-button.accent-2.full-width-button { max-width: unset } .large-button.accent-2 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.accent-3 { display: inline-block; padding: 24px 40px; border: 1px solid #8243a8; background: #8243a8; color: #fff; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.accent-3:hover, .large-button.accent-3:focus { border-color: #8243a8; background: #fff; color: #8243a8 } .large-button.accent-3.full-width-button { max-width: unset } .large-button.accent-3 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow { display: inline-block; padding: 24px 40px; border: 1px solid #a3a3a3; background: #fff; color: #727272; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow:hover, .large-button.hollow:focus { border-color: #e5e5e5; background: #e5e5e5; color: #262626 } .large-button.hollow.full-width-button { max-width: unset } .large-button.hollow em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.dark-blue { display: inline-block; padding: 24px 40px; border: 1px solid var(--primary-color, #233796); background: #fff; color: var(--primary-color, #233796); font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.dark-blue:hover, .large-button.hollow.dark-blue:focus { border-color: var(--primary-color, #233796); background: var(--primary-color, #233796); color: #fff } .large-button.hollow.dark-blue.full-width-button { max-width: unset } .large-button.hollow.dark-blue em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.dark-green { display: inline-block; padding: 24px 40px; border: 1px solid var(--secondary-color, #a3a3a3); background: #fff; color: #262626; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.dark-green:hover, .large-button.hollow.dark-green:focus { border-color: var(--secondary-color, #a3a3a3); background: var(--secondary-color, #a3a3a3); color: #fff } .large-button.hollow.dark-green.full-width-button { max-width: unset } .large-button.hollow.dark-green em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.accent-1 { display: inline-block; padding: 24px 40px; border: 1px solid #4a74a8; background: #fff; color: #4a74a8; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.accent-1:hover, .large-button.hollow.accent-1:focus { border-color: #4a74a8; background: #4a74a8; color: #fff } .large-button.hollow.accent-1.full-width-button { max-width: unset } .large-button.hollow.accent-1 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.accent-2 { display: inline-block; padding: 24px 40px; border: 1px solid #e27e21; background: #fff; color: #262626; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.accent-2:hover, .large-button.hollow.accent-2:focus { border-color: #e27e21; background: #e27e21; color: #262626 } .large-button.hollow.accent-2.full-width-button { max-width: unset } .large-button.hollow.accent-2 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .large-button.hollow.accent-3 { display: inline-block; padding: 24px 40px; border: 1px solid #8243a8; background: #fff; color: #8243a8; font-family: "EB Garamond", serif; font-weight: 700; font-size: 1.1875rem; line-height: 1.5rem; text-decoration: none; text-transform: none; text-align: center; width: 100%; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .large-button.hollow.accent-3:hover, .large-button.hollow.accent-3:focus { border-color: #8243a8; background: #8243a8; color: #fff } .large-button.hollow.accent-3.full-width-button { max-width: unset } .large-button.hollow.accent-3 em { display: block; margin-top: 8px; text-transform: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem } .download-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #6eadfd !important; border-radius: 2px; background: #6eadfd; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .download-button:hover, .download-button:focus, .fsStateSelected .download-button, .download-button.on { border-color: #6eadfd !important; background: #6eadfd; color: #262626; -webkit-transition: .3s all; transition: .3s all } .download-button.full-width-button { width: 100%; max-width: unset } .download-button:before { font-size: .875rem; line-height: 1; vertical-align: middle } .external-link-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid var(--primary-color, #233796) !important; border-radius: 2px; background: var(--primary-color, #233796); color: #fff; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .external-link-button:hover, .external-link-button:focus, .fsStateSelected .external-link-button, .external-link-button.on { border-color: #6eadfd !important; background: #6eadfd; color: #262626; -webkit-transition: .3s all; transition: .3s all } .external-link-button.full-width-button { width: 100%; max-width: unset } .external-link-button:before { font-size: .875rem; line-height: 1; vertical-align: middle } .download-button:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 17px } .external-link-button:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 15px } .fsStyleDefaultButton { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .fsStyleDefaultButton:hover, .fsStyleDefaultButton:focus, .fsStateSelected .fsStyleDefaultButton, .fsStyleDefaultButton.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .fsStyleDefaultButton.full-width-button { width: 100%; max-width: unset } .fsStyleDefaultButton.fsLoadMoreButton { margin: 40px 0 0 } @media(min-width: 600px) { .fsBannerLeft .fsStyleDefaultButton.fsLoadMoreButton, .fsBannerRight .fsStyleDefaultButton.fsLoadMoreButton, .fsStyleOneThird .fsStyleDefaultButton.fsLoadMoreButton, .fsTwoColumnLayout .fsStyleDefaultButton.fsLoadMoreButton, .fsThreeColumnLayout>.fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsFourColumnLayout>.fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_3 .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_4 .fsStyleDefaultButton.fsLoadMoreButton { max-width: 100%; width: 100% } } .fsStyleDefaultButton.fsSelectAll { margin-bottom: 5px; padding: 7px 12px; font-size: .875em; line-height: 1.2 } .fsStyleUpdateButton { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .fsStyleUpdateButton:hover, .fsStyleUpdateButton:focus, .fsStateSelected .fsStyleUpdateButton, .fsStyleUpdateButton.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .fsStyleUpdateButton.full-width-button { width: 100%; max-width: unset } .j-paginate.juicer-button { display: inline-block; margin: 0; padding: 16px 24px; border: 1px solid #f5f5f5 !important; border-radius: 2px; background: #f5f5f5; color: #262626; font-family: "Montserrat", sans-serif !important; font-weight: 500; font-size: .75rem; line-height: 1rem; font-weight: 700; letter-spacing: 0; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; cursor: pointer; -webkit-transition: .3s all; transition: .3s all } .j-paginate.juicer-button:hover, .j-paginate.juicer-button:focus, .fsStateSelected .j-paginate.juicer-button, .j-paginate.juicer-button.on { border-color: #d4d4d4 !important; background: #d4d4d4; color: #262626; -webkit-transition: .3s all; transition: .3s all } .j-paginate.juicer-button.full-width-button { width: 100%; max-width: unset } .j-paginate.juicer-button { width: auto; margin-top: 40px } @font-face { font-family: "bpa-font-icons"; src: url(/uploaded/themes/default_25/fonts/bpa-icon-library.eot); src: url(/uploaded/themes/default_25/fonts/bpa-icon-library.eot?#iefix) format("embedded-opentype"), url(/uploaded/themes/default_25/fonts/bpa-icon-library.woff2) format("woff2"), url(/uploaded/themes/default_25/fonts/bpa-icon-library.woff) format("woff"), url(/uploaded/themes/default_25/fonts/bpa-icon-library.ttf) format("truetype"), url(/uploaded/themes/default_25/fonts/bpa-icon-library.svg#IcoMoon) format("svg"); font-weight: 400; font-style: normal } .bpa-college-slider-1 { opacity: 0; width: 100%; max-width: 100%; margin: 50px 0 } .bpa-college-slider-1.element-loaded, .bpa-college-slider-1.element-empty { opacity: 1 } body.fsComposeMode .bpa-college-slider-1 { opacity: 1 } .bpa-college-slider-1 .js-marquee { display: -webkit-box; display: -ms-flexbox; display: flex } .bpa-college-slider-1>.fsElementContent>.fsListItems { height: 90px; background: none; overflow: hidden; margin: 0; padding: 0; display: block; zoom: 1 } .bpa-college-slider-1>.fsElementContent>.fsListItems:after { display: table; clear: both; content: "" } body.fsComposeMode .bpa-college-slider-1>.fsElementContent>.fsListItems { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: nowrap } .bpa-college-slider-1>.fsElementContent>.fsListItems .fsResource { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0 20px; height: 90px; position: relative; width: auto } body.fsComposeMode .bpa-college-slider-1>.fsElementContent>.fsListItems .fsResource { width: auto } .bpa-college-slider-1>.fsElementContent>.fsListItems .fsResource figure { display: block; margin: auto } .bpa-college-slider-1>.fsElementContent>.fsListItems .fsResource picture { padding: 0 } .bpa-college-slider-1>.fsElementContent>.fsListItems .fsResource img { display: block; max-height: 90px; width: auto; opacity: 1; position: relative; margin: 0; -webkit-transform: none; -ms-transform: none; transform: none; min-height: 0; min-width: 0; left: 0; top: 0; -o-object-fit: contain; object-fit: contain } body:not(.fsComposeMode) .bpa-college-slider-1>.fsElementContent>.fsListItems .fsResource a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: rgba(0, 0, 0, 0); white-space: nowrap; background: rgba(0, 0, 0, 0); -webkit-transition: .3s; transition: .3s } body:not(.fsComposeMode) .bpa-college-slider-1>.fsElementContent>.fsListItems .fsResource a:focus { -webkit-box-shadow: inset 0 0 0 1px var(--secondary-color, #a3a3a3); box-shadow: inset 0 0 0 1px var(--secondary-color, #a3a3a3) } .bpa-college-slider-1>.fsElementContent { position: relative } .bpa-college-slider-1>.fsElementContent:before, .bpa-college-slider-1>.fsElementContent:after { content: ""; background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); width: 50px; height: 100%; position: absolute; left: 0; top: 0; z-index: 20 } @media(min-width: 600px) { .bpa-college-slider-1>.fsElementContent:before, .bpa-college-slider-1>.fsElementContent:after { width: 100px } } .bpa-college-slider-1>.fsElementContent:after { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); left: auto; right: 0 } .bpa-college-slider-1.dark>.fsElementContent { padding: 20px 0; background-color: #f5f5f5 } .bpa-college-slider-1.dark>.fsElementContent:before, .bpa-college-slider-1.dark>.fsElementContent:after { background: -webkit-gradient(linear, left top, right top, from(#F5F5F5), to(rgba(245, 245, 245, 0))); background: linear-gradient(90deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%) } .fs_style_52 { text-decoration: none; } .fs_style_36 { display: block; } .fs_style_37 { display: block; } .fs_style_25 { display: block; } .fs_style_28 { display: block; } .fs_style_29 { display: inline-block; } .fs_style_32 { font-size: 24px; line-height: 28px; font-weight: bold; color: #082248; text-transform: uppercase; } .fs_style_33 { font-size: 20px; line-height: 24px; font-weight: bold; color: #2774b3; text-transform: uppercase; } .fs_style_34 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #0f4773; } .fs_style_35 { padding: 8px; background-color: #3ca5df; color: #fcfcfc; text-transform: uppercase; font-size: 16px; text-align: left; margin: 30px 0 20px 0; } .fs_style_21 { font-size: 13px; color: #ffffff; font-weight: normal; font-family: Arial, sans-serif; } .fs_style_17 { margin-right: 1em !important; border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, .4); -webkit-box-shadow: 0px 0px 5px 5px #333333; -moz-box-shadow: 0px 0px 5px 5px #333333; box-shadow: 0px 0px 3px 3px #bbb; } .fs_style_15 { float: left; margin-right: 1em !important; border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, .4); -webkit-box-shadow: 0px 0px 5px 5px #333333; -moz-box-shadow: 0px 0px 5px 5px #333333; box-shadow: 0px 0px 3px 3px #bbb; } .fs_style_16 { float: right; margin-left: 1em !important; border: 8px solid #fff; border: 8px solid rgba(255, 255, 255, .4); -webkit-box-shadow: 0px 0px 5px 5px #333333; -moz-box-shadow: 0px 0px 5px 5px #333333; box-shadow: 0px 0px 3px 3px #bbb; } .fs_style_38 { visibility: visible; } .fs_style_26 { display: block; } .fs_style_24 { margin-left: 420px; } .fs_style_18 { color: #B22E2E } .fs_style_31 { display: block; } .fs_style_27 { display: table; } .fs_style_30 { display: block; } .cssContent { font-family: "Montserrat", sans-serif !important; } .ccsContent h2 { font-size: 1.6rem; line-height: 36px; font-weight: bold; color:var(--secondary-color, #a3a3a3); text-transform: uppercase; font-family: "Montserrat", sans-serif !important; } .ccsContent p { font-size: 1.2rem; line-height: 1.6rem; color: #333333; font-family: "Montserrat", sans-serif !important; } .centered-content { text-align: center; } .pt-1 { padding-top: 1rem; } .add-shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29) !important; } /* cards */ .grid-container { width: min(75rem, 100%); margin-inline: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr)); gap: 2rem; } .choosecard { --grad: #0098cc, #0098cc; padding: 2.5rem; background-image: linear-gradient(to bottom left, #e0e4e5, #ffffff); border-radius: 2rem; border-color: red; gap: 1.5rem; display: grid; grid-template: 'title icon' 'content content' 'bar bar' / 1fr auto; font-family: system-ui, sans-serif; color: #444447; box-shadow: inset -2px 2px hsl(0 0 100% / 1), -10px 10px 20px hsl(0 0 0 / .25); .title { font-size: 1.5rem; grid-area: title; align-self: end; text-transform: uppercase; font-weight: 500; color: var(--primary-color, #233796); } .icon { grid-area: icon; font-size: 3rem; > i { color: transparent; background: linear-gradient(to right, var(--grad)); background-clip: text; } } .content { grid-area: content; & > *:first-child { margin-top: 0rem} & > *:last-child { margin-bottom: 0rem} } &::after { content: ""; grid-area: bar; height: 2px; background-image: linear-gradient(90deg, var(--grad)); /* margin-inline: -1.5rem; */ } } .sixrem { font-size: 6rem; } .ccsblue { color:#0098cc; } .ccsdarkblue { color:#233796; }