/* Minification failed. Returning unminified contents. (1186,36): run-time error CSS1019: Unexpected token, found ' ' (1186,36): run-time error CSS1019: Unexpected token, found ' ' (1186,36): run-time error CSS1042: Expected function, found ' ' (1186,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1199,39): run-time error CSS1019: Unexpected token, found ' ' (1199,39): run-time error CSS1019: Unexpected token, found ' ' (1199,39): run-time error CSS1042: Expected function, found ' ' (1199,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1227,34): run-time error CSS1019: Unexpected token, found ' ' (1227,34): run-time error CSS1019: Unexpected token, found ' ' (1227,34): run-time error CSS1042: Expected function, found ' ' (1227,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1228,35): run-time error CSS1019: Unexpected token, found ' ' (1228,35): run-time error CSS1019: Unexpected token, found ' ' (1228,35): run-time error CSS1042: Expected function, found ' ' (1228,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1316,36): run-time error CSS1019: Unexpected token, found ' ' (1316,36): run-time error CSS1019: Unexpected token, found ' ' (1316,36): run-time error CSS1042: Expected function, found ' ' (1316,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1319,38): run-time error CSS1019: Unexpected token, found ' ' (1319,38): run-time error CSS1019: Unexpected token, found ' ' (1319,38): run-time error CSS1042: Expected function, found ' ' (1319,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1441,1): run-time error CSS1019: Unexpected token, found '}' (1453,36): run-time error CSS1019: Unexpected token, found ' ' (1453,36): run-time error CSS1019: Unexpected token, found ' ' (1453,36): run-time error CSS1042: Expected function, found ' ' (1453,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1454,37): run-time error CSS1019: Unexpected token, found ' ' (1454,37): run-time error CSS1019: Unexpected token, found ' ' (1454,37): run-time error CSS1042: Expected function, found ' ' (1454,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1480,38): run-time error CSS1019: Unexpected token, found ' ' (1480,38): run-time error CSS1019: Unexpected token, found ' ' (1480,38): run-time error CSS1042: Expected function, found ' ' (1480,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1484,41): run-time error CSS1019: Unexpected token, found ' ' (1484,41): run-time error CSS1019: Unexpected token, found ' ' (1484,41): run-time error CSS1042: Expected function, found ' ' (1484,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1505,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1506,8): run-time error CSS1035: Expected colon, found '{' (1513,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1514,8): run-time error CSS1035: Expected colon, found '{' (1553,37): run-time error CSS1019: Unexpected token, found ' ' (1553,37): run-time error CSS1019: Unexpected token, found ' ' (1553,37): run-time error CSS1042: Expected function, found ' ' (1553,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1610,38): run-time error CSS1019: Unexpected token, found ' ' (1610,38): run-time error CSS1019: Unexpected token, found ' ' (1610,38): run-time error CSS1042: Expected function, found ' ' (1610,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1734,33): run-time error CSS1019: Unexpected token, found ' ' (1734,33): run-time error CSS1019: Unexpected token, found ' ' (1734,33): run-time error CSS1042: Expected function, found ' ' (1734,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1740,39): run-time error CSS1019: Unexpected token, found ' ' (1740,39): run-time error CSS1019: Unexpected token, found ' ' (1740,39): run-time error CSS1042: Expected function, found ' ' (1740,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2271,36): run-time error CSS1019: Unexpected token, found ' ' (2271,36): run-time error CSS1019: Unexpected token, found ' ' (2271,36): run-time error CSS1042: Expected function, found ' ' (2271,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2378,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2379,8): run-time error CSS1035: Expected colon, found '{' (2386,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2387,8): run-time error CSS1035: Expected colon, found '{' (4001,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (4007,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (4541,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4542,8): run-time error CSS1035: Expected colon, found '{' (4549,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4550,8): run-time error CSS1035: Expected colon, found '{' (4568,37): run-time error CSS1019: Unexpected token, found ' ' (4568,37): run-time error CSS1019: Unexpected token, found ' ' (4568,37): run-time error CSS1042: Expected function, found ' ' (4568,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4579,37): run-time error CSS1019: Unexpected token, found ' ' (4579,37): run-time error CSS1019: Unexpected token, found ' ' (4579,37): run-time error CSS1042: Expected function, found ' ' (4579,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4690,41): run-time error CSS1019: Unexpected token, found ' ' (4690,41): run-time error CSS1019: Unexpected token, found ' ' (4690,41): run-time error CSS1042: Expected function, found ' ' (4690,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4691,40): run-time error CSS1019: Unexpected token, found ' ' (4691,40): run-time error CSS1019: Unexpected token, found ' ' (4691,40): run-time error CSS1042: Expected function, found ' ' (4691,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4773,39): run-time error CSS1019: Unexpected token, found ' ' (4773,39): run-time error CSS1019: Unexpected token, found ' ' (4773,39): run-time error CSS1042: Expected function, found ' ' (4773,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4813,39): run-time error CSS1019: Unexpected token, found ' ' (4813,39): run-time error CSS1019: Unexpected token, found ' ' (4813,39): run-time error CSS1042: Expected function, found ' ' (4813,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4926,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4927,8): run-time error CSS1035: Expected colon, found '{' (6677,40): run-time error CSS1019: Unexpected token, found ' ' (6677,40): run-time error CSS1019: Unexpected token, found ' ' (6677,40): run-time error CSS1042: Expected function, found ' ' (6677,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (6692,39): run-time error CSS1019: Unexpected token, found ' ' (6692,39): run-time error CSS1019: Unexpected token, found ' ' (6692,39): run-time error CSS1042: Expected function, found ' ' (6692,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (6754,39): run-time error CSS1019: Unexpected token, found ' ' (6754,39): run-time error CSS1019: Unexpected token, found ' ' (6754,39): run-time error CSS1042: Expected function, found ' ' (6754,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (6893,39): run-time error CSS1019: Unexpected token, found ' ' (6893,39): run-time error CSS1019: Unexpected token, found ' ' (6893,39): run-time error CSS1042: Expected function, found ' ' (6893,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (6978,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6979,8): run-time error CSS1035: Expected colon, found '{' (7461,36): run-time error CSS1019: Unexpected token, found ' ' (7461,36): run-time error CSS1019: Unexpected token, found ' ' (7461,36): run-time error CSS1042: Expected function, found ' ' (7461,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (7462,37): run-time error CSS1019: Unexpected token, found ' ' (7462,37): run-time error CSS1019: Unexpected token, found ' ' (7462,37): run-time error CSS1042: Expected function, found ' ' (7462,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (7684,42): run-time error CSS1019: Unexpected token, found ' ' (7684,42): run-time error CSS1019: Unexpected token, found ' ' (7684,42): run-time error CSS1042: Expected function, found ' ' (7684,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12011,43): run-time error CSS1019: Unexpected token, found ' ' (12011,43): run-time error CSS1019: Unexpected token, found ' ' (12011,43): run-time error CSS1042: Expected function, found ' ' (12011,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12026,43): run-time error CSS1019: Unexpected token, found ' ' (12026,43): run-time error CSS1019: Unexpected token, found ' ' (12026,43): run-time error CSS1042: Expected function, found ' ' (12026,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12031,43): run-time error CSS1019: Unexpected token, found ' ' (12031,43): run-time error CSS1019: Unexpected token, found ' ' (12031,43): run-time error CSS1042: Expected function, found ' ' (12031,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12074,43): run-time error CSS1019: Unexpected token, found ' ' (12074,43): run-time error CSS1019: Unexpected token, found ' ' (12074,43): run-time error CSS1042: Expected function, found ' ' (12074,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12183,39): run-time error CSS1019: Unexpected token, found ' ' (12183,39): run-time error CSS1019: Unexpected token, found ' ' (12183,39): run-time error CSS1042: Expected function, found ' ' (12183,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12198,43): run-time error CSS1019: Unexpected token, found ' ' (12198,43): run-time error CSS1019: Unexpected token, found ' ' (12198,43): run-time error CSS1042: Expected function, found ' ' (12198,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12203,43): run-time error CSS1019: Unexpected token, found ' ' (12203,43): run-time error CSS1019: Unexpected token, found ' ' (12203,43): run-time error CSS1042: Expected function, found ' ' (12203,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12232,39): run-time error CSS1019: Unexpected token, found ' ' (12232,39): run-time error CSS1019: Unexpected token, found ' ' (12232,39): run-time error CSS1042: Expected function, found ' ' (12232,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12514,43): run-time error CSS1019: Unexpected token, found ' ' (12514,43): run-time error CSS1019: Unexpected token, found ' ' (12514,43): run-time error CSS1042: Expected function, found ' ' (12514,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12520,43): run-time error CSS1019: Unexpected token, found ' ' (12520,43): run-time error CSS1019: Unexpected token, found ' ' (12520,43): run-time error CSS1042: Expected function, found ' ' (12520,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12523,43): run-time error CSS1019: Unexpected token, found ' ' (12523,43): run-time error CSS1019: Unexpected token, found ' ' (12523,43): run-time error CSS1042: Expected function, found ' ' (12523,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12806,43): run-time error CSS1019: Unexpected token, found ' ' (12806,43): run-time error CSS1019: Unexpected token, found ' ' (12806,43): run-time error CSS1042: Expected function, found ' ' (12806,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13066,43): run-time error CSS1019: Unexpected token, found ' ' (13066,43): run-time error CSS1019: Unexpected token, found ' ' (13066,43): run-time error CSS1042: Expected function, found ' ' (13066,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13110,43): run-time error CSS1019: Unexpected token, found ' ' (13110,43): run-time error CSS1019: Unexpected token, found ' ' (13110,43): run-time error CSS1042: Expected function, found ' ' (13110,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13113,39): run-time error CSS1019: Unexpected token, found ' ' (13113,39): run-time error CSS1019: Unexpected token, found ' ' (13113,39): run-time error CSS1042: Expected function, found ' ' (13113,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13116,43): run-time error CSS1019: Unexpected token, found ' ' (13116,43): run-time error CSS1019: Unexpected token, found ' ' (13116,43): run-time error CSS1042: Expected function, found ' ' (13116,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13119,44): run-time error CSS1019: Unexpected token, found ' ' (13119,44): run-time error CSS1019: Unexpected token, found ' ' (13119,44): run-time error CSS1042: Expected function, found ' ' (13119,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13128,43): run-time error CSS1019: Unexpected token, found ' ' (13128,43): run-time error CSS1019: Unexpected token, found ' ' (13128,43): run-time error CSS1042: Expected function, found ' ' (13128,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13374,42): run-time error CSS1019: Unexpected token, found ' ' (13374,42): run-time error CSS1019: Unexpected token, found ' ' (13374,42): run-time error CSS1042: Expected function, found ' ' (13374,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13384,37): run-time error CSS1019: Unexpected token, found ' ' (13384,37): run-time error CSS1019: Unexpected token, found ' ' (13384,37): run-time error CSS1042: Expected function, found ' ' (13384,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13488,39): run-time error CSS1019: Unexpected token, found ' ' (13488,39): run-time error CSS1019: Unexpected token, found ' ' (13488,39): run-time error CSS1042: Expected function, found ' ' (13488,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13503,42): run-time error CSS1019: Unexpected token, found ' ' (13503,42): run-time error CSS1019: Unexpected token, found ' ' (13503,42): run-time error CSS1042: Expected function, found ' ' (13503,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13508,43): run-time error CSS1019: Unexpected token, found ' ' (13508,43): run-time error CSS1019: Unexpected token, found ' ' (13508,43): run-time error CSS1042: Expected function, found ' ' (13508,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13537,39): run-time error CSS1019: Unexpected token, found ' ' (13537,39): run-time error CSS1019: Unexpected token, found ' ' (13537,39): run-time error CSS1042: Expected function, found ' ' (13537,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13597,38): run-time error CSS1019: Unexpected token, found ' ' (13597,38): run-time error CSS1019: Unexpected token, found ' ' (13597,38): run-time error CSS1042: Expected function, found ' ' (13597,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13600,42): run-time error CSS1019: Unexpected token, found ' ' (13600,42): run-time error CSS1019: Unexpected token, found ' ' (13600,42): run-time error CSS1042: Expected function, found ' ' (13600,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13604,39): run-time error CSS1019: Unexpected token, found ' ' (13604,39): run-time error CSS1019: Unexpected token, found ' ' (13604,39): run-time error CSS1042: Expected function, found ' ' (13604,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13610,37): run-time error CSS1019: Unexpected token, found ' ' (13610,37): run-time error CSS1019: Unexpected token, found ' ' (13610,37): run-time error CSS1042: Expected function, found ' ' (13610,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13965,42): run-time error CSS1019: Unexpected token, found ' ' (13965,42): run-time error CSS1019: Unexpected token, found ' ' (13965,42): run-time error CSS1042: Expected function, found ' ' (13965,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14100,41): run-time error CSS1019: Unexpected token, found ' ' (14100,41): run-time error CSS1019: Unexpected token, found ' ' (14100,41): run-time error CSS1042: Expected function, found ' ' (14100,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14233,43): run-time error CSS1019: Unexpected token, found ' ' (14233,43): run-time error CSS1019: Unexpected token, found ' ' (14233,43): run-time error CSS1042: Expected function, found ' ' (14233,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14379,41): run-time error CSS1019: Unexpected token, found ' ' (14379,41): run-time error CSS1019: Unexpected token, found ' ' (14379,41): run-time error CSS1042: Expected function, found ' ' (14379,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14392,41): run-time error CSS1019: Unexpected token, found ' ' (14392,41): run-time error CSS1019: Unexpected token, found ' ' (14392,41): run-time error CSS1042: Expected function, found ' ' (14392,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14488,42): run-time error CSS1019: Unexpected token, found ' ' (14488,42): run-time error CSS1019: Unexpected token, found ' ' (14488,42): run-time error CSS1042: Expected function, found ' ' (14488,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14516,43): run-time error CSS1019: Unexpected token, found ' ' (14516,43): run-time error CSS1019: Unexpected token, found ' ' (14516,43): run-time error CSS1042: Expected function, found ' ' (14516,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14754,42): run-time error CSS1019: Unexpected token, found ' ' (14754,42): run-time error CSS1019: Unexpected token, found ' ' (14754,42): run-time error CSS1042: Expected function, found ' ' (14754,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14798,38): run-time error CSS1019: Unexpected token, found ' ' (14798,38): run-time error CSS1019: Unexpected token, found ' ' (14798,38): run-time error CSS1042: Expected function, found ' ' (14798,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14801,37): run-time error CSS1019: Unexpected token, found ' ' (14801,37): run-time error CSS1019: Unexpected token, found ' ' (14801,37): run-time error CSS1042: Expected function, found ' ' (14801,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14804,43): run-time error CSS1019: Unexpected token, found ' ' (14804,43): run-time error CSS1019: Unexpected token, found ' ' (14804,43): run-time error CSS1042: Expected function, found ' ' (14804,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14807,44): run-time error CSS1019: Unexpected token, found ' ' (14807,44): run-time error CSS1019: Unexpected token, found ' ' (14807,44): run-time error CSS1042: Expected function, found ' ' (14807,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14816,43): run-time error CSS1019: Unexpected token, found ' ' (14816,43): run-time error CSS1019: Unexpected token, found ' ' (14816,43): run-time error CSS1042: Expected function, found ' ' (14816,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (14966,42): run-time error CSS1019: Unexpected token, found ' ' (14966,42): run-time error CSS1019: Unexpected token, found ' ' (14966,42): run-time error CSS1042: Expected function, found ' ' (14966,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /* Compile all necessary css files into one stylesheet ***Include only files used by the project, delete or comment out others*** Do not add styles to this stylesheet, only import files. Add files to css folder as needed, following the naming convention All files in css folder start with _ to indicate they should not be compiled to individual css files. */ /* Fonts ================================================== */ @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/notoserif/v23/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZqFCjwA.ttf) format('truetype'); } @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 700; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/notoserif/v23/ga6iaw1J5X9T9RW6j9bNVls-hfgvz8JcMofYTa32J4wsL2JAlAhZT1ejwA.ttf) format('truetype'); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/arimo/v29/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxsBw.ttf) format('truetype'); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/arimo/v29/P5sfzZCDf9_T_3cV7NCUECyoxNk338xsBw.ttf) format('truetype'); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/arimo/v29/P5sfzZCDf9_T_3cV7NCUECyoxNk3M8tsBw.ttf) format('truetype'); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/arimo/v29/P5sfzZCDf9_T_3cV7NCUECyoxNk3CstsBw.ttf) format('truetype'); } /******************************/ /**************************/ /****homepage facebook (plugin version) IF USED*/ /****homepage twitter (plugin version) IF USED*/ /****homepage instagram (plugin) IF USED*/ /*****Homepage video thumbnail widget IF USED*****/ /*****Homepage data visualization widget IF USED*****/ /*****Homepage button slider widget IF USED*****/ /******************************/ /**************************/ /*@searchbox-width: 424px; // width of the search bar, including the icon on the right @searchbox-height: 40px; // height of the search bar @searchbox-icon-width: 40px; //width of the searchbox icon @searchbox-icon-height: 40px; //height of the searchbox icon @searchbox-desktop-font-size: unit(22px/16px, rem); ///DESKTOP font-size of searchbox text*/ /********************************************* The variables below normally use one of the more generic variables defined above. Modify below this line only if design is different from standard template ************************************************/ /********* end generic variables used in multiple places */ /**********************/ /**********************/ /*other month day text color*/ /**** homepage facebook (plugin version) IF USED */ /****homepage twitter (plugin version) IF USED*/ /**** homepage instagram (plugin) IF USED */ /*****Homepage video thumbnail widget IF USED*****/ /*****Homepage data visualization widget IF USED*****/ /*****Homepage button slider widget IF USED*****/ /************************/ /************************/ /*other month day text color*/ /********************************************* The variables below normally use one of the more generic variables defined above. Modify below this line only if design is different from standard template ************************************************/ /*** border color for listtable and tableData/tableBox classes*/ @font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } /*#region === Mobile/Base Styles === */ .home_hero { display: block; width: 100%; background: rgba(0, 0, 0, 0.8); } .video-bg-image-slider button { padding: 0; border: 0px solid transparent; background-color: transparent; } .video-bg-image-slider .slick-sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */ -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; /* 2 */ height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; /* 3 */ } .video-bg-image-slider .slide-content, .video-bg-image-slider .video-caption { width: 100%; padding: 20px 20px; overflow: hidden; background: rgba(8, 31, 46, 0.76); opacity: 1; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } .video-bg-image-slider .slide-title, .video-bg-image-slider .video-title { margin: 0 0 0.25rem 0; font-size: 16px; font-weight: 700; color: #FFFFFF; max-height: 44.8px; overflow: hidden; font-family: inherit; text-transform: none; max-width: 100%; line-height: 1.4; } .video-bg-image-slider .slide-description, .video-bg-image-slider .video-description { color: #C1D1D6; font-size: 0.875rem; font-weight: 400; font-family: inherit; max-height: 4.585rem; overflow: hidden; line-height: 1.31; margin-bottom: 0px; } .video-bg-image-slider .slide-link, .video-bg-image-slider .video-link { display: block; color: #1E5E7B; font-size: 1rem; font-weight: 700; background: #FFFFFF; padding: 0 20px; height: 2.5625rem; line-height: 2.5625rem; width: 9.125rem; font-family: inherit; text-transform: none; margin: 1.25rem 0 0 0; text-decoration: none; text-align: center; border: 0px solid transparent; border-radius: 20px; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider .slide-link:hover, .video-bg-image-slider .video-link:hover, .video-bg-image-slider .slide-link:focus, .video-bg-image-slider .video-link:focus { color: #fff; text-decoration: none; background: #1E5E7B; } .video-bg-image-slider .video-controls { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 3; } .video-bg-image-slider .video-controls > button { display: block; width: 40px; height: 40px; text-indent: -4000px; cursor: pointer; } .video-bg-image-slider .video-controls .video-pause { background: url(_gfx/cmn/UI-Pause.svg) no-repeat center center; background-size: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider .video-controls .video-pause:hover { background: url(_gfx/cmn/UI-Pause-H.svg) no-repeat center center; background-size: 100%; } .video-bg-image-slider .video-controls .video-play { background: url(_gfx/cmn/UI-Play.svg) no-repeat center center; background-size: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider .video-controls .video-play:hover { background: url(_gfx/cmn/UI-Play-H.svg) no-repeat center center; background-size: 100%; } .video-bg-image-slider .slick-autoplay-toggle-button { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 3; display: block; text-indent: -4000px; cursor: pointer; width: 2.5rem; height: 2.5rem; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .video-bg-image-slider .slick-autoplay-toggle-button .slick-pause-icon, .video-bg-image-slider .slick-autoplay-toggle-button .slick-play-icon { width: 2.5rem; height: 2.5rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .video-bg-image-slider .slick-autoplay-toggle-button .slick-pause-icon { background: url(_gfx/cmn/UI-Pause.svg) no-repeat center center; background-size: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider .slick-autoplay-toggle-button .slick-pause-icon:hover { background: url(_gfx/cmn/UI-Pause-H.svg) no-repeat center center; background-size: 100%; } .video-bg-image-slider .slick-autoplay-toggle-button .slick-play-icon { background: url(_gfx/cmn/UI-Play.svg) no-repeat center center; background-size: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider .slick-autoplay-toggle-button .slick-play-icon:hover { background: url(_gfx/cmn/UI-Play-H.svg) no-repeat center center; background-size: 100%; } .video-bg-image-slider.image-slider { position: relative; overflow: hidden; } .video-bg-image-slider.image-slider .slick_wrapper { padding: 0; position: relative; } .video-bg-image-slider.image-slider .slick-initialized .slick-slide { display: block; } .video-bg-image-slider.image-slider .slick_wrapper { width: 100%; } .video-bg-image-slider.image-slider .slick-slide { float: left; height: 100%; min-height: 1px; line-height: 0; } .video-bg-image-slider.image-slider .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .video-bg-image-slider.image-slider .slick_content { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider.image-slider .slick_content.slick-initialized { opacity: 1; height: auto; } .video-bg-image-slider.image-slider .slick-list { width: auto; position: relative; overflow: hidden; margin: 0; padding: 0; z-index: 0; } .video-bg-image-slider.image-slider .slide-image-link { overflow: hidden; display: block; position: relative; height: 0; padding-top: 33.33333333%; } .video-bg-image-slider.image-slider .slide-image { min-height: 100%; min-width: calc(100% + 1px); height: 0; position: absolute; top: 0; left: 50%; bottom: 0; transform: translate(-50%, 0); object-fit: cover; object-position: center; } .video-bg-image-slider.image-slider .slick-dots { right: 0; left: 0; display: block; position: absolute; z-index: 3; top: calc( 33.33333333vw - 40px ); bottom: auto; padding: 6px 6px 6px 6px; background: rgba(8, 31, 46, 0.76); opacity: 1; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); text-align: center; } .video-bg-image-slider.image-slider .slick-dots li { display: inline-block; float: none; } .video-bg-image-slider.image-slider .slick-dots:empty { display: none; } .video-bg-image-slider.image-slider .slick-dots button { height: 11px; width: 11px; border-radius: 50%; background: #FFFFFF; border: 0px solid #fff; margin-left: 3px; margin-right: 3px; text-indent: -9999px; vertical-align: middle; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider.image-slider .slick-dots button:hover { background: #DE596B; border: 0px solid #DE596B; } .video-bg-image-slider.image-slider .slick-dots .slick-active button { background: #DE596B; border: 0px solid #DE596B; } .video-bg-image-slider.image-slider .slick-dots a:hover, .video-bg-image-slider.image-slider .slick-dots a:focus { background: #DE596B; border: 0px solid #DE596B; } .video-bg-image-slider.image-slider .slick-arrow { width: 42px; height: 44px; margin: auto; display: block; position: absolute; top: auto; right: auto; left: auto; bottom: 1vw; cursor: pointer; text-indent: -9999px; z-index: 3; overflow: hidden; } .video-bg-image-slider.image-slider .slick-arrow::before { content: ""; position: absolute; top: 3px; bottom: auto; display: block; width: 30px; height: 30px; border-color: #fff; border-style: solid; filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4)); transform: rotate(45deg); transform-origin: bottom; transition: border-color 0.2s ease-in-out; } .video-bg-image-slider.image-slider .slick-arrow:hover::before { border-color: #271942; transition: border-color 0.2s ease-in-out; } .video-bg-image-slider.image-slider .slick-prev { left: 1vw; } .video-bg-image-slider.image-slider .slick-prev::before { border-width: 0 0 6px 6px; left: 0; } .video-bg-image-slider.image-slider .slick-next { right: 1vw; } .video-bg-image-slider.image-slider .slick-next::before { border-width: 6px 6px 0 0; left: -6px; } .video-bg-image-slider.image-slider.photo-credit-container .photo-credit { position: absolute; background: rgba(58, 35, 105, 0.85); width: 50px; height: 33px; bottom: auto; top: 320px; left: auto; right: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider.image-slider.photo-credit-container .photo-credit:after { content: ''; background: url(_gfx/home/caption-camera.svg) no-repeat center center; width: 24px; background-size: auto; height: 100%; right: auto; position: absolute; right: 11px; top: 0; bottom: 0; text-align: left; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider.image-slider.photo-credit-container .photo-credit.is-active { right: 0; width: 248px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider.image-slider.photo-credit-container .photo-credit.is-active > .slide-content { bottom: 100%; right: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider.image-slider.photo-credit-container .slide-content { position: absolute; bottom: 100%; opacity: 1; overflow: visible; right: -248px; width: 248px; background: rgba(37, 22, 67, 0.85); padding: 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video-bg-image-slider.image-slider.photo-credit-container .slide-content:before { content: ""; position: absolute; text-indent: -4000px; overflow: hidden; width: 25px; height: 22px; top: -11px; right: 10px; background: #3A2369 url(_gfx/home/caption-close_icon.svg) center center no-repeat; cursor: pointer; } .video-bg-image-slider.image-slider.photo-credit-container .slide-title { font-family: inherit; font-size: 18px; font-weight: normal; line-height: 1.2; text-transform: none; color: #fff; max-height: 21.6px; margin: 0 0 6px 0; overflow: hidden; } .video-bg-image-slider.image-slider.photo-credit-container .slide-description { font-family: inherit; font-size: 13px; color: #fff; font-weight: normal; line-height: 1.3; max-height: 67.6px; overflow: hidden; margin: 0; } .video-bg-image-slider.video- .video-wrapper { padding-bottom: 56.25%; /* 16:9 */ width: 100%; position: relative; } .video-bg-image-slider.video- iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*#endregion Mobile/Base */ @media screen and (min-width: 48em) { .home_hero { background: transparent; } .video-bg-image-slider .slide-content, .video-bg-image-slider .video-caption { position: absolute; left: 4.4375rem; bottom: auto; top: 5rem; right: auto; width: 21.25rem; padding: 1.4375rem 2.25rem 1.6875rem 2.0625rem; margin: auto !important; z-index: 3; height: 255px; /*&:after{ .multiple_bgs(0,160px,0,auto,1px,100%); background: rgba(255, 255, 255, 0.3); }*/ } .video-bg-image-slider .slide-link, .video-bg-image-slider .video-link { position: absolute; bottom: 1.6875rem; left: 2.0625rem; } .video-bg-image-slider .slick-autoplay-toggle-button, .video-bg-image-slider .video-controls { top: 6.125rem; right: auto; bottom: auto; left: 0.9375rem; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 4; } .video-bg-image-slider.image-slider .slick-dots { top: 5rem; bottom: auto; left: 0; right: auto; padding: 4.875rem 0 0 0 !important; width: 4.375rem !important; height: 15.9375rem; } .video-bg-image-slider.image-slider .slick-dots li { float: none; display: block; height: 0.6875rem; margin-bottom: 0.625rem; } .video-bg-image-slider.image-slider .slick-dots li button { vertical-align: top; } .video-bg-image-slider.image-slider .slide-image-link { height: 430px; padding-top: 53.33333333%; } .video-bg-image-slider.video- { padding-bottom: 33.33333333%; height: 0; position: relative; overflow: hidden; } .video-bg-image-slider.video- .video-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } } @media screen and (min-width: 62em) { .video-bg-image-slider .slide-content, .video-bg-image-slider .video-caption { top: 10rem; } .video-bg-image-slider .slide-title, .video-bg-image-slider .video-title { font-size: 1.25rem; max-height: 3.5rem; } .video-bg-image-slider .slide-description, .video-bg-image-slider .video-description { font-size: 1rem; max-height: 5.24rem; } .video-bg-image-slider .slick-autoplay-toggle-button, .video-bg-image-slider .video-controls { top: 11.125rem; } .video-bg-image-slider.image-slider .slick-dots { top: 10rem; } .video-bg-image-slider.image-slider .slide-image-link { height: 640px; padding-top: 43.33333333%; } } @media screen and (min-width: 75em) { .video-bg-image-slider.image-slider .slide-image-link { height: 640px; padding-top: 33.33333333%; } } @media screen and (min-width: 48em) { .video-bg-image-slider.image-slider .slick-arrows { width: 730px; max-width: 730px; margin: 0 auto; position: relative; } } @media screen and (min-width: 62em) { .video-bg-image-slider.image-slider .slick-arrows { width: 950px; max-width: 950px; } } @media screen and (min-width: 75em) { .video-bg-image-slider.image-slider .slick-arrows { width: 1024px; max-width: 1024px; } } @media screen and (min-width: 85.375em) { .video-bg-image-slider.image-slider .slick-arrows { width: 1302px; max-width: 1302px; } } @media (max-width: 767px) { .video-bg-image-slider.image-slider .slick-slide { position: absolute !important; left: 0 !important; right: 0 !important; opacity: 0 !important; } .video-bg-image-slider.image-slider .slick-slide.slick-current.slick-active { position: relative !important; opacity: 1 !important; } } .video_bg_image_slider.video_ { position: relative; overflow: hidden; } .video_bg_image_slider.video_ .video_wrapper { padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; width: 100%; position: relative; } .video_bg_image_slider.video_ iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video_bg_image_slider.video_ .video_caption { width: 100%; padding: 20px 20px; overflow: hidden; letter-spacing: 0.2px; display: none; } .video_bg_image_slider.video_ .video_title { margin: 0 0 0.25rem 0; font-size: 16px; font-weight: 700; color: #FFFFFF; max-height: 4.5rem; overflow: hidden; font-family: inherit; text-transform: none; max-width: 100%; line-height: 1.4; /*a { color: @slide-title-color; text-decoration: @slide-title-decoration; } &:hover a[href] { color: @slide-title-color-hover; text-decoration: @slide-title-decoration-hover; }*/ } .video_bg_image_slider.video_ .video_description { color: #C1D1D6; font-size: 0.875rem; font-weight: 400; font-family: inherit; max-height: 5.24rem; overflow: hidden; line-height: 1.31; margin-bottom: 15px; } .video_bg_image_slider.video_ .video_link { display: inline-block; color: #1E5E7B; font-size: 1rem; font-weight: 700; background: #FFFFFF; padding: 0 20px; height: 2.5625rem; line-height: 2.5625rem; font-family: inherit; text-transform: none; margin: 0; text-decoration: none; text-align: center; border: 0px solid transparent; border-radius: 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video_bg_image_slider.video_ .video_link:hover { color: #fff; text-decoration: none; background: #1E5E7B; } .video_bg_image_slider.video_ .video_controls { position: absolute; top: 0px; right: 0px; z-index: 3; } .video_bg_image_slider.video_ .video_controls button { display: block; width: 65px; height: 65px; text-indent: -4000px; cursor: pointer; background: url(_gfx/home/ui-play.svg) no-repeat center center; background-size: auto; padding: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video_bg_image_slider.video_ .video_controls button:hover { background-image: url(_gfx/home/ui-play-h.svg); } .video_bg_image_slider.video_ .video_controls button.video-pause { background: url(_gfx/home/ui-pause.svg) no-repeat center center; background-size: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .video_bg_image_slider.video_ .video_controls button.video-pause:hover { background-image: url(_gfx/home/ui-pause-h.svg); } .image_slider { overflow: hidden; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .video_bg_image_slider.video_ { padding-bottom: 31.25%; /* 1920:600 */ height: 0; } .video_bg_image_slider.video_ .video_wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video_bg_image_slider.video_ .video_caption { padding: 1.4375rem 2.25rem 1.6875rem 2.0625rem; left: 4.4375rem; bottom: auto; margin: auto; top: 50%; right: auto; position: absolute; width: 21.25rem; white-space: normal; background: rgba(0, 0, 0, 0.8); z-index: 3; transform: translateY(-50%); } .video_bg_image_slider.video_ .video_title { white-space: normal; } .video_bg_image_slider.video_ .video_controls { top: 15px; right: 15px; } } /***62em =992px ***/ @media screen and (min-width: 62em) { .video_bg_image_slider.video_ .video_title { font-size: 1.25rem; } .video_bg_image_slider.video_ .video_description { font-size: 1rem; } } /***75em =1200px ***/ .home_minicalendar { padding: 0px 10px 30px 10px; } .home_minicalendar h2 { margin: 0 0 70px 0; font-size: 35px; font-weight: 600; color: #3A2369; text-transform: uppercase; font-family: inherit; display: none; } .home_minicalendar h2:first-of-type { display: block; } .home_minicalendar .calendar_mini_grid .calendar_title { margin: 10px 0; } .home_minicalendar .calendar_mini_grid .calendar_title td a { color: #fff; } .home_minicalendar .responsive-table-scroll { width: 100%; } .home_minicalendar .minicalendar_widget { max-width: 100%; } .home_minicalendar .minicalendar_widget .calendar_dayheader { background: #3A2369; color: #ffffff; border: 1px solid #3A2369; height: 55px; line-height: 55px; font-weight: 700; font-size: 90%; } .home_minicalendar .minicalendar_widget .calendar_mini_grid .calendar_title td { color: #fff; font-weight: normal; font-size: 2400%; text-transform: uppercase; } .home_minicalendar .minicalendar_widget .calendar_mini_grid .calendar_title td a { color: #fff; } .home_minicalendar .minicalendar_widget .calendar_mini_grid .calendar_title td h2 { font-family: inherit; } .home_minicalendar .minicalendar_widget td.calendar_nextprev a { text-decoration: underline; color: #fff; font-size: 1280%; } .home_minicalendar .minicalendar_widget td.calendar_nextprev a:hover { text-decoration: none; } .home_minicalendar .minicalendar_widget td.calendar_day, .home_minicalendar .minicalendar_widget td.calendar_today, .home_minicalendar .minicalendar_widget td.calendar_weekendday, .home_minicalendar .minicalendar_widget td.calendar_othermonthday { border: 1px solid #DADDE6; border-top: 0; border-left: 0; height: 60px; line-height: 60px; font-size: 90%; font-weight: 700; } .home_minicalendar .minicalendar_widget td.calendar_day:first-child, .home_minicalendar .minicalendar_widget td.calendar_today:first-child, .home_minicalendar .minicalendar_widget td.calendar_weekendday:first-child, .home_minicalendar .minicalendar_widget td.calendar_othermonthday:first-child { border-left: 1px solid #DADDE6; } .home_minicalendar .minicalendar_widget td.calendar_today { background: #271942; color: #ffffff; } .home_minicalendar .minicalendar_widget .calendar_today > a, .home_minicalendar .minicalendar_widget .calendar_mini_grid.calendar td.calendar_day_with_items.calendar_today > a { color: #ffffff !important; } .home_minicalendar .minicalendar_widget .calendar_mini_grid.calendar td.calendar_day_with_items > a { font-weight: 600; } .home_minicalendar .minicalendar_widget td.calendar_day, .home_minicalendar .minicalendar_widget td.calendar_weekendday, .home_minicalendar .minicalendar_widget td.calendar_day > a, .home_minicalendar .minicalendar_widget td.calendar_weekendday > a { color: #7a7a7a !important; } .home_minicalendar .minicalendar_widget td.calendar_day, .home_minicalendar .minicalendar_widget td.calendar_weekendday { background: #fff; } .home_minicalendar .minicalendar_widget .calendar_othermonthday, .home_minicalendar .minicalendar_widget .calendar_othermonthday > a { color: #9ca1a4 !important; } .home_minicalendar .minicalendar_widget td.calendar_othermonthday { background: #e6e6e7; } .home_minicalendar .minicalendar_widget .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items { background-color: #3A2369; border: 1px solid #3A2369; border-radius: 0px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .home_minicalendar .minicalendar_widget .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items .calendar_eventtime { color: #ffffff !important; font-size: 100% !important; } .home_minicalendar .minicalendar_widget .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items .calendar_eventlink { color: #ffffff !important; font-size: 100% !important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_minicalendar { padding: 0px 0 40px 0; } .home_minicalendar h2 { font-size: 40px; } .home_minicalendar .minicalendar_widget .calendar_mini_grid .calendar_title td { font-size: 2000%; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_minicalendar { padding: 0px 0 40px 0; } .home_minicalendar .minicalendar_widget .calendar_mini_grid .calendar_title td { font-size: 2400%; } } .home_events, .home_meetings { padding: 0 0 32.75rem 0; background: transparent; } .home_events h2, .home_meetings h2 { margin: 0 0 20px 0; font-size: 28px; font-weight: normal; color: #da4a31; text-transform: uppercase; font-family: inherit; } .home_events .slick-slide, .home_meetings .slick-slide { float: left; } .home_events .slick_content, .home_meetings .slick_content { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: visible; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_events .slick_content.slick-initialized, .home_meetings .slick_content.slick-initialized { opacity: 1; height: auto; } .home_events .slick-list, .home_meetings .slick-list { width: auto; position: relative; overflow: hidden; margin-inline: 0.625rem; padding: 3.75rem 0 0px 0; } .home_events .slick_mutltiple_row, .home_meetings .slick_mutltiple_row { float: left; position: relative; display: flex !important; flex-wrap: wrap; justify-content: space-between; } .home_events .item, .home_meetings .item { float: left; position: relative; text-align: left; width: 100%; margin-bottom: 1.5rem; padding: 0 0; } .home_events .event-item, .home_meetings .event-item { display: table; text-decoration: none; background: rgba(0, 0, 0, 0.1) 0% 0% no-repeat padding-box; box-shadow: inset 0px 0px 70px rgba(0, 10, 26, 0.03); opacity: 1; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); border: 0 solid transparent; height: 8.75rem; padding: 0; border-radius: 0; width: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_events .event-item:hover, .home_meetings .event-item:hover, .home_events .event-item:focus, .home_meetings .event-item:focus { text-decoration: none; background: rgba(30, 94, 123, 0.7) 0% 0% no-repeat padding-box; box-shadow: inset 0px 0px 70px rgba(0, 10, 26, 0.03); opacity: 1; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } .home_events .event-item:hover .box_item_summary, .home_meetings .event-item:hover .box_item_summary, .home_events .event-item:focus .box_item_summary, .home_meetings .event-item:focus .box_item_summary { color: #fff; } .home_events .event-item:hover .datebox:before, .home_meetings .event-item:hover .datebox:before, .home_events .event-item:focus .datebox:before, .home_meetings .event-item:focus .datebox:before { background: url("_gfx/cmn/meetings_events-date_divider-H.svg") top center no-repeat; } .home_events .item_info, .home_meetings .item_info { display: table-cell; vertical-align: middle; width: 100%; padding: 0 2% 0 0px; position: relative; } .home_events .box_item_title, .home_meetings .box_item_title { color: #FFFFFF; font-size: 1rem; font-weight: 400; font-family: inherit; line-height: 1.2; display: block; max-height: 2.4rem; overflow: hidden; margin: 0 0 6px 0; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_events .event-item:hover .box_item_title, .home_meetings .event-item:hover .box_item_title { text-decoration: underline; color: #fff; } .home_events .datebox, .home_meetings .datebox { display: flex; flex-direction: column; justify-content: center; border: 0px solid; background: transparent; width: 8.125rem; margin: 0 2.5rem 0 0; height: 8.75rem; line-height: normal; border-radius: 0; text-align: center; padding: 0 0 0 0; position: relative; float: left; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_events .datebox:before, .home_meetings .datebox:before { background: url("_gfx/cmn/meetings_events-date_divider.svg") top center no-repeat; opacity: 1; content: ""; position: absolute; height: 72px; width: 5px; bottom: 0; top: 0; margin: auto; right: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_events .datebox-month, .home_meetings .datebox-month { color: #FFFFFF; font-size: clamp(1rem, 0.963rem + 0.188vw, 1.188rem); text-transform: uppercase; background: transparent; padding: 0 0 0 0; margin: 0 0 0 0; font-weight: bold; font-family: 'Noto Serif', serif; display: block; letter-spacing: 0.95px; } .home_events .datebox-number, .home_meetings .datebox-number { color: #fff; font-size: clamp(2.25rem, 2.175rem + 0.375vw, 2.625rem); font-weight: 700; font-family: 'Noto Serif', serif; display: block; line-height: 55px; } .home_events .box_item_summary, .home_meetings .box_item_summary { color: #C1D1D6; font-size: 0.75rem; max-height: 0.975rem; overflow: hidden; display: block; font-weight: normal; line-height: 1.3; margin: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_events .slick-prev, .home_meetings .slick-prev, .home_events .slick-next, .home_meetings .slick-next { display: block; background: #FFFFFF url("_gfx/cmn/ui-arrow-L.svg") left 13.91px center no-repeat; background-size: 22px; width: clamp(2.625rem, 2.5rem + 0.625vw, 3.25rem); height: clamp(2.625rem, 2.5rem + 0.625vw, 3.25rem) !important; border: 0; text-indent: -9999px; position: absolute; left: 0.625rem; right: auto; top: calc(100% + 35px); transform: translateY(-50%); padding: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-radius: 100%; } .home_events .slick-prev:hover, .home_meetings .slick-prev:hover, .home_events .slick-next:hover, .home_meetings .slick-next:hover { opacity: 1; background: #1E5E7B url("_gfx/cmn/ui-arrow-L-H.svg") left 13.91px center no-repeat; background-size: 22px; } .home_events .slick-prev.slick-disabled, .home_meetings .slick-prev.slick-disabled, .home_events .slick-next.slick-disabled, .home_meetings .slick-next.slick-disabled { cursor: default; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); background: #FFFFFF url("_gfx/cmn/ui-arrow-L.svg") left 13.91px center no-repeat; background-size: 22px; } .home_events .slick-prev.slick-disabled:hover, .home_meetings .slick-prev.slick-disabled:hover, .home_events .slick-next.slick-disabled:hover, .home_meetings .slick-next.slick-disabled:hover { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); background: #FFFFFF url("_gfx/cmn/ui-arrow-L.svg") left 13.91px center no-repeat; background-size: 22px; } .home_events .slick-next, .home_meetings .slick-next { background: #fff url("_gfx/cmn/ui-arrow-R.svg") right 13.91px center no-repeat; background-size: 22px; left: auto; right: 0.625rem; } .home_events .slick-next:hover, .home_meetings .slick-next:hover { background: #1E5E7B url("_gfx/cmn/ui-arrow-R-H.svg") right 13.91px center no-repeat; background-size: 22px; } .home_events .slick-next.slick-disabled, .home_meetings .slick-next.slick-disabled { cursor: default; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); background: #fff url("_gfx/cmn/ui-arrow-R.svg") right 13.91px center no-repeat; background-size: 22px; } .home_events .slick-next.slick-disabled:hover, .home_meetings .slick-next.slick-disabled:hover { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); background: #fff url("_gfx/cmn/ui-arrow-R.svg") right 13.91px center no-repeat; background-size: 22px; } .home_events .box_bottomlink, .home_meetings .box_bottomlink { color: #1E5E7B !important; font-size: clamp(1rem, 0.963rem + 0.188vw, 1.188rem); font-weight: 700; background: #fff; width: clamp(10.438rem, 10.063rem + 1.875vw, 12.313rem); height: 3.125rem; line-height: 3.125rem; font-family: inherit; text-transform: none; float: none; display: block; position: relative; margin: 0.6875rem auto 0; text-decoration: none !important; border: 0px solid #4c7d27; border-radius: 100px; padding: 0 28px; text-align: center; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_events .box_bottomlink:hover, .home_meetings .box_bottomlink:hover { color: #fff !important; text-decoration: none !important; background: #1E5E7B; border-color: #fff; } /***48em = 768px ***/ @media screen and (min-width: 48em) { @keyframes evefadeIn { from { opacity: 0; } to { opacity: 1; } } .home_meetings.in-view .slick_mutltiple_row .item { animation: evefadeIn 0.5s ease-in both; } .home_meetings.in-view .slick_mutltiple_row .item + .item { animation: evefadeIn 1s ease-in both; } .home_meetings.in-view .slick_mutltiple_row .item + .item + .item { animation: evefadeIn 1.5s ease-in both; } .home_meetings.in-view .slick_mutltiple_row .item + .item + .item + .item { animation: evefadeIn 2s ease-in both; } .home_meetings.in-view .slick_mutltiple_row .item + .item + .item + .item + .item { animation: evefadeIn 2.5s ease-in both; } .home_meetings.in-view .slick_mutltiple_row .item + .item + .item + .item + .item + .item { animation: evefadeIn 3s ease-in both; } .home_events, .home_meetings { padding: 0 0 32.75rem 0; } .home_events .slick-list, .home_meetings .slick-list { margin: 0 5rem; } .home_events .box_item_title, .home_meetings .box_item_title { font-size: 1.125rem; max-height: 2.7rem; } .home_events .box_item_summary, .home_meetings .box_item_summary { font-size: 0.875rem; max-height: 1.1375rem; } .home_events h2, .home_meetings h2 { margin: 0 0 20px 0; } .home_events .slick-prev, .home_meetings .slick-prev, .home_events .slick-next, .home_meetings .slick-next { top: 50%; left: 0; right: auto; background-position: left 16.91px center; } .home_events .slick-prev:hover, .home_meetings .slick-prev:hover, .home_events .slick-next:hover, .home_meetings .slick-next:hover { background-position: left 16.91px center; } .home_events .slick-prev.slick-disabled, .home_meetings .slick-prev.slick-disabled, .home_events .slick-next.slick-disabled, .home_meetings .slick-next.slick-disabled { background-position: left 16.91px center; } .home_events .slick-prev.slick-disabled:hover, .home_meetings .slick-prev.slick-disabled:hover, .home_events .slick-next.slick-disabled:hover, .home_meetings .slick-next.slick-disabled:hover { background-position: left 16.91px center; } .home_events .slick-next, .home_meetings .slick-next { right: 0; left: auto; background-position: right 16.91px center; } .home_events .slick-next:hover, .home_meetings .slick-next:hover { background-position: right 16.91px center; } .home_events .slick-next.slick-disabled, .home_meetings .slick-next.slick-disabled { background-position: right 16.91px center; } .home_events .slick-next.slick-disabled:hover, .home_meetings .slick-next.slick-disabled:hover { background-position: right 16.91px center; } } /***62em = 992px***/ @media only screen and (min-width: 62em) { .home_events, .home_meetings { padding: 0 0 32.75rem 0; } .home_events .slick-prev, .home_meetings .slick-prev, .home_events .slick-next, .home_meetings .slick-next { top: calc(50% + 20px); width: clamp(2.625rem, 2.5rem + 0.625vw, 3.25rem); height: clamp(2.625rem, 2.5rem + 0.625vw, 3.25rem) !important; } .home_events .item, .home_meetings .item { width: calc(50% - 32px); } .home_events h2, .home_meetings h2 { margin: 0 0 20px 0; } } @media only screen and (min-width: 75em) { .home_events .box_item_title, .home_meetings .box_item_title { font-size: 1.25rem; max-height: 3rem; } } @media only screen and (min-width: 85.375em) { .home_events .box_item_title, .home_meetings .box_item_title { font-size: 1.375rem; max-height: 3.3rem; } .home_events .datebox-month, .home_meetings .datebox-month { font-size: clamp(1rem, 0.963rem + 0.188vw, 1.188rem); } .home_events .datebox-number, .home_meetings .datebox-number { font-size: clamp(2.25rem, 2.175rem + 0.375vw, 2.625rem); } } @media only screen and (min-width: 1866px) { .home_events .slick-list, .home_meetings .slick-list { margin: 0 39px; } .home_events .slick-prev, .home_meetings .slick-prev { top: 53%; left: -71px; right: auto; } .home_events .slick-next, .home_meetings .slick-next { top: 53%; right: -71px; left: auto; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes rightfadeIn { from { opacity: 0; left: 120%; } to { opacity: 1; left: 0; } } .home_news { padding: 1.875rem 0.625rem 1.875rem 0.625rem; position: relative; margin-top: -24.375rem; } .home_news:before { content: ""; position: absolute; opacity: 1; right: auto; left: 0; top: 0; bottom: 0; background: #fff; display: block; width: 100vw; z-index: -1; } .home_news.in-view ul li { animation: fadeIn 0.2s ease-in both; } .home_news.in-view ul li + li { animation: fadeIn 0.4s ease-in both; } .home_news.in-view ul li + li + li { animation: fadeIn 0.6s ease-in both; } .home_news h2 { font-weight: bold; color: #1E5E7B; font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem); margin: 0 0 1.25rem 0; text-transform: none; font-family: 'Noto Serif', serif; text-align: center; position: relative; letter-spacing: 0.96px; } .home_news ul { margin: 0; padding: 0; list-style: none; } .home_news li { padding: 0; position: relative; margin: 0 0 2rem 0; background: transparent; display: table; } .home_news li.no-image .image_frame { width: 9.6875rem; height: 7.5rem; background: #3e5867 url(_gfx/home/news-img-default.jpg) center center no-repeat; background-size: cover; overflow: hidden; margin-right: 27px; } .home_news li:hover { /*.title-border{ &:before{ width: unit(145px/16px, rem); } } &:first-child { .title-border { &:before{ width: unit(153px/16px, rem); } } }*/ } .home_news li.has-border .title-border:before { width: 9.0625rem; } .home_news li.has-border:first-child .title-border:before { width: 9.5625rem; } .home_news li:first-child { margin-bottom: 25px; display: block; height: auto; animation: none !important; opacity: 1 !important; } .home_news li:first-child.no-image .image_frame { width: 100%; height: clamp(18.125rem, 9.176rem + 44.743vw, 30.625rem); margin-right: 0; } .home_news li:first-child img { width: 100%; max-width: 100%; display: block; margin-right: 0; } .home_news li:first-child .item_info { padding: 20px 10px; display: block; background: #3E5867; } .home_news li:first-child .title-border { position: relative; } .home_news li:first-child .title-border:before { content: ''; position: absolute; left: 0; right: auto; top: -14px; bottom: auto; width: 2.0625rem; height: 0.1875rem; background: #DE596B; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_news li:first-child .box_item_title { font-size: 1.375rem; line-height: 1.2; max-height: 3.3rem; margin-bottom: 10px; color: #fff; } .home_news li:first-child .box_item_summary, .home_news li:first-child .news_read_more { display: block; color: #DADDE6; font-size: 0.875rem; font-family: 'Arimo', sans-serif; } .home_news li:first-child .news_read_more { display: none; } .home_news img { max-width: 9.6875rem; min-width: 9.6875rem; display: table-cell; vertical-align: middle; aspect-ratio: 1.3; margin-right: 27px; } .home_news .item_info { padding: 14px 0 0 0; display: table-cell; vertical-align: top; position: relative; width: 100%; } .home_news .title-border:before { content: ''; position: absolute; left: 0; right: auto; top: 0; bottom: auto; width: 2.0625rem; height: 0.1875rem; background: #DE596B; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_news .box_item_title { color: #222B31; font-weight: bold; margin: 0 0 0.3125rem 0; font-family: inherit; text-decoration: none; font-size: 1rem; display: block; max-height: 2.4rem; overflow: hidden; line-height: 1.2; } .home_news .box_item_title:hover { color: #222B31; text-decoration: underline; } .home_news .box_item_summary { color: #5E636A; font-weight: normal; line-height: 1.3; font-size: 0.8125rem; max-height: 3.16875rem; overflow: hidden; display: block; margin: 0; } .home_news .news_read_more { display: none; margin: 6px 0 6px 0; text-decoration: none; font-size: 0.875rem; color: #5E636A; font-weight: normal; } .home_news .news_read_more:hover { text-decoration: underline; color: #5E636A; } .home_news .box_bottomlink { color: #1E5E7B; font-weight: 700; border: 0px solid transparent; text-transform: none; background: #E7EAF2; float: right; width: clamp(8.5rem, 8.25rem + 1.25vw, 9.75rem); height: 2.5625rem; line-height: 2.5625rem; text-decoration: none; margin: 1.25rem 0 0 0; border-radius: 20px; font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); text-align: center; font-family: inherit; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_news .box_bottomlink:hover { color: #fff; text-decoration: none; background: #1E5E7B; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_news { padding: 4.1875rem 0 4.875rem 0; } .home_news h2 { margin: 0 0 1.8125rem 12.1875rem; text-align: left; } .home_news:before { left: 100px; width: calc((100vw - (100vw - 730px) / 2) - 100px); } .home_news .box_item_title { font-size: 1.125rem; max-height: 2.7rem; } .home_news li { width: 47%; float: right; clear: right; height: 7.5rem; } .home_news li:first-child { float: left; width: 50%; height: 30.625rem; display: block; position: relative; } .home_news li:first-child:before { content: ''; position: absolute; left: 0; right: 0; top: auto; bottom: 6.25rem; width: 100%; height: 22.625rem; background: transparent linear-gradient(180deg, rgba(62, 101, 122, 0) 0%, #3e5867 100%) 0% 0% no-repeat padding-box; margin: auto; z-index: 1; display: block; } .home_news li:first-child:after { content: ''; position: absolute; left: 0; right: 0; top: auto; bottom: 0; width: 100%; height: 6.25rem; background: #3E5867; display: block; } .home_news li:first-child.no-image .image_frame { height: 30.625rem; } .home_news li:first-child img { max-width: 100%; min-width: 100%; position: absolute; width: 100%; height: 90%; object-fit: cover; } .home_news li:first-child .box_item_title { font-size: 1.375rem; max-height: 3.3rem; } .home_news li:first-child .item_info { padding: 0px 1.6875rem 3.0625rem 1.6875rem; position: absolute; left: 0; right: 0; top: auto; bottom: 0; z-index: 1; background: transparent; } .home_news li:first-child .box_item_title { margin: 0 0 0.375rem 0; } .home_news .item_info { padding: 14px 1.6875rem 0 0; } .home_news .box_bottomlink { position: absolute; left: calc(50% + 50px); right: auto; top: auto; bottom: 0; margin: 0 0 6.125rem 0; } } /***62em = 992px***/ @media only screen and (min-width: 62em) { .home_news { padding: 4.1875rem 0 4.875rem 0; } .home_news:before { width: calc((100vw - (100vw - 950px) / 2) - 100px); } .home_news h2 { margin: 0 0 1.8125rem 12.1875rem; } .home_news .box_item_title { font-size: 1.25rem; max-height: 3rem; } .home_news .box_item_summary { font-size: 0.9375rem; max-height: 3.65625rem; } .home_news li { width: calc(50% - 50px); } .home_news li:first-child img { max-width: 100%; min-width: 100%; } .home_news li:first-child .box_item_title { font-size: 1.375rem; max-height: 3.3rem; } .home_news li:first-child .box_item_summary, .home_news li:first-child .news_read_more { font-size: 0.9375rem; } .home_news li:first-child .item_info { padding: 0 7.75rem 3.0625rem 3.6875rem; } } @media (min-width: 75em) { .home_news:before { width: calc((100vw - (100vw - 1024px) / 2) - 100px); } } @media (min-width: 85.375em) { .home_news:before { width: calc((100vw - (100vw - 1302px) / 2) - 100px); } } /*************************** Optional classes: .no-stretch - this class makes it so the buttons will always stay the same width no matter what. Needed for circle buttons and some other designs .button-icons-left - aligns icons to the left of the text .button-icons-right - aligns icons to the right of the text *************/ .home_buttons { display: block; padding: 3.125rem 0.625rem 1.875rem 0.625rem; background: rgba(0, 12, 30, 0.2) 0% 0% no-repeat padding-box; box-shadow: inset 0px 0px 70px rgba(0, 10, 26, 0.03); opacity: 1; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .home_buttons ul { padding: 0; list-style: none; -ms-flex-wrap: wrap; -ms-flex-direction: column; -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -ms-flexbox; display: -webkit-box; display: flex; justify-content: space-between; margin: 0; } .home_buttons ul li { display: inline-block; /*for graceful degradation of flexbox in IE 8/9*/ width: 50%; } .home_buttons .button-link { display: block; height: 13.75rem; position: relative; width: 9rem; text-decoration: none; text-align: center; margin: 0 auto 32px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_buttons .button-link:hover, .home_buttons .button-link:focus { text-decoration: none; } .home_buttons .button-link:hover .image_frame, .home_buttons .button-link:focus .image_frame { background: #DE596B; border: 0px; box-shadow: 0px 0px 0px 0px rgba(255, 142, 61, 0.5); transform: translateY(-30px); } .home_buttons .button-link:hover img, .home_buttons .button-link:focus img { opacity: 1; } .home_buttons .button-link:hover .button_text_border:before, .home_buttons .button-link:focus .button_text_border:before { width: 2.5625rem; opacity: 1; } .home_buttons .button-link:hover .button-text, .home_buttons .button-link:focus .button-text { color: #FFFFFF; } .home_buttons .image_frame { position: relative; height: 9rem; background: transparent linear-gradient(180deg, #ffffff 0%, #ffffff 100%) 0% 0% no-repeat padding-box; border: 0px; border-radius: 72px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_buttons img { bottom: 0; left: 0; right: 0; margin: auto; position: absolute; top: 0px; max-width: 4.4375rem; max-height: 3.875rem; opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_buttons .button_text_border { position: relative; } .home_buttons .button_text_border:before { content: ""; position: absolute; top: -13px; left: 0; right: 0; margin: auto; height: 0.125rem; width: 0; background: #FFFFFF; opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_buttons .button-text { color: #FFFFFF; font-size: 1.25rem; font-weight: 400; font-family: inherit; text-transform: none; line-height: 1.35; vertical-align: Flex-Start; padding: 0 20px 0; -ms-flex: 0 1 100%; -webkit-flex: 0 1 100%; flex: 0 1 100%; max-height: 3.375rem; overflow: hidden; margin-top: 0.8125rem; letter-spacing: 0.22px; display: block; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_buttons { padding: 0rem 0 1.8125rem 0; } .home_buttons ul { padding: 0 1.25rem; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between; } .home_buttons ul li { width: 6.25rem; margin-top: -56px; } .home_buttons .button-link { width: 100%; height: 10.625rem; margin: initial; } .home_buttons .image_frame { height: 6.25rem; } .home_buttons img { max-width: 3.1875rem; max-height: 2.625rem; } .home_buttons .button-text { font-size: 1rem; max-height: 2.7rem; padding: 0 11px 0; } } @media screen and (min-width: 62em) { .home_buttons { padding: 0rem 0 1.8125rem 0; } .home_buttons ul li { width: 7.5rem; margin-top: -68px; } .home_buttons .button-link { height: 11.875rem; margin: initial; } .home_buttons .image_frame { height: 7.5rem; } .home_buttons img { max-width: 4.4375rem; max-height: 3.875rem; } .home_buttons .button-text { font-size: 1.125rem; max-height: 3.0375rem; padding: 0 0.75rem 0; } } @media screen and (min-width: 75em) { .home_buttons { padding: 0rem 0 1.8125rem 0; } .home_buttons ul li { width: 9rem; margin-top: -76px; } .home_buttons .button-link { height: 13.75rem; } .home_buttons .image_frame { height: 9rem; } .home_buttons .button-text { font-size: 1.375rem; max-height: 3.7125rem; padding: 0 0.875rem 0; } } @media (min-width: 85.375em) { .home_buttons ul { padding: 0 3.875rem; } .home_buttons ul li { width: 9rem; } .home_buttons .button-text { font-size: 1.375rem; max-height: 3.7125rem; padding: 0 0.875rem 0; } } .home_buttons_bottom { display: block; padding: 1.875rem 0.9375rem; text-align: center; background: #fff; position: relative; float: left; width: 100%; margin-bottom: 5.75rem; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .home_buttons_bottom:after { content: ""; position: absolute; width: 90%; max-width: 1182px; height: 30px; background: #000000 0% 0% no-repeat padding-box; opacity: 0.1; filter: blur(17px); display: block; left: 0; right: 0; margin: auto; visibility: visible; bottom: 0; z-index: -1; } .home_buttons_bottom ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; } .home_buttons_bottom ul:before, .home_buttons_bottom ul:after { display: none; } .home_buttons_bottom li { width: calc(50% - 12px); display: flex; justify-content: center; align-items: center; height: 5rem; margin-bottom: 25px; } .home_buttons_bottom .button-link { background: #FFA441; border-radius: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; display: flex; height: 100%; justify-content: center; align-items: center; text-decoration: none; } .home_buttons_bottom .button-link:hover, .home_buttons_bottom .button-link:focus { background: #1F4F95; } .home_buttons_bottom .button-link:hover .button-text, .home_buttons_bottom .button-link:focus .button-text { color: #FFFFFF; } .home_buttons_bottom .button-text { display: block; font-family: 'Arimo', sans-serif; font-weight: 600; font-size: 0.9375rem; color: #151515; text-transform: none; max-height: 1.171875rem; overflow: hidden; word-break: break-word; position: relative; letter-spacing: 1px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_buttons_bottom { padding: 4.125rem 3%; } .home_buttons_bottom li { width: calc(25% - 12px); height: 8rem; margin: 0; } .home_buttons_bottom .button-text { font-size: 0.9375rem; max-height: 1.171875rem; padding: 0 20px; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_buttons_bottom .button-text { font-size: 1.25rem; max-height: 1.5625rem; padding: 0 20px; } } /***75em = 1200px ***/ @media screen and (min-width: 75em) { .home_buttons_bottom { padding: 4.125rem 12.5%; } .home_buttons_bottom li { width: calc(25% - 24px); height: 8rem; } } /***85.375em = 1366px ***/ .nav.nav-tabs { border: 0; position: relative; display: flex; justify-content: space-between; padding: 20px 2.5% 0; margin-top: 4.375rem; } .nav.nav-tabs li { margin-bottom: 0; padding: 0 2px; width: 50%; } .nav.nav-tabs li a { border-radius: 0; border: 0; text-decoration: none; font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3rem); font-family: 'Noto Serif', serif; font-weight: 700; padding: 0; height: 4.0625rem; line-height: 4.0625rem; background: transparent; color: #C1D1D6; text-transform: none; margin: 0; position: relative; letter-spacing: 0.96px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } .nav.nav-tabs li.active a, .nav.nav-tabs li.active a:hover, .nav.nav-tabs li.active a:focus, .nav.nav-tabs li a:hover, .nav.nav-tabs li a:focus { background: transparent; color: #FFFFFF; border: 0; } .nav.nav-tabs li.active a:before, .nav.nav-tabs li.active a:hover:before, .nav.nav-tabs li.active a:focus:before, .nav.nav-tabs li a:hover:before, .nav.nav-tabs li a:focus:before { position: absolute; content: ""; background: #DE596B; width: 75%; max-width: 190px; height: 4px; margin: 0 auto; top: auto; bottom: -11px; left: 0; right: 0; opacity: 1; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .nav.nav-tabs li a:hover { color: #FFFFFF; } .nav.nav-tabs li a:hover:before { width: 100%; background: #fff; opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tab-content { background: transparent; box-shadow: none; } .tab-content > .tab-pane { /*display: block !important; position:absolute; z-index: -9999;*/ min-height: 1076px; } .tab-content { min-height: 1076px; } .tab-content > .tab-pane.active.in { /*display: block !important; position:relative; z-index: auto;*/ } /***48em = 768px ***/ @media screen and (min-width: 48em) { .nav.nav-tabs { padding: 0rem 5% 0; margin-top: 6.0625rem; } .nav.nav-tabs li { padding: 0 2px; } } @media screen and (min-width: 62em) { .nav.nav-tabs { padding: 0rem 23.59% 0 21.59%; } .nav.nav-tabs li.active a:before, .nav.nav-tabs li.active a:hover:before, .nav.nav-tabs li.active a:focus:before, .nav.nav-tabs li a:hover:before, .nav.nav-tabs li a:focus:before { width: 57%; } .nav.nav-tabs li:hover:before { width: 57%; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes spotlightleftfadeIn { from { opacity: 0; right: 120%; } to { opacity: 1; right: 0; } } .home_spotlight { position: relative; width: calc(100% - 10px); /*.image_wrapper.spotlight-style .spotlight-img-link{ background:rgba(26, 59, 97, 0.54); &:before{ background: url("_gfx/cmn/Spotlight-Border-TopL-H.svg") center center no-repeat; background-size: 100%; } &:after{ background: url("_gfx/cmn/Spotlight-Border-BottomR-H.svg") center center no-repeat; background-size: 100%; } }*/ /*.spotlight-playpause button { position: absolute; bottom: 75.5px; left: 652px; z-index: 9999; height: 29px; width: 29px; padding: 0; border: none; text-indent: -9999px; border-radius: 100px; &.b-hide{ display: none !important; } &.b-show{ display: block !important; } &.pause{ background: url("_gfx/cmn/spause.svg") center center no-repeat; background-size: 29px; .transition(); &:hover, &:focus{ background: url("_gfx/cmn/spauseh.svg") center center no-repeat; background-size: 29px; } } &.play{ background: url("_gfx/cmn/sp.svg") center center no-repeat; background-size: 29px; .transition(); &:hover, &:focus{ background: url("_gfx/cmn/sph.svg") center center no-repeat; background-size: 29px; } } }*/ } .home_spotlight .home_spotlight_container { float: left; width: 100%; padding: 2.5rem 0.625rem 2.5rem 0.625rem !important; margin: 4.375rem 0rem 0; position: relative; } .home_spotlight .home_spotlight_container:before { content: ""; position: absolute; opacity: 1; right: 0; top: 0; bottom: 0; background: #fff; display: block; width: 100vw; z-index: -1; } .home_spotlight .spotlight-wrapper { overflow: hidden; position: relative; } .home_spotlight .slick-slide { float: left; width: 100%; } .home_spotlight .item { float: left; display: flex !important; flex-wrap: wrap; justify-content: center; } .home_spotlight .spotlight-img-link { display: block; width: 280px; height: 280px; margin-right: 0px; position: relative; border-radius: 100%; overflow: hidden; opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /*&:before{ content: ""; position:absolute; width: 43px; height: 43px; background: url("_gfx/cmn/Spotlight-Border-TopL.svg") center center no-repeat; background-size: 100%; top:10px; left:10px; .transition(); } &:after{ content: ""; position:absolute; width: 43px; height: 43px; background: url("_gfx/cmn/Spotlight-Border-BottomR.svg") center center no-repeat; background-size: 100%; bottom:10px; right:10px; .transition(); }*/ } .home_spotlight .spotlight-img-link img { width: 100%; height: 100%; object-fit: cover; } .home_spotlight .image_wrapper.no-img + .spotlight-content { width: 100%; } .home_spotlight .image_wrapper.no-img + .spotlight-content .box_bottomlink { margin-left: 0; float: left; } .home_spotlight .spotlight-content { padding: 30px 10px; zoom: 1; opacity: 1; } .home_spotlight .spotlight-content:before { content: ''; display: block; } .home_spotlight .spotlight-content:after { content: ''; display: table; clear: both; } .home_spotlight h2:first-child { margin: 0rem 0rem 0.851875rem; font-size: 1.125rem; font-weight: 700; color: #DE596B; text-transform: uppercase; font-family: inherit; padding: 0; max-height: 1.35rem; overflow: hidden; letter-spacing: 0.99px; } .home_spotlight h1, .home_spotlight h2, .home_spotlight h3, .home_spotlight h4, .home_spotlight h5 { font-weight: 600; color: #FFFFFF; text-transform: uppercase; font-family: inherit; background: transparent; } .home_spotlight a:hover { text-decoration: none; } .home_spotlight p { margin: 0; } .home_spotlight img { /* display: block; max-height: @spotlight-img-max-height; max-width: @spotlight-img-max-width; border: 3px solid #fff; margin-bottom: 15px;*/ } .home_spotlight .spotlight_title { margin-bottom: 10px; } .home_spotlight .spotlight_title a { color: #222B31; text-decoration: none; font-size: 1.25rem; font-weight: 700; display: block; line-height: 1.25; max-height: 3.125rem; overflow: hidden; position: relative; font-family: 'Noto Serif', serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_spotlight .spotlight_title a:hover { text-decoration: none; color: #222B31; } .home_spotlight .spotlight_description { color: #5E636A; text-decoration: none; font-size: 0.875rem; font-weight: 400; display: block; line-height: 1.55; max-height: 6.78125rem; overflow: hidden; } .home_spotlight .box_bottomlink { color: #1E5E7B; font-size: 1rem; font-weight: bold; background: #E7EAF2; width: 9.125rem; height: 2.5625rem; line-height: 2.5625rem; font-family: inherit; text-transform: none; float: right; letter-spacing: 0.51px; margin: 29px 0 0 0px; text-decoration: none; border: 0px solid #A1DAF0; border-radius: 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: block; padding: 0; position: relative; text-align: center; overflow: hidden; } .home_spotlight .box_bottomlink:hover { color: #FFFFFF; text-decoration: none; background: #1E5E7B; } .home_spotlight .slick-arrow { height: 40px; width: 40px; padding: 0; border-radius: 100%; text-indent: -9999px; border: none; } .home_spotlight .slick-arrow span { display: none; } .home_spotlight .slick-arrow.slick-prev { background: #E7EAF2 url("_gfx/cmn/ui-arrow-L.svg") left 13.51px center no-repeat; background-size: 17px; position: absolute; bottom: 30px; left: 10px; right: auto; z-index: 9999; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_spotlight .slick-arrow.slick-prev:hover { background: #1E5E7B url("_gfx/cmn/ui-arrow-L-H.svg") left 13.51px center no-repeat; background-size: 17px; } .home_spotlight .slick-arrow.slick-prev.slick-disabled { opacity: 0.5; cursor: auto; background: #E7EAF2 url("_gfx/cmn/ui-arrow-L.svg") left 13.51px center no-repeat; background-size: 17px; } .home_spotlight .slick-arrow.slick-prev.slick-disabled:hover { background: #E7EAF2 url("_gfx/cmn/ui-arrow-L.svg") left 13.51px center no-repeat; background-size: 17px; } .home_spotlight .slick-arrow.slick-next { background: #E7EAF2 url("_gfx/cmn/ui-arrow-R.svg") right 13.51px center no-repeat; background-size: 17px; position: absolute; bottom: 30px; left: 60px; right: auto; z-index: 9999; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_spotlight .slick-arrow.slick-next:hover { background: #1E5E7B url("_gfx/cmn/ui-arrow-R-H.svg") right 13.51px center no-repeat; background-size: 17px; } .home_spotlight .slick-arrow.slick-next.slick-disabled { opacity: 0.5; cursor: auto; background: #E7EAF2 url("_gfx/cmn/ui-arrow-R.svg") right 13.51px center no-repeat; background-size: 17px; } .home_spotlight .slick-arrow.slick-next.slick-disabled:hover { background: #E7EAF2 url("_gfx/cmn/ui-arrow-R.svg") right 13.51px center no-repeat; background-size: 17px; } .home_spotlight .slick-dots { display: none !important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_spotlight { width: calc(100% - 40px); } .home_spotlight.in-view { /*.spotlight_title{ animation: fadeIn 4s ease-in both; } .spotlight_description{ animation: fadeIn 5s ease-in both; } .box_bottomlink{ animation: fadeIn 6s ease-in both; }*/ } .home_spotlight .home_spotlight_container { margin: 6.8125rem 0rem 0; padding: 2.5rem 2.5rem 2.5rem 0rem !important; } .home_spotlight .item { flex-wrap: nowrap; } .home_spotlight .image_wrapper.no-img + .spotlight-content { height: 350px; } .home_spotlight .spotlight-img-link { width: 350px; height: 350px; margin-right: 20px; } .home_spotlight .spotlight_title { margin-bottom: 3px; } .home_spotlight .spotlight_title a { font-size: 1.125rem; max-height: 2.8125rem; overflow: hidden; } .home_spotlight .spotlight_description { font-size: 0.875rem; max-height: 6.78125rem; } .home_spotlight .spotlight-content { position: relative; padding: 4.4375rem 0 0 0; } .home_spotlight .slick-arrow.slick-prev { left: 555px; bottom: 22px; } .home_spotlight .slick-arrow.slick-next { left: 601px; bottom: 22px; } .home_spotlight .box_bottomlink { position: absolute; left: 0; bottom: 22px; margin: 0; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_spotlight { width: calc(100% - 161px); } .home_spotlight .home_spotlight_container { padding: 2.5rem 2.5rem 2.5rem 0rem !important; } .home_spotlight .image_wrapper.no-img + .spotlight-content { height: 25rem; } .home_spotlight .spotlight_title { margin-bottom: 10px; } .home_spotlight .spotlight_title a { font-size: 1.375rem; max-height: 3.4375rem; overflow: hidden; } .home_spotlight .spotlight_description { font-size: 0.875rem; max-height: 6.78125rem; } .home_spotlight .spotlight-img-link { height: 25rem; width: 25rem; margin-right: 4.3125rem; } .home_spotlight .slick-arrow.slick-prev { left: 650px; bottom: 22px; } .home_spotlight .slick-arrow.slick-next { left: 696px; bottom: 22px; } .home_spotlight .box_bottomlink { bottom: 22px; } .home_spotlight .spotlight-playpause button { left: 737px; } } /***62em = 992px ***/ @media screen and (min-width: 75em) { .home_spotlight .spotlight_title a { font-size: 1.375rem; max-height: 3.4375rem; overflow: hidden; } .home_spotlight .spotlight_description { font-size: 0.875rem; max-height: 6.78125rem; } .home_spotlight .spotlight-playpause button { left: 782px; } } @media (min-width: 85.375em) { .home_spotlight .home_spotlight_container { padding: 2.5rem 8.25rem 2.5rem 0rem !important; } .home_spotlight .spotlight_title a { font-size: 1.75rem; max-height: 4.375rem; overflow: hidden; } .home_spotlight .spotlight_description { font-size: 1.125rem; max-height: 8.71875rem; } .home_spotlight .spotlight-playpause button { left: 902px; } } /*@media(min-width: 1800px){ .home_spotlight{ .spotlight-img-link { margin-right: 141px; margin-left: -141px; } .slick-arrow{ &.slick-prev{ right: 234px; } &.slick-next{ right: 179px; } } } }*/ .homepagelayout .column { float: none; min-height: 0px; } .homepagelayout { overflow-x: hidden; } .home_item2 { clear: both; position: relative; } .home_item3 { background: url(_gfx/cmn/home-content-bg.jpg) top right no-repeat; background-size: cover; } .home_item5 { background: #E5E6EB; } .home_item4 { background: url(_gfx/cmn/dataviz-bg.jpg) top center no-repeat; background-size: cover; position: relative; } .home_item4 .container { position: relative; } .home_item6 { background: #E8E3CF; } .home_item3, .home_item4, .home_item5, .home_item6, .home_item7, .home_item8, .home_item9, .home_item10, .home_item11, .home_item12, .home_item13, .home_item14, .home_item15, .home_item16, .home_item17 { position: relative; z-index: 1; } .home_item14 { padding: 40px 0; } .scroll-arrow, .home_item_mobile { display: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .homepagelayout { overflow-x: initial; } .scroll-arrow { display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 81px; height: 72px; text-indent: -4000px; background: #3A2369; margin: 0 auto; overflow: hidden; z-index: 3; } .scroll-arrow:before { content: "\2193"; color: #ffffff; font-size: 23px; line-height: 29px; text-align: center; border: 2px solid #ffffff; border-radius: 50%; width: 41px; height: 41px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-indent: 0px; } #sitebody.homepagelayout { border-bottom: 0px solid #f0f0f0; padding: 0; background: transparent; width: 100%; max-width: none; margin-bottom: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 1fr; grid-template-columns: 1fr 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 1fr; /*.equal-heights { //columns should be equal height. Use flexbox display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }*/ } #sitebody.homepagelayout:before { display: none; } #sitebody.homepagelayout > * { -ms-grid-column-align: stretch; -ms-grid-row-align: stretch; justify-self: stretch; align-self: stretch; } #sitebody.homepagelayout .top_col { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 1 / span 1; padding-top: 0; } #sitebody.homepagelayout .top_col:before, #sitebody.homepagelayout .top_col:after { display: none; } #sitebody.homepagelayout .home_item2 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 2 / span 1; overflow: hidden; } #sitebody.homepagelayout .home_item3 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 3 / span 1; } #sitebody.homepagelayout .home_item4 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 4 / span 1; } #sitebody.homepagelayout .home_item4 .left-col { float: left; width: calc(50% - 34px); } #sitebody.homepagelayout .home_item4 .right-col { float: right; width: calc(50% - 34px); } #sitebody.homepagelayout .home_item5 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 5; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 5 / span 1; } #sitebody.homepagelayout .home_item6 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 6; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 6 / span 1; } #sitebody.homepagelayout .home_item7 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 7; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 7 / span 1; } #sitebody.homepagelayout .home_item8 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 8; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 8 / span 1; padding: 40px 0px 40px 0; } #sitebody.homepagelayout .home_item8 .container { display: flex; justify-content: space-between; } #sitebody.homepagelayout .home_item8 .container:before, #sitebody.homepagelayout .home_item8 .container:after { display: none; } #sitebody.homepagelayout .home_item8 .container > * { max-width: 32%; } #sitebody.homepagelayout .home_item9 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 9; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 9 / span 1; } #sitebody.homepagelayout .home_item10 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 10; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 10 / span 1; } #sitebody.homepagelayout .home_item11 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 11; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 11 / span 1; } #sitebody.homepagelayout .home_item12 { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-column: 1 / span 14; grid-row: 12 / span 1; padding: 40px 0px 40px 0; } #sitebody.homepagelayout .home_item12 .container { display: flex; justify-content: space-between; } #sitebody.homepagelayout .home_item12 .container:before, #sitebody.homepagelayout .home_item12 .container:after { display: none; } #sitebody.homepagelayout .home_item12 .container > * { max-width: 48%; } } @media screen and (min-width: 62em) { #sitebody.homepagelayout { -ms-grid-columns: 1fr 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 1fr; grid-template-columns: 1fr 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 1fr; } #sitebody.homepagelayout .home_item4 .left-col { float: left; width: calc(50% - 34px); } #sitebody.homepagelayout .home_item4 .right-col { float: right; width: calc(50% - 34px); } } @media screen and (min-width: 75em) { #sitebody.homepagelayout { -ms-grid-columns: 1fr 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 1fr; grid-template-columns: 1fr 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 1fr; } } @media (min-width: 85.375em) { #sitebody.homepagelayout { -ms-grid-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; grid-template-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; } } .home_facebook { padding: 20px 10px 20px 10px; position: relative; } .home_facebook h2 { margin: 0 0 21px 0; font-size: 32px; font-weight: 700; color: #131313; text-transform: uppercase; font-family: 'Cabin', sans-serif; background: transparent; letter-spacing: 2.1px; position: relative; padding: 0 0 21px 0; /*&:before{ .multiple_bgs(auto,auto,0,0,70px,2px); background: #9F6934; z-index: 0; }*/ } .home_facebook ul { margin: 0; padding: 0; list-style: none; height: 425px; overflow-y: scroll; background: #fff; padding: 10px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); } .home_facebook ul li { background: #fff url(_gfx/cmn/White_1.png) right 10px top 10px no-repeat; padding: 10px 10px 10px 10px; min-height: 153px; margin: 0 0 10px 0; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; zoom: 1; } .home_facebook ul li:before { content: ''; display: block; } .home_facebook ul li:after { content: ''; display: table; clear: both; } .home_facebook ul li .bottom_links { float: left; width: 100%; padding: 10px 0 0 0; margin-top: 14px; border-top: 1px #E9ECEF solid; } .home_facebook ul li .bottom_links a { display: inline-block; font-size: 12px; font-weight: bold; color: #7F7F7F; letter-spacing: 0.24px; text-decoration: none; margin-right: 14px; } .home_facebook ul li .bottom_links a img { max-width: 16px; max-height: 16px; } .home_facebook ul li img { float: left; margin-right: 5px; display: block; max-height: 45px; width: 45px; } .home_facebook ul li span.box_date { float: none; font-size: 11px; text-transform: none; color: #616469; font-weight: 300; letter-spacing: 0.22px; } .home_facebook ul li h4 { margin: 0; } .home_facebook ul li h4 a, .home_facebook ul li h4 a:hover { font-size: 14px; color: #1D2129; font-weight: normal; line-height: 1.2; text-decoration: none; max-height: 33.6px; overflow: hidden; display: block; letter-spacing: 0.28px; } .home_facebook ul li p { margin: 10px 0 0 0; font-size: 14px; color: #1D2129; font-weight: 300; line-height: 1.3; max-height: 54.6px; overflow: hidden; letter-spacing: 0.28px; } .home_facebook ul li p a { color: #1B5633; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_facebook { padding: 40px 0 40px 0; width: calc(100% - 15px); float: left !important; } .home_facebook h2 { margin: 0 0 21px 0; font-size: 28px; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_facebook { padding: 96px 0 106px 0; } .home_facebook h2 { margin: 0 0 21px 0; font-size: 34px; } } @media (min-width: 75em) { .home_facebook h2 { font-size: 42px; } } .home_twitter { padding: 20px 10px 20px 10px; position: relative; } .home_twitter h2 { margin: 0 0 21px 0; font-size: 32px; font-weight: 700; color: #131313; text-transform: uppercase; font-family: 'Cabin', sans-serif; background: transparent; letter-spacing: 2.1px; position: relative; padding: 0 0 21px 0; z-index: 0; /* &:before{ .multiple_bgs(auto,auto,0,0,70px,2px); background: #9F6934; }*/ } .home_twitter ul { margin: 0; padding: 0; list-style: none; background: #fff; line-height: 0; height: 425px; overflow-y: scroll; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); } .home_twitter ul li { background: #fff url(_gfx/cmn/Path_4672.png) right 18px top 20px no-repeat; padding: 20px 20px 20px 20px; min-height: 170px; margin: 0 0 0 0; border-bottom: 1px #E9ECEF solid; } .home_twitter ul li .bottom_links { float: left; margin-top: 10px; } .home_twitter ul li .bottom_links a { display: inline-block; margin-right: 25px; } .home_twitter ul li span.box_date { float: right; font-size: 12px; text-transform: none; margin-left: 5px; margin-right: 0; margin-top: 15px; color: #616469; font-weight: normal; font-family: 'Open Sans', sans-serif; letter-spacing: 0.24px; line-height: normal; } .home_twitter ul li h4 { margin: 0 0 10px; font-family: 'Montserrat', sans-serif; } .home_twitter ul li h4 a, .home_twitter ul li h4 a:hover { font-size: 13px; color: #616469; text-decoration: none; font-weight: 300; letter-spacing: 0.26px; line-height: 0.5; } .home_twitter ul li h4 a span, .home_twitter ul li h4 a:hover span { font-size: 14px; font-weight: 400; color: #292F33 !important; letter-spacing: 0.28px; display: block; } .home_twitter ul li p { font-family: 'Montserrat', sans-serif; margin: 4px 0 10px 0; font-size: 14px; padding: 0; border: 0; color: #1D2129; font-weight: 300; display: block; max-height: 58.8px; overflow: hidden; line-height: 1.4; letter-spacing: 0.28px; } .home_twitter ul li p a { color: #1B5633; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_twitter { padding: 40px 0 40px 0; width: calc(100% - 15px); float: none !important; margin: 0 auto !important; } .home_twitter h2 { margin: 0 0 21px 0; font-size: 28px; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_twitter { padding: 96px 0 106px 0; } .home_twitter h2 { margin: 0 0 21px 0; font-size: 34px; } } @media (min-width: 75em) { .home_twitter h2 { font-size: 42px; } } .home_instagram { padding: 20px 10px 20px 10px; position: relative; } .home_instagram .widget_header { margin: 0 0 21px 0; font-size: 32px; font-weight: 700; color: #131313; text-transform: uppercase; font-family: 'Cabin', sans-serif; letter-spacing: 2.1px; position: relative; padding: 0 0 21px 0; /* &:before{ .multiple_bgs(auto,auto,0,0,70px,2px); background: #9F6934; z-index: 0; }*/ } .home_instagram .instagram_container { min-height: 425px; background: #fff; padding: 22px 25px 30px; } .home_instagram .insta_content { background: #fff; min-height: 425px; overflow-y: scroll; padding: 25px 22px 10px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); } .home_instagram .insta_content ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; min-width: calc(100% + 20px); margin-left: -10px; } .home_instagram .insta_content ul li { flex: 0 1 33.3%; padding: 0 10px 20px; } .home_instagram .insta_content ul li a { display: block; position: relative; } .home_instagram .insta_content ul li a:before { content: ""; top: 0; left: 0; position: absolute; right: 0; bottom: 0; z-index: -1; width: auto; height: auto; background: rgba(159, 105, 52, 0.6); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); z-index: 0; } .home_instagram .insta_content ul li a:hover:before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_instagram { padding: 40px 0 40px 0; width: calc(100% - 15px); float: right !important; } .home_instagram .widget_header { margin: 0 0 21px 0; font-size: 28px; } .home_instagram .insta_content ul li { flex: 0 1 50%; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_instagram { padding: 96px 0 106px 0; } .home_instagram .widget_header { margin: 0 0 21px 0; font-size: 34px; } .home_instagram .insta_content ul li { flex: 0 1 33.3%; } } @media (min-width: 75em) { .home_instagram .widget_header { font-size: 42px; } } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px 44px 0 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide--image { overflow: hidden; padding: 44px 0 0 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px 6px 0 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0 0 44px 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-slide--html .fancybox-content { margin: 0 0 6px 0; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: calc(100% - 44px); overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; vertical-align: top; width: 100%; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background: transparent; height: 100px; margin: 0; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { background: rgba(30, 30, 30, 0.6); height: 100%; padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; } /* Caption */ .fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1; } .fancybox-caption::after { border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ''; display: block; left: 44px; position: absolute; right: 44px; top: 0; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0 0 0; } .fancybox-slide--image .fancybox-content { margin-bottom: 6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 768px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .home_video_thumbs:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #3A2369; display: block; z-index: -1; } .home_video_thumbs .home-video-thumbs-container { padding: 40px 10px 135px 10px; position: relative; } .home_video_thumbs .home-video-thumbs-title { margin: 0 0 20px 0; font-size: 35px; font-weight: normal; color: #ffffff; text-transform: uppercase; font-family: inherit; } .home_video_thumbs .home-video-thumbs-content { padding-bottom: 20px; } .home_video_thumbs .video-thumbnail-frame { height: 0; padding-top: 56%; border: 0px solid #fff; border-radius: 0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0); } .home_video_thumbs .video-thumbnail { text-decoration: none; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; position: relative; width: 100%; overflow: hidden; } .home_video_thumbs .video-thumbnail:hover, .home_video_thumbs .video-thumbnail:focus { text-decoration: none; } .home_video_thumbs .video-thumbnail:hover .video-thumbnail-frame, .home_video_thumbs .video-thumbnail:focus .video-thumbnail-frame { border-color: #fff; } .home_video_thumbs .video-thumbnail-img { object-fit: cover; object-position: center center; height: 100%; min-width: 100%; display: block; margin: 0; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .home_video_thumbs .video-thumbnail-caption { display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 8px 10px 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background: rgba(0, 0, 0, 0.7); z-index: 1; } .home_video_thumbs .video-thumbnail-title { color: #fff; display: block; font-size: 18px; line-height: 1.25; max-height: 45px; overflow: hidden; text-align: center; } .home_video_thumbs .home-video-thumbs-featured { padding: 0px 0px 15px; text-align: center; } .home_video_thumbs .home-video-thumbs-featured .video-thumbnail:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: url(_gfx/home/play_button.png) center center no-repeat; background-size: auto 50%; z-index: 1; } .home_video_thumbs .home-video-thumb-list { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-around; width: Calc(100% + 20px); margin: 0 -10px; } .home_video_thumbs .home-video-thumb-list-item { padding: 0px 10px 15px; flex: auto; width: 180px; } .home_video_thumbs .video-thumbnail-bottomlink { color: #1d2424; font-size: 20px; font-weight: normal; background: #271942; width: 252px; height: 72px; line-height: 72px; font-family: inherit; text-transform: uppercase; margin: 0 auto 40px auto; text-decoration: none; text-align: center; border: 0px solid #bbbbbb; border-radius: 3px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; bottom: 0px; left: 0; right: 0; } .home_video_thumbs .video-thumbnail-bottomlink:hover { color: #ffffff; text-decoration: none; background: #3A2369; } /***35em = 560px ***/ @media screen and (min-width: 35em) { .home_video_thumbs .home-video-thumb-list-item { width: 255px; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_video_thumbs .home-video-thumbs-container { padding: 40px 0px 175px 0px; } .home_video_thumbs .home-video-thumbs-title { font-size: 50px; } .home_video_thumbs .home-video-thumbs-content { display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; align-items: stretch; } .home_video_thumbs .video-thumbnail-title { max-height: 30px; font-size: 12px; } .home_video_thumbs .home-video-thumbs-featured { padding: 0; text-align: left; position: relative; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-right: 20px; } .home_video_thumbs .home-video-thumbs-featured .video-thumbnail-img { border: 0px solid #fff; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .home_video_thumbs .home-video-thumbs-featured .video-thumbnail-img:hover { border: 0px solid #fff; } .home_video_thumbs .home-video-thumb-list { flex-wrap: wrap; align-content: space-between; width: 100%; margin: 0; } .home_video_thumbs .home-video-thumb-list-item { padding: 0; flex: auto; width: 140px; margin: 0 10px; } } /***992px ***/ @media screen and (min-width: 62em) { .home_video_thumbs .home-video-thumbs-container { padding: 40px 0px 175px 0px; } .home_video_thumbs .home-video-thumbs-featured .video-thumbnail:before { background-size: auto auto; } .home_video_thumbs .home-video-thumb-list-item { width: 200px; } .home_video_thumbs .video-thumbnail-title { font-size: 18px; max-height: 45px; } } /***1200px ***/ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes leftfadeIn { from { opacity: 0; left: -120%; } to { opacity: 1; left: 0; } } .home_data { background: transparent; position: relative; } .home_data .home-data-container { padding: 1.25rem 0.625rem 0.625rem 0.625rem; } .home_data .home-data-header { margin: 0 0 1.5625rem; font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem); font-weight: 700; color: #fff; text-transform: none; font-family: 'Noto Serif', serif; text-align: center; width: 100%; position: relative; } .home_data .data-image-frame { margin: 0; height: clamp(3.188rem, 3.063rem + 0.625vw, 3.813rem); position: relative; } .home_data .home-data-box { flex: auto; width: 100%; padding: 2rem 1.25rem 2.3125rem; position: relative; cursor: pointer; margin-inline: 0.8125rem; margin-block: 0.3125rem; max-width: 16.4375rem; height: 15.375rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; overflow: hidden; } .home_data .home-data-box:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(42, 61, 75, 0.8) 0% 0% no-repeat padding-box; opacity: 1; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_data .home-data-box:hover:before, .home_data .home-data-box:focus:before { background: rgba(30, 94, 123, 0.5) 0% 0% no-repeat padding-box; opacity: 1; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } .home_data .home-data-box:hover .data-image-frame:after, .home_data .home-data-box:focus .data-image-frame:after { width: 8.125rem; } .home_data .home-data-box:hover .data-number, .home_data .home-data-box:focus .data-number { color: #fff; } .home_data .home-data-box:hover img, .home_data .home-data-box:focus img { opacity: 1; } .home_data .home-data-box:hover a:after, .home_data .home-data-box:focus a:after { width: 8.125rem; } .home_data .data-number { color: #fff; font-family: inherit; font-size: 1.5625rem; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 4.6rem; max-height: 7.1875rem; text-align: center; letter-spacing: 0.9px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_data .data-desc { text-transform: none; line-height: 1.3em; text-align: center; font-family: inherit; font-size: 0.9375rem; font-weight: 400; color: #FFFFFF; max-height: 1.21875rem; overflow: hidden; margin: 2.0625rem auto 0; } .home_data .home-data-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -ms-flexbox-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-inline: -0.8125rem; } .home_data .home-data-content img { display: block; position: absolute; top: 0; bottom: auto; left: 0; right: 0; margin: auto; max-height: clamp(3.188rem, 3.063rem + 0.625vw, 3.813rem); max-width: clamp(3.188rem, 3.063rem + 0.625vw, 3.813rem); opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_data .home-data-content a { text-decoration: none; position: relative; display: block; } .home_data .home-data-content a:after { content: ""; position: absolute; height: 4px; width: 3.75rem; background: #DE596B; top: 4.6875rem; bottom: auto; left: 0; right: 0; margin: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home_data .home-data-content a:hover { text-decoration: none; } .home_data .bottomlink_box { display: block; padding-bottom: 30px; text-align: center; } .home_data .home-data-bottomlink { color: #162B37; font-size: 0.875rem; font-weight: 600; background: #FFA441; width: 13.5625rem; height: 2.125rem; line-height: 2.125rem; font-family: 'Arimo', sans-serif; text-transform: uppercase; margin: 2.3125rem auto 0; padding: 0; text-decoration: none; text-align: center; border-radius: 1.125rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; letter-spacing: 0.7px; display: inline-block; position: relative; display: none; overflow: hidden; } .home_data .home-data-bottomlink:hover { color: #fff; background: #1F4F95; text-decoration: none; border-color: #1F4F95; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_data .home-data-container { padding: 8.1875rem 0px 10.6875rem 0px; } .home_data .home-data-header { text-align: center; } .home_data .home-data-content { justify-content: center; } .home_data .home-data-content a:after { top: 5rem; } .home_data .home-data-header { font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem); margin: 0 0 2.1875rem 0; } .home_data .home-data-box { width: 50%; height: 17.25rem; padding: 2rem 0.625rem 1.3125rem; } .home_data .data-number { font-size: 2.1875rem; max-height: 10.0625rem; } .home_data .data-desc { font-size: 1.1875rem; max-height: 1.54375rem; } .home_data .bottomlink_box { flex-wrap: nowrap; padding-top: 2.3125rem; padding-bottom: 3.125rem; padding-left: 0; padding-right: 0; text-align: right; } .home_data .home-data-bottomlink { right: 0px; margin: 2.3125rem auto 0; flex: 0 1 auto; font-size: 0.875rem; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_data .home-data-container { padding: 8.1875rem 0 10.6875rem 0; } .home_data .home-data-content { justify-content: flex-end; } .home_data .home-data-header { font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem); text-align: left; } .home_data .home-data-box { width: calc(25% - 1.625rem ); margin-block: auto; } } @media (min-width: 75em) { .home_data .home-data-bottomlink { font-size: 0.875rem; } .home_data .home-data-box { padding: 2rem 1.25rem 2.3125rem; } .home_data .data-number { font-size: 2.8125rem; max-height: 12.9375rem; } .home_data .data-desc { font-size: 1.5625rem; max-height: 2.03125rem; } } .home_mobile_buttons { display: block; float: none; padding: 1.25rem 0.5rem; background: #daedfd; } .home_mobile_buttons .mobile-buttons-list { margin: 0; padding: 0; list-style: none; flex-flow: row wrap; display: flex; justify-content: center; align-content: flex-start; align-items: flex-start; margin-bottom: -10px; } .home_mobile_buttons .mobile-buttons-item { flex: 0 1 25%; margin: 0; padding: 0 0px 10px 0; } .home_mobile_buttons .mobile-buttons-item:empty { visibility: hidden; padding: 0; } .home_mobile_buttons .mobile-buttons-link { display: table; position: relative; width: 100%; text-decoration: none; text-align: center; max-width: 4.125rem; margin: 0 auto; } .home_mobile_buttons .mobile-buttons-link:hover, .home_mobile_buttons .mobile-buttons-link:focus { text-decoration: none; } .home_mobile_buttons .mobile-buttons-link:before { position: absolute; top: 0; left: 0; right: 0; height: 4.125rem; background: #20573E; content: ""; border: 0px solid #3A2369; border-radius: 0; max-width: 4.125rem; margin: auto; } .home_mobile_buttons .mobile-buttons-img { bottom: Calc(100% - 4.125rem ); left: 0; right: 0; margin: auto; position: absolute; top: 0; max-width: 32px; max-height: 32px; } .home_mobile_buttons .mobile-buttons-title { color: #1D2424; display: block; font-size: 0.75rem; text-transform: none; max-height: 1.65rem; overflow: hidden; font-family: inherit; font-weight: 700; line-height: 1.1; vertical-align: top; margin: 4.875rem 0 0 0; margin-bottom: 0.125rem; letter-spacing: 0.36px; } /***420px ***/ @media screen and (min-width: 26.25em) { .home_mobile_buttons .mobile-buttons-item { flex: 0 1 25%; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_mobile_buttons { display: none; } } @keyframes blurIn { from { filter: blur(5px); } to { filter: blur(0px); } } #siteheader.has-service-finder { z-index: 11; } .flex-container { display: flex; flex-wrap: wrap; } .service-finder a:visited { color: initial; } .service-finder-trigger { position: absolute; top: 0.875rem; right: 0; left: auto; bottom: auto; display: inline-block; padding: 0 20px; width: auto; height: 3.125rem; line-height: 3.125rem; font-size: 1rem; font-weight: 700; text-transform: none; font-family: inherit; text-align: center; text-decoration: none !important; color: #1E5E7B !important; background: #E7EAF2; z-index: 7; border-radius: 20px; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .service-finder-trigger:hover { text-decoration: none !important; color: #fff !important; background: #1E5E7B !important; } .service-finder-trigger:visited { color: #1E5E7B; } .service-finder-trigger--mobile { position: static; border-radius: 0; color: #fff !important; background: #1E5E7B !important; } .service-finder { width: 100%; background: rgba(19, 43, 58, 0.9); padding: 9.875rem 0 18.6875rem; position: absolute; top: 0; left: 0; z-index: 1000; visibility: hidden; background: transparent; transform: translateY(-100%); transition: all 0.3s ease-in-out; } .service-finder::before { content: ""; position: absolute; top: 0; right: 50%; bottom: auto; left: 50%; z-index: -1; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: rgba(19, 43, 58, 0.9); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .service-finder.is-active { visibility: visible; transform: translateY(0px); transition: all 0.3s ease-in-out; } .service-finder__close { position: absolute; top: 3.125rem; right: 0.625rem; bottom: auto; left: auto; display: block; min-height: 1rem; width: 10.625rem; height: 2.5625rem; line-height: 2.5625rem; padding-left: 4.625rem; font-weight: 700; font-size: 1rem; text-transform: none; text-align: left; text-decoration: none !important; color: #1E5E7B !important; background: #E7EAF2 url(_gfx/cmn/ui-servicefinder-close.svg) left 52px center no-repeat; background-size: 16px auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-family: inherit; z-index: 1; } .service-finder__close::before, .service-finder__close::after { content: ""; position: absolute; top: 1px; bottom: 0; right: 0; left: auto; margin: auto; width: 1rem; height: 3px; background: #1E5E7B; transform: rotate(45deg); transition: background 0.3s ease-in-out; display: none; } .service-finder__close:hover { color: #fff !important; background: #1E5E7B url(_gfx/cmn/ui-search-close.svg) left 52px center no-repeat; background-size: 16px auto; transition: background 0.3s ease-in-out; } .service-finder__close:hover::before, .service-finder__close:hover::after { background: #fff; } .service-finder__close::after { transform: rotate(-45deg); } .service-finder__title { display: block; margin: 0px 0 2.75rem; font-size: 1.8rem; font-weight: 700; font-family: 'Noto Serif', serif; text-align: center; text-transform: uppercase; color: #fff; letter-spacing: 0.48px; position: relative; display: none; } .service-finder__col { display: block; flex: 0 1 100%; margin: 0 4% 3em; max-width: 92%; } .service-finder__heading { margin: 0 0 0.9375rem; height: 2.1rem; overflow: hidden; font-size: 1.5rem; font-weight: 700; line-height: 1.4; text-transform: none; font-family: 'Noto Serif', serif; color: #fff; letter-spacing: 0.48px; padding-left: 0rem; } .dropdown-wrap { position: relative; background: #FFFFFF; color: #2D3037; font-size: 1.25rem !important; height: 3.6875rem; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .dropdown-wrap::after { content: ""; position: absolute; top: 0; right: 0.59375rem; bottom: 0; left: auto; display: inline-block; margin: auto; width: 2.5rem; height: 2.5rem; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #E7EAF2 url(_gfx/cmn/ui-service-finder-dropdown.svg) center top 8px no-repeat; background-size: auto auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .dropdown-wrap:hover:after, .dropdown-wrap:focus:after { background: #1E5E7B url(_gfx/cmn/ui-service-finder-dropdown-H.svg) center top 8px no-repeat; background-size: auto auto; } select.service-finder__dropdown { position: relative; z-index: 1; width: 100%; border-width: 0 0 0 0; border-color: #2D3037; border-style: solid; padding: 0.5em 4.0625rem 0.5em 2.1875rem; color: #2D3037 !important; background: transparent; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: none !important; height: 100%; letter-spacing: 0; } select.service-finder__dropdown::-ms-expand { display: none; } selectselect.service-finder__dropdown { font-size: 1.25rem !important; color: #2D3037 !important; } .service-finder__option, option { color: #2D3037; background: #FFFFFF; } .summary-col { position: relative; padding-bottom: 0px; } .summary-col__box { background: #fff; box-shadow: 0px 0px 99px rgba(0, 20, 59, 0.03); padding: 1.9375rem 3.8125rem 4.25rem 2.4375rem; min-height: 14.4375rem; } .summary-col__text { font-size: 1.125rem; color: #5E636A; height: 5.76rem; line-height: 1.28; overflow: hidden; margin: 0; letter-spacing: 0; } .summary-col__link { position: absolute; top: auto; right: 1.875rem; bottom: 2.59625rem; left: auto; padding: 0; font-size: 1rem; font-weight: bold; text-transform: none; text-decoration: none !important; text-align: center; font-family: inherit; color: #1E5E7B !important; background: #E7EAF2; transition: all 0.3s ease-in-out; letter-spacing: 0; width: 9.125rem; height: 2.5625rem; line-height: 2.5625rem; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .summary-col__link:hover { background: #1E5E7B; transition: all 0.3s ease-in-out; color: #fff !important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .flex-container { margin: 0 -2%; } .service-finder { padding: 21.875rem 0 18.6875rem; } .service-finder::before { height: 55rem; } .service-finder-trigger { font-size: 1rem; width: 10.625rem; height: 2.5625rem; line-height: 2.5625rem; right: 0rem; } .service-finder__close { top: 1.25rem; right: 0; } .service-finder__title { font-size: 2.5rem; margin-right: 0; margin-left: 0; } .service-finder__col { margin: 0 2% 3em; max-width: 46%; } .service-finder__col.summary-col { max-width: 100%; } } @media (min-width: 62em) { .flex-container { flex-wrap: nowrap; margin: 0; } .service-finder__col { flex: 0 1 33%; margin: 0; max-width: 33%; } .service-finder__col.summary-col { max-width: 33%; } .service-col { margin: 0 1.875rem; } } @media (min-width: 85.375em) { .service-finder-trigger { font-size: 1rem; } } /*tools include mixins and other tools we need to include such as google fonts.*/ /*Generic styles needed for every project. */ @media screen and (min-width: 40.5em) and (max-width: 47.9375em) { .standardlayout .column.left_col, .standardthreecolumnlayout .column.left_col, .standardlayout .column.right_col, .standardthreecolumnlayout .column.right_col, .standardthreecolumnlayout .column.small_col, .twocolumnswithbottomlayout .column.left_col, .twocolumnswithbottomlayout .column.right_col, .threecolumnswithbottomlayout .column.left_col, .threecolumnswithbottomlayout .column.middle_col, .threecolumnswithbottomlayout .column.right_col, .twocolumnreverselayout .column.has_small_col, .twocolumnreverselayout .column.small_col { width: 100%; margin: 0 !important; } .title_widget, .content_area { padding: 10px; } .content_area.facebook_feed, .content_area.twitter_feed { padding: 0; } .sidenav, .small_col .sidenav { float: none; width: 100%; } .sidenav .mobile_header.mobile_only, .small_col .sidenav .mobile_header.mobile_only { display: block !important; } .sidenav ul li, .sidenav ul li.sidenav_expanded > a { display: none; } .sidenav.mobile_list ul li a, .sidenav.mobile_list ul li a:hover { padding: 0; font-weight: normal; } .mobile_list ul li, .facebook_feed ul li, .twitter_feed ul li, .small_box .box_content ul li { padding: 17px 7% 17px 16px; } .mobile_list ul li a, .mobile_list .box_bottomlink, .mobile_box .box_bottomlink, .mobile_list ul li a:hover { font-weight: bold; } .mobile_list .box_bottomlink, .mobile_box .box_bottomlink { display: block; } .small_box { margin-bottom: 0; } .standardthreecolumnlayout .small_col .small_box { display: block; margin-right: 0%; width: 100%; } .mobile_list .item-list a:hover { font-weight: normal; } .service_box .box_content > ul > li { border-bottom: 1px solid #c6c4c4 !important; } .standardthreecolumnlayout .small_col .minicalendar_widget { display: block; margin: 0 auto; } #view-full { display: block !important; } .mobile_only { display: block !important; } .mobile_hide { display: none !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) { /*hide table header.*/ /* tr:nth-of-type(odd) { background-color: #EEE; }*/ } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) .hidden { display: none; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) thead, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tbody, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) th, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr { display: block; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) thead tr, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr th { position: absolute; top: -9999999px; left: -999999px; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr { border: 1px solid #CCC; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td { /*behave like a row*/ border: none; border-bottom: 1px solid #EEE; position: relative; padding-left: 50% !important; text-align: left; min-height: 18px; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:before { /*now like a table header*/ position: absolute; /*top and left value mimic padding*/ top: 6px; left: 6px; padding-right: 10px; white-space: nowrap; content: attr(data-th) " "; font-weight: bold; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td img, .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td object { width: auto; height: auto; float: none; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td a.email_link { margin: 0px; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td .title_column { max-width: 100%; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:first-child { padding-left: 50% !important; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) { /*hide table header.*/ /* tr:nth-of-type(odd) { background-color: #EEE; }*/ } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) thead, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) tbody, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) th, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) tr { display: block; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) thead tr, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) tr th { position: absolute; top: -9999999px; left: -999999px; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) tr { border: 1px solid #CCC; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td { /*behave like a row*/ border: none; border-bottom: 1px solid #EEE; position: relative; padding-left: 50% !important; text-align: left; min-height: 18px; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td:before { /*now like a table header*/ position: absolute; /*top and left value mimic padding*/ top: 6px; left: 6px; padding-right: 10px; white-space: nowrap; content: attr(data-th) " "; font-weight: bold; } .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td img, .front_end_body table.responsive-table-data-dkt:not(.non-responsive-table) td object { width: auto; height: auto; float: none; } .front_end_body table.listtable td p.command_button.register_now_command_button { width: 100px !important; } } html { font-size: inherit; } *, *:after, *:before { box-sizing: content-box; } .sitewrapper, .sitewrapper *, .sitewrapper *:after, .sitewrapper *:before { box-sizing: border-box; } .progress { box-shadow: 0 0 0; height: auto; margin-bottom: 0px; } .collapse { display: inherit; } .sitewrapper a.phone_link, .sitewrapper a.phone_link:hover { color: #5E636A; text-decoration: none !important; white-space: nowrap; } /*setting default styles for html elements. */ body.front_end_body, .sitewrapper, .sitewrapper select, .sitewrapper input, .sitewrapper textarea, .sitewrapper table, #broken_links_reporter_form, body.dialog_body, body[radeditorbody], body[radeditorbody] table { font-size: 1.25rem !important; line-height: 1.4 !important; font-family: 'Arimo', sans-serif !important; color: #5E636A; } .front_end_body :target:before, .front_end_body a[name]:before { content: ""; display: block; height: 70px; /* fixed header height plus a little padding*/ position: relative; z-index: -1; } p { margin: 0 0 1em 0; } table img { max-width: none; } .column select { min-width: 150px; } .front_end_body label { line-height: inherit; } legend { color: #222B31; font-weight: bold; text-decoration: none; } .form_button, .column input[type=button], .column input[type=submit], .column input[type=reset], body.dialog_body input[type="submit"], body.dialog_body input[type="button"], body.dialog_body input[type="reset"], .front_end_body .command.primary, .front_end_body .column .command { background: #1E5E7B !important; color: #fff !important; } .form_button:hover, .column input[type=button]:hover, .column input[type=submit]:hover, .column input[type=reset]:hover, .front_end_body input[type=submit].command.primary:hover, .front_end_body a.command.primary:hover { color: #5E636A !important; background: transparent !important; border: 2px solid #DADDE6 !important; } .column input[type="text"], .column.column input[type="submit"], .column input[type="password"], .column input[type="email"], .column textarea, .column select, .front_end_form input[type="text"], .front_end_form input[type="password"], .front_end_form input[type="email"], .front_end_form textarea, .front_end_form select { line-height: normal !important; } h1, .content_area h1, .reDropDownBody h1 { color: #222B31; line-height: 1.2; font-weight: 700; font-size: 200%; font-family: 'Noto Serif', serif; } h2, .content_area h2, .reDropDownBody h2 { font-size: 160%; color: #222B31; font-weight: 700; line-height: 1.2; } h3, .content_area h3, .reDropDownBody h3 { font-size: 140%; color: #222B31; font-weight: 700; } h4, .content_area h4, .reDropDownBody h4 { font-size: 120%; color: #222B31; font-weight: 700; } h5, .content_area h5, .reDropDownBody h5 { font-size: 110%; color: #222B31; font-weight: 700; } h6, .content_area h6, .reDropDownBody h6 { color: #222B31; font-weight: 700; font-size: 100%; } .subtitle { font-size: 1.5rem; color: #222B31; font-weight: 700; } .subtitle p, .subtitle a { color: #222B31; font-weight: 700; } a, a:visited, .column a { color: #006FA0; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } a[name], a[name]:hover, a[name]:focus { color: #5E636A; text-decoration: none; } a img { border: 0; } a:before, a:after { text-decoration: underline; } a:before, a:after, a:hover:before, a:hover:after { text-decoration: none; } /** Objects that are reused within several components */ /*#region MOBILE LIST, MOBILE BOX This controls the mobile view for the Box Widgets in standard_3col.html and the side navigation. Rarely needs to be modified. Make sure arrow is centered, if not, adjust here. */ .mobile_header, .facebook_feed .mobile_header, .twitter_feed .mobile_header, .small_box .mobile_header { margin: 0; color: #fff; font-family: 'Arimo', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.125rem; height: 40px; line-height: 30px; background: #1E5E7B; padding: 6px 20px; letter-spacing: 0.54px; } .small_box .mobile_header { display: block; } .mobile_list, .mobile_box { background: #fff; border: 0px; color: #006FA0; zoom: 1; } .mobile_list:before, .mobile_box:before { content: ''; display: block; } .mobile_list:after, .mobile_box:after { content: ''; display: table; clear: both; } .small_col .content_area.mobile_box { border-top: 1px solid #DADDE6; background: #fff; } .mobile_box > div { background: #fff; padding: 10px; } .mobile_box { background: #fff; } .mobile_list ul, .facebook_feed ul, .twitter_feed ul { margin: 0; } .mobile_list ul li, .facebook_feed ul li, .twitter_feed ul li { width: 100%; border-bottom: 1px solid #DADDE6; border-top: 0; padding: 17px 7% 17px 16px; position: relative; zoom: 1; } .mobile_list ul li:before, .facebook_feed ul li:before, .twitter_feed ul li:before { content: ''; display: block; } .mobile_list ul li:after, .facebook_feed ul li:after, .twitter_feed ul li:after { content: ''; display: table; clear: both; } .mobile_list ul ul li:before, .facebook_feed ul ul li:before, .twitter_feed ul ul li:before { border: none; } .mobile_list a + .item-list { border-top: 0; } .mobile_list .item-list { padding: 0; } .mobile_list ul li a { border-top: 0; padding: 0; color: #006FA0; font-weight: bold; font-size: 0.875rem; } .mobile_list ul li a:hover { color: #006FA0; text-decoration: underline; } .mobile_list .item-list a { color: #006FA0; font-weight: normal; font-size: 0.875rem; } .mobile_list .item-list a:hover { color: #006FA0; text-decoration: underline; } .mobile_list .item_smalltext { padding: 0; border: 0; color: #5E636A; font-size: 0.875rem; } .mobile_list .item_smalltext + .item_smalltext { font-style: normal; } .mobile_list .box_bottomlink, .mobile_box .box_bottomlink { background: #F5F5F5; border: 0; border-bottom: 1px solid #DADDE6; color: #006FA0; font-style: normal; font-weight: 400; text-align: right; padding: 7px 24px 7px 24px; clear: both; position: relative; font-size: 0.875rem; text-decoration: underline; } .mobile_list .box_bottomlink:hover, .mobile_box .box_bottomlink:hover { text-decoration: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .mobile_list, .mobile_box { background: transparent; } .mobile_box > div { background: transparent; padding: 0px; } .mobile_list ul li a, .mobile_list .box_bottomlink, .mobile_box .box_bottomlink, .mobile_list ul li a:hover { background: transparent none; font-weight: normal; } .mobile_list ul li { background: transparent none; border-bottom: 0px solid #DADDE6; padding: 0; position: static; } .mobile_list ul li:before { display: none; } .mobile_list .box_bottomlink, .mobile_box .box_bottomlink { border: none; } } /* FlexSlider Necessary Generic Styles *********************************/ /* Browser Resets */ .flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider { position: relative; } .slides { zoom: 1; } .slides:before { content: ''; display: block; } .slides:after { content: ''; display: table; clear: both; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider .slides > li:first-child { display: block; -webkit-backface-visibility: visible; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* Control Nav */ .flex-control-nav { position: absolute; right: 16px; bottom: 10px; display: none; } .flex-control-nav li { float: left; } .flex-control-nav li a { cursor: pointer; border: 2px solid #fff; border-radius: 50%; text-indent: -4000px; overflow: hidden; text-align: left; display: block; width: 10px; height: 10px; margin-left: 6px; } .flex-control-nav li a.flex-active, .flex-control-nav li a:hover { background: #ccc; } .dialog_body.front_end_body { background: #fff; } .viClientDialog .vi-main { overflow: hidden; } .feedback_lightbox .vi-outer .vi-c .vi-main .vi-content iframe, .send_share_email_lightbox .vi-outer .vi-c .vi-main .vi-content iframe { width: 100% !important; } .dialog_body .feed_back_wrapper #feedback_sendemail_form .feedback_list li label, .front_end_body .send_email_wrapper .formlist label.content_label, .dialog_body .shareemail_list label { display: inline-block; width: 190px; min-width: 190px; vertical-align: top; } .send_email_wrapper .formlist label { min-width: 190px; } .front_end_body .formlist .feedback_message_textarea, .shareemail_list .shareemail_message_textarea, .front_end_form .feedback_list textarea, .send_email_wrapper .formlist textarea { width: 64.98422713%; height: 113px; } .list-filter select { width: 225px; max-width: 100%; } .list-filter, .alpha-filter { margin: 0 0 10px 0; clear: both; list-style: none; padding: 0; } .list-filter ul, .alpha-filter ul { list-style: none; padding: 0; } .list-filter ul li, .alpha-filter ul li { float: left; } .list-filter ul li:first-child:before, .alpha-filter ul li:first-child:before { content: ""; } .list-filter ul li:before, .alpha-filter ul li:before { color: Gray; content: "|"; } .alpha-filter .current { color: inherit; cursor: inherit; } .alpha-filter .current:hover { background: transparent; border-color: transparent; box-shadow: 0 0 0; color: inherit; } .alpha-filter a:hover { background: #006FA0; border: solid 1px transparent; color: #fff !important; } .alpha-filter .current:hover { color: inherit !important; } /**link color**/ .list-pager a { color: #006FA0 !important; } .list-pager a.pg-normal:hover { background: #006FA0; border: solid 1px transparent; color: #fff !important; } .detail-title, .detail-subtitle, .detail-intro { margin: 0 0 7px; } .detail-list-label.detail-list-label, .custom_fields label, .custom_fields .custom_field_label { width: 150px; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; } .list-main > li { border-bottom: 0px solid #DADDE6; padding: 10px !important; } .detail-list > li, .custom_fields .custom_field_frontend_display { display: -ms-flexbox; display: -webkit-flex; display: flex; } .detail-content { zoom: 1; } .detail-content:before { content: ''; display: block; } .detail-content:after { content: ''; display: table; clear: both; } .business_directory_widget .detail-list-value a { min-width: 300px; } /* Default List Table Styling. Should match general table style in Interior comp. Modify padding and borders ONLY (if needed), otherwise do not modify. everything else controlled in settings.global or settings.colors Should match _components.tableData.less and _components.tableBox.less ================================================== */ .sitewrapper .listtable { width: 100%; border-collapse: separate !important; margin: 10px 0; empty-cells: show; border: solid 0px #E4E4E4 !important; background: #fff !important; } .sitewrapper .listtable th { text-transform: uppercase; border: 1px solid #1E5E7B; font-weight: 700; padding: 6px 9px; background: #1E5E7B !important; color: #fff !important; font-size: 1.125rem; font-family: 'Arimo', sans-serif; vertical-align: top; letter-spacing: 0.54px; } .sitewrapper .listtable th:hover { text-transform: none; font-weight: 700; padding: 6px 9px; border: 1px solid #1E5E7B; } .sitewrapper .listtable th a { white-space: normal; } .sitewrapper .listtable td { padding: 3px 9px 3px 9px !important; border: 0; border-bottom: solid 1px #E4E4E4; border-right: solid 1px #E4E4E4; font-size: 0.875rem; } .sitewrapper .listtable td:first-child { border-left: 1px solid #E4E4E4; } .sitewrapper .listtable tr:hover { background: transparent; } .sitewrapper .listtable tr:hover td { background: transparent !important; } .sitewrapper .listtable tr:hover > td a { color: #006FA0 !important; } .sitewrapper .listtable tr:hover > td, .sitewrapper .listtable tr:hover > td > p { color: #5E636A !important; } .sitewrapper .listtable a.email_link { background-position: center 0; } .sitewrapper .listtable th a { color: #fff !important; } .sitewrapper table.listtable a.phone_link, .sitewrapper table.listtable a.phone_link:hover { color: #0F3C65; text-decoration: none !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr { width: 100%; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td::before { padding: 3px 9px 2px 9px; width: 37%; overflow: hidden; position: static; white-space: normal; vertical-align: top; display: table-cell; text-overflow: ellipsis; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td { min-height: 28px; padding-left: 0 !important; width: 100%; display: table; table-layout: fixed; overflow: hidden; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:first-child { padding-left: 0 !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr { border: 0px; border-bottom: 2px solid #1E5E7B; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr:last-child { border-bottom: 0; } @media screen and (max-width: 47.9375em) { .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) { border: solid 1px #E4E4E4 !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td { width: 100% !important; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) .mobile_hide { display: table !important; } .title_column { max-width: none; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td { padding-left: 9px !important; width: auto; display: table-cell; } .front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:first-child { padding-left: 9px !important; } .sitewrapper .listtable { border: solid 0px #E4E4E4 !important; } .sitewrapper .listtable td:last-child { border-bottom: solid 1px #E4E4E4 !important; } .staff_directory_widget, .rfp_widget, .service_directory_widget, .jobs_widget, .events_widget, .form_survey_widget, .facility_directory_list_view_widget, .poll_widget, .meeting_widget, .meeting_item_widget { overflow-x: auto; overflow-y: hidden; } } .small_box.news_box .box_content ul p { line-height: 18px; margin-top: 13px; } .small_box .item_new, .listtable span.item_new { color: #006FA0; font-weight: bold; display: inline; } .empty_list { font-weight: bold; padding-top: 10px; text-align: center; } .small_box .empty_box { padding: 10px 10px 10px 16px; } .small_box .box_content ul.item-list li.item-email, .small_box .box_content ul.item-list li.item-phone, .small_box .box_content ul.item-list li.item-map { padding-left: 22px; margin-bottom: 3px; } .small_box .box_content ul.item-list li.item-email { background: url(_gfx/cmn/email_table.png) 0 center no-repeat; } .small_box .box_content ul.item-list li.item-email .email_link { cursor: pointer; } .small_box .box_content ul.item-list li.item-phone { background: url(_gfx/cmn/phone.png) 0 center no-repeat; } .small_box .box_content ul.item-list li.item-map { background: url(_gfx/cmn/map.png) 0 center no-repeat; } .small_box .box_bottomlink:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #5C5C5C; position: absolute; left: auto; right: 13px; top: 0; bottom: 0; margin: auto; vertical-align: middle; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .small_box, .twitter_feed, .facebook_feed { margin-bottom: 17px; vertical-align: top; clear: both; background: #fff !important; border: 1px solid #DADDE6 !important; word-wrap: break-word; } .small_box .box_title, .twitter_feed .box_title, .facebook_feed .box_title, .small_box h2.mobile_header, .twitter_feed h2.mobile_header, .facebook_feed h2.mobile_header { color: #fff !important; font-weight: 700; line-height: 120%; font-size: 1.125rem !important; height: auto; padding: 0.625rem 1.25rem 0.5rem 1.25rem; text-align: left; display: block; text-transform: uppercase; background: #1E5E7B; margin: -1px -1px 0 -1px; font-family: 'Arimo', sans-serif; letter-spacing: 0.54px; } .small_box .box_content, .twitter_feed .box_content, .facebook_feed .box_content { padding: 0px 1.25rem 0 1.25rem; } .small_box .box_content ul, .twitter_feed .box_content ul, .facebook_feed .box_content ul, .small_box.twitter_feed ul, .twitter_feed.twitter_feed ul, .facebook_feed.twitter_feed ul, .small_box.facebook_feed ul, .twitter_feed.facebook_feed ul, .facebook_feed.facebook_feed ul { margin: 0; padding: 0; list-style: none; padding: 7px 0 0 0; line-height: 85%; } .small_box .box_content ul li, .twitter_feed .box_content ul li, .facebook_feed .box_content ul li, .small_box.twitter_feed ul li, .twitter_feed.twitter_feed ul li, .facebook_feed.twitter_feed ul li, .small_box.facebook_feed ul li, .twitter_feed.facebook_feed ul li, .facebook_feed.facebook_feed ul li, .small_box.faq_box .box_content > ul > li, .twitter_feed.faq_box .box_content > ul > li, .facebook_feed.faq_box .box_content > ul > li, .small_box.service_box.mobile_list .box_content > ul > li, .twitter_feed.service_box.mobile_list .box_content > ul > li, .facebook_feed.service_box.mobile_list .box_content > ul > li { padding: 5px 0 7px 0; position: relative; } .small_box .box_bottomlink, .twitter_feed .box_bottomlink, .facebook_feed .box_bottomlink { float: right; margin: 6px -10px 12px 0; padding: 0 23px; border-radius: 0px; width: auto; height: 2.0625rem; line-height: 2.0625rem; background: #DE596B; text-transform: none; color: #FFFFFF; font-weight: 700; font-size: 0.875rem; font-family: 'Arimo', sans-serif; text-decoration: none; border-radius: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .small_box .box_bottomlink:after, .twitter_feed .box_bottomlink:after, .facebook_feed .box_bottomlink:after { display: none; } .small_box .box_bottomlink:hover, .twitter_feed .box_bottomlink:hover, .facebook_feed .box_bottomlink:hover { background: #1E5E7B; text-decoration: none; } .small_box .box_content ul a, .twitter_feed .box_content ul a, .facebook_feed .box_content ul a, .small_box.service_box .box_content li span, .twitter_feed.service_box .box_content li span, .facebook_feed.service_box .box_content li span, .small_box.faq_box ul .listfaq_q, .twitter_feed.faq_box ul .listfaq_q, .facebook_feed.faq_box ul .listfaq_q, .small_box .empty_box, .twitter_feed .empty_box, .facebook_feed .empty_box { color: #222B31; text-decoration: none; font-size: 0.9375rem; font-weight: 700; font-family: 'Arimo', sans-serif; letter-spacing: 0.45px; } .small_box .box_content ul a:hover, .twitter_feed .box_content ul a:hover, .facebook_feed .box_content ul a:hover { text-decoration: underline; color: #222B31; font-weight: 700; } .small_box .box_content ul img, .twitter_feed .box_content ul img, .facebook_feed .box_content ul img { margin-right: 3px; vertical-align: bottom; } .small_box .box_content .item_smalltext, .twitter_feed .box_content .item_smalltext, .facebook_feed .box_content .item_smalltext, .small_box .box_content ul.item-list li, .twitter_feed .box_content ul.item-list li, .facebook_feed .box_content ul.item-list li, .small_box.meeting_item_box ul span, .twitter_feed.meeting_item_box ul span, .facebook_feed.meeting_item_box ul span { margin: 0; color: #5E636A; font-size: 0.875rem; padding: 0; border: 0; letter-spacing: 0.39px; } .small_box .document_breadcrumb, .twitter_feed .document_breadcrumb, .facebook_feed .document_breadcrumb { color: #5E636A; } .small_box .document_breadcrumb a, .twitter_feed .document_breadcrumb a, .facebook_feed .document_breadcrumb a { color: #222B31; } .small_box .box_content ul.item-list li, .twitter_feed .box_content ul.item-list li, .facebook_feed .box_content ul.item-list li { font-size: 100%; padding: 0; } .small_box .box_content ul.item-list li a, .twitter_feed .box_content ul.item-list li a, .facebook_feed .box_content ul.item-list li a, .small_box.service_box .box_content ul.service_list li a, .twitter_feed.service_box .box_content ul.service_list li a, .facebook_feed.service_box .box_content ul.service_list li a { color: #5E636A; font-weight: normal; font-size: 0.875rem; } .small_box .box_content ul.item-list li a:hover, .twitter_feed .box_content ul.item-list li a:hover, .facebook_feed .box_content ul.item-list li a:hover, .small_box.service_box .box_content ul.service_list li a:hover, .twitter_feed.service_box .box_content ul.service_list li a:hover, .facebook_feed.service_box .box_content ul.service_list li a:hover { text-decoration: underline; } .small_box .item_new, .twitter_feed .item_new, .facebook_feed .item_new { margin-left: 5px; color: #222B31; } .small_box .box_content ul.item-list, .twitter_feed .box_content ul.item-list, .facebook_feed .box_content ul.item-list { margin: 0; padding: 4px 0 0 0; border: 0; } .small_box .empty_box, .twitter_feed .empty_box, .facebook_feed .empty_box { padding: 10px 0; } .small_box .downloadmessage, .twitter_feed .downloadmessage, .facebook_feed .downloadmessage { width: 100%; } .small_box.staff_box .box_content ul.item-list li.item-phone, .small_box.business_box .box_content ul.item-list li.item-phone, .small_box.business_box .box_content ul.item-list li.item-map, .small_box.staff_box .box_content ul.item-list li.item-email a, .small_box.business_box .box_content ul.item-list li.item-email { line-height: 130%; border-bottom: none; font-size: 0.875rem; } .small_box.business_box .box_content ul.item-list li.item-email a, .small_box.business_box .box_content ul.item-list li.item-map a { font-size: inherit; } .small_box .box_content ul.item-list li.item-phone { background-position: 0 10%; } .small_box .box_content ul.item-list li.item-email { background-position: 0 10%; } .small_box .box_content ul.item-list li.item-map { background-position: 0 10%; } } body.front_end_body { background: #fff; -ms-overflow-style: scrollbar; overflow-x: hidden; } #sitebody { background: #E7EAF2; border-bottom: 0px solid #f0f0f0; } .container { padding: 0; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 0px; padding-right: 0px; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { body.front_end_body { background: #fff; background-position: center 0px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } #sitebody { border-bottom: 0px; } .container, #sitebody, #siteheader, #footercolumn { width: 730px; /*Width of site from 768px width up to 992px width*/ max-width: 730px; /*needed to overwrite backend product styles*/ } .mainSpan_wrapper, .mainSpan_wrapper_home { position: relative; z-index: 1; } .mainSpan_wrapper:before, .mainSpan_wrapper_home:before { position: absolute; top: 140px; left: 0; right: 0; height: 68px; background: transparent; content: ""; top: 208px; transform: translateY(-100%); } .mainSpan_wrapper:after, .mainSpan_wrapper_home:after { position: absolute; top: 0; left: 0; right: 0; height: 140px; background: #fff; box-shadow: 0px 0px 99px hsla(243, 100%, 19%, 0.07); content: ""; } .mainSpan_wrapper_home .sr { visibility: hidden; } /*Set layout posision and width*/ .container { margin-left: auto; margin-right: auto; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .container, #sitebody, #siteheader, #footercolumn { width: 950px; /*Width of site from 992px width up to 1200px width*/ max-width: 950px; /*needed to overwrite backend product styles*/ } } @media (min-width: 75em) { .container, #sitebody, #siteheader, #footercolumn { width: 1024px; /*maximum width of site, might change for each site*/ max-width: 1024px; } } @media (min-width: 85.375em) { .container, #sitebody, #siteheader, #footercolumn { width: 1302px; /*maximum width of site, might change for each site*/ max-width: 1302px; } } /** individual components **/ /*#region HEADER */ #siteheader { z-index: 4; margin-bottom: 0; position: relative; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08); } #headercolumn { clear: both; float: none; width: auto; position: static; height: 116px !important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #siteheader { height: 140px; background: transparent; position: relative; margin: 0 auto; z-index: auto; box-shadow: none; } #siteheader:before { display: none; } .search_open #siteheader { z-index: auto; } #headercolumn { background-image: none !important; height: auto !important; } } #page_footer { padding-block: 10px; font-size: 82%; background: #FFFFFF; box-shadow: 0px 0px 99px hsla(243, 100%, 19%, 0.07); position: relative; } #page_footer #footercolumn { color: #5C5C5C; font-family: inherit; font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); } #page_footer #footercolumn:after { content: ''; position: absolute; left: 0; right: 0; top: auto; bottom: 4.75rem; width: calc(100% - 20px); height: 0.125rem; background: #c1d1d6; margin: auto; } #page_footer .footer_nav { font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem); margin-block: 5px; text-align: center; } #page_footer .footer_nav a { white-space: nowrap; text-transform: none; color: #5C5C5C; text-decoration: none; margin-right: 10px; } #page_footer .footer_address { margin-bottom: 20px; padding-left: 28px; position: relative; background: url(_gfx/cmn/footer-address.svg) left center no-repeat !important; background-size: 12.28px 16.32px !important; } #page_footer .footer_address h2 { text-transform: uppercase; font-weight: bold; font-size: 22px; letter-spacing: 0.75px; color: #5E636A; margin: 0 0 10px; } #page_footer .footer_address:before { position: absolute; content: "\e062"; top: 0; left: 0; width: 20px; height: 25px; color: transparent; font-size: 15px; font-family: 'Glyphicons Halflings'; } #page_footer .footer_phone { padding-left: 28px; background: url(_gfx/cmn/footer-phone.svg) left center no-repeat !important; background-size: 18.84px 15.7px !important; } #page_footer .footer_phone h2 { text-transform: uppercase; font-weight: bold; font-size: 22px; letter-spacing: 0.75px; color: #5E636A; margin: 0 0 10px; } #page_footer .footer_phone:before { position: absolute; content: "\e182"; top: 0; left: 0; width: 20px; height: 25px; color: transparent; font-size: 16px; font-family: 'Glyphicons Halflings'; } #page_footer .footer_copyright { font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem); text-align: center; padding: 0 14px; max-width: 370px; margin: auto; } #page_footer .footer_copyright a { font-weight: 400; color: #5C5C5C; text-transform: uppercase; margin-right: 0; text-decoration: underline; } #page_footer .footer_copyright a:hover, #page_footer .footer_copyright a:focus { text-decoration: none; } #page_footer a { color: #5C5C5C; } #page_footer a:hover { text-decoration: underline; } #page_footer p { margin: 0; clear: both; } #view-options { display: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #view-options { display: none; } #page_footer { clear: both; min-height: 11.25rem; font-size: 100%; padding: 0; margin-bottom: 0px; text-align: left; background: #f7f7f7; position: relative; z-index: 1; } #page_footer:before { background: #FFFFFF; position: absolute; top: 0; left: 0; right: 0; height: 200px; content: ""; z-index: -1; } #page_footer #footercolumn { margin: 0 auto; position: relative; padding: 1.9375rem 0 2.3125rem; min-height: 11.25rem; } #page_footer #footercolumn:after { width: 100%; bottom: 4.6875rem; } #page_footer #footercolumn .footer_nav { clear: both; margin-bottom: 0; margin-top: 2.8125rem; padding-top: 0; float: right; display: flex; justify-content: flex-end; align-items: center; } #page_footer #footercolumn .footer_nav a { flex: auto; padding: 0; margin-inline: 1.25rem; } #page_footer #footercolumn .footer_nav a:first-child { margin-left: 0; } #page_footer #footercolumn .footer_nav a:last-child { margin-right: 0; } #page_footer #footercolumn .footer_nav a:hover { text-decoration: underline; } #page_footer #footercolumn p { clear: none; } #page_footer #footercolumn .footer_address { float: left; width: 100%; height: auto; overflow: hidden; margin-bottom: 0; } #page_footer #footercolumn .footer_phone { float: left; width: auto; height: auto; overflow: hidden; margin-bottom: 0; } #page_footer #footercolumn .footer_copyright { margin: initial; margin-bottom: 0px; margin-top: 2.8125rem; padding-left: 0.625rem; float: left; max-width: initial; } } #siteheader a#home_link { background: url(_gfx/cmn/logo.svg) center center no-repeat !important; background-size: contain !important; height: 66px; overflow: hidden; position: absolute; text-indent: -4000px; left: 0; margin: auto; right: 0; top: 0; width: 8.4375rem; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #siteheader a#home_link { background: url(_gfx/cmn/logo.svg) center center no-repeat !important; background-size: contain !important; height: auto; left: 0; top: 0px; bottom: -140px; right: auto; width: clamp(12.063rem, 6.646rem + 11.285vw, 20.188rem); z-index: 7; height: 109px; top: auto; transform: translateY(-144%); } } #headercolumn #top_nav { display: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) and (max-width: 51em) { #top_nav.right_adjust { padding-right: 20px; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { #headercolumn #top_nav { display: block; } #top_nav { color: #222B31; float: right; text-align: right; line-height: normal; padding: 22px 215px 0px 0px !important; overflow: hidden; position: relative; z-index: 7; } #top_nav a { color: #222B31; font-size: 0.875rem; margin: 0 7px; text-decoration: none; position: relative; display: inline-block; font-family: inherit; font-weight: normal; padding: 5px; } #top_nav a:hover { text-decoration: underline; } #top_nav a:first-child:before { content: ""; } #top_nav a:before { content: ""; text-decoration: underline; position: absolute; left: -22px; display: inline-block; } #top_nav a:before { text-decoration: none; } } /***62em = 992px ***/ @media screen and (min-width: 62em) and (max-width: 64em) { #top_nav.right_adjust { padding-right: 20px; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { #top_nav { padding: 22px 215px 0px 0px !important; margin-right: 0px; } #top_nav a { margin: 0 17.5px; font-size: 0.875rem; } #top_nav a:last-child { margin-right: 0; } } /***75em = 1200px ***/ @media screen and (min-width: 75em) { #top_nav a { font-size: 0.875rem; } } @keyframes blurInSearch { from { filter: blur(5px); } to { filter: blur(0px); } } .search-trigger, .top_links, .close_search { display: none; } #searchbox { background: #132B3A; border: 0; height: auto; margin: 0; padding: 10px; width: 100%; top: auto; bottom: 0; position: absolute; } #searchbox input#search_text { background: #fff; border: 0 none !important; /*keep important*/ border-radius: 0; color: #5E636A; font-size: 0.9375rem !important; /*keep important*/ height: 1.875rem; line-height: 1.875rem !important; margin: 0; padding: 0 2.25rem 0 0.375rem; width: 100%; font-family: inherit; letter-spacing: 0.45px; } #searchbox input#search_text::-webkit-input-placeholder { color: #5E636A; font-size: 0.9375rem; font-family: inherit; opacity: 1 !important; } #searchbox input#search_text:-moz-placeholder { color: #5E636A; font-size: 0.9375rem; font-family: inherit; opacity: 1 !important; } #searchbox input#search_text::-moz-placeholder { opacity: 1 !important; color: #5E636A; font-family: inherit; font-size: 0.9375rem; } #searchbox input#search_text:-ms-input-placeholder { color: #5E636A; font-size: 0.9375rem; font-family: inherit; opacity: 1 !important; } #searchbox input#search_text:focus { box-shadow: none; outline: auto; } #searchbox > a { background: #DE596B url("_gfx/cmn/UI-Search.svg") no-repeat center center; background-size: 10.59px auto; border: 0 none !important; height: 1.20375rem !important; margin: 0; position: absolute; right: 0.9375rem; text-align: left; text-decoration: none; text-indent: -4000px; top: 0.9375rem; width: 1.20375rem; overflow: hidden; border-radius: 20px; box-shadow: 0 0 0 3.5px #e7eaf2; } .top_links ul { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0 -0.84375rem; } .top_links ul li { width: calc(25% - 29px); height: 3.75rem; padding: 0; margin: 0 13.5px 22px; display: table; } .top_links ul li a { background: #FFFFFF; border: none; border-radius: 30px; padding: 0 1.6875rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; text-align: center; color: #1E5E7B; text-decoration: none; max-height: 2.25rem; overflow: hidden; line-height: 1.125; display: table-cell; vertical-align: middle; width: 100%; height: 100%; font-weight: 700; font-family: 'Arimo', sans-serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .top_links ul li a:hover { background: #1E5E7B; border: none; color: #FFFFFF; } .top_links ul li a:hover .link-text { color: #FFFFFF; } .top_links ul li .link-text { height: auto; font-size: 1rem; text-align: center; color: #1E5E7B; text-decoration: none; max-height: 2.25rem; overflow: hidden; line-height: 1.125; display: block; width: 100%; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .mainSpan.search_open .top_search .search_block { animation: blurInSearch 0.5s ease-in both; } .top_links { display: block; } .top_links h2 { font-size: 1.375rem; color: #fff; font-weight: 700; width: 100%; display: block; margin: 3.125rem auto 1.4375rem; text-align: center; font-family: 'Noto Serif', serif; letter-spacing: 0.02px; } .top_search { display: none; position: absolute; z-index: 12; width: 100%; top: 0px; } .top_search .search_block { width: 100%; max-width: 54.25rem; margin: 0px auto 0; padding: 0 0 7.875rem; filter: blur(5px); } .search_overlay { display: none; position: fixed; top: 0px; left: 0; right: 0; z-index: 11; bottom: 0; height: 100vh; background: rgba(19, 43, 58, 0.9) 0% 0% no-repeat padding-box; opacity: 1; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .close_search.close_search { color: #fff; font-size: 1rem; text-transform: none; text-decoration: none; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; float: right; display: block; margin: 4.6875rem 0 0 0; font-weight: 700; height: 2.1875rem; line-height: 2.3125rem; width: 6.625rem; letter-spacing: 0.66px; border-radius: 0; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .close_search.close_search:hover:before { background: #3780A1 url("_gfx/cmn/ui-search-close.svg") no-repeat center center; background-size: 22px auto; } .close_search.close_search:before { content: ''; position: absolute; left: auto; right: 0; top: 0; bottom: 0; margin: auto; background: #DE596B url("_gfx/cmn/ui-search-close.svg") no-repeat center center; background-size: 22px auto; width: 2.5rem; height: 2.5rem; box-shadow: 0px 0px 2px #d6ddeb, 0 0 0 6px #ffffff; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } .search-trigger { position: absolute; right: auto; top: 70px; margin-left: calc( 730px - 53px ); display: block; cursor: pointer; height: 52px; float: right; width: 53px; text-indent: -4000px; text-align: left; overflow: hidden; z-index: 7; background: #e7eaf2 0% 0% no-repeat padding-box; box-shadow: inset 0px 0px 2px #d6ddeb; border-radius: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .search-trigger:before { content: ""; position: absolute; height: 40px; width: 40px; background: #DE596B url("_gfx/cmn/UI-Search.svg") no-repeat center center; background-size: 22px auto; border-radius: 100%; box-shadow: 0px 0px 2px #d6ddeb; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .search-trigger:hover:before { background: #1E5E7B url("_gfx/cmn/UI-Search.svg") no-repeat center center; background-size: 22px auto; } .search-trigger.active { background: #1E5E7B url("_gfx/cmn/ui-search-close.svg") no-repeat center center; background-size: 22px auto; } #searchbox { margin: 293px auto 0; position: relative; padding: 0; background: transparent; float: none; top: auto; height: auto; border: 0px solid rgba(255, 255, 255, 0.5); max-width: 41.1875rem; border-bottom: 1px solid rgba(255, 255, 255, 0.49); } #searchbox > a { display: inline-block; background: transparent url("_gfx/cmn/UI-Search.svg") no-repeat center center; background-size: 20px auto; width: 1.875rem; height: 1.875rem !important; top: 14px; right: 2px; box-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #searchbox > a:hover { background: transparent url("_gfx/cmn/UI-Search.svg") no-repeat center center; background-size: 20px auto; } #searchbox input#search_text { color: #fff; margin: 0; width: 100%; border: 0 !important; font-size: 1.25rem !important; background: transparent; text-transform: none; height: 3.125rem; line-height: 3.125rem !important; padding: 0 2.5rem 0 1.5625rem; letter-spacing: 0.02px; } #searchbox input#search_text::-webkit-input-placeholder { font-size: 1.25rem; color: #fff; text-transform: none; letter-spacing: 0.02px; } #searchbox input#search_text:-moz-placeholder { font-size: 1.25rem; color: #fff; text-transform: none; letter-spacing: 0.02px; } #searchbox input#search_text::-moz-placeholder { font-size: 1.25rem; color: #fff; text-transform: none; letter-spacing: 0.02px; } #searchbox input#search_text:-ms-input-placeholder { font-size: 1.25rem; color: #fff; text-transform: none; letter-spacing: 0.02px; } #searchbox.right_adjust { right: 0px; } .search_open .search_overlay, .search_open .top_search { display: block; } } /***62em = 992px***/ @media only screen and (min-width: 62em) { .search-trigger { margin-left: calc( 950px - 171px ); } .close_search.close_search { margin: 4.6875rem 7.3125rem 0 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .top_links ul li { max-width: 11.875rem; } } /***75em = 1200px***/ @media only screen and (min-width: 75em) { .search-trigger { margin-left: calc( 1024px - 171px ); } } /*1366px*/ @media only screen and (min-width: 85.375em) { .search-trigger { margin-left: calc( 1302px - 171px ); } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .translatebox { float: right; clear: both; display: block; margin: 8px 0px 0px 0px; padding: 0px; background: #fff; cursor: pointer; border: 1px solid #888; position: relative; } .translatebox:before { position: absolute; height: 0; width: 0; border-top: 7px solid #888; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; z-index: 0; top: 0; bottom: 0; margin: auto; right: 10px; } .translatebox a { display: none; } .translatebox .skiptranslate.goog-te-gadget { color: white !important; font-size: 0px; } .translatebox .skiptranslate.goog-te-gadget select.goog-te-combo { top: 0px; border: 0 !important; width: 185px; padding: 0px 0px 0px 12px; position: relative; color: #262626 !important; font-size: 18px !important; -webkit-appearance: none; -moz-appearance: none; background: transparent; margin: 0; height: 36px; min-width: 0; } .translatebox .skiptranslate.goog-te-gadget select.goog-te-combo option { background: #fff; } .translatebox select::-ms-expand { display: none; } } #page_footer .social_icons { margin: 0 0 1.25rem; display: block; vertical-align: top; text-align: center; } #page_footer .social_icons a { display: inline-block; margin-inline: 0.275625rem; width: clamp(2.125rem, 1.708rem + 0.868vw, 2.75rem); height: clamp(2.125rem, 1.708rem + 0.868vw, 2.75rem); position: relative; background: #DE596B; border-radius: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #page_footer .social_icons a:hover { background: #1E5E7B; } #page_footer .social_icons img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: auto; max-width: 1.4375rem; max-height: 1.375rem; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #page_footer .social_icons { position: absolute; right: 0; top: 2.375rem; } #page_footer .social_icons a { float: left; margin: 0 0 0 0.625rem; } } .config_widget_template *, .config_widget_template *:after, .config_widget_template *:before { box-sizing: border-box; } .edit .widget_wrapper { padding: 0; } .config_widget_template .home_collage .flex-control-nav { z-index: 21; } .config_widget_template .home_collage:hover .flex-control-nav { z-index: 300; } .page.edit .column.column.sortable_col:not(.site_template_column):not(.page_edit_empty_col) { min-height: 40px; } .home_buttons .widget_wrapper_body.widget_wrapper_body { overflow: visible; } #configure_widgets #siteheader, #configure_widgets #sitebody, #configure_widgets #footercolumn, #configure_widgets #page_footer .footer_copyright { width: 100%; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .config_widget_template { max-width: 100%; overflow: hidden; position: relative; z-index: 1; } .config_widget_template .sr { visibility: visible; } .config_widget_template .home_item3 { z-index: 999 !important; } .config_widget_template .home_item4 { z-index: 1000 !important; } .config_widget_template .top_col > div:first-of-type { position: absolute; top: 0; width: 100%; } .config_widget_template .vi-fullwidth-banner { width: 100vw; max-width: none; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw; margin-bottom: -30px; } .config_widget_template .widget_wrapper .widget_wrapper_body.edit { min-height: 45px; } .edit .widget_wrapper .widget_wrapper_title.edit { text-align: left; } .config_widget_template .scroll-arrow { z-index: 300; } .config_widget_template .home_news .box_bottomlink { margin: 0 0 22px 0; } } /*62em = 992px*/ @media (min-width: 1200px) { .config_widget_template { clear: both; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sticky_header .sitewrapper:before { position: fixed; height: 70px; z-index: 7; top: 0; background: #fff; transform: translateY(0); transition: transform 0.3s ease-in-out; transition-delay: 0.2s; } .sticky_header #siteheader { z-index: 9; } .sticky_header #siteheader a#home_link { position: fixed; height: 70px; left: auto; top: 0px; width: 178px; background: url(_gfx/cmn/logo.svg) center center no-repeat !important; background-size: 100% auto !important; margin: 0 auto; transform: translateY(0); transition: transform 0.3s ease-in-out; transition-delay: 0.2s; } .sticky_header #siteheader #top_nav { display: none; } .sticky_header #siteheader .translatebox { display: none !important; } .sticky_header .service-finder-trigger { position: fixed; top: 0px; bottom: auto; left: auto; right: calc((100% - 730px )/2); margin-right: 46px; width: 140px; font-size: 0.75rem; height: 70px; line-height: 1.2; display: flex; justify-content: center; align-items: center; letter-spacing: 1.26px; color: #1D2424 !important; background: #fff; overflow: hidden; display: none; } .sticky_header .service-finder { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 730px; } .sticky_header .search-trigger { position: fixed; right: auto; top: 9px; margin-left: calc( 730px - 53px ); display: block; cursor: pointer; float: right; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; transform: translateY(0); transition: transform 0.3s ease-in-out; transition-delay: 0.2s; visibility: visible; } .sticky_header .top_search { position: fixed; max-width: 730px; width: 100%; bottom: 0; } .sticky_header .main_menu_widget { max-width: none; position: fixed; top: 0px; left: 0; right: 0; z-index: 8; width: 100%; height: 0; } .sticky_header .mainnav { top: auto; position: relative; } .sticky_header .mainnav .dropdownmenu { top: 0; padding: 0 84px 0 30.5%; transform: translateY(0); transition: transform 0.3s ease-in-out; transition-delay: 0.2s; } .sticky_header .mainnav .dropdownmenu > li { height: 70px; } .sticky_header .mainnav .dropdownmenu > li > a { font-size: clamp(0.875rem, 0.583rem + 0.608vw, 1.313rem); height: 70px; letter-spacing: 0.42px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0; } .sticky_header #dropdownrootitem8 .widthcontainer1col, .sticky_header #dropdownrootitem7 .widthcontainer1col { right: 0; } .sticky_header #dropdownrootitem8 .widthcontainer2col, .sticky_header #dropdownrootitem7 .widthcontainer2col, .sticky_header #dropdownrootitem6 .widthcontainer2col { right: 0; } .sticky_header #dropdownrootitem5 .widthcontainer3col, .sticky_header #dropdownrootitem6 .widthcontainer3col, .sticky_header #dropdownrootitem7 .widthcontainer3col, .sticky_header #dropdownrootitem8 .widthcontainer3col { right: 0; } .sticky_header #sitebody .dropdownmenu .widthcontainer4col, .sticky_header #sitebody .dropdownmenu .widthcontainer5col, .sticky_header #sitebody .dropdownmenu .widthcontainer6col, .sticky_header #sitebody .dropdownmenu .widthcontainer7col, .sticky_header #sitebody .dropdownmenu .widthcontainer8col { width: 100%; right: 0; } .sticky_header .search_open #siteheader { z-index: auto; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .sticky_header .search-trigger { margin-left: calc( 950px - 53px ); } .sticky_header .top_search { max-width: 950px; } .sticky_header .service-finder-trigger { right: calc((100% - 950px )/2); margin-right: 50px; font-size: 1rem; width: 200px; } .sticky_header .service-finder { max-width: 950px; } .sticky_header #siteheader a#home_link { width: 178px; } .sticky_header .mainnav .dropdownmenu { padding: 0 84px 0 34.5%; } .sticky_header #sitebody .dropdownmenu .widthcontainer4col, .sticky_header #sitebody .dropdownmenu .widthcontainer5col, .sticky_header #sitebody .dropdownmenu .widthcontainer6col, .sticky_header #sitebody .dropdownmenu .widthcontainer7col, .sticky_header #sitebody .dropdownmenu .widthcontainer8col { width: 100%; } } /*75em = 1200px*/ @media only screen and (min-width: 75em) { .sticky_header .search-trigger { margin-left: calc( 1024px - 53px ); } .sticky_header .top_search { max-width: 1024px; } .sticky_header .service-finder-trigger { right: calc((100% - 1024px )/2); font-size: 1rem; margin-right: 50px; } .sticky_header .service-finder { max-width: 1024px; } .sticky_header #siteheader a#home_link { width: 178px; } .sticky_header .mainnav .dropdownmenu { padding: 0 84px 0 34.5%; } .sticky_header #sitebody .dropdownmenu .widthcontainer4col, .sticky_header #sitebody .dropdownmenu .widthcontainer5col, .sticky_header #sitebody .dropdownmenu .widthcontainer6col, .sticky_header #sitebody .dropdownmenu .widthcontainer7col, .sticky_header #sitebody .dropdownmenu .widthcontainer8col { width: 100%; } } /*1366px*/ @media only screen and (min-width: 85.375em) { .sticky_header .search-trigger { margin-left: calc( 1302px - 53px ); } .sticky_header #siteheader a#home_link { width: 178px; } .sticky_header .top_search { max-width: 1302px; } .sticky_header .service-finder-trigger { right: calc((100% - 1302px )/2); font-size: 1.125rem; margin-right: 98px; } .sticky_header .service-finder { max-width: 1302px; } .sticky_header .mainnav .dropdownmenu { padding: 0 84px 0 34.5%; } .sticky_header #sitebody .dropdownmenu .widthcontainer4col, .sticky_header #sitebody .dropdownmenu .widthcontainer5col, .sticky_header #sitebody .dropdownmenu .widthcontainer6col, .sticky_header #sitebody .dropdownmenu .widthcontainer7col, .sticky_header #sitebody .dropdownmenu .widthcontainer8col { width: 100%; } } #siteheader a.menu_trigger { /* background: url("_gfx/cmn/mobile/menu.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/ cursor: pointer; height: 35px; left: 0; top: 0; position: absolute; overflow: hidden; text-indent: -4000px; width: 41px; display: block !important; background: transparent; /*&.mobile-menu-active { &:before { transform: rotate(45deg) translate(-2px, -1px); box-shadow: 0 0 0 0 transparent; } &:after { transform: rotate(-45deg) translate(0, -1px); } }*/ } #siteheader a.menu_trigger:before { content: ""; position: absolute; left: 0; top: 10px; right: 0; margin: auto; width: 21px; height: 3px; background: #000000; border: 1px solid #000000; border-radius: 3px; box-shadow: 0 6px 0 0 #000000; transform-origin: 0% 0%; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), box-shadow 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); } #siteheader a.menu_trigger:after { content: ""; position: absolute; left: 0; top: 22px; right: 0; margin: auto; width: 21px; height: 3px; background: #000000; border: 1px solid #000000; border-radius: 3px; transform-origin: 0% 100%; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); } body[data-menu-position=open] #siteheader a.menu_trigger:before { transform: rotate(45deg) translate(-2px, -1px); box-shadow: 0 0 0 0 transparent; } body[data-menu-position=open] #siteheader a.menu_trigger:after { transform: rotate(-45deg) translate(0, -1px); } /*#region MOBILE MAIN NAV */ .mainnav { display: none; } .jPanelMenu-panel #mobile_nav { display: none !important; } #jPanelMenu-menu { background: transparent; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); overflow-y: auto !important; display: block; } #jPanelMenu-menu:before { content: ""; top: 0; left: 0; position: absolute; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background: none repeat scroll 0 0 rgba(42, 61, 75, 0.92); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } #jPanelMenu-menu .nav_tip { color: #FFFFFF; margin: 0px 5% 1.375rem; font-size: 0.8125rem; max-width: 200px; } #jPanelMenu-menu .dropdownmenu { border-top: 1px solid #304250; display: block; list-style: none outside none; margin: 0; padding: 0 0 40px; } #jPanelMenu-menu .dropdownmenu ul { margin: 0; padding: 0; } #jPanelMenu-menu .dropdownmenu ul.menu_open { border-bottom: 1px solid #304250; } #jPanelMenu-menu .dropdownmenu ul.menu_open { background: #354450; } #jPanelMenu-menu .dropdownmenu ul ul { display: none; } #jPanelMenu-menu .dropdownmenu li { border-bottom: 1px solid #304250; display: block; overflow: hidden; position: relative; } #jPanelMenu-menu .dropdownmenu li a { color: #FFFFFF; display: inline-block; padding: 7px 0px 7px 5%; margin-right: 45px; text-decoration: none; text-transform: none; font-size: 0.875rem; font-weight: 700; font-family: 'Noto Serif', serif; letter-spacing: 0.28px; } #jPanelMenu-menu .dropdownmenu li a[href] { position: relative; } #jPanelMenu-menu .dropdownmenu li .expand_link { cursor: pointer; height: 2.55rem; overflow: hidden; position: absolute; right: 0; text-indent: -4000px; top: 0; width: 100%; } #jPanelMenu-menu .dropdownmenu li .expand_link:before { content: ''; position: absolute; top: 16px; right: 17px; height: 2px; width: 10px; background: #FFFFFF; -webkit-transform: skew(0deg, 0); -moz-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); -o-transform: skew(0deg, 0); transform: skew(0deg, 0); border-top-left-radius: 2px; border-bottom-left-radius: 2px; } #jPanelMenu-menu .dropdownmenu li .expand_link:after { content: ''; position: absolute; top: 29.5%; right: 21px; height: 10px; width: 2px; background: #FFFFFF; -webkit-transform: skew(0deg, 0deg); -moz-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); } #jPanelMenu-menu .dropdownmenu li.menu_active > .expand_link:before { -webkit-transform: skew(0deg, 0deg); -moz-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); } #jPanelMenu-menu .dropdownmenu li.menu_active > .expand_link:after { display: none; } #jPanelMenu-menu .dropdownmenu li li { border-bottom: 0 none; background: #354450; } #jPanelMenu-menu .dropdownmenu li li a { padding-left: 9%; text-transform: none; color: #FFFFFF; line-height: 1.4; font-weight: 700; font-family: 'Arimo', sans-serif; letter-spacing: 0.28px; } #jPanelMenu-menu .dropdownmenu li li .expand_link:before, #jPanelMenu-menu .dropdownmenu li li .expand_link:after { background: #FFFFFF; } #jPanelMenu-menu .dropdownmenu li li li { background: #303d48; } #jPanelMenu-menu .dropdownmenu li li li a { padding-left: 13%; color: #C1D1D6; font-weight: 400; font-family: inherit; letter-spacing: 0.28px; } #jPanelMenu-menu .dropdownmenu li li li .expand_link:before, #jPanelMenu-menu .dropdownmenu li li li .expand_link:after { background: #C1D1D6; } #jPanelMenu-menu .dropdownmenu li li li li { background: #2a353f; } #jPanelMenu-menu .dropdownmenu li li li li a { padding-left: 17%; } #jPanelMenu-menu .dropdownmenu li li li li li { background: #242d36; } #jPanelMenu-menu .dropdownmenu > li:first-child, #jPanelMenu-menu .dropdownmenu > li.menu_active:first-child { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } #jPanelMenu-menu #top_nav { color: #FFFFFF; display: block; padding: 1.25rem 5% 1.6875rem; text-align: left; } #jPanelMenu-menu #top_nav a { color: #FFFFFF; margin: 0 0.75rem 0 0; text-decoration: none; font-size: 0.8125rem; font-weight: 700; font-family: 'Arimo', sans-serif; } #jPanelMenu-menu ul.dropdownmenu li:hover .megamenu_container { display: none; } #jPanelMenu-menu .dropdownmenu li:hover > ul, #jPanelMenu-menu .dropdownmenu li li:hover > ul { display: none; } #jPanelMenu-menu .inner_container { background: #354450; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #siteheader > a.menu_trigger, .expand_link { display: none !important; } .dropdownmenu { display: block; } } .breadcrumb { background-color: transparent; border-radius: 0px; margin: 0; padding: 0; min-height: 0; font-size: 0.8125rem; letter-spacing: 0.34px; } .breadcrumb a, .breadcrumb { color: #5E636A !important; line-height: 110%; } .breadcrumb a:last-child:after { content: " \00BB"; text-decoration: underline; position: absolute; margin-left: 3px; color: #393939; } .breadcrumb a:last-child:after { text-decoration: none; } .dashboard_header .breadcrumb a:last-child:after { display: none; } .breadcrumb a { text-decoration: underline !important; } .breadcrumb a:hover { text-decoration: none !important; } /***48em = 768px ***/ .detail-list-label-summary { display: inline-block; float: none; width: 250px; vertical-align: top; } .detail-list-value-summary { display: inline-block; margin: 0; } .calendar_Controls { width: 220px; } .outlookcalendar, .googleCal, .yahooCal { background: none; } #calendarControls { width: 240px; } #calendarControls a { font-size: inherit !important; width: auto; } /* Cal Month View ================================================== */ .calendar { border-collapse: separate; table-layout: fixed; } .calendar_eventtime { line-height: 130%; padding: 3px 0 3px 0 !important; display: block; font-size: 100%; font-weight: normal; } .calendar_eventlink { line-height: 130%; display: block; font-size: 100%; margin: 0px 0 10px 0; } .calendar_more { padding-top: 5px; margin-top: 30px; border-top: 1px solid #e2e2e2; display: none; } .calendar_more_link { background: url(_gfx/int/calendar_more.png) 0 center no-repeat; padding-left: 26px; font-size: 105%; display: block; line-height: 24px; } .calendar_more_link.hidden { display: none !important; } /***minicalendar widget****/ .minicalendar_widget, .calendar_widget { min-width: 170px; max-width: 310px; font-size: inherit !important; line-height: inherit !important; margin: 0 auto; padding-left: 0; padding-right: 0; background: transparent; position: relative; z-index: 2; overflow: visible; border: 0; } .minicalendar_widget .responsive-table-scroll, .calendar_widget .responsive-table-scroll { width: 100%; } .calendar_widget { min-width: 275px; } .small_col .minicalendar_widget, .standardlayout .left_col .minicalendar_widget, .standardthreecolumnlayout .left_col .minicalendar_widget { padding-top: 0; margin-bottom: 17px; clear: both; } .standardlayout .left_col .minicalendar_widget, .standardthreecolumnlayout .left_col .minicalendar_widget { width: 100%; margin: 0 auto 17px; } .standardlayout .left_col .minicalendar_widget .calendar-mini-grid-title, .standardthreecolumnlayout .left_col .minicalendar_widget .calendar-mini-grid-title { background: #1E5E7B; } .standardlayout .left_col .minicalendar_widget .calendar-mini-grid-title .calendar_title td, .standardthreecolumnlayout .left_col .minicalendar_widget .calendar-mini-grid-title .calendar_title td, .standardlayout .left_col .minicalendar_widget .calendar-mini-grid-title .calendar_grid .calendar_title, .standardthreecolumnlayout .left_col .minicalendar_widget .calendar-mini-grid-title .calendar_grid .calendar_title { color: #fff; font-weight: 700; } .standardlayout .left_col .minicalendar_widget .calendar-mini-grid-title .calendar_title td a, .standardthreecolumnlayout .left_col .minicalendar_widget .calendar-mini-grid-title .calendar_title td a { color: #fff; } .small_col .minicalendar_widget { width: 100%; } /*calendar mini grid - start*/ .calendar_mini_grid, .calendar_grid { width: 100%; background: transparent; max-width: 100% !important; table-layout: fixed; } .calendar_mini_grid.calendar td.calendar_day_with_items, .calendar_grid.calendar td.calendar_day_with_items { cursor: pointer; } .calendar_mini_grid.calendar td.calendar_day_with_items > a, .calendar_grid.calendar td.calendar_day_with_items > a { text-decoration: underline; } .calendar_mini_grid.calendar td.calendar_day_with_items:hover .calendar_items, .calendar_grid td:hover .calendar_items { display: block; } .calendar_mini_grid .calendar_dayheader, .calendar_grid .calendar_dayheader { background: #1E5E7B; color: #fff; font-size: 0.6875rem; font-family: 'Arimo', sans-serif; padding: 2px 0 0 0; text-transform: uppercase; border: 1px solid #1E5E7B; text-align: center; letter-spacing: unset; font-weight: 700; } .calendar_grid .calendar_dayheader { font-family: 'Arimo', sans-serif; color: #1E5E7B; text-indent: 12px; } .calendar_grid .calendar_dayheader:first-letter { color: #fff; } .calendar_mini_grid .calendar_title_td { padding: 0; } .calendar_mini_grid .calendar_title, .calendar_grid .calendar_title { width: 100%; } .calendar_mini_grid .calendar_title td, .calendar_grid .calendar_title { height: 35px; background: #1E5E7B; padding: 0 !important; color: #fff; text-align: center; font-size: 0.9375rem; font-family: 'Arimo', sans-serif; line-height: 28px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 0px; } .calendar_mini_grid .calendar_title td h2, .calendar_grid .calendar_title h2 { font-size: inherit; font-weight: inherit; color: inherit; margin: 0; font-family: inherit; } .calendar_grid .calendar_title td.calendar_title_content { color: #222B31; padding: 0; font-size: 110%; font-weight: 700; } .calendar_mini_grid .calendar_title td a { color: #222B31; text-decoration: none; } .calendar_mini_grid .calendar_title td a:hover { text-decoration: underline; } .calendar_grid .calendar_title td.calendar_nextprev { padding: 0; } .calendar_mini_grid .calendar_title td.calendar_nextprev a, .calendar_grid td.calendar_nextprev a { background: transparent none; margin: 0 auto; width: 100%; min-height: 35px; text-indent: -4000px; overflow: hidden; text-align: left; display: block; cursor: pointer; position: relative; z-index: 0; letter-spacing: 0.32px; } .calendar_mini_grid .calendar_title td.calendar_nextprev a:before, .calendar_grid td.calendar_nextprev a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 10px; width: 10px; z-index: 1; text-indent: 0; font-size: 100%; text-decoration: none; line-height: 35px; background: url(_gfx/int/cal-arrow-l.svg) no-repeat left center; background-size: 5px 8px !important; } .calendar_grid td.calendar_nextprev a { text-align: left; } .calendar_grid td.calendar_nextprev a.next:before, .calendar_mini_grid td.calendar_nextprev a.next:before { right: 10px; left: auto; content: ""; background: url(_gfx/int/cal-arrow-r.svg) no-repeat right center; background-size: 5px 8px !important; } .calendar_mini_grid .calendar_title td.calendar_nextprev:first-child a, .calendar_grid td.calendar_nextprev:first-child a { background-position: 0 0; } .calendar_mini_grid td.calendar_day, .calendar_grid td.calendar_day, .calendar_mini_grid td.calendar_today, .calendar_grid td.calendar_today, .calendar_mini_grid td.calendar_weekendday, .calendar_grid td.calendar_weekendday, .calendar_mini_grid td.calendar_othermonthday, .calendar_grid td.calendar_othermonthday { font-size: 0.625rem; font-weight: 400; line-height: 240%; padding: 0; background: transparent none; border: 1px solid #DADDE6; border-top: 0; border-left: 0; height: auto; text-align: center; vertical-align: middle; padding: 1px 0 2px 0; } .calendar_mini_grid td.calendar_day:first-child, .calendar_grid td.calendar_day:first-child, .calendar_mini_grid td.calendar_today:first-child, .calendar_grid td.calendar_today:first-child, .calendar_mini_grid td.calendar_weekendday:first-child, .calendar_grid td.calendar_weekendday:first-child, .calendar_mini_grid td.calendar_othermonthday:first-child, .calendar_grid td.calendar_othermonthday:first-child { border-left: 1px solid #DADDE6; } .calendar_mini_grid td.calendar_day, .calendar_mini_grid td.calendar_today, .calendar_mini_grid td.calendar_weekendday { font-size: 800%; } .minicalendar_widget .calendar_mini_grid td.calendar_today, .calendar_grid td.calendar_today { background: #263A6B; color: #FFFFFF; } .calendar_today > a, .calendar_mini_grid.calendar td.calendar_day_with_items.calendar_today > a { color: #FFFFFF !important; } .calendar_mini_grid td.calendar_day, .calendar_mini_grid td.calendar_weekendday, .calendar_mini_grid td.calendar_day > a, .calendar_mini_grid td.calendar_weekendday > a, .calendar_grid td.calendar_day, .calendar_grid td.calendar_weekendday, .calendar_grid td.calendar_day > a, .calendar_grid td.calendar_weekendday > a { color: #222B31 !important; } .calendar_mini_grid td.calendar_day, .calendar_mini_grid td.calendar_weekendday, .calendar_grid td.calendar_day, .calendar_grid td.calendar_weekendday { background: #fff; } .calendar_mini_grid td.calendar_day:hover, .calendar_mini_grid td.calendar_weekendday:hover, .calendar_grid td.calendar_day:hover, .calendar_grid td.calendar_weekendday:hover { color: #fff !important; background: #1E5E7B; } .calendar_mini_grid td.calendar_day:hover > a, .calendar_mini_grid td.calendar_weekendday:hover > a, .calendar_grid td.calendar_day:hover > a, .calendar_grid td.calendar_weekendday:hover > a { color: #fff !important; } .calendar_grid .calendar_othermonthday, .calendar_grid .calendar_othermonthday > a, .calendar_mini_grid .calendar_othermonthday, .calendar_mini_grid .calendar_othermonthday > a { color: #222B31 !important; } .calendar_grid td.calendar_othermonthdaym, .calendar_mini_grid td.calendar_othermonthday { background: #DADDE6; } .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items, .calendar_grid .calendar_items { display: none; position: absolute; z-index: 100; margin-top: -1px; background-color: #f4f4f4; border: solid 1px #dddddd; min-width: 100px; min-height: 50px; text-align: left; padding: 5px; box-shadow: none; border-radius: 2px; } .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items .calendar_eventlink, .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items .calendar_eventtime, td.calendar_day_with_items.calendar_today .calendar_items a { color: #006FA0 !important; font-size: 100% !important; } .calendar_mini_grid.calendar td.calendar_day_with_items .calendar_items .calendar_eventtime, .calendar_grid.calendar .calendar_items .calendar_eventtime { color: #222B31 !important; } .calendar_grid .calendar_title h2 { font-family: 'Noto Serif', serif; font-size: 0.9375rem; color: #fff; } @media screen and (max-width: 45em) { .minicalendar_widget .responsive-table-scroll.left_scroll, .calendar_widget .responsive-table-scroll.left_scroll { -webkit-mask-image: none; } } .calendar_mini_grid .calendar_title td { font-size: 0.9375rem; } .calendar_mini_grid .calendar_title td h2 { font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.45px; } .calendar_mini_grid .calendar_dayheader { font-size: 0.6875rem; } .calendar_mini_grid td.calendar_day, .calendar_mini_grid td.calendar_today, .calendar_mini_grid td.calendar_weekendday, .calendar_mini_grid td.calendar_othermonthday { font-size: 0.625rem; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .calendar_widget { max-width: 100%; font-size: inherit !important; line-height: inherit !important; } .calendar_grid .calendar_title h2 { font-size: 1.5rem; color: #222B31; } .calendar_widget:before { background: transparent none; } table.calendar_grid { background: transparent; border-spacing: 0; } .calendar_grid .calendar_dayheader { line-height: 32px; color: #fff; padding: 4px 2px 3px 2px; font-weight: 700; background: #1E5E7B; text-transform: uppercase; font-size: 1.125rem; text-indent: 0; text-align: center; border-bottom: 0; letter-spacing: 0.54px; } .calendar_grid .calendar_dayheader:first-letter { color: #fff; } .calendar_grid .calendar_title { width: 100%; background: transparent none; height: auto; } .calendar_grid .calendar_title td.calendar_title_content { padding: 11px 0 12px 0; width: 60%; font-weight: 700; color: #222B31; overflow: visible; font-size: 1.5rem; text-transform: none; letter-spacing: 0.52px; } .calendar_grid .calendar_title td.calendar_nextprev { width: 20% !important; padding: 8px 0 0 0; text-align: left; } .calendar_grid .calendar_title td.calendar_nextprev:last-child { text-align: right; } .calendar_grid td.calendar_nextprev a { font-weight: normal; text-decoration: underline; color: #006FA0; text-indent: 0; background-image: none; display: inline; font-size: 0.875rem; text-transform: none; white-space: pre; letter-spacing: 0.39px; /*-------------------------------------------------------*/ /* For additional arrow on next and prev uncomment below */ /*-------------------------------------------------------*/ } .calendar_grid td.calendar_nextprev a.next:before { display: none; } .calendar_grid td.calendar_nextprev a.previous:before { display: none; } .calendar_grid td.calendar_nextprev a.prev:before { content: "<"; position: static; font-size: 100%; display: inline; } .calendar_grid td.calendar_nextprev a.next:after { content: ">"; } .calendar_grid td.calendar_nextprev a:hover { text-decoration: none; } .calendar_grid td.calendar_day, .calendar_grid td.calendar_today, .calendar_grid td.calendar_weekendday, .calendar_grid td.calendar_othermonthday { text-align: left; vertical-align: top; font-size: 1.25rem; font-weight: normal; padding: 8px 10px; border-bottom: 1px solid #DADDE6; border-right: 1px solid #DADDE6; height: 105px; word-wrap: break-word; line-height: 120%; letter-spacing: 0; } .calendar_grid td.calendar_day:first-child, .calendar_grid td.calendar_today:first-child, .calendar_grid td.calendar_weekendday:first-child, .calendar_grid td.calendar_othermonthday:first-child { border-left: 1px solid #DADDE6; } .calendar.calendar_grid td.calendar_day, .calendar.calendar_grid td.calendar_weekendday, .calendar.calendar_grid td.calendar_day > a, .calendar.calendar_grid td.calendar_weekendday > a { color: #222B31 !important; background: #fff; } .calendar_grid td.calendar_othermonthday, .calendar_grid .calendar_othermonthday > a, .calendar.calendar_grid td.calendar_othermonthday .calendar_eventtime { color: #222B31 !important; background: #DADDE6; } .calendar_grid td.calendar_today { background: #263A6B; color: #FFFFFF; } .calendar_grid td.calendar_today .calendar_items .calendar_eventtime { color: #FFFFFF !important; font-size: 0.875rem !important; letter-spacing: 0.39px; } .calendar_grid td.calendar_today .calendar_items .calendar_eventlink { color: #FFFFFF !important; font-size: 0.875rem !important; letter-spacing: 0.39px; } .calendar_grid td.calendar_today > a { color: #FFFFFF !important; } .calendar_grid.calendar td.calendar_day_with_items { cursor: default; } .calendar_grid .calendar_items { display: block; position: static; z-index: 1; margin-top: 0; background-color: transparent; border: solid 0 #dddddd; box-shadow: 0 0 0; min-width: 0; min-height: 0; text-align: left; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .calendar_eventtime, .calendar_grid.calendar .calendar_items .calendar_eventtime { display: block; font-size: 0.875rem !important; color: #222B31 !important; letter-spacing: 0.39px; } .calendar_eventlink { font-size: 0.875rem !important; display: block; text-decoration: underline !important; color: #006FA0 !important; letter-spacing: 0.39px; } .calendar_eventlink:hover { text-decoration: none !important; } .calendar_more { display: block; } .current_month_title.mobile_hide { display: inline-block; } .calendar_day > a, .calendar_today > a, .calendar_weekendday > a, .calendar_othermonthday > a { text-decoration: none !important; } } .standardlayout .left_col .content_area, .standardthreecolumnlayout .left_col .content_area, .small_col .content_area, .standardlayout [vi-column=ColumnUserControl2] .content_area, .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area, [vi-column=ColumnUserControl5] .content_area { vertical-align: top; clear: both; background: #fff !important; border: 1px solid #DADDE6 !important; word-wrap: break-word; padding: 0px 10px 0 10px; } .standardlayout .left_col .content_area h1:first-child:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h1:first-child:not(.mobile_header), .small_col .content_area h1:first-child:not(.mobile_header), .standardlayout [vi-column=ColumnUserControl2] .content_area h1:first-child:not(.mobile_header), .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h1:first-child:not(.mobile_header), [vi-column=ColumnUserControl5] .content_area h1:first-child:not(.mobile_header), .standardlayout .left_col .content_area h2:first-child:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h2:first-child:not(.mobile_header), .small_col .content_area h2:first-child:not(.mobile_header), .standardlayout [vi-column=ColumnUserControl2] .content_area h2:first-child:not(.mobile_header), .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h2:first-child:not(.mobile_header), [vi-column=ColumnUserControl5] .content_area h2:first-child:not(.mobile_header), .standardlayout .left_col .content_area h3:first-child:not(.box_title), .standardthreecolumnlayout .left_col .content_area h3:first-child:not(.box_title), .small_col .content_area h3:first-child:not(.box_title), .standardlayout [vi-column=ColumnUserControl2] .content_area h3:first-child:not(.box_title), .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h3:first-child:not(.box_title), [vi-column=ColumnUserControl5] .content_area h3:first-child:not(.box_title) { margin: 0 -10px 10px; color: #fff; font-weight: 700; font-family: 'Arimo', sans-serif; text-transform: uppercase; font-size: 110%; min-height: 40px; line-height: 28px; background: #1E5E7B; padding: 6px 16px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .content_area { max-width: 100%; padding: 12px 0 0 0; } .content_area:first-child { padding-top: 0; } .small_col .content_area, .standardlayout .left_col .content_area, .standardthreecolumnlayout .left_col .content_area { margin: 0 0 17px 0; clear: both; background: #fff !important; border: 1px solid #DADDE6 !important; position: relative; z-index: 1; padding: 13px 15px 5px 16px; font-size: 100%; color: #5E636A; overflow: hidden; } .small_col .content_area p, .standardlayout .left_col .content_area p, .standardthreecolumnlayout .left_col .content_area p, .small_col .content_area ul, .standardlayout .left_col .content_area ul, .standardthreecolumnlayout .left_col .content_area ul, .small_col .content_area ol, .standardlayout .left_col .content_area ol, .standardthreecolumnlayout .left_col .content_area ol, .small_col .content_area li, .standardlayout .left_col .content_area li, .standardthreecolumnlayout .left_col .content_area li, .small_col .content_area div, .standardlayout .left_col .content_area div, .standardthreecolumnlayout .left_col .content_area div { color: #5E636A; } .small_col .content_area .subtitle, .standardlayout .left_col .content_area .subtitle, .standardthreecolumnlayout .left_col .content_area .subtitle, .small_col .content_area h1, .standardlayout .left_col .content_area h1, .standardthreecolumnlayout .left_col .content_area h1, .small_col .content_area h2, .standardlayout .left_col .content_area h2, .standardthreecolumnlayout .left_col .content_area h2, .small_col .content_area h3, .standardlayout .left_col .content_area h3, .standardthreecolumnlayout .left_col .content_area h3, .small_col .content_area h4, .standardlayout .left_col .content_area h4, .standardthreecolumnlayout .left_col .content_area h4, .small_col .content_area h5, .standardlayout .left_col .content_area h5, .standardthreecolumnlayout .left_col .content_area h5 { color: #222B31; } .small_col .content_area h1, .standardlayout .left_col .content_area h1, .standardthreecolumnlayout .left_col .content_area h1, .small_col .content_area h2:not(.mobile_header), .standardlayout .left_col .content_area h2:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h2:not(.mobile_header), .small_col .content_area h3:not(.box_title), .standardlayout .left_col .content_area h3:not(.box_title), .standardthreecolumnlayout .left_col .content_area h3:not(.box_title) { margin-top: 10px; } .small_col .content_area h2:first-child:not(.mobile_header), .standardlayout .left_col .content_area h2:first-child:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h2:first-child:not(.mobile_header), .small_col .content_area h3:first-child:not(.box_title), .standardlayout .left_col .content_area h3:first-child:not(.box_title), .standardthreecolumnlayout .left_col .content_area h3:first-child:not(.box_title), .small_col .content_area h1:first-child:not(.mobile_header), .standardlayout .left_col .content_area h1:first-child:not(.mobile_header), .standardthreecolumnlayout .left_col .content_area h1:first-child:not(.mobile_header) { color: #fff !important; font-weight: 700; line-height: 120%; font-size: 1.125rem !important; padding: 8px 15px; text-align: left; font-family: 'Arimo', sans-serif; text-transform: uppercase; background: #1E5E7B; margin: -15px -16px 10px -17px; min-height: 0; } .small_col .content_area:empty, .standardlayout .left_col .content_area:empty, .standardthreecolumnlayout .left_col .content_area:empty { display: none; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .banner_col .image_widget:first-child .image_rotate_container, .standardlayout .right_col > .image_widget:first-child .image_rotate_container { background: transparent !important; top: 0 !important; left: 0 !important; } .banner_col .image_widget:first-child, .standardlayout .right_col .image_widget:first-child { position: relative; max-width: none; padding: 0; margin: 0px 0px 0 0px; width: auto; } } .vi-spotlight.vi-spotlight-img-left.content_area .flexslider { background: #FFFFFF; } .vi-spotlight.vi-spotlight-img-left.content_area .vi-spotlight-info-header { font-family: 'Noto Serif', serif; font-size: 1.5rem; color: #222B31; font-weight: 700; } .vi-spotlight.vi-spotlight-img-left.content_area .vi-spotlight-info-header a { color: #222B31; } .vi-spotlight.vi-spotlight-img-left.content_area .vi-spotlight-info-desc { font-size: 1.25rem; color: #5E636A; } .vi-spotlight.vi-spotlight-img-left.content_area .vi-spotlight-info-more { width: auto; height: 2.0625rem; line-height: 2.0625rem; background: #DE596B; font-size: 0.875rem; font-weight: 700; text-transform: none; color: #FFFFFF; float: left; padding: 0 0.8125rem; position: relative; font-family: 'Arimo', sans-serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .vi-spotlight.vi-spotlight-img-left.content_area .vi-spotlight-info-more:hover { background: #1E5E7B; } .vi-spotlight.vi-spotlight-img-left.content_area .flex-direction-nav a { background: transparent; } .vi-spotlight.vi-spotlight-img-left.content_area .flex-direction-nav a:before { border-color: #263A6B; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .vi-spotlight.vi-spotlight-img-left.content_area .flex-direction-nav a:hover:before { border-color: #1E5E7B; } .vi-spotlight.vi-spotlight-img-left.content_area .flex-control-nav a { background: #DADDE6; border: 0px solid transparent; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .vi-spotlight.vi-spotlight-img-left.content_area .flex-control-nav a.flex-active, .vi-spotlight.vi-spotlight-img-left.content_area .flex-control-nav a:hover { background: #1E5E7B; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #sitebody { width: 100%; max-width: none; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 1fr; grid-template-columns: 1fr 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 60.83333333px 1fr; position: relative; background: transparent; padding: 0 0 0px 0; margin: 0 auto; } #sitebody:before { -ms-grid-column: 1; -ms-grid-column-span: 14; -ms-grid-row: 1; -ms-grid-row-span: 3; grid-column: 1 / span 14; grid-row: 1 / span 3; content: ""; background: #fff; position: relative; z-index: -1; border-bottom: 0px solid #f0f0f0; margin-bottom: -59px; width: 100%; height: 100%; } #sitebody .top_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 1 / span 1; position: relative; padding-top: 0 !important; min-height: 0 !important; } #sitebody .top_col:before { content: ""; height: 0; padding-bottom: 0.05208333vw; position: absolute; top: 68px; left: 0; visibility: visible; width: 100vw; margin-left: calc(-1*(50vw - 50%)); z-index: -1; display: block; background-size: 100% auto; } #sitebody .top_col:after { content: ""; position: absolute; top: 68px; left: 0; width: 100vw; margin-left: calc(-1*(50vw - 50%)); z-index: -1; display: block; visibility: visible; height: 0; padding-bottom: 0.05208333vw; background: transparent; } #sitebody .bottom_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 3 / span 1; } #sitebody .left_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; } #sitebody .banner_col, #sitebody .has_small_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; min-width: 1%; } #sitebody .right_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; -ms-grid-column-align: end; justify-self: end; } #sitebody.standardlayout, #sitebody.standardthreecolumnlayout, #sitebody.twocolumnreverselayout { padding: 0; } #sitebody.standardlayout:before, #sitebody.standardthreecolumnlayout:before, #sitebody.twocolumnreverselayout:before { margin-bottom: 0; } #sitebody.standardlayout:after, #sitebody.standardthreecolumnlayout:after, #sitebody.twocolumnreverselayout:after { -ms-grid-column: 5; -ms-grid-column-span: 10; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 5 / span 10; grid-row: 2 / span 1; content: ""; background: #fff; z-index: -1; display: block; height: auto; visibility: visible; border-bottom: 0px solid #f0f0f0; width: 100%; height: 100%; } #sitebody.standardlayout .top_col, #sitebody.standardthreecolumnlayout .top_col, #sitebody.twocolumnreverselayout .top_col { padding-top: 0; min-height: Calc( 0.05208333vw + 68px ); padding-top: 68px; } #sitebody.standardlayout .top_col:before, #sitebody.standardthreecolumnlayout .top_col:before, #sitebody.twocolumnreverselayout .top_col:before { height: auto; bottom: 0; } #sitebody.standardlayout .top_col:after, #sitebody.standardthreecolumnlayout .top_col:after, #sitebody.twocolumnreverselayout .top_col:after { bottom: 0; height: auto; } #sitebody.standardlayout .top_col .content_area.content_area, #sitebody.standardthreecolumnlayout .top_col .content_area.content_area, #sitebody.twocolumnreverselayout .top_col .content_area.content_area { padding-top: 30px; } #sitebody.standardlayout .top_col > *:not(.vi-fullwidth-banner):last-child, #sitebody.standardthreecolumnlayout .top_col > *:not(.vi-fullwidth-banner):last-child, #sitebody.twocolumnreverselayout .top_col > *:not(.vi-fullwidth-banner):last-child { padding-bottom: 30px; } #sitebody.onecolumnlayout .top_col .content_area, #sitebody.onecolumnlayout .top_col .title_widget { padding-left: 60px; padding-right: 60px; } #sitebody.standardlayout:before, #sitebody.standardthreecolumnlayout:before { -ms-grid-column: 1; -ms-grid-column-span: 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 1 / span 4; grid-row: 2 / span 1; content: ""; background: transparent; background-size: contain; background-attachment: fixed; margin: 0 0% 0 0; border-bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#653143+2,263a6b+57,263a6b+57,263a6b+99 */ background: #653143; /* Old browsers */ background: -moz-linear-gradient(-45deg, #653143 2%, #263a6b 57%, #263a6b 57%, #263a6b 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #653143 2%, #263a6b 57%, #263a6b 57%, #263a6b 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #653143 2%, #263a6b 57%, #263a6b 57%, #263a6b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#653143', endColorstr='#263a6b', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #sitebody.standardlayout .left_col.column.column.empty_col, #sitebody.standardthreecolumnlayout .left_col.column.column.empty_col { margin: 0 0% 0 0 !important; } #sitebody.standardlayout .left_col.column, #sitebody.standardthreecolumnlayout .left_col.column { width: 100%; margin: 0 0% 0 0; padding: 68px 10px 60px; background: transparent; -ms-grid-column: 2; -ms-grid-column-span: 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 3; grid-row: 2 / span 1; } #sitebody.standardlayout .left_col.column:before, #sitebody.standardthreecolumnlayout .left_col.column:before { -ms-grid-column: 1; -ms-grid-column-span: 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 1 / span 4; grid-row: 2 / span 1; content: ''; position: absolute; left: 0; right: auto; top: auto; bottom: 0; background: url(_gfx/int/sidenav_bg.png) top center no-repeat; background-size: 100%; width: 100%; min-height: 8.125rem; } #sitebody.standardlayout .right_col.column, #sitebody.standardthreecolumnlayout .right_col.column { padding: 4.60829493% 0px 60px 60px; margin: 0; -ms-grid-column: 5; -ms-grid-column-span: 9; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 5 / span 9; grid-row: 2 / span 1; width: 100%; } #sitebody.standardthreecolumnlayout .right_col.column { justify-content: space-between; } #sitebody.standardthreecolumnlayout .right_col.column > * { flex: 0 1 auto; } #sitebody.standardthreecolumnlayout .has_small_col { width: 100%; } #sitebody.standardthreecolumnlayout .small_col { width: 100%; margin: 0 !important; } #sitebody.standardthreecolumnlayout .small_col .small_box, #sitebody.standardthreecolumnlayout .small_col .minicalendar_widget { display: block; margin-right: auto; width: 100%; } #sitebody.twocolumnswithbottomlayout .left_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; width: 50%; padding: 4.60829493% 2.30414747% 0 0px; } #sitebody.twocolumnswithbottomlayout .left_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnswithbottomlayout .right_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; width: 50%; padding: 4.60829493% 0px 0 2.30414747%; float: right; -ms-grid-column-align: end; justify-self: end; } #sitebody.twocolumnswithbottomlayout .right_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnswithbottomlayout .bottom_col { width: 100%; padding: 20px 0px; } #sitebody.twocolumnswithbottomlayout .small_box { width: 100%; } #sitebody.threecolumnswithbottomlayout .top_col.column { margin-bottom: 0px; } #sitebody.threecolumnswithbottomlayout .left_col.column { width: 33.33333333%; padding: 4.60829493% 0 0 0px; } #sitebody.threecolumnswithbottomlayout .left_col.column .title_widget:first-child { margin-top: -15px; } #sitebody.threecolumnswithbottomlayout .middle_col.column { width: 33.33333333%; padding: 4.60829493% 2.30414747% 0 2.30414747%; -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; -ms-grid-column-align: center; justify-self: center; } #sitebody.threecolumnswithbottomlayout .middle_col.column .title_widget:first-child { margin-top: -15px; } #sitebody.threecolumnswithbottomlayout .right_col.column { width: 33.33333333%; padding: 4.60829493% 0px 0 0; float: right; } #sitebody.threecolumnswithbottomlayout .right_col.column .title_widget:first-child { margin-top: -15px; } #sitebody.threecolumnswithbottomlayout .bottom_col.column { width: 100%; padding: 20px 0px; } #sitebody.threecolumnswithbottomlayout .small_box { width: 100%; } #sitebody.twocolumnreverselayout .has_small_col { width: 71.66666667%; padding: 4.60829493% 2.30414747% 0 0px; -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; } #sitebody.twocolumnreverselayout .has_small_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnreverselayout .small_col { -ms-grid-column: 2; -ms-grid-column-span: 12; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-column: 2 / span 12; grid-row: 2 / span 1; -ms-grid-column-align: end; justify-self: end; width: 28.33333333%; padding: 4.60829493% 0px 0 2.30414747%; margin: 0 !important; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { #sitebody { -ms-grid-columns: 1fr 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 1fr; grid-template-columns: 1fr 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 79.16666667px 1fr; } #sitebody.standardlayout .left_col.column.column.empty_col, #sitebody.standardthreecolumnlayout .left_col.column.column.empty_col { margin: 0 0% 0 0 !important; } #sitebody.standardthreecolumnlayout .has_small_col { width: 67%; } #sitebody.standardthreecolumnlayout .small_col { width: 30.6%; float: right; } } /*75em = 1200px*/ @media only screen and (min-width: 75em) { #sitebody { -ms-grid-columns: 1fr 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 1fr; grid-template-columns: 1fr 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 85.33333333px 1fr; } } @media (min-width: 85.375em) { #sitebody { -ms-grid-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; grid-template-columns: 1fr 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 108.5px 1fr; } #sitebody.standardlayout .left_col.column.column.empty_col, #sitebody.standardthreecolumnlayout .left_col.column.column.empty_col { margin: 0 0% 0 0 !important; } #sitebody.standardlayout .left_col.column, #sitebody.standardthreecolumnlayout .left_col.column { margin: 0 0% 0 0; } #sitebody.standardthreecolumnlayout .has_small_col { width: 67.12463199%; } #sitebody.standardthreecolumnlayout .small_col { width: 29.44062807%; } } /***Title Widget**/ .title_widget { clear: both; } .title_widget h1 { color: #222B31; line-height: 125% !important; font-weight: 700; font-size: 2.5rem !important; text-transform: none; font-family: 'Noto Serif', serif; padding: 0 0 0 0; margin: 0 0 1.5rem 0; overflow: hidden; } .title_widget h2 { color: #222B31; font-size: 2rem !important; font-weight: 700; font-family: 'Noto Serif', serif; line-height: 110%; margin-bottom: 1rem; } span.subtitle { color: #222B31; font-size: 1.5rem; font-family: 'Noto Serif', serif; } .printer_friendly, .sharelink, .rss, .thickbox { padding-left: 0px; } .printer_friendly, .sharelink, .rss, .thickbox, .font_size, .font_size a { background: none; } .font_size a.font_larger, .font_size a.font_smaller { float: none; text-indent: 0px; display: inline-block; width: 15px; height: 16px; } .font_size a { display: inline-block; float: none; vertical-align: middle; } .text_size { margin-right: 0 !important; } .printer_friendly:before, .sharelink:before, .rss:before, .thickbox:before, .font_size a:before { font-family: 'Glyphicons Halflings'; display: inline-block; vertical-align: middle; width: 21px; font-size: 14px; text-decoration: none; text-indent: 0; } .printer_friendly:before { content: "\e045"; color: #DE596B; } .thickbox:before { content: "\e111"; color: #DE596B; font-size: 15px; } a.font_larger:before, a.font_smaller:before, .sharelink:before { color: #fff; background: #DE596B; text-align: center; width: 15px; height: 15px; line-height: 15px; font-size: 15px; border-radius: 3px; font-family: 'Open Sans', sans-serif; font-weight: 300; } .sharelink:before { content: "\002b"; margin-right: 5px; } a.font_larger:before { content: "\002b"; } a.font_smaller:before { content: "\2212"; } #share { clear: left; } #share:hover .sharelink { text-decoration: none !important; } #share .sharelink { margin-left: 0; } #share ul { padding-bottom: 3px; } #share ul li { width: 48%; float: none; display: inline-block; vertical-align: top; line-height: 120%; } #share ul li a { height: auto; position: relative; background: transparent none; } #share ul li a:before { background: url("_gfx/int/share_icons.gif") no-repeat 0 0; height: 20px; content: ""; top: 0; left: 0; width: 20px; position: absolute; } #share ul li a.sharefacebook:before { background-position: 0 -150px; } #share ul li a.sharedel:before { background-position: 0 -200px; } #share ul li a.sharegoogle:before { background-position: 0 -225px; } #share ul li a.sharegoogleplus:before { background-position: 0 -25px; } #share ul li a.sharedigg:before { background-position: 0 -250px; } #share ul li a.sharetwitter:before { background-position: 0 -50px; } #share ul li a.sharestumble:before { background-position: 0 -100px; } #share ul li a.sharetumblr:before { background-position: 0 -125px; } #share ul li a.sharemyspace:before { background-position: 0 -75px; } #share ul li a.sharelinkedin:before { background-position: 0 -175px; } #share ul li a.sharereddit:before { background-position: 0 -275px; } #share > ul { margin-top: 0px; width: 275px; top: 25px; } #share:hover > ul { display: block; } .printer_friendly, .sharelink, .rss, .thickbox, .font_size, .font_size a { font-size: 0.8125rem !important; color: #5E636A !important; text-decoration: underline !important; } .title_right > a:hover { text-decoration: none !important; } .font_size { text-decoration: none !important; } .font_size a { font-size: 100% !important; color: #5E636A !important; text-decoration: none !important; } .font_size a.text_size { color: #393939 !important; } .rss { position: relative; } .rss:before, .rss:after { content: ""; position: absolute; } /* create circle */ .rss:before { width: 15px; height: 15px; border-radius: 3px; background: #DE596B; left: 0; bottom: 0; position: static; margin-right: 5px; } /* create the two arcs */ .rss:after { border-color: #fff; border-style: double; border-width: 6px 6px 0 0; bottom: 1px; height: 10px; left: 2px; width: 10px; -moz-border-radius: 0 50px 0 0; -webkit-border-radius: 0 50px 0 0; border-radius: 0 50px 0 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .title_widget { padding: 18px 0 0 0; clear: both; } .title_widget h2 { padding: 0; } #pagebody:first-child + .title_widget { padding-top: 0; } .top_col .title_widget, .confirm_account_container.content_area, .top_col .redirect_helper_widget, .broken_links_reporter { padding: 4.60829493% 0px 0; } #sitebody .top_col .main_menu_widget + script + script + .content_area { padding-top: 4.60829493%; } .title_right { padding: 0 0 1.875rem 0; float: right; } .title_right > a, .title_right > div { float: right; } .title_right > a:first-child, .title_right > div:first-child { margin-left: 18px; } .title_right #share { clear: none; } .title_right #share .sharelink { margin-left: 18px; } } .sidenav.sidenav ul li, .sidenav.sidenav ul li.sidenav_expanded > a { display: none; } .sidenav.open ul li.sidenav_expanded.sidenav_current, .sidenav.open ul li.sidenav_expanded.sidenav_current > ul > li, .sidenav.open > ul > li, .sidenav.open ul li.sidenav_expanded { display: block; } .sidenav.mobile_list ul li.sidenav_expanded { background: transparent; border: 0px; padding: 0; } .sidenav.mobile_list ul li a { font-weight: normal; } .sidenav.open h2:after { border-top: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; top: 7px; left: 10px; } .sidenav h2:after { position: absolute; z-index: -1; top: 0; bottom: 0; left: 15px; width: 0; height: 0; margin: auto; border-left: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; content: ""; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sidenav.sidenav ul li, .sidenav.sidenav ul li.sidenav_expanded > a { display: block; } .sidenav > ul > li > a, .sidenav.mobile_list > ul > li > a { font-weight: 700; text-transform: uppercase; } .sidenav > ul > li > a:hover, .sidenav.mobile_list > ul > li > a:hover, .sidenav > ul > li > a:focus, .sidenav.mobile_list > ul > li > a:focus { font-weight: 700; } .sidenav { width: 100%; float: left; position: relative; padding: 0; margin: 0 0 17px 0; background: transparent linear-gradient(161deg, #653143 0%, #263a6b 100%) 0% 0% no-repeat padding-box; } .sidenav ul { margin: 0; padding: 0; list-style: none; } .sidenav ul li { position: relative; } .sidenav ul li a, .sidenav ul li a:hover, .sidenav ul li a:focus { color: #FFFFFF; font-size: 0.9375rem; text-decoration: none; display: block; padding: 10px 7px 10px 12%; line-height: 120%; position: relative; z-index: 1; font-weight: normal; border-bottom: 1px solid transparent; word-wrap: break-word; font-family: inherit; letter-spacing: 0.45px; } .standardlayout .left_col .sidenav, .standardthreecolumnlayout .left_col .sidenav { background: transparent; margin: 0 -10px 17px; width: auto; float: none; zoom: 1; min-width: calc(100% + 20px); } .standardlayout .left_col .sidenav:before, .standardthreecolumnlayout .left_col .sidenav:before { content: ''; display: block; } .standardlayout .left_col .sidenav:after, .standardthreecolumnlayout .left_col .sidenav:after { content: ''; display: table; clear: both; } .sidenav ul li.sidenav_haschildren > a:before { /*position: absolute; content: ""; background: transparent; width: 0; height: 0; left: 5%; top: 33%; border-left: 4px solid @arrow-haschildren; border-right: 4px solid transparent; border-top: 4px solid transparent; border-bottom: solid 4px transparent;*/ position: absolute; content: "+"; background: transparent; top: 0; bottom: 0; left: 5%; padding: 0; height: 10px; line-height: 6px; margin: auto; font-size: 130%; font-weight: normal; } .sidenav ul li.sidenav_expanded > a { background: transparent; color: #FFFFFF; border-bottom: 1px solid transparent; } .sidenav ul li.sidenav_expanded > a:before { /* position: absolute; content: ""; background: transparent; width: 0; height: 0; left: 5%; top: 42%; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid @arrow-expanded; border-bottom: solid 4px transparent;*/ position: absolute; content: "-"; background: transparent; top: 0; bottom: 0; left: 5%; padding: 0; font-size: 150%; height: 10px; line-height: 6px; margin: auto; } .sidenav > ul > li.sidenav_expanded + li > a { border-top: 1px solid transparent; } /*second level */ .sidenav ul li li.sidenav_expanded > a { background: transparent; color: #FFFFFF; border-bottom: 0px solid transparent; } .sidenav ul li li.sidenav_expanded > a:before { /* position: absolute; content: ""; background: transparent; width: 0; height: 0; left: 14px; top: 13px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid @arrow-expanded; border-bottom: solid 4px transparent; */ } .sidenav ul li.sidenav_current > a, .sidenav ul li.sidenav_current.sidenav_expanded > a { background: #FFFFFF; color: #1E5E7B; /*border-bottom: 1px solid @sidenav-item-border;*/ /*&:before { position: absolute; content: ""; width: 0; height: 0; left: 5%; top:12px; background: transparent; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid @arrow-current; } &:hover:before { border-left: 4px solid @arrow-current-hover; }*/ } .sidenav ul li li.sidenav_current > a:before, .sidenav ul li li.sidenav_haschildren > a:before { left: 12%; } .sidenav ul li li li.sidenav_current > a:before, .sidenav ul li li li.sidenav_haschildren > a:before { left: 20%; } .sidenav ul li li li li.sidenav_current > a:before, .sidenav ul li li li li.sidenav_haschildren > a:before { left: 24%; } .sidenav ul li li li li li.sidenav_current > a:before, .sidenav ul li li li li li.sidenav_haschildren > a:before { left: 28%; } .sidenav ul li li li li li li.sidenav_current > a:before, .sidenav ul li li li li li li.sidenav_haschildren > a:before { left: 32%; } .sidenav ul li li li li li li li.sidenav_current > a:before, .sidenav ul li li li li li li li.sidenav_haschildren > a:before { left: 36%; } .sidenav ul li li a { padding-left: 20% !important; } .sidenav ul li li li a { padding-left: 28% !important; /*second level*/ background: transparent; } .sidenav ul li li li li a { padding-left: 32% !important; } .sidenav ul li li li li li a { padding-left: 36% !important; } .sidenav ul li li li li li li a { padding-left: 40% !important; } .sidenav ul li li.sidenav_expanded > a:hover, .sidenav ul li li.sidenav_expanded > a:focus, .sidenav ul li li a:hover, .sidenav ul li li a:focus { border-bottom: 0px solid #FFFFFF; margin-top: 0px; } .sidenav ul li li a { background: transparent; color: #FFFFFF; margin-top: 0px; border: 0; } .sidenav ul li a:hover, .sidenav ul li a:focus, .sidenav ul li li > a:hover, .sidenav ul li li > a:focus { color: #fff !important; background: #1E5E7B !important; } .small_col .sidenav { float: left; background: transparent linear-gradient(161deg, #653143 0%, #263a6b 100%) 0% 0% no-repeat padding-box; } } .int_buttons.int_buttons { display: block; clear: both; background: transparent; } .int_buttons.int_buttons ul { margin: 0; padding: 0; list-style: none; margin: 0px -0.3125rem; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: flex; margin-bottom: -0.625rem; } .int_buttons.int_buttons ul li { display: inline-block; /*for graceful degradation of flexbox in IE 8/9*/ -webkit-box-flex: auto; -ms-flex: auto; flex: auto; width: 285px; margin: 0 0.3125rem; padding: 0 0px 0.625rem 0; max-width: calc(100% - 0.625rem ); } .int_buttons.int_buttons .button-link { background: #FFFFFF; border: 3px solid #FFFFFF; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: middle; -ms-flex-align: middle; align-items: middle; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 125px; position: relative; width: 100%; text-decoration: none; text-align: center; letter-spacing: 0.85px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .int_buttons.int_buttons .button-link:hover, .int_buttons.int_buttons .button-link:focus { text-decoration: underline; background: #FFFFFF; border: 3px solid #DE596B; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .int_buttons.int_buttons .button-link:hover .button-text, .int_buttons.int_buttons .button-link:focus .button-text { color: #DE596B; text-decoration: underline; } .int_buttons.int_buttons img { bottom: 55px; left: 0; right: 0; margin: auto; position: absolute; top: 11px; max-width: 3rem; max-height: 3rem; } .int_buttons.int_buttons .button-text { color: #DE596B; font-size: 1.0625rem; font-weight: 700; font-family: 'Arimo', sans-serif; text-transform: none; line-height: 1.25; vertical-align: middle; padding: 70px 10px 0; -ms-flex: 0 1 100%; -webkit-flex: 0 1 100%; flex: 0 1 100%; max-height: 71.328125rem; overflow: hidden; letter-spacing: 0.65px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .small_col .int_buttons.int_buttons.int_buttons, .left_col .int_buttons.int_buttons.int_buttons { border: 0 !important; padding: 0; background: transparent !important; margin-bottom: 17px; } #sitebody.standardlayout .top_col .int_buttons, #sitebody.standardthreecolumnlayout .top_col .int_buttons { padding-left: 0; padding-right: 0; } #sitebody.standardlayout .top_col .main_menu_widget + script + script + .int_buttons, #sitebody.standardthreecolumnlayout .top_col .main_menu_widget + script + script + .int_buttons { padding-top: 30px; } } .vi-img-buttons .vi-img-buttons-item { width: auto; max-width: calc(33% - 15px); flex: 1 1 26%; } .vi-img-buttons .vi-img-buttons-link { height: 100%; } /*@int-nav-arrows-width: 30px; //navigation arrows width @int-nav-arrows-height: 38px; //navigation arrows height @int-nav-arrows-bg: url(_gfx/home/button_arrows.png) 0 0 no-repeat; //navigation arrows background image (sprite) @int-nav-arrows-bg-position-hover: 0 -40px; //navigation prev arrow background position on hover @int-nav-next-bg-position: -32px 0; //navigation next arrow background position @int-nav-next-bg-position-hover: -32px -40px; //navigation next arrow background position on hover //update the "50%" for different navigation arrow positions @int-nav-arrows-top-desktop: ~"calc(50% - " (@int-nav-arrows-height/2) ~")"; //navigation arrows position on desktop @int-nav-prev-left: 10px; //navigation previous arrow left position @int-nav-next-right: 10px; //navigation next arrow right position */ /*generally should not be updated*/ .int_collage { display: block; width: 100%; margin-bottom: 20px; /*.flex-direction-nav { a { width: @int-nav-arrows-width; height: @int-nav-arrows-height; margin: -@int-nav-arrows-height/2 0 0 0; display: block; position: absolute; top: @int-mobile-img-height/2; cursor: pointer; text-indent: -9999px; background: @int-nav-arrows-bg; z-index: 3; overflow: hidden; -webkit-transform:scale(0.5); transform:scale(0.5); &:hover { background-position: @int-nav-arrows-bg-position-hover; } } .flex-next { right: @int-nav-next-right; display: block; background-position: @int-nav-next-bg-position; } .flex-next:hover { background-position: @int-nav-next-bg-position-hover; } .flex-prev { left: @int-nav-prev-left; display: block; } .flex-disabled { cursor: default; } }*/ } .int_collage:first-child { margin-top: 0; } .int_collage .slides { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .int_collage .slides li { overflow: hidden; background: rgba(0, 0, 0, 0.7); position: relative; } .int_collage .slides li > a { display: block; width: 100%; } .int_collage .slides img { margin: 0 auto; display: block; max-height: 450px; } .int_collage .slide_content { width: 100%; padding: 10px; overflow: hidden; } .int_collage .slide_title { margin: 0 0 5px 0; font-size: 17px; font-weight: bold; color: #fff; max-height: 44.2px; overflow: hidden; font-family: inherit; text-transform: none; line-height: 1.3; } .int_collage .slide_title a { color: #fff; text-decoration: none; } .int_collage .slide_title:hover a { color: #fff; text-decoration: underline; } .int_collage .slide_description { color: #fff; font-size: 13px; font-weight: normal; font-family: inherit; line-height: 1.3; max-height: 50.7px; overflow: hidden; margin: 0; } .int_collage .flex-control-nav { right: 0; left: 0; display: block; position: absolute; z-index: 3; top: 10px; bottom: auto; margin: 0 auto; text-align: center; } .int_collage .flex-control-nav li { display: inline-block; float: none; } .int_collage .flex-control-nav a { height: 15px; width: 15px; border-radius: 50%; background: transparent; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); margin: 0 3px; } .int_collage .flex-control-nav a.flex-active, .int_collage .flex-control-nav a:hover { background: #fff; border: 2px solid #fff; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .int_collage { overflow: hidden; /*.flex-direction-nav { a { top: @int-nav-arrows-top-desktop; margin: 0; -webkit-transform: scale(1); transform: scale(1); } }*/ } .int_collage .slides li { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; min-width: 100%; background: rgba(0, 0, 0, 0.7); } .int_collage .slides img { width: 100%; } .int_collage .slide_content { padding: 10px 30px 40px 30px; left: 0; bottom: 0; top: auto; right: 0; position: absolute; width: 100%; background: rgba(0, 0, 0, 0.7); } .int_collage .flex-control-nav { top: auto; bottom: 10px; left: 0; right: 0; } .top_col .int_collage { width: 100%; } #sitebody.standardlayout .top_col .int_collage:last-child, #sitebody.standardthreecolumnlayout .top_col .int_collage:last-child, #sitebody.twocolumnreverselayout .top_col .int_collage:last-child { padding-bottom: 0; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .int_collage .slide_title { font-size: 20px; max-height: 52px; } .int_collage .slide_description { font-size: 14px; max-height: 54.6px; } } /***75em = 1200px ***/ .vi-service-finder .filter-panel .filter-block[data-step]::after { background: #fff; } .vi-service-finder .filter-panel .filter-block[data-step].active::after { background: #29194a; color: #ffffff !important; } .vi-service-finder .filter-panel .filter-button.active .filter-button-link { color: #ffffff; background: #3A2369; } .business_box.mobile_list ul li li, .staff_box.mobile_list ul li li, .service_box.mobile_list ul li li, .faq_box.mobile_list ul li li { background: transparent none; border: 0; padding: 0; } .business_box.mobile_list .box_content > ul > li > a, .staff_box.mobile_list .box_content > ul > li > a { font-weight: bold; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .business_box.mobile_list .box_content > ul > li > a, .staff_box.mobile_list .box_content > ul > li > a { font-weight: 700; } } .staff_box .email_link { cursor: pointer; } .small_box.faq_box .box_content > ul > li { padding: 17px 7% 17px 16px; } .small_box.faq_box .box_content li:before, .small_box.faq_box .box_content li:after { display: none; } .small_box.faq_box .box_content .listfaq_a a { color: #006FA0; text-decoration: underline; display: inline; } .small_box.faq_box .box_content .listfaq_a a:hover { text-decoration: none; } .small_box.faq_box .box_content li:before, .small_box.faq_box .box_content li:after { display: none; } .listfaq_a_content { zoom: 1; } .listfaq_a_content:before { content: ''; display: block; } .listfaq_a_content:after { content: ''; display: table; clear: both; } .small_box.faq_box .box_content ul .listfaq_a_content a { font-weight: normal; display: inline; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .small_box.faq_box .box_content > ul > li { padding: 5px 0 7px 0; } .small_box.faq_box .box_content ul ul { margin-top: 0; padding-top: 0; } .small_box.faq_box .box_content ul ul li { border: 0; font-size: 110%; } .small_box.faq_box .listfaq_q_content { text-decoration: none; } .small_box.faq_box .listfaq_q_content:hover { text-decoration: underline; } .small_box.faq_box .box_content ul .listfaq_a_content a { font-size: inherit; font-weight: normal; text-decoration: underline; } .small_box.faq_box .box_content ul .listfaq_a_content a:hover { text-decoration: none; } .small_box.faq_box .box_content .listfaq_a { color: #5E636A; font-size: 0.875rem; } .small_box.faq_box .box_content .listfaq_a p, .small_box.faq_box .box_content .listfaq_a ul, .small_box.faq_box .box_content .listfaq_a ol, .small_box.faq_box .box_content .listfaq_a li, .small_box.faq_box .box_content .listfaq_a div, .small_box.faq_box .box_content .listfaq_a span { color: #5E636A; font-size: inherit; } } .service_box .box_content .toggle_service { background: none; border: 0 none; display: block; width: auto; margin: 0; overflow: hidden; padding: 0; text-indent: -9999em; vertical-align: top; position: absolute; top: 18px; bottom: 17px; left: 16px; right: 7%; z-index: 1; } .service_box .box_content .toggle_service:before { content: ""; background: #1E5E7B url(_gfx/int/+.png) 1px 1px no-repeat; border-radius: 50%; width: 16px; height: 16px; position: absolute; top: 4px; left: 0px; } .service_box .box_content .toggle_service.hide_service:before { background: #1E5E7B url(_gfx/int/-.png) 1px 1px no-repeat; } .small_box.service_box .box_content > ul > li > span { display: block; padding-left: 20px; line-height: 170%; } .service_box .box_content ul.service_list { margin: 0; padding: 2px 0 2px 20px; position: relative; z-index: 1; } .service_box .box_content ul.service_list li { padding: 2px 0; } .service_box .box_content ul.service_list li a { border-top: 0; font-weight: normal; line-height: 130%; } .service_box .box_content > ul > li { border-top: 0; padding-top: 18px; } .service_box .box_content > ul > li:first-child { border: 0; border-bottom: 1px solid #DADDE6; } .service_box .box_content > ul > li > span { font-weight: bold; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .service_box .box_content .toggle_service { top: 0px; bottom: 0px; left: 0px; right: 0; } .service_box .box_content .toggle_service:before { top: 9px; } .small_box.service_box ul li span { padding: 0; } } .twitter_feed, .facebook_feed { padding: 0 !important; } .twitter_feed ul li img, .facebook_feed ul li img { float: left; margin-right: 10px; margin-bottom: 5px; display: block; height: 50px; width: 50px; } .twitter_feed ul li span.box_date, .facebook_feed ul li span.box_date { float: right; font-size: 80%; text-transform: uppercase; margin-left: 5px; margin-right: 10px; } .twitter_feed ul li h4, .facebook_feed ul li h4 { line-height: 130% !important; margin: 0; font-size: inherit; } .twitter_feed ul li h4 a, .facebook_feed ul li h4 a, .twitter_feed ul li h4 a:hover, .facebook_feed ul li h4 a:hover { font-size: 100%; } .twitter_feed ul li a, .facebook_feed ul li a, .twitter_feed ul li a:hover, .facebook_feed ul li a:hover { text-decoration: none; font-size: 110%; } .twitter_feed ul li a span, .facebook_feed ul li a span, .twitter_feed ul li a:hover span, .facebook_feed ul li a:hover span { text-decoration: none; } .twitter_feed ul li p, .facebook_feed ul li p { margin: 0; font-size: 95%; padding: 0; border: 0; line-height: 130%; } .twitter_feed ul li p a, .facebook_feed ul li p a { font-size: 100%; display: inline; color: #006FA0; text-decoration: underline; font-weight: normal; } .twitter_feed ul li p a:hover, .facebook_feed ul li p a:hover { text-decoration: none; font-weight: normal; font-size: 100%; display: inline; color: #006FA0; } .twitter_feed .box_bottomlink:after, .facebook_feed .box_bottomlink:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #5C5C5C; position: absolute; left: auto; right: 13px; top: 0; bottom: 0; margin: auto; vertical-align: middle; } .twitter_feed ul li h4 span { display: block; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #sitebody .twitter_feed, #sitebody .facebook_feed { padding: 0; box-shadow: 0 0 0; overflow: visible; } #sitebody .twitter_feed ul, #sitebody .facebook_feed ul { padding: 7px 15px 0 16px; } #sitebody .twitter_feed ul li .box_date, #sitebody .facebook_feed ul li .box_date { margin-right: 0; } #sitebody .twitter_feed ul li h4, #sitebody .facebook_feed ul li h4 { font-size: 0.9375rem; } #sitebody .twitter_feed ul li h4 a, #sitebody .facebook_feed ul li h4 a, #sitebody .twitter_feed ul li h4 a:hover, #sitebody .facebook_feed ul li h4 a:hover { color: #222B31; font-weight: 700; font-family: 'Arimo', sans-serif; text-decoration: none; } #sitebody .twitter_feed ul li h4 a span, #sitebody .facebook_feed ul li h4 a span, #sitebody .twitter_feed ul li h4 a:hover span, #sitebody .facebook_feed ul li h4 a:hover span { color: #222B31; font-weight: 700; } #sitebody .twitter_feed ul li h4 a:hover, #sitebody .facebook_feed ul li h4 a:hover { text-decoration: underline; } #sitebody .twitter_feed ul li p, #sitebody .facebook_feed ul li p { font-size: 0.875rem; color: #5E636A; } #sitebody .twitter_feed .box_bottomlink, #sitebody .facebook_feed .box_bottomlink { margin-right: 10px; } #sitebody .twitter_feed .box_bottomlink:after, #sitebody .facebook_feed .box_bottomlink:after { display: none; } } #sitebody.splash_page { overflow: hidden; max-width: 100%; padding: 10px; word-wrap: break-word; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #sitebody.splash_page { display: block; background: transparent !important; max-width: 1024px; max-width: 1302px; border-radius: 0px; margin: 15px auto 15px auto; padding: 150px 0 0 0 !important; min-height: 500px; /*.form_button { background: @header-background-color !important; color: contrast(@header-background-color) !important; &:hover { background: lighten(@header-background-color,10%) !important; } }*/ } } .broken_links_reporter { word-wrap: break-word; } .error_recaptcha_field { margin: 10px 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .broken_links_reporter.broken_links_reporter { margin: 0; } } .web_site_account_unconfirm_message_container { padding: 10px 0 1px 20px; } .my_dashboard_page .dashboard_block_wrapper .dashboard_block .block_title { background-color: #1E5E7B; } .sso_login_container .sso_login_box { max-width: 100%; min-height: 180px; padding: 15px; border: 1px solid #d0d0d0; margin: 15px 20px 0 0; float: left; width: 100%; } .sso_login_container #sso_login_form ol.formlist .sso_login_email input[type="text"] { width: 100%; } .sso_login_container .panel-body { padding: 0; } .sso_login_container .validation-summary-errors .panel-body ul li a { color: #aa0823; } .sso_login_container .social_account_login_list > li > a { width: 100%; } .sso_login_container .social_account_login_box { width: 100%; padding: 15px; margin: 15px 10px 0 0; } .sso_login_container .social_account_login_box label { margin: 0; } .sso_login_container .social_account_login_box li { margin-bottom: 5px !important; } .sso_login_container li.sso_login_password { display: table; width: 100%; margin-bottom: 8px; } .sso_login_container li.sso_login_password input#SsoLoginPassword { display: table-cell; width: 74%; height: 30px; } .sso_login_container li.sso_login_password input.command.primary.log_in_button { display: table-cell; width: 25%; margin-left: 1%; padding-left: 0; padding-right: 0; font-size: 13px !important; height: 30px; border: 0 !important; } .sso_login_container .sso_login_title { text-align: center; font-weight: bold; text-transform: capitalize; letter-spacing: 0px; } .sso_login_container .sso_login_hint { text-align: center; font-size: 17px; font-weight: 500; } .sso_login_container .sso_login_hint label { font-weight: 500; } .sso_login_container li.sso_keep_logged { display: flex; align-items: center; padding: 0 !important; } .sso_login_container li.sso_keep_logged input[type=checkbox]#KeepLogged { margin-top: 0; } .sso_login_container li.sso_keep_logged label { margin: 0 !important; } .sso_login_container .panel-heading, .sso_login_container .panel-body, .sso_login_container .sso_login_box .formlist li a, .sso_login_container li.sso_keep_logged label { font-size: 15px; } .sso_login_container .panel-heading, .sso_login_container .panel-body { padding: 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sso_login_container { max-width: 670px; margin: 0 auto; } .sso_login_container .sso_login_header, .sso_login_container .sso_login_hint { text-align: center; } .sso_login_container .content_area { padding-left: 0 !important; padding-right: 0 !important; } .sso_login_container .content_area .sso_login_form_box { display: -ms-flexbox; display: -webkit-flex; display: flex; } .sso_login_container .content_area .sso_login_box { margin: 15px 2% 0 0; width: 48%; max-width: 400px; min-height: 0; } .sso_login_container .content_area .social_account_login_box { margin-left: 2%; width: 48%; min-height: 0; } } .search .paging span a:hover { background: #1E5E7B; } .vision_search .search_button { width: auto; min-width: 0; } .vision_search .advanced_searchbox input.textfield { height: auto; min-height: 17px; } .vision_search .search_panel { float: none; width: 100%; } .vision_search .search_panel .vision_search_arrow { cursor: pointer; display: block; } .vision_search .search_panel .vision_search_arrow_down { border-top: 10px solid #fff; } .vision_search .search_panel .vision_search_arrow_up { border-bottom: 10px solid #fff; } .vision_search .search_panel .search_options_link { padding-right: 10px; margin: 0 !important; width: 100%!important; } .vision_search .search_panel .advanced_searchbox.normal .sort_by_label, .vision_search .search_panel .advanced_searchbox.normal .items_per_page_label { width: auto; } .vision_search .search_panel .search_container { width: 100% !important; margin: 0 !important; } .vision_search .search_panel div.search_features { border: 1px solid #DADDE6; border-left: 0; border-right: 0; margin-left: 0; background: #fff; clear: both; min-height: 0px; margin-top: 0; width: 100%; } .vision_search .search_panel div.search_features .advanced_searchbox.normal { float: none; height: auto; min-width: 0px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .sort_by_label, .vision_search .search_panel div.search_features .advanced_searchbox.normal .items_per_page_label { display: block; margin-top: 4px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .normal { float: left; min-width: 140px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .search_per_page, .vision_search .search_panel div.search_features .advanced_searchbox.normal .advanced_searchbox_sort_by_container { float: none; } .vision_search .search_panel div.search_features .advanced_searchbox > div > p { height: auto; } .vision_search .search_panel div.search_features .basic_searchbox { float: none; } .vision_search .search_panel .search_result, .vision_search .search_panel .search_result_alternate { padding: 0 10px 20px; } .vision_search .search_panel .search_result_url { word-wrap: break-word; } .vision_search .search_panel .popular_searches_box > p.popular_searches_box_title { padding-left: 10px; } .vision_search .search_panel .popular_searches_box > div { padding: 10px; } .vision_search .search_panel .search_summary { padding-left: 10px; } .vision_search .search_filters { float: none; margin: 25px 0 10px 0 !important; width: 100% !important; } .vision_search .search_filters .search_filter { border: 0px; border-bottom: 1px solid #DADDE6; margin-bottom: 10px; padding: 0; box-shadow: 0 0 0; width: 100%; background: transparent; } .vision_search .search_filters .search_filter:before { display: none; } .vision_search .search_filters .search_filter label { display: inline; } .vision_search .search_filters .search_filter .filter_header { color: #fff; background: #1E5E7B; border-bottom: 0; padding: 7px 10px; position: relative; margin: 0; } .vision_search .search_filters .search_filter ol { padding: 0px 15px; } .vision_search .advanced_searchbox_sort_by_container { margin-right: 10px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .vision_search { margin: 12px 20px; } .vision_search .search_panel > div.search_filters, .vision_search .search_panel > div:not(.search_filters) { margin: 0 !important; } .vision_search .search_panel div.search_features { border: 1px solid #E4E4E4; background: #fff; color: #5E636A; } .vision_search .search_panel div.search_features .advanced_searchbox.normal { float: right; height: auto; min-width: 350px; width: auto; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .sort_by_label, .vision_search .search_panel div.search_features .advanced_searchbox.normal .items_per_page_label { display: inline-block; margin-top: 0px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal select { max-width: 110px; width: 110px; min-width: 0; line-height: 28px !important; height: 28px !important; } .vision_search .search_panel div.search_features .advanced_searchbox.normal select.items_per_page { width: 50px; } .vision_search .search_panel div.search_features .advanced_searchbox.normal .search_per_page, .vision_search .search_panel div.search_features .advanced_searchbox.normal .advanced_searchbox_sort_by_container { float: right; line-height: 28px; margin-bottom: 0; } .vision_search .search_panel div.search_features .basic_searchbox { float: left; margin-bottom: 0; } .vision_search .search_panel .popular_searches_box > p.popular_searches_box_title { padding-left: 0px; } .vision_search .search_panel .popular_searches_box > div { padding: 0 0 10px 0; } .vision_search .search_panel .search_result, .vision_search .search_panel .search_result_alternate { padding: 0 0 20px; } .vision_search .search_panel .search_summary { padding-left: 0px; } .vision_search .search_panel .search_options_link { margin-right: 0px; } .vision_search .search_filters .search_filter { border: 0px; } .vision_search .search_filters .search_filter .filter_header { color: #fff; background: #1E5E7B; } .vision_search .search_filters .search_filter ol { padding: 0px 15px 10px; color: #222B31; } .vision_search .search_panel > div.search_filters .search_filter { padding-right: 0px; } .advanced_searchbox.normal .advanced_searchbox_sort_by_container { width: auto; } .advanced_searchbox.normal .search_per_page, .advanced_searchbox.normal .sort_by_label, .advanced_searchbox.normal .items_per_page_label { width: auto; } } @media only screen and (min-width: 68em) { .vision_search .search_panel > div, .vision_search .search_panel .search_container { width: 70% !important; } .vision_search .search_panel .search_filters { width: 26% !important; margin: 0 0 10px 0 !important; } .vision_search .search_panel .search_filters .search_filter { margin-top: 0; } .vision_search .search_panel > div.loading.mask { width: 100% !important; } .vision_search .vision_search_arrow { top: 10px; } } #cse input.gsc-search-button { background: #1E5E7B !important; color: #fff !important; } #cse * { box-sizing: content-box; } #cse .gsc-control-cse { zoom: 1; background: transparent !important; padding: 0 !important; border: 0px !important; } #cse .gsc-control-cse:before { content: ''; display: block; } #cse .gsc-control-cse:after { content: ''; display: table; clear: both; } #cse .gsc-tabsArea { border-bottom: 1px solid #DADDE6 !important; } #cse .gsc-tabHeader { margin-left: 10px; border: 1px solid #DADDE6 !important; border-bottom: 0 !important; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #fff !important; } #cse .gsc-tabHeader.gsc-tabhActive, #cse .gsc-tabHeader:hover { background: transparent !important; } #cse .gsc-refinementHeader { border: 1px solid #DADDE6 !important; background: #fff !important; } #cse .gsc-refinementHeader.gsc-refinementhActive, #cse .gsc-refinementHeader:hover { background: transparent !important; } #cse .gsc-result { border: 0px !important; } #cse .gsc-result .gs-result > * { padding: 0 !important; margin: 0 !important; } #cse input[type=image].gsc-search-button { background: #1E5E7B !important; border: 2px solid transparent !important; box-sizing: content-box; } #cse .gsc-option-menu-item { background: gray; } #cse .gsc-option-menu, #cse .gsc-selected-option-container { background: whiteSmoke !important; border-radius: 2px 2px 2px 2px; } .accordion_widget .accordion-title.accordion-title.ui-accordion-header, .accordion_widget .accordion-title.ui-accordion-header.ui-accordion-header-active, .accordion_widget .accordion-title.accordion-title.ui-state-hover { background-color: #1E5E7B; color: #ffffff; } .accordion_widget .accordion-item.ui-accordion-content { color: #5E636A; border: 0px solid #DADDE6; background-color: #fff; } .accordion_widget .accordion-item .accordion-heading .icon i { display: none !important; border-color: #fff !important; } .accordion_widget .accordion-item > .accordion-heading { background-color: #1E5E7B; color: #fff; } .accordion_widget .accordion-item > .accordion-heading:before { content: '+'; position: absolute; left: auto; right: 20px; top: auto; bottom: auto; margin: auto; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 110%; font-weight: normal; } .accordion_widget .accordion-item.state-open > .accordion-heading:before { content: '-'; font-size: 150%; top: 0; } .accordion_widget.mn-accordion .accordion-item { margin-bottom: 10px; } .accordion_widget.mn-accordion .accordion-item > .accordion-heading { font-family: 'Arimo', sans-serif; background-color: #1E5E7B; color: #ffffff; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.54px; } .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading, .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover { background-color: #1E5E7B !important; color: #fff !important; font-size: 1.125rem; } .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading:before, .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover:before, .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading:after, .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover:after { color: #fff; } .accordion_widget.mn-accordion .accordion-item > .accordion-content { color: #5E636A; border: 0px solid #DADDE6; background-color: #fff; } .LBD_CaptchaDiv { max-width: 100%; } .LBD_CaptchaDiv .LBD_CaptchaImageDiv { max-width: 87%; } .LBD_CaptchaDiv .LBD_CaptchaImageDiv a { max-width: 100%; } .LBD_CaptchaDiv .LBD_CaptchaImageDiv img { border: 1px solid #d0d0d0 !important; } .LBD_CaptchaDiv > div.LBD_CaptchaImageDiv:first-child { border: 0; } .LBD_CaptchaIconsDiv { margin-left: 3px !important; } #recaptcha_image { overflow: hidden; } .content-filter-widget .searchicon.searchicon.searchicon, .content-filter-widget .searchicon.searchicon.searchicon:hover { background: transparent url("_gfx/cmn/search_filter_bg.png") no-repeat scroll 0 center !important; } .content-filter-widget.content-filter-widget { z-index: auto !important; } .document_widget { margin-bottom: 17px; } .document_widget li { position: relative; } .document_widget li img { position: absolute; left: 0; top: 0px; margin-top: 0; } .document_widget li a { padding-left: 21px; display: block; } .doc_folder_img { float: left; } .document_folder_box .content_link, .document_list_box .content_link { max-width: 100%; word-wrap: break-word; } .document_list_box.document_list_box > a[name]:before, .document_folder_box.document_folder_box > a[name]:before { display: none; } .document_list_box.document_list_box .no-results, .document_folder_box.document_folder_box .no-results { padding: 10px 0 10px 16px; display: block; color: #222B31; font-weight: 700; font-size: 0.9375rem; } .document_folder_box .document_breadcrumb { margin-left: 16px; margin-top: 8px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .document_list_box.document_list_box .no-results, .document_folder_box.document_folder_box .no-results { padding-left: 0; } .document_folder_box .document_breadcrumb { margin-left: 0px; margin-top: 0; } } .downloadmessage { padding-bottom: 5px; } .downloadmessage img { margin: 2px; } .eNotification_widget .form_label { width: 250px; } #sitebody .checkboxlist-container .enotification_cats_list.formlist li { width: 31.3% !important; } #sitebody .checkboxlist-container label, .front_end_body .enotification_widget_category_checkboxlist label { width: calc(100% - 40px) !important; white-space: normal; } #sitebody .checkboxlist-container .formlist li { width: 31.3% !important; margin-left: -3px; padding-left: 2% !important; } #sitebody .checkboxlist-container .formlist li:nth-child(3n+4), #sitebody .checkboxlist-container .formlist li:first-child { padding-left: 0% !important; width: 33.3% !important; } .enotification_cats_list li > a { float: left; } .enotification_cats_list li > a.email_btn, .legend_info a.email_btn, .enotification_cats_list li > a, .legend_info a { width: 19px; background-position: 0 center; } .facility_directory_widgets .facility_detail_page .facility_item_header, .facility_directory_widgets .listtype_listformated .facility_item_header { background: transparent !important; margin: 0; } #sitebody .facility_directory_widgets .facility_item_infos2 span.item_label, #sitebody .facility_directory_widgets .facility_item_infos1 span.item_label, #sitebody .facility_directory_widgets .facility_item_infos2 span.item_value, #sitebody .facility_directory_widgets .facility_item_infos1 span.item_value { color: #5E636A; } .sitewrapper .content_area .facility_mapmarker_infos a.phone_link, .sitewrapper .content_area .facility_mapmarker_infos a.phone_link:hover { color: #5E636A; } .facility_directory_map_view_widget .multicats_container ol li input, .facility_directory_map_view_widget .multicats_container ol li span.catimage_holder { float: left; } .facility_directory_map_view_widget .multicats_container ol li input { height: 18px; } #sitebody .facility_directory_map_view_widget .multicats_container ol li input + label { width: calc(100% - 52px) !important; } .facility_directory_widgets .listtype_listformated .facility_item_header h2 { margin: 0; } .facility_directory_widgets .listtype_listformated .facility_item_header a.facility_item_name, .facility_directory_widgets .facility_detail_page .facility_item_header h2.facility_item_name { color: #5E636A; padding: 5px 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .facility_directory_widgets .listtype_listformated a.facility_item_photo_link, .facility_directory_widgets .facility_detail_page .facility_item_photo { max-width: 350px; width: 50%; } #sitebody .facility_directory_widgets .facility_item_infos1, #sitebody .facility_directory_widgets .facility_item_infos2 { width: 25%; margin: 0; padding-left: 15px; } } .onecolumnlayout .top_col figure.vi-fullwidth-banner:first-of-type, .twocolumnswithbottomlayout .top_col figure.vi-fullwidth-banner:first-of-type, .threecolumnswithbottomlayout .top_col figure.vi-fullwidth-banner:first-of-type { margin-top: -7.8125vw; } #sitebody .vi-fullwidth-banner.vi-fullwidth-banner { min-width: 100vw; } .faq_header { color: #222B31; font-size: 108% !important; } .faqtab_section { border: 1px solid #1E5E7B; background: #fff; color: #5E636A; } .faqtab_section td, .faqtab_section label { color: #5E636A; } .faqtab_section h1, .faqtab_section h2, .faqtab_section h3, .faqtab_section h4, .faqtab_section h5, .faqtab_section .subtitle { color: #5E636A; } .faq_tab_nav li a { color: #006FA0; } .faq_tab_nav li a.active_faqtab { border: 1px solid #1E5E7B; border-right: 1px solid #fff; background: #fff; color: #5E636A; border-left: 5px solid #1E5E7B; } h3.faqtab_question, .faqtab_popup { color: #5E636A; } h3.faqtab_question:before, .faqtab_popup:before { background: #1E5E7B; color: #fff; line-height: 1.2em; width: 1.2em; height: 1.2em; border-radius: 50%; } .faqtab_section h3.faqtab_question { color: #5E636A; } .faq_mobile_nav { z-index: 1; } .faq_mobile_nav select { border: 1px solid #1E5E7B !important; border-bottom: 0px !important; } .viClientDialog .faq_container_dialog { color: #404040; padding-top: 10px; padding-bottom: 15px; } .viClientDialog .faq_container_dialog .listfaq_q { font-size: 110%; } .listfaq_q > h2, .listfaq_q > h3 { color: #006FA0; } .listfaq_q.listfaq_q > h2 { font-size: -8.5rem; } .listfaq_q.listfaq_q > h3 { font-size: 100%; text-decoration: underline; color: #006FA0; } .listfaq_q.listfaq_q > h3:hover { text-decoration: none; } .listfaq_answers .listfaq_q a[name]:before { display: none; } .listfaq_answers .faq_header + ul { margin-bottom: 20px; } .form_survey_widget .answer_container textarea { min-width: 0; width: 100%; } .front_end_body .form_survey_widget .formlist, .sitewrapper .form_survey_widget .formlist { width: 100%; } .recaptcha { width: auto !important; } .form_survey_widget .answer_container .form_answers_edit_table { display: table; width: 100%; } .form_survey_widget .answer_container { overflow-y: hidden; overflow-x: auto; margin: 0 0 5px 5px; } .question_container .question_content p { margin: 0; } .form_submit_container .recaptcha_container { margin: 20px 0 0; } .form_survey_widget .command_box.form_submit_footer { padding-top: 20px; margin-top: 0; clear: both; } .form_survey_widget .question_container .question_content .question_text_container { display: inline; } .form_survey_widget label:empty, .form_submit_header:empty { display: none; } .form_survey_widget .question_container.static_text { margin-top: 0px; padding: 0 5px; } .form_survey_widget .answer_container input.voter_input.selection_other { margin-top: 3px; margin-left: 22px; } .form_survey_widget .form_submit_container .form_answers_edit_table td input.voter_input[type="radio"] { margin-left: 0px; } .form_survey_widget.form_survey_widget .single_matrix label { width: auto; } div.file_input_item > input.file_input_ori { top: 0; } .form-phone { width: 135px!important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .form_survey_widget .command_wrapper { border: 1px solid transparent; height: 20px; margin: 5px 0; width: auto; } .form_survey_widget .command_wrapper:hover { background: transparent; border-color: #DADDE6; border-radius: 10px; } } /****image widget*******/ .image_widget { margin: 0; overflow: hidden; position: relative; display: block; width: 100%; z-index: 5; } .no_image.image_widget { display: none; } .small_col .image_widget, .standardlayout .left_col .image_widget, .standardthreecolumnlayout .left_col .image_widget { clear: both; width: 100%; max-width: 100%; margin-bottom: 17px; } .small_col .image_widget { width: 89.6% !important; margin: 0px auto 17px auto; } .image_rotate_container { left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .image_rotate_container.current { opacity: 1; z-index: 5; } .image_rotate_container.prev { z-index: 4; } .image_widget img { display: block; width: 100%; } .image_rotate_caption { position: absolute; bottom: 0px; opacity: 0.8; color: #ffffff; background: #222222; display: block; width: 96%; text-align: center; padding: 5px 2%; min-height: 20px; line-height: 100%; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .image_widget .image_rotate_container { background: transparent !important; } #sitebody.standardlayout .top_col .image_widget:last-child, #sitebody.standardthreecolumnlayout .top_col .image_widget:last-child, #sitebody.twocolumnreverselayout .top_col .image_widget:last-child { padding-bottom: 0; } } #alert_controls { overflow: visible; font-size: 0; text-decoration: none; } #alert_controls:before { font-family: Glyphicons Halflings; content: "\e258\e258"; -webkit-transform: rotate(-90deg) scale(1, 1.5); -ms-transform: rotate(-90deg) scale(1, 1.5); -moz-transform: rotate(-90deg) scale(1, 1.5); transform: rotate(-90deg) scale(1, 1.5); display: block; letter-spacing: -3px; font-weight: bold; color: #222B31; text-decoration: none; text-indent: 0; margin-top: 7px; font-size: 8px; } #alert_controls.hide { background: #FFC982; display: block !important; /*overwrite bootstrap .hide class*/ } #alert_controls.hide:hover { bottom: 5px; height: 30px; width: 28px; } #alert_controls.hide:after { content: "Hide"; background: #FFC982; color: #222B31; position: absolute; border-radius: 5px; text-indent: 0; display: none; padding: 3px 6px 0px; right: 2px; font-size: 0.875rem; top: 43px; font-family: inherit; font-weight: 600; } #alert_controls.hide:hover:after { display: block; } #alert_controls.hide + .important_alert_wrapper:before { position: absolute; right: 8px; bottom: -10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #FFC982; content: ""; display: none; } #alert_controls.hide:hover + .important_alert_wrapper:before { display: block; } #alert_controls.show { background: #FFC982; border-bottom-left-radius: 5px; width: 28px; height: 30px; } #alert_controls.show:hover { width: 28px; } #alert_controls.show:before { -webkit-transform: rotate(90deg) scale(1, 1.6); -ms-transform: rotate(90deg) scale(1, 1.6); -moz-transform: rotate(90deg) scale(1, 1.6); transform: rotate(90deg) scale(1, 1.6); margin-top: 15px; margin-left: 16px; height: 0; } #alert_controls.show:after { content: "Show"; background: #FFC982; color: #222B31; position: absolute; border-radius: 5px; text-indent: 0; display: none; padding: 3px 6px 0px; right: 37px; font-size: 0.875rem; top: 5px; font-family: inherit; font-weight: 600; } #alert_controls.show:hover:after { display: block; } .alert_right { background: none; } .alert_container:before { content: ""; top: 4px; left: auto; position: absolute; right: 27px; bottom: 4px; z-index: -1; width: 1px; height: auto; border-right: 1px solid rgba(34, 43, 49, 0.25); z-index: 5; } .alert_container { background-image: none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); padding: 0; margin: 0; z-index: 20; } .alert_container.alert--closed:after { position: absolute; right: 30px; top: 10px; width: 0; height: 0; border-left: 7px solid #FFC982; border-bottom: 7px solid transparent; border-top: 7px solid transparent; content: ""; display: none; } .alert_container #alert_controls:focus { outline: auto; outline-style: inset; } .alert_container.alert--closed:hover:after { display: block; } .alert_container.alert--closed:hover #alert_controls.show:after { display: block; } .alert_container .important_alert_wrapper { background: #FFC982; } .alert_container .important_alert, .alert_container .important_alert h1, .alert_container .important_alert h2, .alert_container .important_alert h3, .alert_container .important_alert h4, .alert_container .important_alert h5, .alert_container .important_alert a, .alert_container .important_alert .subtitle { color: #222B31; } .alert_container .important_alert h2 { font-size: 160%; } .alert_container .important_alert h2:first-child { display: inline; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; font-weight: 600; font-size: 100%; } .alert_container .important_alert { font-size: 0.875rem !important; font-weight: 600 !important; } .alert_container .important_alert p { display: block; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .alert_container .important_alert { font-size: 0.875rem !important; line-height: 1.3 !important; margin: 0 auto; overflow: hidden; padding: 0; max-width: 1024px; letter-spacing: 0.42px; max-width: 1302px; } } .jobs_widget .detail-list-label, .jobs_widget .custom_fields label { width: 150px; } .meeting_widget .detail-list-value { white-space: nowrap; } .widget_container_div { border: 1px solid #DADDE6; background: #fff; } .small_box.meeting_box { background: transparent none; border: 0; padding: 0; } .small_box.meeting_box h1.mobile_header { display: none; } .small_box.meeting_box .box_header { margin: 0; padding: 0; border: none; } .small_box.meeting_box .box_title { /*width: 100%;*/ color: #fff !important; font-weight: 700 !important; line-height: 120%; font-size: 1.125rem !important; height: auto; padding: 8px 15px 8px 15px; text-align: left; display: block; text-transform: uppercase; background: #1E5E7B; margin: -1px -1px 0 -1px; font-family: 'Arimo', sans-serif; } .small_box.meeting_box .mobile_list .box_content > ul > li > a, .staff_box.mobile_list .box_content > ul > li > a { font-weight: bold; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .small_box.meeting_box .mobile_list .box_content > ul > li > a, .staff_box.mobile_list .box_content > ul > li > a { font-weight: 700; } } span.sticky { display: block; float: left; padding-left: 15px; background: url(_gfx/cmn/pin.gif) 0 0 no-repeat; } .news_widget .list-main > li { background: rgba(30, 94, 123, 0.06); margin-bottom: 10px; } .front_end_body form .command_box { padding-left: 0; } .poll_widget .poll_vote_view .command_box a.viewVoteResultLink { font-weight: bold; } .poll_widget .poll_vote_result_view .poll_answers .graphic_line .graphic_percent { background: #1E5E7B; } .poll_widget .poll_vote_result_view .poll_answers .graphic_line { border: 1px solid #1E5E7B; } .slideshow_link a { color: #fff !important; } .photo_album_widget .standard_list ul li:hover { background: transparent; cursor: default; } .photo_album_widget .ad-gallery { position: relative; z-index: 1; } .slideshow_link { background: #1E5E7B !important; color: #fff !important; } .ad-gallery.ad-gallery .ad-image-wrapper .ad-image { z-index: 3; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { width: auto !important; right: 3px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .ad-preloads { display: none; } } .rss_feeds_content_type a.rss_link { background: none; position: relative; } .rss_feeds_content_type a.rss_link:before { position: absolute; content: ""; left: 0; top: 0px; width: 15px; height: 15px; background: url(_gfx/int/title_icons.png) 0 -15px no-repeat; } .rss_feeds_content_type .rss_feeds_content_type_title { border-bottom: 1px solid #DADDE6; } .rss_feeds_content_type .content_type_name { color: #222B31; font-size: 120%; } .rss_feed_content .item_graytext { margin-left: 10px; } .service_directory_widget .listtable th:last-child { text-align: center; width: 100px; } .service_directory_widget .listtable th:first-child { text-align: center; width: 33%; } .service_directory_widget .listtable { table-layout: fixed; } .column.sortable_col .service_directory_widget .listtable { table-layout: auto; } .service_request_widget fieldset.upload_container { display: block; } .service_request_widget fieldset.upload_container legend { display: block; } .service_request_widget legend { color: #222B31; font-weight: bold; text-decoration: none; } /** header colors **/ .service_request_post_listable th { background: #1E5E7B !important; color: #fff !important; } .service_request_widget .service_request_category > h2 { font-size: 100%; } .sitemap_col .root-level a { color: #222B31; font-weight: bold; text-decoration: none; } .sitemap_widget .siteMapCategoryView > .sitemap_col ul li a { max-width: 100%; padding-right: 5px; } .sitemap_col { width: 100% !important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sitemap_col { width: 50% !important; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .sitemap_col { width: 33% !important; } } .staff_directory_widget .listtable th:last-child { text-align: center; } .staff_directory_widget .listtable th:last-child:hover { text-align: center; } .staff_directory_widget > img { margin-right: 10px; } .staff_directory_widget .detail-list-label { width: 175px; } .tabbed_widget { font-family: 'Arimo', sans-serif !important; } .tabbed_widget .tab-title .ui-tabs-anchor { color: #5E636A; background-color: transparent; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.54px; } .tabbed_widget .ui-tabs-tab.ui-tabs-active.ui-state-active, .tabbed_widget .tab-title.ui-state-hover { border-color: #DADDE6; color: #fff !important; background-color: #1E5E7B; } .tabbed_widget .ui-tabs-tab.ui-tabs-active.ui-state-active .ui-tabs-anchor, .tabbed_widget .tab-title.ui-state-hover .ui-tabs-anchor { color: #fff !important; } .tabbed_widget .tab-title.ui-state-hover { color: #5E636A !important; background-color: transparent; } .tabbed_widget .tab-title.ui-state-hover .ui-tabs-anchor { color: #5E636A !important; } .tabbed_widget .ui-tabs-tab.ui-state-default { background-color: #FFFFFF; padding-bottom: 0.5em; } .tabbed_widget .tab-item.ui-widget-content { border-color: #DADDE6; background-color: #fff; border-top-color: #1E5E7B; border-top-width: 2px; border-bottom: none; border-left: none; border-right: none; } #top_bar > * { font-size: 90%; } #top_bar li a.admin_more { box-sizing: content-box; } .desktop_only { display: none !important; } @media screen and (min-width: 48em) { .mobile_only { display: none !important; } .desktop_only { display: block !important; } } .hidden[style*="block"] { display: block !important; } div#google-infowindow *, div#google-infowindow *:before, div#google-infowindow *:after { background: #fff !important; } .notranslate { background: transparent !important; } .hide-text-indent { min-width: 0 !important; } .column #sitebody.splash_page { width: 100%; } .t1_home_spotlight_1 { overflow: visible; background: transparent; font-size: 1rem; font-weight: normal; color: #C1D1D6; font-family: inherit; line-height: 1.75rem; text-align: center; position: relative; float: left; } .t1_home_spotlight_1:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: url(_gfx/t1/hero-bg.jpg) center center no-repeat; background-size: cover; display: block; z-index: 0; } .t1_home_spotlight_1 .spotlight-container { margin: 3.125rem 0.625rem; padding: 0 0 1.875rem 0; position: relative; background: rgba(0, 0, 0, 0.65); min-height: 22.5rem; zoom: 1; } .t1_home_spotlight_1 .spotlight-container:before { content: ''; display: block; } .t1_home_spotlight_1 .spotlight-container:after { content: ''; display: table; clear: both; } .t1_home_spotlight_1 h1, .t1_home_spotlight_1 h2, .t1_home_spotlight_1 h3, .t1_home_spotlight_1 h4, .t1_home_spotlight_1 h5 { margin: 0 0 1.5rem 0; font-size: 1.625rem; font-weight: 700; color: #FFFFFF; text-transform: none; font-family: 'Noto Serif', serif; background: transparent; padding: 0 1.25rem; line-height: 1.1; letter-spacing: 0.28px; } .t1_home_spotlight_1 a { color: #C1D1D6; text-decoration: underline; } .t1_home_spotlight_1 a:hover { text-decoration: none; } .t1_home_spotlight_1 p { margin: 0; padding: 0 1.25rem; } .t1_home_spotlight_1 .spotlight-image-frame { position: relative; height: 100%; width: 100%; margin-bottom: 1.25rem; } .t1_home_spotlight_1 img { display: block; border: 0px solid #fff; width: 100%; height: 100%; object-fit: cover; } .t1_home_spotlight_1 .box_bottomlink { color: #1E5E7B; font-size: 0.875rem; font-weight: bold; background: #E7EAF2; width: 13.25rem; height: 2.5625rem; line-height: 2.5625rem !important; font-family: inherit; text-transform: none; float: none; margin: 1.875rem auto 0; text-decoration: none; text-align: center; border: 0px solid transparent; border-radius: 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: table; overflow: hidden; padding: 0 0.625rem; } .t1_home_spotlight_1 .box_bottomlink:hover { color: #FFFFFF; text-decoration: none; background: #1E5E7B; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1_home_spotlight_1 { font-size: clamp(1.125rem, 1.0417rem + 0.1736vw, 1.25rem); text-align: left; } .t1_home_spotlight_1 .spotlight-container { position: relative; padding: 0 0 3.125rem 0; margin: 6.875rem 0; text-align: center; } .t1_home_spotlight_1 h1, .t1_home_spotlight_1 h2, .t1_home_spotlight_1 h3, .t1_home_spotlight_1 h4, .t1_home_spotlight_1 h5 { margin: 0 0 1.5rem 0; font-size: clamp(1.375rem, 0.9583rem + 0.8681vw, 2rem); } .t1_home_spotlight_1 .box_bottomlink { position: initial; margin: 3.125rem auto 0; font-size: clamp(0.875rem, 0.7917rem + 0.1736vw, 1rem); display: block; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .t1_home_spotlight_1 .spotlight-container { padding: 3.125rem 0 3.125rem 0; text-align: left; } .t1_home_spotlight_1 h1, .t1_home_spotlight_1 h2, .t1_home_spotlight_1 h3, .t1_home_spotlight_1 h4, .t1_home_spotlight_1 h5 { margin: 0 0 1.5rem 0; /*font-size: @one-t1-spotlight-h2-font-size; max-height: @one-t1-spotlight-h2-font-size * @one-t1-spotlight-h2-line-height * @one-t1-spotlight-h2-max-lines;*/ padding-right: 16%; padding-left: 0; margin-left: 34.125rem; } .t1_home_spotlight_1 p { padding-right: 16%; padding-left: 0; margin-left: 34.125rem !important; } .t1_home_spotlight_1 .spotlight-image-frame { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 30rem; margin-bottom: 0; } .t1_home_spotlight_1 .box_bottomlink { margin: 50px 0 0 0; margin-left: 34.125rem; } } @media (min-width: 85.375em) { .t1_home_spotlight_1 { font-size: clamp(1.125rem, 1.0417rem + 0.1736vw, 1.25rem); } } .t1_home_spotlight_2 { overflow: visible; background: transparent; font-size: 1rem; font-weight: normal; color: #5E636A; font-family: inherit; line-height: 1.875rem; text-align: center; position: relative; float: left; } .t1_home_spotlight_2:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #FFFFFF; display: block; z-index: 0; } .t1_home_spotlight_2 .spotlight-container { padding: 1.875rem 1.25rem 1.875rem; position: relative; zoom: 1; } .t1_home_spotlight_2 .spotlight-container:before { content: ''; display: block; } .t1_home_spotlight_2 .spotlight-container:after { content: ''; display: table; clear: both; } .t1_home_spotlight_2 h1, .t1_home_spotlight_2 h2, .t1_home_spotlight_2 h3, .t1_home_spotlight_2 h4, .t1_home_spotlight_2 h5 { margin: 0 0 1rem 0; font-size: 1.625rem; font-weight: 700; color: #222B31; text-transform: none; font-family: 'Noto Serif', serif; background: transparent; padding: 0; line-height: 1.1; letter-spacing: 0.28px; } .t1_home_spotlight_2 a { color: #5E636A; text-decoration: underline; } .t1_home_spotlight_2 a:hover { text-decoration: none; } .t1_home_spotlight_2 p { margin: 0; } .t1_home_spotlight_2 img { display: none; max-height: 16.25rem; max-width: 18.9375rem; border: 3px solid #fff; margin-bottom: 15px; } .t1_home_spotlight_2 .box_bottomlink { color: #1E5E7B; font-size: 0.875rem; font-weight: bold; background: #E7EAF2; width: 9.125rem; height: 2.5625rem; line-height: 2.5625rem !important; font-family: inherit; text-transform: none; float: none; margin: 1.875rem auto 0; text-decoration: none; text-align: center; border: 0px solid transparent; border-radius: 50px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: table; overflow: hidden; padding: 0 0.625rem; } .t1_home_spotlight_2 .box_bottomlink:hover { color: #FFFFFF; text-decoration: none; background: #1E5E7B; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1_home_spotlight_2 { font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem); text-align: left; } .t1_home_spotlight_2 .spotlight-container { position: relative; padding: 4.375rem 0; text-align: center; min-height: 14.375rem; } .t1_home_spotlight_2 h1, .t1_home_spotlight_2 h2, .t1_home_spotlight_2 h3, .t1_home_spotlight_2 h4, .t1_home_spotlight_2 h5 { margin: 0 0 1rem 0; font-size: clamp(1.375rem, 0.9583rem + 0.8681vw, 2rem); } .t1_home_spotlight_2 .box_bottomlink { position: initial; margin: 3.125rem auto 0; font-size: clamp(0.875rem, 0.7917rem + 0.1736vw, 1rem); display: block; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .t1_home_spotlight_2 .spotlight-container { padding: 4.125rem 0 4.625rem 0; text-align: left; } .t1_home_spotlight_2 h1, .t1_home_spotlight_2 h2, .t1_home_spotlight_2 h3, .t1_home_spotlight_2 h4, .t1_home_spotlight_2 h5 { margin: 0 0 1rem 0; /*font-size: @two-t1-spotlight-h2-font-size; max-height: @two-t1-spotlight-h2-font-size * @two-t1-spotlight-h2-line-height * @two-t1-spotlight-h2-max-lines;*/ padding-right: 25%; } .t1_home_spotlight_2 p { padding-right: 25%; } .t1_home_spotlight_2 .box_bottomlink { margin: 2.125rem 0 0 0; } } @media (min-width: 85.375em) { .t1_home_spotlight_2 { font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem); } } .t1_home_buttons_slider_1 { display: block; width: 100%; margin: 0 auto; float: none; clear: both; overflow: visible; padding: 15px 0px 15px 0px; background: transparent; margin: 0 0 0 0; position: relative; } .t1_home_buttons_slider_1:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: url(_gfx/t1/council_members-bg.jpg) center center no-repeat; background-size: cover; display: block; z-index: 0; } .t1_home_buttons_slider_1 h2.button-heading { position: relative; margin: 0; padding: 3.9375rem 0 0 0; display: block; text-align: center; font-family: 'Noto Serif', serif; font-size: 1.75rem; color: #FFFFFF; font-weight: bold; letter-spacing: 0.96px; text-shadow: 0px 0px 30px rgba(61, 14, 0, 0.51); } .t1_home_buttons_slider_1 .slick_content { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t1_home_buttons_slider_1 .slick_content.slick-initialized { opacity: 1; height: auto; } .t1_home_buttons_slider_1 .slick-list { width: auto; position: relative; overflow: hidden; margin: 0 6.25rem; padding: 3.125rem 0 0; } .t1_home_buttons_slider_1 .slick-slide { float: left; } .t1_home_buttons_slider_1 .item { float: left; height: auto; aspect-ratio: 1; padding: 0; margin-inline: 0; } .t1_home_buttons_slider_1 .button-link { display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 0.125rem 0; text-align: center; text-decoration: none; background: transparent; border: 0 solid #D3E0F5; border-radius: 0; box-shadow: 0px 0px 0 #00000026; width: 100%; height: auto; position: relative; bottom: 0; padding-bottom: 6.125rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t1_home_buttons_slider_1 .button-link:before { content: ''; position: absolute; left: 0; right: 0; top: auto; bottom: 0; width: 13.75rem; height: 15.9375rem; background: transparent radial-gradient(closest-side at 50% 50%, rgba(41, 15, 0, 0.65) 0%, rgba(41, 15, 0, 0) 100%) 0% 0% no-repeat padding-box; opacity: 1; display: block; z-index: -1; background-size: contain; margin: auto; } .t1_home_buttons_slider_1 .button-link:after { content: ''; position: absolute; left: 0; right: 0; top: auto; bottom: 0; width: 11.625rem; height: 0; margin: auto; z-index: -1; border-radius: 0; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; background: transparent linear-gradient(180deg, #006fa0 0%, rgba(0, 111, 160, 0) 100%) 0% 0% no-repeat padding-box; } .t1_home_buttons_slider_1 .button-link[href]:hover, .t1_home_buttons_slider_1 .button-link[href]:focus { text-decoration: none; background: transparent; box-shadow: 0 0 0 0 rgba(51, 51, 51, 0); border: 0 solid #FAAD6B; bottom: 1.25rem; } .t1_home_buttons_slider_1 .button-link[href]:hover:after, .t1_home_buttons_slider_1 .button-link[href]:focus:after { height: 18.625rem; opacity: 1; } .t1_home_buttons_slider_1 .button-link[href]:hover .button-img-wrap, .t1_home_buttons_slider_1 .button-link[href]:focus .button-img-wrap { bottom: 1.25rem; } .t1_home_buttons_slider_1 .button-link[href]:hover .button-title, .t1_home_buttons_slider_1 .button-link[href]:focus .button-title { color: #FFFFFF; } .t1_home_buttons_slider_1 .button-img-wrap { display: flex; justify-content: center; align-items: center; width: 100%; border-radius: 100%; position: relative; bottom: 0; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .t1_home_buttons_slider_1 .button-img { max-width: 11.875rem; max-height: 11.875rem; border-radius: 100%; } .t1_home_buttons_slider_1 .button-title { color: #FFFFFF; display: block; font-size: 1rem; font-weight: normal; font-family: inherit; text-transform: none; line-height: 1.2; width: 100%; margin: 0.625rem 0 0 0; padding-inline: 1em; position: relative; letter-spacing: 0.22px; } .t1_home_buttons_slider_1 .button-description { position: relative; margin-bottom: 0; color: #FFFFFF; font-size: 0.875rem; font-weight: normal; letter-spacing: 0.16px; } .t1_home_buttons_slider_1 .slick-prev, .t1_home_buttons_slider_1 .slick-next { width: 52px; height: 52px; margin: 0; display: block; position: absolute; top: calc(50% - 27px ); right: auto; left: 10px; cursor: pointer; text-indent: -9999px; z-index: 3; transform-origin: left; overflow: hidden; background: transparent; border: 0; border-radius: 50%; padding: 0; background: rgba(44, 16, 0, 0.69) url(_gfx/t1/ui-arrow-L.svg) center center no-repeat; background-size: auto 20px; box-shadow: 0px 0px 51px rgba(255, 255, 255, 0.1); } .t1_home_buttons_slider_1 .slick-prev:hover, .t1_home_buttons_slider_1 .slick-next:hover, .t1_home_buttons_slider_1 .slick-prev:focus, .t1_home_buttons_slider_1 .slick-next:focus { background-color: #DE596B; } .t1_home_buttons_slider_1 .slick-prev:before, .t1_home_buttons_slider_1 .slick-next:before { content: ""; display: none; left: 0; top: 0px; margin: auto; bottom: 0; right: 0; position: absolute; width: 24px; height: 24px; border-bottom: 4px solid #FFFFFF; border-left: 4px solid #FFFFFF; transform: rotate(45deg); transition: border-color 0.2s ease-in-out; } .t1_home_buttons_slider_1 .slick-prev:hover:before, .t1_home_buttons_slider_1 .slick-next:hover:before { border-color: #271942; } .t1_home_buttons_slider_1 .slick-next { transform-origin: right; left: auto; right: 10px; background: rgba(44, 16, 0, 0.69) url(_gfx/t1/ui-arrow-R.svg) center center no-repeat; background-size: auto 20px; } .t1_home_buttons_slider_1 .slick-next:before { transform: rotate(-135deg); top: 0px; left: 0; right: 0; } .t1_home_buttons_slider_1 .slick-disabled { cursor: default; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .t1_home_buttons_slider_1 .slick-disabled:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1_home_buttons_slider_1 { padding: 0px 0px 0px; margin: 0 0 0 0; } .t1_home_buttons_slider_1 h2.button-heading { font-size: clamp(2.375rem, 1.9583rem + 0.8681vw, 3rem); } .t1_home_buttons_slider_1 .slick-list { margin: 0 3.125rem; } .t1_home_buttons_slider_1 .button-title { font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); } .t1_home_buttons_slider_1 .button-description { font-size: clamp(0.875rem, 0.7917rem + 0.1736vw, 1rem); } .t1_home_buttons_slider_1 .slick-prev, .t1_home_buttons_slider_1 .slick-next { left: 2px; right: auto; } .t1_home_buttons_slider_1 .slick-next { right: 2px; left: auto; } } /***48em = 992px ***/ @media screen and (min-width: 62em) { .t1_home_buttons_slider_1 .slick-list { margin: 0 3.125rem; } } /***48em = 1200px ***/ @media screen and (min-width: 75em) { .t1_home_buttons_slider_1 .slick_content { margin: 0 0 0 0; } .t1_home_buttons_slider_1 .slick-list { margin: 0 6.25rem; } .t1_home_buttons_slider_1 .slick-prev:before, .t1_home_buttons_slider_1 .slick-next:before { width: 15px; height: 15px; border-bottom: 4px solid #FFFFFF; border-left: 4px solid #FFFFFF; } } .t1_home_buttons_slider_2 { display: block; width: 100%; margin: 0 auto; float: none; clear: both; overflow: visible; padding: 15px 0px 15px 0px; background: transparent; margin: 0 0 0 0; position: relative; } .t1_home_buttons_slider_2:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: url(_gfx/t1/cta-bg.jpg) center center no-repeat; background-size: cover; display: block; z-index: 0; } .t1_home_buttons_slider_2 .slick_content { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t1_home_buttons_slider_2 .slick_content.slick-initialized { opacity: 1; height: auto; } .t1_home_buttons_slider_2 .slick-list { width: auto; position: relative; overflow: hidden; margin: 0 5.875rem; padding: 5.25rem 0; } .t1_home_buttons_slider_2 .slick-slide { float: left; } .t1_home_buttons_slider_2 .item { float: left; height: auto; aspect-ratio: 1; padding: 0; margin-inline: 0; } .t1_home_buttons_slider_2 .button-link { display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 1em 0; text-align: center; text-decoration: none; background: transparent; border: 0 solid #D3E0F5; border-radius: 0; box-shadow: 0px 0px 0 #00000026; width: 100%; height: auto; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t1_home_buttons_slider_2 .button-link:before { content: ''; position: absolute; left: 0; right: 0; top: 145px; bottom: auto; margin: auto; width: 6.3125rem; height: 0.1875rem; background: #FFFFFF; border-radius: 2px; z-index: -1; opacity: 0; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .t1_home_buttons_slider_2 .button-link[href]:hover, .t1_home_buttons_slider_2 .button-link[href]:focus { text-decoration: none; background: transparent; box-shadow: 0 0 0 0 rgba(50, 157, 205, 0.96); border: 0 solid #FAAD6B; } .t1_home_buttons_slider_2 .button-link[href]:hover:before, .t1_home_buttons_slider_2 .button-link[href]:focus:before { opacity: 1; } .t1_home_buttons_slider_2 .button-link[href]:hover .button-img-wrap, .t1_home_buttons_slider_2 .button-link[href]:focus .button-img-wrap { background: rgba(30, 94, 123, 0.96); top: -20px; } .t1_home_buttons_slider_2 .button-link[href]:hover .button-title, .t1_home_buttons_slider_2 .button-link[href]:focus .button-title { color: #FFFFFF; bottom: -50px; } .t1_home_buttons_slider_2 .button-img-wrap { display: flex; justify-content: center; align-items: center; width: 100%; width: 11.875rem; height: 7.125rem; position: relative; top: 0; background: rgba(167, 0, 62, 0.5); -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .t1_home_buttons_slider_2 .button-img { max-width: 60px; max-height: 60px; position: relative; } .t1_home_buttons_slider_2 .button-title { color: #FFFFFF; display: block; font-size: 1rem; font-weight: normal; font-family: 'Noto Serif', serif; text-transform: none; line-height: 1.2; width: 100%; margin: 0; padding-inline: 1em; letter-spacing: 0.9px; position: relative; bottom: 0; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .t1_home_buttons_slider_2 .slick-prev, .t1_home_buttons_slider_2 .slick-next { width: 52px; height: 52px; margin: 0; display: block; position: absolute; top: calc(50% - 12px ); right: auto; left: 10px; cursor: pointer; text-indent: -9999px; z-index: 3; transform-origin: left; overflow: hidden; background: transparent; border: 0; border-radius: 50%; padding: 0; background: rgba(167, 0, 62, 0.5) url(_gfx/t1/ui-arrow-L.svg) center center no-repeat; background-size: auto 20px; } .t1_home_buttons_slider_2 .slick-prev:hover, .t1_home_buttons_slider_2 .slick-next:hover, .t1_home_buttons_slider_2 .slick-prev:focus, .t1_home_buttons_slider_2 .slick-next:focus { background-color: rgba(30, 94, 123, 0.96); } .t1_home_buttons_slider_2 .slick-prev:before, .t1_home_buttons_slider_2 .slick-next:before { content: ""; display: none; left: 0; top: 0px; margin: auto; bottom: 0; right: 0; position: absolute; width: 24px; height: 24px; border-bottom: 5px solid #3A2369; border-left: 5px solid #3A2369; transform: rotate(45deg); transition: border-color 0.2s ease-in-out; } .t1_home_buttons_slider_2 .slick-prev:hover:before, .t1_home_buttons_slider_2 .slick-next:hover:before { border-color: #271942; } .t1_home_buttons_slider_2 .slick-next { transform-origin: right; left: auto; right: 10px; background: rgba(167, 0, 62, 0.5) url(_gfx/t1/ui-arrow-R.svg) center center no-repeat; background-size: auto 20px; } .t1_home_buttons_slider_2 .slick-next:before { transform: rotate(-135deg); top: 0px; left: 0; right: 0; } .t1_home_buttons_slider_2 .slick-disabled { cursor: default; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .t1_home_buttons_slider_2 .slick-disabled:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1_home_buttons_slider_2 { padding: 0px 0px 0px; margin: 0 0 0 0; } .t1_home_buttons_slider_2 .slick-list { margin: 0 3.375rem; } .t1_home_buttons_slider_2 .button-title { font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); } } /***48em = 992px ***/ @media screen and (min-width: 62em) { .t1_home_buttons_slider_2 .slick-list { margin: 0 4rem; } } /***48em = 1200px ***/ @media screen and (min-width: 75em) { .t1_home_buttons_slider_2 .slick_content { margin: 0 0 0 0; } .t1_home_buttons_slider_2 .slick-list { margin: 0 5.875rem; } .t1_home_buttons_slider_2 .slick-prev:before, .t1_home_buttons_slider_2 .slick-next:before { width: 15px; height: 15px; border-bottom: 2px solid #3A2369; border-left: 2px solid #3A2369; } } /***48em = 1366px ***/ @media screen and (min-width: 85em) { .t1_home_buttons_slider_2 .slick-prev, .t1_home_buttons_slider_2 .slick-next { top: calc(50% - 32px ); } } .t1_home_events { position: relative; } .t1_home_events:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: url(_gfx/t1/meetings-bg.jpg) center center no-repeat; background-size: cover; display: block; z-index: 0; } .t1_home_events .events_container { padding: 1.875rem 0.625rem 1.875rem 0.625rem; } .t1_home_events h2 { font-size: 1.75rem; text-transform: none; color: #FFFFFF; font-family: 'Noto Serif', serif; margin: 0 0 1.875rem 0; font-weight: bold; text-align: center; letter-spacing: 0.96px; display: block; position: relative; text-shadow: 0px 0px 20px rgba(0, 18, 39, 0.2); } .t1_home_events ul { margin: 0; padding: 0; list-style: none; } .t1_home_events li { margin: 0 0px 1.875rem 0px; min-height: 100px; padding: 0; position: relative; width: 100%; display: flex; flex-direction: row; align-items: center; } .t1_home_events .event-item { display: block; text-decoration: none; width: 100%; height: 100%; } .t1_home_events .event-item:hover, .t1_home_events .event-item:focus { text-decoration: none; } .t1_home_events .event-item:hover .datebox, .t1_home_events .event-item:focus .datebox { background: #E7EAF2; } .t1_home_events .event-item:hover .datebox-month, .t1_home_events .event-item:focus .datebox-month { color: #1E5E7B; } .t1_home_events .event-item:hover .datebox-number, .t1_home_events .event-item:focus .datebox-number { color: #1E5E7B; } .t1_home_events .item_info { background: rgba(0, 11, 55, 0.8); padding: 0.9375rem 0.9375rem; box-shadow: 0px 0px 38px rgba(255, 255, 255, 0.15); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t1_home_events .datebox { display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: center; background: #FFFFFF; border: 0px solid transparent; border-radius: 50%; width: 6.25rem; height: 6.25rem; text-align: center; padding: 0; margin-right: -0.3125rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t1_home_events .datebox-month { color: #222B31; font-size: 1.125rem; text-transform: uppercase; background: transparent; padding: 0 0 0 0; margin: 0 0 0.0625rem 0; font-weight: bold; font-family: 'Arimo', sans-serif; letter-spacing: 1.1px; line-height: 1; } .t1_home_events .datebox-number { color: #222B31; font-size: 2rem; font-weight: bold; font-family: 'Arimo', sans-serif; line-height: 1 !important; } .t1_home_events .box_item_title { color: #FFFFFF; font-size: 1rem; font-weight: normal; font-family: 'Noto Serif', serif; line-height: 1.1; display: block; margin: 0 0.625rem 0 0 !important; text-decoration: none; text-transform: none; } .t1_home_events .event-item:hover .item_info { background: rgba(30, 94, 123, 0.92); } .t1_home_events .event-item:hover .box_item_title { text-decoration: underline; color: #FFFFFF; } .t1_home_events .box_item_summary { color: #C1D1D6; font-size: 0.875rem; display: block; font-weight: normal; line-height: 1.3; margin: 0.3125rem 0 0 0 !important; } .t1_home_events .box_item_summary, .t1_home_events .box_item_title, .t1_home_events .box_item_date { margin-left: 7.3125rem; } .t1_home_events .box_bottomlink { display: table; color: #1E5E7B; font-size: 0.875rem; font-weight: bold; background: #E7EAF2; width: 13.75rem; height: 2.5625rem; line-height: 2.5625rem !important; font-family: 'Arimo', sans-serif; text-transform: none; margin: 2.25rem auto 0; text-decoration: none; text-align: center; border: 0px solid #bbbbbb; border-radius: 50px; padding: 0 0.625rem; overflow: hidden; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t1_home_events .box_bottomlink:hover, .t1_home_events .box_bottomlink:focus { color: #FFFFFF; text-decoration: none; background: #1E5E7B; } .t1_home_events.center-vertical ul li { padding: 0; } .t1_home_events.center-vertical .event-item { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex: 0 1 100%; } .t1_home_events.center-vertical .datebox { position: relative; flex: 0 0 auto; } .t1_home_events.center-vertical .item_info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .t1_home_events.center-vertical .box_item_title { width: 100%; } .t1_home_events.center-vertical .box_item_summary, .t1_home_events.center-vertical .box_item_title, .t1_home_events.center-vertical .box_item_summary:hover, .t1_home_events.center-vertical .box_item_title:hover, .t1_home_events.center-vertical .box_item_date, .t1_home_events.center-vertical .box_item_date:hover { margin-left: -0.3125rem; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1_home_events .events_container { padding: 2.5rem 0px 6.25rem 0px; } .t1_home_events h2 { font-size: clamp(2.375rem, 1.9583rem + 0.8681vw, 3rem); margin: 0 0 2.6875rem 0; } .with-minicalendar.t1_home_events h2 { display: none; } .t1_home_events ul { display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 0 1.8125rem; } .with-minicalendar.t1_home_events ul { padding-top: 87px; } .t1_home_events li { margin: 0 0px 1.875rem 0px; width: 47.3%; } .two-column.t1_home_events li { max-width: 48%; } .t1_home_events .item_info { padding: 1.6875rem 2.1875rem; } .t1_home_events .datebox { width: 7.625rem; height: 7.625rem; margin-right: -0.625rem; } .t1_home_events .datebox-month { font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); } .t1_home_events .datebox-number { font-size: clamp(2rem, 1.5833rem + 0.8681vw, 2.625rem); } .t1_home_events .box_item_title { font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); } .t1_home_events .box_item_summary { font-size: clamp(0.8125rem, 0.7708rem + 0.0868vw, 0.875rem); display: block; } .t1_home_events .box_item_summary, .t1_home_events .box_item_title, .t1_home_events .box_item_date { margin-left: 7rem; } .t1_home_events .box_bottomlink { font-size: clamp(0.875rem, 0.7917rem + 0.1736vw, 1rem); width: 10.125rem; margin: 0 auto; display: block; } .t1_home_events.center-vertical .box_item_summary, .t1_home_events.center-vertical .box_item_title, .t1_home_events.center-vertical .box_item_summary:hover, .t1_home_events.center-vertical .box_item_title:hover, .t1_home_events.center-vertical .box_item_date, .t1_home_events.center-vertical .box_item_date:hover { margin-left: -0.625rem; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .t1_home_events .events_container { padding: 3.9375rem 6rem 3.5625rem 6rem; } .t1_home_events ul { gap: 0 3.625rem; } .t1_home_events li { margin: 0 0px 1.875rem 0px; width: 45.3%; } .t1_home_events .box_bottomlink { margin: 0.4375rem auto 0; } } /***62em = 1200px ***/ @media screen and (min-width: 75em) { .t1_home_events li { width: 46.3%; } } /***62em = 1366px ***/ @media screen and (min-width: 85em) { .t1_home_events li { width: 47.3%; } } .t1_home_boards_commisions { position: relative; padding: 1.875rem 0.625rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.25rem; /**** Accordion 1 style *******/ /**** Accordion 2 style *******/ } .t1_home_boards_commisions:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: url(_gfx/t1/boards_commissions-bg.jpg) center center no-repeat; background-size: cover; display: block; z-index: -1; } .t1_home_boards_commisions h2.widget_title { margin: 0 0 1.625rem; font-family: 'Noto Serif', serif; font-size: 1.375rem; font-weight: bold; letter-spacing: 0.64px; display: block; } .t1_home_boards_commisions h2.widget_title.t1_accordion_widget_title_1 { color: #1E5E7B; } .t1_home_boards_commisions h2.widget_title.t1_accordion_widget_title_2 { color: #782745; } .t1_home_boards_commisions .t1_accordion_widget_1, .t1_home_boards_commisions .t1_accordion_widget_2 { width: 100%; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget { position: relative; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget .accordion-title.accordion-title.ui-accordion-header, .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget .accordion-title.ui-accordion-header.ui-accordion-header-active, .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget .accordion-title.accordion-title.ui-state-hover { background-color: #FFFFFF; color: #1E5E7B; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget .accordion-item.ui-accordion-content { color: #5E636A; border: 0px solid transparent; background-color: #FFFFFF; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget .accordion-item .accordion-heading .icon i { display: none !important; border-color: #fff !important; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget .accordion-item > .accordion-heading { background-color: #1E5E7B; color: #fff; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget .accordion-item > .accordion-heading:before { content: '+'; position: absolute; left: auto; right: 20px; top: auto; bottom: auto; margin: auto; color: #1E5E7B; font-family: 'Open Sans', sans-serif; font-size: 110%; font-weight: normal; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget .accordion-item.state-open > .accordion-heading:before { content: '-'; font-size: 150%; top: 0; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item { margin-bottom: 10px; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item > .accordion-heading { font-family: 'Arimo', sans-serif; background-color: #FFFFFF; color: #1E5E7B; font-size: 1.0625rem; font-weight: 700; text-transform: none; box-shadow: 0px 0px 10px rgba(0, 18, 39, 0.05); letter-spacing: 0.51px; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading, .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover { background-color: #1E5E7B !important; color: #fff !important; font-size: 1.0625rem; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading:before, .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover:before, .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading:after, .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover:after { color: #fff; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover { background: #DE596B !important; } .t1_home_boards_commisions .t1_accordion_widget_1 .accordion_widget.mn-accordion .accordion-item > .accordion-content > .inner-content { color: #5E636A; border: 0px solid transparent; background-color: #FFFFFF; font-size: 1rem; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget { position: relative; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget .accordion-title.accordion-title.ui-accordion-header, .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget .accordion-title.ui-accordion-header.ui-accordion-header-active, .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget .accordion-title.accordion-title.ui-state-hover { background-color: #FFFFFF; color: #782745; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget .accordion-item.ui-accordion-content { color: #5E636A; border: 0px solid transparent; background-color: #FFFFFF; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget .accordion-item .accordion-heading .icon i { display: none !important; border-color: #fff !important; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget .accordion-item > .accordion-heading { background-color: #1E5E7B; color: #fff; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget .accordion-item > .accordion-heading:before { content: '+'; position: absolute; left: auto; right: 20px; top: auto; bottom: auto; margin: auto; color: #782745; font-family: 'Open Sans', sans-serif; font-size: 110%; font-weight: normal; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget .accordion-item.state-open > .accordion-heading:before { content: '-'; font-size: 150%; top: 0; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item { margin-bottom: 10px; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item > .accordion-heading { font-family: 'Arimo', sans-serif; background-color: #FFFFFF; color: #782745; font-size: 1.0625rem; font-weight: 700; text-transform: none; box-shadow: 0px 0px 10px rgba(0, 18, 39, 0.05); letter-spacing: 0.51px; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading, .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover { background-color: #782745 !important; color: #fff !important; font-size: 1.0625rem; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading:before, .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover:before, .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading:after, .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover:after { color: #fff; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover { background-color: #DE596B !important; } .t1_home_boards_commisions .t1_accordion_widget_2 .accordion_widget.mn-accordion .accordion-item > .accordion-content > .inner-content { color: #5E636A; border: 0px solid transparent; background-color: #FFFFFF; font-size: 1rem; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1_home_boards_commisions { padding: 5.375rem 0 6.125rem; flex-wrap: nowrap; gap: 0 1.375rem; } .t1_home_boards_commisions h2.widget_title { margin: 0 0 1.625rem; font-size: clamp(1.625rem, 1.375rem + 0.5208vw, 2rem); } .t1_home_boards_commisions .t1_accordion_widget_1, .t1_home_boards_commisions .t1_accordion_widget_2 { width: 100%; } } .t1_home_spotlight_3 { overflow: hidden; background: transparent; font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem); font-weight: normal; color: #FFFFFF; font-family: inherit; line-height: 1.875rem; text-align: left; position: relative; } .t1_home_spotlight_3:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: transparent; display: block; z-index: -1; } .t1_home_spotlight_3 .spotlight-container { padding: 1.875rem 0.625rem; position: relative; zoom: 1; } .t1_home_spotlight_3 .spotlight-container:before { content: ''; display: block; } .t1_home_spotlight_3 .spotlight-container:after { content: ''; display: table; clear: both; } .t1_home_spotlight_3 h1, .t1_home_spotlight_3 h2, .t1_home_spotlight_3 h3, .t1_home_spotlight_3 h4, .t1_home_spotlight_3 h5 { margin: 0 0 1rem 0; font-size: 1.625rem; font-weight: 700; color: #FFFFFF; text-transform: none; font-family: 'Noto Serif', serif; background: transparent; padding: 0; line-height: 1.1; letter-spacing: 0.28px; } .t1_home_spotlight_3 a { color: #FFFFFF; text-decoration: underline; } .t1_home_spotlight_3 a:hover { text-decoration: none; } .t1_home_spotlight_3 p { margin: 0; } .t1_home_spotlight_3 img { display: none; max-height: 16.25rem; max-width: 18.9375rem; border: 3px solid #fff; margin-bottom: 15px; } .t1_home_spotlight_3 .box_bottomlink { color: #1E5E7B; font-size: 0.875rem; font-weight: bold; background: #FFFFFF; width: 8.125rem; height: 2.5625rem; line-height: 2.5625rem !important; font-family: inherit; text-transform: none; float: left; margin: 1.875rem auto 0; text-decoration: none; text-align: center; border: 0px solid transparent; border-radius: 50px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: table; letter-spacing: 0.4px; overflow: hidden; padding: 0 0.625rem; } .t1_home_spotlight_3 .box_bottomlink:hover { color: #FFFFFF; text-decoration: none; background: #1E5E7B; box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.08); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1_home_spotlight_3 { font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem); text-align: left; } .t1_home_spotlight_3 .spotlight-container { position: relative; padding: 4.375rem 0; text-align: center; min-height: 14.375rem; } .t1_home_spotlight_3 h1, .t1_home_spotlight_3 h2, .t1_home_spotlight_3 h3, .t1_home_spotlight_3 h4, .t1_home_spotlight_3 h5 { margin: 0 0 1rem 0; font-size: clamp(1.625rem, 1.375rem + 0.5208vw, 2rem); } .t1_home_spotlight_3 .box_bottomlink { position: initial; margin: 3.125rem auto 0; font-size: clamp(0.875rem, 0.7917rem + 0.1736vw, 1rem); display: block; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .t1_home_spotlight_3 .spotlight-container { padding: 5rem 0 0 0; text-align: left; } .t1_home_spotlight_3 h1, .t1_home_spotlight_3 h2, .t1_home_spotlight_3 h3, .t1_home_spotlight_3 h4, .t1_home_spotlight_3 h5 { margin: 0 0 1rem 0; /*font-size: @three-t1-spotlight-h2-font-size; max-height: @three-t1-spotlight-h2-font-size * @three-t1-spotlight-h2-line-height * @three-t1-spotlight-h2-max-lines;*/ padding-right: 25%; } .t1_home_spotlight_3 p { padding-right: 25%; } .t1_home_spotlight_3 .box_bottomlink { margin: 2.125rem 0 0 0; } } @media (min-width: 85.375em) { .t1_home_spotlight_3 { font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem); } } .t1_home_contact { position: relative; overflow: visible; } .t1_home_contact:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: url(_gfx/t1/contact-bg.jpg) center center no-repeat; background-size: cover; display: block; z-index: 0; } .t1_home_contact .t1_home_address { clear: both; display: flex; flex-wrap: wrap; padding: 1.875rem 0.625rem; gap: 1.25rem; } .t1_home_contact .content_box { position: relative; } .t1_home_contact .content_box h2 { margin: 0 0 1.0625rem; font-size: 1.625rem; font-family: 'Noto Serif', serif; font-weight: bold; color: #FFFFFF; } .t1_home_contact .content_box p, .t1_home_contact .content_box a { color: #FFFFFF; font-size: 1rem; text-decoration: none; } .t1_home_contact .content_box p:hover, .t1_home_contact .content_box a:hover, .t1_home_contact .content_box p:focus, .t1_home_contact .content_box a:focus { text-decoration: underline; cursor: pointer; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t1_home_contact .t1_home_address { clear: both; display: flex; flex-wrap: nowrap; padding: 2.9375rem 0 5rem; gap: 0 clamp(6.25rem, 5.2083rem + 2.1701vw, 7.8125rem); } .t1_home_contact .content_box h2 { font-size: clamp(1.625rem, 1.375rem + 0.5208vw, 2rem); } .t1_home_contact .content_box p, .t1_home_contact .content_box a { font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem); } } .t2_home_spotlight { overflow: visible; background: transparent; font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem); font-weight: normal; color: #222B31; font-family: 'Arimo', sans-serif; line-height: 1.4; text-align: left; position: relative; } .t2_home_spotlight:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #E7EAF2; background-size: cover; display: block; z-index: 0; } .t2_home_spotlight .vi-spotlight.vi-spotlight-img-left, .t2_home_spotlight .vi-spotlight.vi-spotlight-img-right { padding-left: 0; padding-right: 0; } .t2_home_spotlight .vi-spotlight.vi-spotlight-img-left .vi-spotlight-img-frame, .t2_home_spotlight .vi-spotlight.vi-spotlight-img-right .vi-spotlight-img-frame { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 30rem; max-height: 22.5rem; aspect-ratio: 1; padding: 0; margin-bottom: 0; } .t2_home_spotlight .vi-spotlight .vi-spotlight-img { object-fit: cover; object-position: center; width: 100%; height: 100%; max-height: none; } .t2_home_spotlight .vi-spotlight .vi-spotlight-info { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; padding: 1.25rem 1.25rem; } .t2_home_spotlight .vi-spotlight .vi-spotlight-info-desc { color: #222B31; padding: 0; } .t2_home_spotlight .vi-spotlight .slick_wrapper { padding: 0; margin: 0; background: transparent; box-sizing: content-box; overflow: hidden; position: relative; } .t2_home_spotlight .vi-spotlight .slick-initialized .slick-slide { display: block; } .t2_home_spotlight .vi-spotlight .slick_wrapper { width: 100%; } .t2_home_spotlight .vi-spotlight .slick-slide { float: left; height: 100%; min-height: 1px; opacity: 0; } .t2_home_spotlight .vi-spotlight .slick-slide.slick-current { opacity: 1; } .t2_home_spotlight .vi-spotlight .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .t2_home_spotlight .vi-spotlight .vi-spotlight-slides { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; padding: 1.25rem 0.625rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_spotlight .vi-spotlight .vi-spotlight-slides.slick-initialized { opacity: 1; height: auto; } .t2_home_spotlight .vi-spotlight .slick-list { width: 100%; position: relative; overflow: hidden; margin: 0; padding: 1.25rem 0; } .t2_home_spotlight .vi-spotlight .slick-dots { right: 0; left: 0; display: block; position: relative; z-index: 3; bottom: 0; margin: auto; text-align: center; width: auto; min-width: 0; padding: 0; } .t2_home_spotlight .vi-spotlight .slick-dots li { display: inline-block; float: none; line-height: 17px; } .t2_home_spotlight .vi-spotlight .slick-dots li button { height: 17px; width: 17px; border-radius: 50%; background: transparent; border: 2px solid #222B31; margin: 0 3px; transition: background 0.2s ease-in-out; text-indent: -4000px; overflow: visible; text-align: left; display: block; cursor: pointer; padding: 0; } .t2_home_spotlight .vi-spotlight .slick-dots li button:focus { outline-offset: 2px; outline-style: dashed; outline-width: 1px; } .t2_home_spotlight .vi-spotlight .slick-dots li.slick-active button, .t2_home_spotlight .vi-spotlight .slick-dots li:hover button { background: #DE596B; border: 2px solid #222B31; } .t2_home_spotlight .vi-spotlight .slick-dots li.slick-active button { background: #DE596B; } .t2_home_spotlight .vi-spotlight .slick-arrow { width: 34px; height: 44px; margin: 0; position: absolute; top: calc(50% - 22px); cursor: pointer; text-indent: -9999px; z-index: 3; overflow: hidden; background: rgba(237, 241, 242, 0); display: block !important; padding: 0; border-radius: 0; border: 0; } .t2_home_spotlight .vi-spotlight .slick-arrow:before { content: ""; display: block; left: 2px; top: 6px; bottom: 0; right: 0; position: absolute; width: 24px; height: 24px; border-bottom: 6px solid #1D2E54; border-left: 6px solid #1D2E54; transform: rotate(45deg); transform-origin: bottom; transition: border-color 0.2s ease-in-out; } .t2_home_spotlight .vi-spotlight .slick-arrow:hover:before { border-color: #0B99CF; } .t2_home_spotlight .vi-spotlight .slick-prev { left: 0; } .t2_home_spotlight .vi-spotlight .slick-next { right: 0; } .t2_home_spotlight .vi-spotlight .slick-next:before { transform: rotate(-135deg); transform-origin: center center; top: 10px; left: 0; } .t2_home_spotlight .vi-spotlight .slick-autoplay-toggle-button { position: absolute; top: auto; right: 20px; bottom: 10px; left: auto; z-index: 3; display: block; text-indent: -4000px; cursor: pointer; width: 49px; height: 49px; border: 0; padding: 0; } .t2_home_spotlight .vi-spotlight .slick-autoplay-toggle-button .slick-pause-icon, .t2_home_spotlight .vi-spotlight .slick-autoplay-toggle-button .slick-play-icon { width: 49px; height: 49px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .t2_home_spotlight .vi-spotlight .slick-autoplay-toggle-button .slick-pause-icon { background: url(_gfx/cmn/play-pause.png) no-repeat left center; background-size: auto 56px; } .t2_home_spotlight .vi-spotlight .slick-autoplay-toggle-button .slick-pause-icon:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } .t2_home_spotlight .vi-spotlight .slick-autoplay-toggle-button .slick-play-icon { background: url(_gfx/cmn/play-pause.png) no-repeat right center; background-size: auto 56px; } .t2_home_spotlight .vi-spotlight .slick-autoplay-toggle-button .slick-play-icon:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } .t2_home_spotlight .spotlight-content { padding: 1.25rem 0.625rem; zoom: 1; } .t2_home_spotlight .spotlight-content:before { content: ''; display: block; } .t2_home_spotlight .spotlight-content:after { content: ''; display: table; clear: both; } .t2_home_spotlight h2:first-child { margin: 0 0 30px 0; font-size: 1.375rem; font-weight: bold; color: #222B31; text-transform: none; font-family: 'Noto Serif', serif; background: transparent; padding: 0; } .t2_home_spotlight h2:first-child:hover, .t2_home_spotlight h2:first-child:focus { text-decoration: underline; cursor: pointer; } .t2_home_spotlight h1, .t2_home_spotlight h2, .t2_home_spotlight h3, .t2_home_spotlight h4, .t2_home_spotlight h5 { font-weight: bold; color: #222B31; text-transform: none; font-family: 'Noto Serif', serif; background: transparent; } .t2_home_spotlight a { color: #222B31; text-decoration: underline; } .t2_home_spotlight a:hover { text-decoration: none; } .t2_home_spotlight p { margin: 0; overflow: hidden; } .t2_home_spotlight .vi-spotlight-info-more { color: #ffffff; font-size: 1.25rem; font-weight: normal; background: #271942; width: 252px; height: 72px; line-height: 72px; font-family: inherit; text-transform: uppercase; float: right; margin: 20px 0 0 0; text-decoration: none; text-align: center; border: 0px solid #bbbbbb; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: none; } .t2_home_spotlight .vi-spotlight-info-more:hover { color: #ffffff; text-decoration: none; background: #3A2369; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t2_home_spotlight .vi-spotlight.vi-spotlight-img-left .vi-spotlight-slides .vi-spotlight-img-frame, .t2_home_spotlight .vi-spotlight.vi-spotlight-img-right .vi-spotlight-slides .vi-spotlight-img-frame { -webkit-flex: auto; -ms-flex: auto; flex: auto; } .t2_home_spotlight .vi-spotlight .spotlight-content { position: relative; padding: 3.125rem 0; padding-right: 314px; } .t2_home_spotlight .vi-spotlight .vi-spotlight-slides { padding: 3.125rem 0; } .t2_home_spotlight .vi-spotlight .vi-spotlight-info { -webkit-flex: auto; -ms-flex: auto; flex: auto; padding: 3.125rem 4.125rem; } .t2_home_spotlight .vi-spotlight h2:first-child { margin: 0 0 30px 0; font-size: clamp(1.625rem, 1.375rem + 0.5208vw, 2rem); } .t2_home_spotlight .vi-spotlight .vi-spotlight-info-more { position: absolute; right: 0; top: 0; bottom: 0; float: none; margin: auto 0 auto 0; } .t2_home_spotlight .vi-spotlight .slick-dots { margin-top: -5.9375rem; margin-left: 26.9375rem; } .t2_home_spotlight .vi-spotlight .slick-arrow { margin: auto; } .t2_home_spotlight .vi-spotlight .slick-prev { left: 0; right: calc( 96.5% - 15px ); } .t2_home_spotlight .vi-spotlight .slick-next { right: 0; left: calc( 96.5% - 15px ); } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .t2_home_spotlight .spotlight-content { padding: 5.625rem 0; padding-right: 314px; } .t2_home_spotlight h2:first-child { margin: 0 0 1.625rem 0; } .t2_home_spotlight .vi-spotlight .vi-spotlight-slides { padding: 5.625rem 0; } .t2_home_spotlight .vi-spotlight .slick-dots { margin-left: 34.125rem; } } /***62em = 1200px ***/ @media screen and (min-width: 75em) { .t2_home_spotlight .vi-spotlight .vi-spotlight-info-desc { padding-right: 30%; } } .t2_home_buttons_slider_1 { display: block; width: 100%; margin: 0 auto; float: none; clear: both; overflow: hidden; padding: 0 0 0 0; background: #fff; margin: 0 0 0 0; } .t2_home_buttons_slider_1 .slick_content { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_buttons_slider_1 .slick_content.slick-initialized { opacity: 1; height: auto; } .t2_home_buttons_slider_1 .slick-list { width: auto; position: relative; overflow: hidden; margin: 0 4.875rem; padding: 5.625rem 0 5rem; } .t2_home_buttons_slider_1 .slick-slide { float: left; } .t2_home_buttons_slider_1 .item { float: left; height: auto; padding: 0; margin-inline: 0; } .t2_home_buttons_slider_1 .button-link { display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 1em 0; text-align: center; text-decoration: none; background: transparent; border: 2px solid #DE596B; border-radius: 50%; box-shadow: 0px 0px 0 #00000026; width: 11.875rem; height: 11.875rem; margin: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_buttons_slider_1 .button-link[href]:hover, .t2_home_buttons_slider_1 .button-link[href]:focus { text-decoration: none; background: #E7EAF2; box-shadow: 0 0 0 0 #ffffff; border: 2px solid #E7EAF2; } .t2_home_buttons_slider_1 .button-link[href]:hover .button-title, .t2_home_buttons_slider_1 .button-link[href]:focus .button-title { color: #DE596B; } .t2_home_buttons_slider_1 .button-img-wrap { display: flex; justify-content: center; align-items: center; width: 100%; } .t2_home_buttons_slider_1 .button-img { max-width: 3.8125rem; max-height: 3.8125rem; } .t2_home_buttons_slider_1 .button-title { color: #DE596B; display: block; font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); font-weight: normal; font-family: inherit; text-transform: none; line-height: 1.2; width: 100%; margin: 0; padding-inline: 1em; letter-spacing: 0.22px; } .t2_home_buttons_slider_1 .slick-prev, .t2_home_buttons_slider_1 .slick-next { width: 52px; height: 52px; margin: 0; display: block; position: absolute; right: auto; left: 10px; top: calc(50% - 27px ); cursor: pointer; text-indent: -9999px; z-index: 3; transform-origin: left; overflow: hidden; background: transparent; border: 2px solid #DE596B; border-radius: 50%; padding: 0; background: url(_gfx/t2/ui-arrow-L.svg) center center no-repeat; background-size: auto 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_buttons_slider_1 .slick-prev:hover, .t2_home_buttons_slider_1 .slick-next:hover, .t2_home_buttons_slider_1 .slick-prev:focus, .t2_home_buttons_slider_1 .slick-next:focus { background-color: #E7EAF2; border-color: #E7EAF2; } .t2_home_buttons_slider_1 .slick-prev:before, .t2_home_buttons_slider_1 .slick-next:before { content: ""; display: none; left: 0; top: 0px; margin: auto; bottom: 0; right: 0; position: absolute; width: 24px; height: 24px; border-bottom: 5px solid #3A2369; border-left: 5px solid #3A2369; transform: rotate(45deg); transition: border-color 0.2s ease-in-out; } .t2_home_buttons_slider_1 .slick-prev:hover:before, .t2_home_buttons_slider_1 .slick-next:hover:before { border-color: #271942; } .t2_home_buttons_slider_1 .slick-next { transform-origin: right; left: auto; right: 10px; background: url(_gfx/t2/ui-arrow-R.svg) center center no-repeat; background-size: auto 20px; } .t2_home_buttons_slider_1 .slick-next:before { transform: rotate(-135deg); top: 0px; left: 0; right: 0; } .t2_home_buttons_slider_1 .slick-disabled { cursor: default; -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; opacity: 0.1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); filter: alpha(opacity=10); } .t2_home_buttons_slider_1 .slick-disabled:hover { -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; opacity: 0.1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); filter: alpha(opacity=10); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t2_home_buttons_slider_1 { padding: 0 0 0 0; margin: 0 0 0 0; } .t2_home_buttons_slider_1 .slick-list { margin: 0 3.625rem; } .t2_home_buttons_slider_1 .button-title { font-size: 1rem; } .t2_home_buttons_slider_1 .slick-prev { right: auto; left: 0; } .t2_home_buttons_slider_1 .slick-next { right: 0; left: auto; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .t2_home_buttons_slider_1 .slick-list { margin: 0 4.875rem; } } @media screen and (min-width: 75em) { .t2_home_buttons_slider_1 .slick_content { margin: 0 0 0 0; } .t2_home_buttons_slider_1 .slick-prev:before, .t2_home_buttons_slider_1 .slick-next:before { width: 15px; height: 15px; border-bottom: 2px solid #3A2369; border-left: 2px solid #3A2369; } .t2_home_buttons_slider_1 .button-title { font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); } } .t2_home_buttons_slider_2 { display: block; width: 100%; margin: 0 auto; float: none; clear: both; overflow: visible; padding: 0 0 0 0; background: transparent; margin: 0 0 0 0; position: relative; } .t2_home_buttons_slider_2:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #B4C4CF; background-size: cover; display: block; z-index: 0; } .t2_home_buttons_slider_2 h2.button-heading { margin: 0; padding: 5.375rem 10px 0; display: block; color: #222B31; font-size: 1.875rem; font-weight: bold; font-family: 'Noto Serif', serif; position: relative; } .t2_home_buttons_slider_2 .slick_content { margin: 0 auto; position: relative; width: 100%; opacity: 0; height: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_buttons_slider_2 .slick_content.slick-initialized { opacity: 1; height: auto; } .t2_home_buttons_slider_2 .slick-list { width: auto; position: relative; overflow: hidden; margin: 0 4.75rem; padding: 1.875rem 0 4rem; } .t2_home_buttons_slider_2 .slick-slide { float: left; } .t2_home_buttons_slider_2 .item { float: left; height: auto; aspect-ratio: 1; padding: 0; margin-inline: 0; } .t2_home_buttons_slider_2 .button-link { display: flex; flex-flow: column; align-items: flex-start; justify-content: center; gap: 0; text-align: left; text-decoration: none; background: transparent; border: 0 solid #D3E0F5; border-radius: 0; box-shadow: 0px 0px 0 #00000026; width: 10.75rem; height: auto; margin: auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_buttons_slider_2 .button-link[href]:hover, .t2_home_buttons_slider_2 .button-link[href]:focus { text-decoration: none; background: transparent; box-shadow: 0 0 0 0 rgba(51, 51, 51, 0); border: 0 solid #FAAD6B; } .t2_home_buttons_slider_2 .button-link[href]:hover .button-img-wrap:before, .t2_home_buttons_slider_2 .button-link[href]:focus .button-img-wrap:before { opacity: 1; } .t2_home_buttons_slider_2 .button-link[href]:hover .button-title, .t2_home_buttons_slider_2 .button-link[href]:focus .button-title { color: #222B31; text-decoration: underline; } .t2_home_buttons_slider_2 .button-link[href]:focus { outline-offset: 2px; } .t2_home_buttons_slider_2 .button-img-wrap { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; } .t2_home_buttons_slider_2 .button-img-wrap:before { content: ""; top: 0; left: 0; position: absolute; right: 0; bottom: 0; z-index: -1; width: 172px; height: 100%; background: rgba(222, 89, 107, 0.3); z-index: 0; margin: auto; opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_buttons_slider_2 .button-img { max-width: 100%; max-height: 100%; } .t2_home_buttons_slider_2 .button-title { color: #222B31; display: block; font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); font-weight: normal; font-family: inherit; text-transform: none; line-height: 1.2; width: 100%; margin: 0.625rem 0 0.125rem 0; padding-inline: 0; letter-spacing: 0.22px; } .t2_home_buttons_slider_2 .button-description { margin: 0; color: #222B31; font-size: clamp(0.875rem, 0.7917rem + 0.1736vw, 1rem); letter-spacing: 0.16px; padding-inline: 0; display: block; } .t2_home_buttons_slider_2 .slick-prev, .t2_home_buttons_slider_2 .slick-next { width: 52px; height: 52px; margin: 0; display: block; position: absolute; right: auto; left: 10px; top: calc(50% - 80px ); cursor: pointer; text-indent: -9999px; z-index: 3; transform-origin: left; overflow: hidden; background: transparent; border: 2px solid #DE596B; border-radius: 50%; padding: 0; background: #FFFFFF url(_gfx/t2/ui-arrow-L.svg) center center no-repeat; background-size: auto 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_buttons_slider_2 .slick-prev:hover, .t2_home_buttons_slider_2 .slick-next:hover, .t2_home_buttons_slider_2 .slick-prev:focus, .t2_home_buttons_slider_2 .slick-next:focus { background-color: #E7EAF2; border-color: #E7EAF2; } .t2_home_buttons_slider_2 .slick-prev:before, .t2_home_buttons_slider_2 .slick-next:before { content: ""; display: none; left: 0; top: 0px; margin: auto; bottom: 0; right: 0; position: absolute; width: 24px; height: 24px; border-bottom: 5px solid #3A2369; border-left: 5px solid #3A2369; transform: rotate(45deg); transition: border-color 0.2s ease-in-out; } .t2_home_buttons_slider_2 .slick-prev:hover:before, .t2_home_buttons_slider_2 .slick-next:hover:before { border-color: #271942; } .t2_home_buttons_slider_2 .slick-next { transform-origin: right; left: auto; right: 10px; background: #FFFFFF url(_gfx/t2/ui-arrow-R.svg) center center no-repeat; background-size: auto 20px; } .t2_home_buttons_slider_2 .slick-next:before { transform: rotate(-135deg); top: 0px; left: 0; right: 0; } .t2_home_buttons_slider_2 .slick-disabled { cursor: default; -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; opacity: 0.1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); filter: alpha(opacity=10); } .t2_home_buttons_slider_2 .slick-disabled:hover { -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; opacity: 0.1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); filter: alpha(opacity=10); } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t2_home_buttons_slider_2 { padding: 0 0 0 0; margin: 0 0 0 0; } .t2_home_buttons_slider_2 h2.button-heading { font-size: clamp(2.125rem, 1.875rem + 0.5208vw, 2.5rem); padding-left: 0; padding-right: 0; } .t2_home_buttons_slider_2 .button-title { font-size: 1rem; } .t2_home_buttons_slider_2 .slick-prev { right: auto; left: 0; } .t2_home_buttons_slider_2 .slick-next { right: 0; left: auto; } } @media screen and (min-width: 75em) { .t2_home_buttons_slider_2 .slick_content { margin: 0 0 0 0; } .t2_home_buttons_slider_2 .slick-prev:before, .t2_home_buttons_slider_2 .slick-next:before { width: 15px; height: 15px; border-bottom: 2px solid #3A2369; border-left: 2px solid #3A2369; } .t2_home_buttons_slider_2 .button-title { font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); } } .t2_home_events { float: left; width: 100%; position: relative; overflow: visible; } .t2_home_events:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #308085; background-size: cover; display: block; z-index: 0; } .t2_home_events .events_container { padding: 1.875rem 0.625rem 1.875rem 0.625rem; position: relative; float: left; width: 100%; } .t2_home_events h2 { font-size: 1.875rem; text-transform: none; color: #FFFFFF; font-family: 'Noto Serif', serif; margin: 0 0 1.875rem 0; font-weight: bold; text-align: left; display: block; position: relative; } .t2_home_events ul { margin: 0; padding: 0; list-style: none; } .t2_home_events li { margin: 0 0px 0.625rem 0px; min-height: 100px; padding: 0; position: relative; width: 100%; display: flex; flex-direction: row; align-items: center; } .t2_home_events .event-item { display: block; text-decoration: none; } .t2_home_events .event-item:hover, .t2_home_events .event-item:focus { text-decoration: none; } .t2_home_events .event-item:hover .datebox, .t2_home_events .event-item:focus .datebox { background: #DE596B; border-color: #DE596B; } .t2_home_events .event-item:hover .datebox-month, .t2_home_events .event-item:focus .datebox-month { color: #FFFFFF; } .t2_home_events .event-item:hover .datebox-number, .t2_home_events .event-item:focus .datebox-number { color: #FFFFFF; } .t2_home_events .event-item:focus { outline-offset: 2px; } .t2_home_events .item_info { background: #FFFFFF; padding: 0.8125rem 0.6875rem; border: 1px solid #DADDE6; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_events .datebox { display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: center; background: #1E5E7B; border: 3px solid transparent; border-radius: 0; width: 6.25rem; height: 6.25rem; text-align: center; padding: 0; margin-right: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_events .datebox-month { color: #FFFFFF; font-size: 0.875rem; text-transform: uppercase; background: transparent; padding: 0 0 0 0; margin: 0 0 0.0625rem 0; font-weight: bold; font-family: 'Noto Serif', serif; letter-spacing: 0.95px; line-height: 1; } .t2_home_events .datebox-number { color: #FFFFFF; font-size: 2rem; font-weight: bold; font-family: 'Noto Serif', serif; line-height: 1 !important; } .t2_home_events .box_item_title { color: #222B31; font-size: 1rem; font-weight: normal; font-family: 'Arimo', sans-serif; line-height: 1.1; display: block; margin: 0 0.625rem 0 0 !important; text-decoration: none; text-transform: none; } .t2_home_events .event-item:hover .item_info { background: #FFFFFF; } .t2_home_events .event-item:hover .box_item_title { text-decoration: underline; color: #222B31; } .t2_home_events .box_item_summary { color: #5E636A; font-size: 0.75rem; display: block; font-weight: normal; line-height: 1.3; margin: 0.625rem 0 0 0 !important; } .t2_home_events .box_item_summary, .t2_home_events .box_item_title, .t2_home_events .box_item_date { margin-left: 7.625rem; } .t2_home_events .box_bottomlink { display: table; color: #1E5E7B; font-size: 0.8125rem; font-weight: bold; background: #E7EAF2; width: 10.125rem; height: 2.5625rem; line-height: 2.5625rem !important; font-family: 'Arimo', sans-serif; text-transform: none; margin: 1.25rem auto 0; text-decoration: none; text-align: center; border: 0px solid #bbbbbb; border-radius: 50px; padding: 0 0.625rem; overflow: hidden; float: right; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .t2_home_events .box_bottomlink:hover, .t2_home_events .box_bottomlink:focus { color: #FFFFFF; text-decoration: none; background: #1E5E7B; } .t2_home_events.center-vertical ul li { padding: 0; } .t2_home_events.center-vertical .event-item { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; flex: 0 1 100%; } .t2_home_events.center-vertical .datebox { position: relative; flex: 0 0 auto; } .t2_home_events.center-vertical .item_info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .t2_home_events.center-vertical .box_item_title { width: 100%; } .t2_home_events.center-vertical .box_item_summary, .t2_home_events.center-vertical .box_item_title, .t2_home_events.center-vertical .box_item_summary:hover, .t2_home_events.center-vertical .box_item_title:hover, .t2_home_events.center-vertical .box_item_date, .t2_home_events.center-vertical .box_item_date:hover { margin-left: 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t2_home_events .events_container { padding: 2.5rem 0px 6.25rem 0px; } .t2_home_events h2 { font-size: clamp(2.25rem, 2.0833rem + 0.3472vw, 2.5rem); margin: 0 0 3.4375rem 0; } .with-minicalendar.t2_home_events h2 { display: none; } .t2_home_events ul { display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 0 1.875rem; } .with-minicalendar.t2_home_events ul { padding-top: 87px; } .t2_home_events li { margin: 0 0px 1.875rem 0px; width: 47.9%; } .two-column.t2_home_events li { max-width: 48%; } .t2_home_events .item_info { padding: 1.8125rem 1.75rem; } .t2_home_events .datebox { width: 7.625rem; height: 7.625rem; margin-right: 0; } .t2_home_events .datebox-month { font-size: clamp(1rem, 0.875rem + 0.2604vw, 1.1875rem); } .t2_home_events .datebox-number { font-size: clamp(2.25rem, 2rem + 0.5208vw, 2.625rem); } .t2_home_events .box_item_title { font-size: clamp(1.125rem, 0.9583rem + 0.3472vw, 1.375rem); } .t2_home_events .box_item_summary { font-size: clamp(0.8125rem, 0.7708rem + 0.0868vw, 0.875rem); display: block; } .t2_home_events .box_item_summary, .t2_home_events .box_item_title, .t2_home_events .box_item_date { margin-left: 7.625rem; } .t2_home_events .box_bottomlink { font-size: clamp(0.875rem, 0.7917rem + 0.1736vw, 1rem); width: 10.125rem; margin: 0 auto; display: block; } .t2_home_events.center-vertical .box_item_summary, .t2_home_events.center-vertical .box_item_title, .t2_home_events.center-vertical .box_item_summary:hover, .t2_home_events.center-vertical .box_item_title:hover, .t2_home_events.center-vertical .box_item_date, .t2_home_events.center-vertical .box_item_date:hover { margin-left: 0; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .t2_home_events .events_container { padding: 5.5625rem 0px 4.6875rem 0; } .t2_home_events li { margin: 0 0px 1.875rem 0px; width: 48.4%; } .t2_home_events .box_bottomlink { margin: 1.25rem 0 0 0; } } /***62em = 1200px ***/ @media screen and (min-width: 75em) { .t2_home_events li { width: 48.5%; } } @media (min-width: 85.375em) { .t2_home_events li { width: 48.8%; } } .t2_home_committees_commisions { position: relative; overflow: visible; clear: both; padding: 1.875rem 10px 1.875rem; } .t2_home_committees_commisions:before { content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; width: 100vw; height: 100%; margin-left: -50vw; margin-right: -50vw; background: #E7EAF3; background-size: cover; display: block; z-index: 0; } .t2_home_committees_commisions h2.widget_title { margin: 0 0 2.0625rem; padding: 0; display: block; color: #222B31; font-size: 1.875rem; font-weight: bold; font-family: 'Noto Serif', serif; position: relative; } .t2_home_committees_commisions .t2_accordion_widget { padding-left: 0 !important; padding-right: 0 !important; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget { position: relative; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget .accordion-title.accordion-title.ui-accordion-header, .t2_home_committees_commisions .t2_accordion_widget .accordion_widget .accordion-title.ui-accordion-header.ui-accordion-header-active, .t2_home_committees_commisions .t2_accordion_widget .accordion_widget .accordion-title.accordion-title.ui-state-hover { background-color: #1E5E7B; color: #FFFFFF; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget .accordion-item.ui-accordion-content { color: #5E636A; border: 0px solid transparent; background-color: #fff; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget .accordion-item .accordion-heading .icon i { display: none !important; border-color: #fff !important; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget .accordion-item > .accordion-heading { background-color: #1E5E7B; color: #fff; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget .accordion-item > .accordion-heading:before { content: '+'; position: absolute; left: auto; right: 20px; top: auto; bottom: auto; margin: auto; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 110%; font-weight: normal; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget .accordion-item.state-open > .accordion-heading:before { content: '-'; font-size: 150%; top: 0; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item { margin-bottom: 10px; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item > .accordion-heading { font-family: 'Arimo', sans-serif; background-color: #1E5E7B; color: #FFFFFF; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.54px; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading, .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover { background-color: #DE596B !important; color: #fff !important; font-size: 1.125rem; text-decoration: underline; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading:before, .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover:before, .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item.state-open > .accordion-heading:after, .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item > .accordion-heading:hover:after { color: #fff; } .t2_home_committees_commisions .t2_accordion_widget .accordion_widget.mn-accordion .accordion-item > .accordion-content > .inner-content { color: #5E636A; border: 0px solid transparent; background-color: #fff; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .t2_home_committees_commisions { padding: 5.25rem 0 4.375rem 0; } .t2_home_committees_commisions h2.widget_title { font-size: clamp(2.125rem, 1.875rem + 0.5208vw, 2.5rem); } } /* This is the editor style sheet, containing styles that will be used in the content editor tools. */ /* Fonts ================================================== */ @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/notoserif/v21/ga6Iaw1J5X9T9RW6j9bNTFA.ttf) format('truetype'); } @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/notoserif/v21/ga6Law1J5X9T9RW6j9bNdOwzTRA.ttf) format('truetype'); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/arimo/v27/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxsBw.ttf) format('truetype'); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/arimo/v27/P5sfzZCDf9_T_3cV7NCUECyoxNk338xsBw.ttf) format('truetype'); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/arimo/v27/P5sfzZCDf9_T_3cV7NCUECyoxNk3M8tsBw.ttf) format('truetype'); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/arimo/v27/P5sfzZCDf9_T_3cV7NCUECyoxNk3CstsBw.ttf) format('truetype'); } /******************************/ /**************************/ /****homepage facebook (plugin version) IF USED*/ /****homepage twitter (plugin version) IF USED*/ /****homepage instagram (plugin) IF USED*/ /*****Homepage video thumbnail widget IF USED*****/ /*****Homepage data visualization widget IF USED*****/ /*****Homepage button slider widget IF USED*****/ /******************************/ /**************************/ /*@searchbox-width: 424px; // width of the search bar, including the icon on the right @searchbox-height: 40px; // height of the search bar @searchbox-icon-width: 40px; //width of the searchbox icon @searchbox-icon-height: 40px; //height of the searchbox icon @searchbox-desktop-font-size: unit(22px/16px, rem); ///DESKTOP font-size of searchbox text*/ /********************************************* The variables below normally use one of the more generic variables defined above. Modify below this line only if design is different from standard template ************************************************/ /********* end generic variables used in multiple places */ /**********************/ /**********************/ /*other month day text color*/ /**** homepage facebook (plugin version) IF USED */ /****homepage twitter (plugin version) IF USED*/ /**** homepage instagram (plugin) IF USED */ /*****Homepage video thumbnail widget IF USED*****/ /*****Homepage data visualization widget IF USED*****/ /*****Homepage button slider widget IF USED*****/ /************************/ /************************/ /*other month day text color*/ /********************************************* The variables below normally use one of the more generic variables defined above. Modify below this line only if design is different from standard template ************************************************/ /*** border color for listtable and tableData/tableBox classes*/ @font-face { font-family: 'Glyphicons Halflings'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } /*settings and theme files include variables*/ a, a:visited, .column a { color: #006FA0; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } a[name], a[name]:hover, a[name]:focus { color: #5E636A; text-decoration: none; } a img { border: 0; } a:before, a:after { text-decoration: underline; } a:before, a:after, a:hover:before, a:hover:after { text-decoration: none; } body.front_end_body, .sitewrapper, .sitewrapper select, .sitewrapper input, .sitewrapper textarea, .sitewrapper table, #broken_links_reporter_form, body.dialog_body, body[radeditorbody], body[radeditorbody] table { font-size: 1.25rem !important; line-height: 1.4 !important; font-family: 'Arimo', sans-serif !important; color: #5E636A; } .front_end_body :target:before, .front_end_body a[name]:before { content: ""; display: block; height: 70px; /* fixed header height plus a little padding*/ position: relative; z-index: -1; } p { margin: 0 0 1em 0; } table img { max-width: none; } h1, .content_area h1, .reDropDownBody h1 { color: #222B31; line-height: 1.2; font-weight: 700; font-size: 200%; font-family: 'Noto Serif', serif; } h2, .content_area h2, .reDropDownBody h2 { font-size: 160%; color: #222B31; font-weight: 700; line-height: 1.2; } h3, .content_area h3, .reDropDownBody h3 { font-size: 140%; color: #222B31; font-weight: 700; } h4, .content_area h4, .reDropDownBody h4 { font-size: 120%; color: #222B31; font-weight: 700; } h5, .content_area h5, .reDropDownBody h5 { font-size: 110%; color: #222B31; font-weight: 700; } h6, .content_area h6, .reDropDownBody h6 { color: #222B31; font-weight: 700; font-size: 100%; } .subtitle { font-size: 1.5rem; color: #222B31; font-weight: 700; } .subtitle p, .subtitle a { color: #222B31; font-weight: 700; } /* Default Data Table Styling. Should match general table style in Interior comp. Modify padding and borders ONLY (if needed), otherwise do not modify. everything else controlled in settings.global or settings.colors. Should match _objects.listtable.less and _components.tableBox.less ================================================== */ table.tableData { font-weight: normal; background: #fff; margin-bottom: 14px; border: 0px solid #E4E4E4; border-spacing: 0px; width: auto; } table.tableData th { text-transform: uppercase; padding: 6px 9px; text-align: left; background: #1E5E7B !important; color: #fff; font-weight: 700; font-size: 1.125rem; font-family: 'Arimo', sans-serif; letter-spacing: 0.54px; } table.tableData th a { color: #fff !important; } table.tableData th p { padding: 0; margin: 0; color: #fff; } table.tableData a { color: #006FA0; } table.tableData p { color: #5E636A; } table.tableData td { color: #5E636A; font-size: 0.875rem; } table.tableData tr td { border-left: 1px solid #E4E4E4; } table.tableData tr td:last-child { border-right: 1px solid #E4E4E4; } table.tableData tr:hover { background: transparent; } table.tableData tr:hover > td a { color: #0F3C65 !important; } table.tableData tr:hover > td, table.tableData tr:hover > td > p { color: #5E636A !important; } table.tableData { border-collapse: separate; } table.tableData tbody tr:first-child td { border-top: 0; } table.tableData th { border-left: 1px solid #1E5E7B; } table.tableData thead { border: 1px solid #1E5E7B; } table.tableData td { border: 0; border-bottom: 1px solid #E4E4E4; padding: 3px 9px 3px 9px; } table.tableData td p { padding: 0; margin: 0; } @media screen and (max-width: 48em) { body:not([radeditorbody]) table.tableData { width: 100% !important; } } /* Default Data Table Styling. Should match general table style in Interior comp. Modify padding and borders ONLY (if needed), otherwise do not modify. everything else controlled in settings.global or settings.colors. Should match _objects.listtable.less and _components.tableData.less ================================================== */ table.tableBox { font-weight: normal; background: #fff; margin-bottom: 14px; border: 0px solid #E4E4E4; border-spacing: 0px; width: auto; } table.tableBox th { text-transform: uppercase; padding: 6px 9px; text-align: left; background: #1E5E7B !important; color: #fff; font-weight: 700; font-size: 1.125rem; font-family: 'Arimo', sans-serif; letter-spacing: 0.54px; } table.tableBox th a { color: #fff !important; } table.tableBox th p { padding: 0; margin: 0; color: #fff; } table.tableBox a { color: #006FA0; } table.tableBox p { color: #5E636A; } table.tableBox td { color: #5E636A; font-size: 0.875rem; } table.tableBox tr td { border-left: 1px solid #E4E4E4; } table.tableBox tr td:last-child { border-right: 1px solid #E4E4E4; } table.tableBox tr:hover { background: transparent; } table.tableBox tr:hover > td a { color: #0F3C65 !important; } table.tableBox tr:hover > td, table.tableBox tr:hover > td > p { color: #5E636A !important; } table.tableBox { border-bottom: 1px solid #E4E4E4; } table.tableBox th, table.tableBox td { padding: 5px; } table.tableBox td { border-top: 1px solid #E4E4E4; } .buttonstyle { display: inline-block; padding: 0 23px; width: auto; height: 2.0625rem; line-height: 2.0625rem; background: #DE596B; text-transform: none; color: #FFFFFF; font-weight: 700; font-size: 0.875rem; font-family: 'Arimo', sans-serif; text-decoration: none; text-align: center; border-radius: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .buttonstyle:hover { background: #1E5E7B; text-decoration: none; }