/* Minification failed. Returning unminified contents. (2037,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (2037,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@opperc' */ /* 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. */ /*settings and theme files include variables*/ /* Fonts ================================================== */ /*font-family: 'Open Sans', sans-serif;*/ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWVAexQ.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAexQ.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexQ.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjWVAexQ.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05oZ8ReDLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05ob8RODLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05oYiRODLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05oZ8RODLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05oZORODLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05oaiQ-DLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05oabQ-DLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05ob8Q-DLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizMREVItHgc8qDIbSTKq4XkRiUawTk7f45UM9y05obVQ-DLR-M.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhLsSkANDM.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhrsWkANDM.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhcMWkANDM.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhLsWkANDM.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhHMWkANDM.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduh8MKkANDM.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhycKkANDM.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhrsKkANDM.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v18/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhh8KkANDM.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16WXh0ow.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Hw5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w5aX8.ttf) format('truetype'); } /********************************************* 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 ************************************************/ /*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'); } /*generally should not be updated*/ .home_collage { width: 100%; overflow: hidden; display: block; /*.slide_content { width: 100%; padding: @slide-content-padding-mobile; overflow: hidden; text-align: center; background: rgba(9, 53, 71, 0.85); .slide_title { margin: @slide-title-margin; font-size: @slide-title-size-mobile; font-weight: @slide-title-weight; color: @slide-title-color; max-height: @slide-title-size-mobile * @slide-title-line-height * @slide-title-max-lines; overflow: hidden; font-family: @slide-title-font-family; text-transform: @slide-title-text-transform; line-height: @slide-title-line-height; text-shadow: 0 2px 4px rgba(0,0,0,0.75); a { color: @slide-title-color; text-decoration: @slide-title-decoration; } &:hover a[href] { color: @slide-title-color-hover; text-decoration: @slide-title-decoration-hover; } } .slide_description { color: @slide-description-color; font-size: @slide-description-size-mobile; font-weight: @slide-description-weight; font-family: @slide-description-font-family; line-height: @slide-description-line-height; max-height: @slide-description-size-mobile * @slide-description-line-height * @slide-description-max-lines; overflow: hidden; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.75); letter-spacing: 0.22px; } .slide_link { color: @slide-link-color; text-decoration: @slide-link-decoration; font-family: @Font-Montserrat; font-weight: 500; line-height: @slide-link-line-height; font-size: @slide-link-size - 2px; display: block; letter-spacing: 1.12px; width: auto; height: 40px; line-height: 40px; text-transform: uppercase; padding: 0 29px; background: #D4D34B; display: table; margin: 15px auto 0; .transition(); &:hover { text-decoration: @slide-link-decoration-hover; background: #6CC6B0; color: #093547; } } }*/ /*.flex-direction-nav { a { width: @nav-arrows-width; height: @nav-arrows-height; margin: -@nav-arrows-height/2 0 0 0; display: block; position: absolute; top: (@img-height / @img-width * 100vw)/2; cursor: pointer; text-indent: -9999px; background: @nav-arrows-bg; z-index: 3; overflow: hidden; -webkit-transform:scale(0.5); transform:scale(0.5); &:hover { background-position: @nav-arrows-bg-position-hover; } } .flex-next { right: 10px; display: block; background-position: @nav-next-bg-position; } .flex-next:hover { background-position: @nav-next-bg-position-hover; } .flex-prev { left: 10px; display: block; } .flex-disabled { cursor: default; } }*/ /*.flex-pauseplay { position: absolute; top: 0px; left: 0px; z-index: 3; a { display: block; width: 61px; height: 69px; text-indent: -4000px; cursor: pointer; background: url(_gfx/home/play-pause.png) no-repeat right 0; &.flex-pause { background: url(_gfx/home/play-pause.png) no-repeat 0 0; } } }*/ } .home_collage .slides li { overflow: hidden; background: rgba(0, 0, 0, 0); } .home_collage .slides li > a { height: 0; overflow: hidden; padding-top: 26.5625%; display: block; position: relative; } .home_collage .slides img { height: auto; min-height: 100%; position: absolute; top: 0; left: 50%; bottom: 0; min-width: 100%; transform: translate(-50%, 0); } .home_collage .slide_credit { display: none; } .home_collage .flex-control-nav { right: 10px; left: auto; display: block; position: absolute; z-index: 3; top: calc( 26.5625vw - 35px ); bottom: auto; background: rgba(9, 53, 71, 0.85); padding: 5px 5px 5px 0; } .home_collage .flex-control-nav:empty { display: none; } .home_collage .flex-control-nav a { height: 15px; width: 15px; border-radius: 50%; background: transparent; border: 2px solid #fff; display: block; } .home_collage .flex-control-nav a.flex-active, .home_collage .flex-control-nav a:hover { background: #fff; border: 2px solid #ffd800; } .flex-pauseplay { position: absolute; top: 50px; left: auto; z-index: 3; right: 0; bottom: auto; width: 80px; } .flex-pauseplay a { display: block; width: 40px; height: 40px; text-indent: -4000px; 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; display: inline-block; } .flex-pauseplay a.flex-pause { background: rgba(3, 28, 39, 0.85) url(_gfx/home/pause.svg) no-repeat center center; border-right: 1px rgba(255, 255, 255, 0.1) solid; } .flex-pauseplay a.flex-pause:hover { background: rgba(3, 28, 39, 0.85) url(_gfx/home/pause_h.svg) no-repeat center center; } .flex-pauseplay a.flex-play { background: rgba(3, 28, 39, 0.85) url(_gfx/home/play.svg) no-repeat center center; } .flex-pauseplay a.flex-play:hover { background: rgba(3, 28, 39, 0.85) url(_gfx/home/play_h.svg) no-repeat center center; } .slide_caption { display: block; position: absolute; left: auto; bottom: auto; top: 0px; right: 0; width: 100%; max-width: 0; height: auto; 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; background: rgba(9, 53, 71, 0.85); z-index: 3; padding: 7px 0 7px 0; } .slide_caption.active { right: 0; max-width: 50%; padding-right: 7px; } .slide_caption.active .slide_caption_icon:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .slide_caption.active .flex-direction-nav { left: auto; right: 0; } .slide_caption .slide_caption_icon { height: 50px; width: 100px; background: rgba(9, 53, 71, 0.85) url(_gfx/home/camera_icon.svg) no-repeat left 45px center; position: absolute; z-index: 1; top: 0; pointer-events: auto !important; left: -100px; background-size: auto auto; border-top-left-radius: 0; border-bottom-left-radius: 0; } .slide_caption .slide_caption_icon:before { content: ""; top: 0; left: 20px; position: absolute; right: auto; bottom: 0; z-index: -1; width: 9px; height: 15px; background: url(_gfx/home/photo_arrow.svg) left center no-repeat; -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); margin: auto; } .slide_caption .caption_title { margin: 0 0 5px 0; font-size: 13px; font-weight: bold; color: #fff; text-overflow: ellipsis; white-space: nowrap; font-family: inherit; text-transform: none; line-height: 1.2; } .slide_caption .caption_title a { color: #fff; text-decoration: none; } .slide_caption .caption_title:hover a[href] { color: #fff; text-decoration: none; } .slide_caption .caption_description { color: #fff; font-size: 13px; font-weight: normal; font-family: inherit; line-height: 1.3; max-height: 16.9px; overflow: hidden; white-space: nowrap; margin: 0; text-overflow: ellipsis; } .slide_caption .flex-direction-nav { position: absolute; left: -40px; top: 100%; width: 40px; height: 40px; background: rgba(3, 28, 39, 0.85); padding: 5px; } .slide_caption .flex-direction-nav a { width: 12px; height: 20px; margin: 0; display: block; float: left; cursor: pointer; text-indent: -9999px; background: url(_gfx/home/credit_arrows.png) 3px center no-repeat; overflow: hidden; } .slide_caption .flex-direction-nav a:hover { background-position: 3px center; } .slide_caption .flex-direction-nav .flex-next { background-position: right center; } .slide_caption .flex-direction-nav .flex-next:hover { background-position: right center; } .slide_caption .flex-direction-nav .flex-disabled { cursor: default; } .home_slide_content { width: 100%; overflow: hidden; } .home_slide_content .slide_content { padding: 10px; text-align: center; background: rgba(9, 53, 71, 0.85); } .home_slide_content .slide_content .slide_title { margin: 0 0 10px 0; font-size: 18px; font-weight: 500; color: #fff; font-family: 'Montserrat', sans-serif; text-transform: none; line-height: 1.2; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); } .home_slide_content .slide_content .slide_title a { color: #fff; text-decoration: none; } .home_slide_content .slide_content .slide_title:hover a[href] { color: #fff; text-decoration: none; } .home_slide_content .slide_content .slide_description { color: #fff; font-size: 13px; font-weight: normal; font-family: inherit; line-height: 1.5; max-height: 39px; overflow: hidden; margin: 0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); letter-spacing: 0.22px; } .home_slide_content .slide_content .slide_link { color: #093547; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 1.3; font-size: 14px; display: block; letter-spacing: 1.12px; width: auto; height: 40px; line-height: 40px; text-transform: uppercase; padding: 0 29px; background: #D4D34B; display: table; margin: 15px auto 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_slide_content .slide_content .slide_link:hover { text-decoration: none; background: #6CC6B0; color: #093547; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_collage { /*.slide_content { padding: @slide-content-padding-desktop; position: absolute; z-index: 3; background: @slide-content-background; left: @slide-content-left; bottom: @slide-content-bottom; top: @slide-content-top; right: @slide-content-right; width: @slide-content-width; .slide_title { font-size: @slide-title-size-tablet; max-height: @slide-title-size-tablet * @slide-title-line-height * @slide-title-max-lines; } .slide_description { font-size: @slide-description-size-tablet; max-height: @slide-description-size-tablet * @slide-description-line-height * @slide-description-max-lines; } .slide_link { font-size: @slide-link-size; height: 50px; line-height: 50px; padding: 0 39px; margin: 35px auto 0; } }*/ /*.flex-direction-nav { position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; .flex-prev { left: @nav-prev-left; } .flex-next { right: @nav-next-right; } a { top: @nav-arrows-top-desktop; margin: 0; -webkit-transform:scale(1); transform:scale(1); } }*/ } .home_collage .slides li { background: transparent; } .home_collage .slides li > a { height: auto; padding-top: 0; } .home_collage .slides img { height: 357px; position: relative; max-width: none; max-height: 100%; } .home_collage .container { position: absolute; left: 0; right: 0; } .home_collage .flex-control-nav { top: auto; bottom: 10px; padding: 0; padding-left: 0; padding-right: 10px; text-align: right; position: absolute; left: 0; right: 0; margin: auto; background: transparent; } .home_collage .flex-control-nav li { float: none; display: inline-block; position: relative; z-index: 3; } .home_collage .flex-control-nav, .home_collage .flex-direction-nav { width: 730px; max-width: 730px; } .flex-pauseplay { top: 78px; left: -80px; right: auto; } .slide_caption { top: 200px; padding: 18px 0 18px 0; height: 78px; } .slide_caption.active { width: 300px; max-width: 300px; padding-right: 18px; } .slide_caption.active .flex-pauseplay { right: 0; left: auto; } .slide_caption .slide_caption_icon { height: 78px; } .slide_caption .caption_title { font-size: 16px; } .slide_caption .caption_description { font-size: 16px; max-height: 20.8px; } .home_slide_content { position: absolute; z-index: 2; left: 0; bottom: 60px; top: auto; right: 0; width: 100%; } .home_slide_content .slide_content { background: rgba(0, 0, 0, 0); padding: 0 22%; } .home_slide_content .slide_content .slide_title { font-size: 28px; } .home_slide_content .slide_content .slide_description { font-size: 18px; max-height: 54px; } .home_slide_content .slide_content .slide_link { font-size: 16px; height: 50px; line-height: 50px; padding: 0 39px; margin: 35px auto 0; } } /*** 992px ***/ @media screen and (min-width: 62em) { .home_collage { /*.slide_content { .slide_title { font-size: @slide-title-size; max-height: @slide-title-size * @slide-title-line-height * @slide-title-max-lines; } .slide_description { font-size: @slide-description-size; max-height: @slide-description-size * @slide-description-line-height * @slide-description-max-lines; } }*/ } .home_collage .slides li > a { height: 510px; padding-top: 26.5625%; } .home_collage .slides img { height: auto; position: absolute; top: 50%; transform: translate(-50%, -50%); } .home_collage .flex-control-nav, .home_collage .flex-direction-nav { width: 950px; max-width: 950px; } .slide_caption { top: 234px; } .home_slide_content .slide_content .slide_title { font-size: 38px; } .home_slide_content .slide_content .slide_description { font-size: 22px; max-height: 66px; } } /*** 1200px ***/ @media screen and (min-width: 75em) { .home_collage .flex-control-nav, .home_collage .flex-direction-nav { width: 1024px; max-width: 1024px; } } .home_collage { position: relative; } .home_collage li > a:after { position: absolute; width: 100%; left: 0; right: 0; bottom: 0; height: 50%; top: auto; content: ''; background: linear-gradient(180deg, rgba(2, 39, 56, 0), rgba(2, 39, 56, 0.95)); opacity: 0.7; z-index: 2; visibility: visible; } .home_collage .slide_caption_icon { background: rgba(9, 53, 71, 0.85) url(_gfx/home/camera_icon.svg) no-repeat left 45px center; } .home_collage .slide_caption_icon:hover { background: rgba(9, 53, 71, 0.95) url(_gfx/home/camera_icon_hover.svg) no-repeat left 45px center; } .home_collage .slide_caption { background: rgba(9, 53, 71, 0.95); } .home_collage .flex-pauseplay { left: auto; right: 0; } .home_slide_content .slide_content .slide_link { background: #E3E3E3; color: #093547; border: 2px solid #E3E3E3; -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_slide_content .slide_content .slide_link:hover { color: #FFF; background: transparent; border: 2px solid #FFF; } .home_events { padding: 30px 10px 70px 10px; background: transparent; } .home_events h2 { margin: 0 0 20px 0; font-size: 28px; font-weight: normal; color: #da4a31; text-transform: uppercase; font-family: inherit; } .home_events ul { margin: 0; padding: 0; list-style: none; } .home_events li { margin: 0 0 20px 0; min-height: 130px; padding: 0; position: relative; width: 100%; float: left; } .home_events li:first-child { margin-left: 0; } .home_events li:first-child .image_frame { display: block; } .home_events .image_frame { display: none; } .home_events img { width: 100%; max-height: 100%; min-height: 100%; object-fit: cover; } .home_events .event-item { display: block; text-decoration: none; position: relative; min-height: 130px; -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_events .event-item:focus { text-decoration: none; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); } .home_events .event-item:hover .datebox-month, .home_events .event-item:focus .datebox-month, .home_events .event-item:hover .datebox-number, .home_events .event-item:focus .datebox-number { color: #375C2D; } .home_events .event-item:hover .datebox, .home_events .event-item:focus .datebox { background: #fff; border: 10px solid #375C2D; } .home_events .event-item:hover .datebox-number:after, .home_events .event-item:focus .datebox-number:after { background: #375c2d; } .home_events .datebox { display: block; background: #375C2D; border: 10px solid #fff; border-radius: 0px; position: absolute; top: 0; left: 0; width: 130px; height: 130px; text-align: center; padding: 17px 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_events .datebox-month { color: #fff; font-size: 20px; line-height: 20px; text-transform: uppercase; background: transparent; padding: 0 0 20px 0; margin: 0 0 0 0; font-weight: 500; font-family: 'Montserrat', sans-serif; letter-spacing: 2px; -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-number { color: #fff; font-size: 45px; font-weight: normal; font-family: 'Montserrat', sans-serif; position: relative; line-height: 42px; -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-number:after { content: ''; position: absolute; background: rgba(255, 255, 255, 0.3); width: 48px; height: 2px; right: 0; bottom: auto; top: -10px; left: 0; margin: 0 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_events .box_item_title { color: #093547; font-size: 18px; font-weight: 500; font-family: 'Montserrat', sans-serif; line-height: 1.2; display: block; margin: 0 0 0 0; text-decoration: none; letter-spacing: 0.52px; -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_item_summary { color: #666666; font-size: 13px; max-height: 33.8px; overflow: hidden; display: block; font-weight: normal; line-height: 1.3; margin: 8px 0 0 0; letter-spacing: 0.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; font-family: 'Libre Franklin', sans-serif; } .home_events .box_item_summary, .home_events .box_item_title { display: block; margin-left: 160px; margin-bottom: 0; } .home_events .event-item:hover .box_item_title { text-decoration: underline; color: #093547; text-decoration-color: #375C2D; } .home_events .box_bottomlink { color: #FFF; font-weight: 500; border: 3px solid #375C2D; text-transform: uppercase; background: #375C2D; float: right; width: auto; height: 50px; line-height: 45px; text-decoration: none; margin: 0; border-radius: 0; font-size: 14px; text-align: center; font-family: 'Montserrat', sans-serif; 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; letter-spacing: 1.12px; padding: 0 24px; } .home_events .box_bottomlink:hover { color: #093547; text-decoration: none; background: transparent; border: 3px solid #093547; } .home_events.center-vertical ul li { padding: 0; background: #fff; } .home_events.center-vertical .event-item { display: table; width: 100%; } .home_events.center-vertical .datebox { position: relative; } .home_events.center-vertical .item_info { display: table-cell; vertical-align: middle; width: 100%; } .home_events.center-vertical .box_item_summary, .home_events.center-vertical .box_item_title, .home_events.center-vertical .box_item_summary:hover, .home_events.center-vertical .box_item_title:hover { margin-left: 15px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_events { padding: 40px 0 40px 0; /*img{ max-height: 360px; min-height: 360px; }*/ } .home_events li:first-child .datebox { width: 140px; height: 140px; } .home_events h2 { margin: 0 0 20px 0; } .home_events .box_item_title { font-size: 22px; } .home_events .box_item_summary { font-size: 15px; max-height: 39px; } .home_events.center-vertical .box_item_summary, .home_events.center-vertical .box_item_title, .home_events.center-vertical .box_item_summary:hover, .home_events.center-vertical .box_item_title:hover { margin-left: 30px; } .home_events .box_bottomlink { font-size: 16px; padding: 0 34px; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_events { padding: 46px 0 121px 0; } .home_events h2 { margin: 0 0 20px 0; } .home_events li { width: calc(50% - 15px); margin: 0 0 20px 15px; } .home_events li:first-child { margin-right: 15px; } .home_events .box_item_title { font-size: 26px; } .home_events .box_item_summary { font-size: 16px; max-height: 41.6px; } .home_events .box_bottomlink { margin: 0 0 0 0; } } .home_news { padding: 30px 10px 30px 10px; } .home_news h2 { font-weight: bold; color: #151515; font-size: 30px; margin: 0 0 10px 0; text-transform: none; font-family: inherit; } .home_news ul { margin: 0; padding: 0; list-style: none; } .home_news li { padding: 0; position: relative; margin: 0 0 20px 0; background: #fff; display: table; width: 100%; height: auto; border: none; } .home_news li:first-child { margin-bottom: 20px; display: block; height: auto; border-bottom: 8px solid #508342; } .home_news li:first-child .image_frame { padding-top: 56.4%; width: 100%; } .home_news li:first-child img { max-width: 100%; min-width: 100%; width: 100%; min-height: auto; display: block; } .home_news li:first-child .item_info { padding: 10px 15px; display: block; min-height: auto; } .home_news li:first-child .item_info:hover { border-right: none !important; } .home_news li:first-child .box_item_title { font-size: 20px; line-height: 1.4; margin-bottom: 10px; } .home_news li:first-child .box_item_summary, .home_news li:first-child .news_read_more { display: block; } .home_news .image_frame { width: 200px; padding-top: 65%; position: relative; overflow: hidden; } .home_news img { min-height: 100%; max-height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: none; } .home_news .item_info { padding: 15px 10px 15px 15px; display: table-cell; background: #fff; vertical-align: top; min-height: 130px; position: relative; 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_news .item_info:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); background: #375C2D; border-right: 8px solid #508342; } .home_news .item_info:hover .box_item_title { color: #fff; text-decoration: underline; } .home_news .item_info:hover .box_item_summary { color: #fff; text-decoration: underline; } .home_news .box_item_title { color: #093547; font-weight: 500; margin: 0 0 0 0; font-family: 'Montserrat', sans-serif; text-decoration: none; font-size: 16px; display: block; line-height: 1.4; -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_summary { color: #444; font-weight: normal; line-height: 1.3; font-size: 14px; max-height: 54.6px; overflow: hidden; display: none; 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_news .news_read_more { display: none; margin: 0 0 0 0; text-decoration: none; font-size: 14px; color: #444; font-weight: normal; } .home_news .news_read_more:hover { text-decoration: underline; color: #444; } .home_news .box_bottomlink { color: #fff; font-weight: 500; border: 3px solid #375C2D; text-transform: uppercase; background: #375C2D; float: right; width: auto; height: 50px; line-height: 45px; text-decoration: none; margin: 0 0 40px 0; border-radius: 0; font-size: 14px; text-align: center; font-family: 'Montserrat', sans-serif; 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; letter-spacing: 1.12px; padding: 0 32px; } .home_news .box_bottomlink:hover { color: #093547; text-decoration: none; background: transparent; border: 3px solid #093547; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_news { padding: 40px 0 40px 0; /*img { max-width: @news-img-width; min-width: @news-img-width; max-height: @news-item-height; min-height: @news-item-height; }*/ } .home_news h2 { margin: 0 0 10px 0; } .home_news li { float: right; clear: right; height: 130px; } .home_news li:first-child { float: left; margin-left: 0; /*img { max-width: @news-large-img-width-tablet; min-width: @news-large-img-width-tablet; max-height: 259px; min-height: 259px; //display: table-cell; }*/ } .home_news li:first-child .item_info { padding: 15px 30px 15px 30px; min-height: 140px; } .home_news .box_item_title { font-size: 20px; } .home_news .item_info { padding: 20px 30px 20px 30px; } .home_news .box_bottomlink { font-size: 16px; padding: 0 42px; } } /***62em = 992px***/ @media only screen and (min-width: 62em) { .home_news { padding: 46px 0 91px 0; } .home_news h2 { margin: 0 0 10px 0; } .home_news li { width: calc(50% - 15px); margin-left: 15px; } .home_news li:first-child { margin-right: 15px; /*height: @news-large-item-height; margin-bottom: 0; img { max-width: @news-large-img-width-desktop; min-width: @news-large-img-width-desktop; max-height: 359px; min-height: 359px; object-fit: cover; }*/ } .home_news li:first-child .box_item_title { margin: 0 0 0 0; font-size: 26px; } .home_news .box_bottomlink { margin: 0 0 0 0; } } .home_buttons { display: block; width: 100%; position: relative; padding: 0 10px 0 10px; margin: 0 auto; float: none; clear: both; background: transparent; } .home_buttons .slick_wrapper { padding: 0; position: relative; width: 100%; } .home_buttons .slick-initialized .slick-slide { display: block; } .home_buttons .slick-slide { float: left; height: 100%; min-height: 1px; } .home_buttons .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .home_buttons .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; } .home_buttons .slick_content.slick-initialized { opacity: 1; height: auto; } .home_buttons .slick-list { width: auto; position: relative; overflow: hidden; margin: 0; padding: 30px 0 83px; } .home_buttons .item { float: left; height: 115px; padding: 0; } .home_buttons .button-link { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; text-decoration: none !important; background: transparent; text-align: center; position: relative; 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; /*&:before { .multiple_bgs(3px,0,auto,0,62px,62px); background: transparent; border: 2px rgba(255,255,255,0.3) solid; .rounded(50%); margin: auto; .transition(); z-index: 0; } &:after { .multiple_bgs(0px,0,auto,0,@button-mobile-width,@button-mobile-width); background: @button-background; border: @button-border; border-radius: @button-border-radius; box-shadow: @button-box-shadow; .rounded(50%); margin: 0 auto; }*/ } .home_buttons .button-link:hover, .home_buttons .button-link:focus { text-decoration: none; background: transparent; /*&:before { background: transparent; border: 2px transparent solid; }*/ } .home_buttons .button-link:hover:after, .home_buttons .button-link:focus:after { background: #375C2D; border: 2px solid #093547; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .home_buttons .button-link:hover .button-text, .home_buttons .button-link:focus .button-text { color: #375C2D; } .home_buttons img { margin: auto; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; max-width: 28px; max-height: 28px; } .home_buttons .button-text { position: relative; margin: 0 auto; -ms-flex: 0 1 100%; -webkit-flex: 0 1 100%; flex: 0 1 100%; max-height: 98.6px; overflow: hidden; padding: 68px 2% 0; color: #093547; font-size: 11px; font-weight: 500; font-family: 'Montserrat', sans-serif; text-transform: none; line-height: 1.3; letter-spacing: -0.8px; } .home_buttons .slick-prev, .home_buttons .slick-next { display: block !important; background: url(_gfx/home/button_prev.svg) center center no-repeat; width: 24px; height: 44px !important; border: 0; text-indent: -9999px; position: absolute; left: -50px; right: 0; top: auto; bottom: 30px; transform: translateY(-50%); padding: 0; margin: 0 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; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -moz-opacity: 0.75; -khtml-opacity: 0.75; -webkit-opacity: 0.75; opacity: 0.75; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); filter: alpha(opacity=75); z-index: 2; } .home_buttons .slick-prev:hover, .home_buttons .slick-next:hover { background: url(_gfx/home/button_prev_h.svg) center center no-repeat; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .home_buttons .slick-next { background: url(_gfx/home/button_next.svg) center center no-repeat; left: 0; right: -50px; } .home_buttons .slick-next:hover { background: url(_gfx/home/button_next_h.svg) center center no-repeat; } .home_buttons .slick-disabled { cursor: default; -moz-opacity: 0.15; -khtml-opacity: 0.15; -webkit-opacity: 0.15; opacity: 0.15; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); filter: alpha(opacity=15); } .home_buttons .slick-disabled:hover { -moz-opacity: 0.15; -khtml-opacity: 0.15; -webkit-opacity: 0.15; opacity: 0.15; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15); filter: alpha(opacity=15); } .home_buttons.no-stretch .button-link { width: 200px; margin: 0 auto; } .home_buttons.button-icons-left .button-link { padding: 0 2% 0 70px; text-align: left; } .home_buttons.button-icons-left img { bottom: 0; left: 0; right: calc(100% - 70px); top: 0; } .home_buttons.button-icons-left .button-text { padding: 0; max-height: 62.4px; } .home_buttons.button-icons-right .button-link { padding: 0 70px 0 10px; text-align: right; } .home_buttons.button-icons-right img { left: calc(100% - 70px); right: 0; top: 0; bottom: 0; } .home_buttons.button-icons-right .button-text { padding: 0; max-height: 62.4px; } /***48em = 768px ***/ @media screen and (max-width: 48em) { .home_buttons .image_frame { content: ""; top: 0px; left: 0; position: absolute; right: 0; bottom: auto; z-index: -1; width: 68px; height: 68px; /* background: @button-background; border: @button-border; border-radius: @button-border-radius; box-shadow: @button-box-shadow;*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; background: #FFFFFF; border: 2px solid #375C2D; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3) inset; /* &:before { .multiple_bgs(0px,0,auto,0,@button-mobile-width,@button-mobile-width); background: @button-background; border: @button-border; border-radius: @button-border-radius; box-shadow: @button-box-shadow; .rounded(50%); margin: 0 auto; }*/ } .home_buttons .button-link:hover .button-text, .home_buttons .button-link:focus .button-text { text-decoration: underline; } .home_buttons .button-link:hover .image_frame, .home_buttons .button-link:focus .image_frame { background: #375C2D; border: 2px solid #375C2D; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_buttons .image_frame { content: ""; top: 0px; left: 0; position: absolute; right: 0; bottom: auto; z-index: -1; width: 68px; height: 68px; /* background: @button-background; border: @button-border; border-radius: @button-border-radius; box-shadow: @button-box-shadow;*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; background: #FFFFFF; border: 2px solid #375C2D; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3) inset; /* &:before { .multiple_bgs(0px,0,auto,0,@button-mobile-width,@button-mobile-width); background: @button-background; border: @button-border; border-radius: @button-border-radius; box-shadow: @button-box-shadow; .rounded(50%); margin: 0 auto; }*/ } .home_buttons .button-link:hover .button-text, .home_buttons .button-link:focus .button-text { text-decoration: underline; } .home_buttons .button-link:hover .image_frame, .home_buttons .button-link:focus .image_frame { background: #375C2D; border: 2px solid #375C2D; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .home_buttons .button-text { max-height: 98.6px; overflow: hidden; } } @media screen and (min-width: 821px) { .home_buttons .button-text { max-height: 84.3px; overflow: hidden; padding: 68px 2% 0; letter-spacing: unset; } } @media screen and (min-width: 62em) { } @media (min-width: 85.375em) { .home_buttons { padding: 0 10px 0 10px; } .home_buttons .item { height: 200px; margin-bottom: 0; } .home_buttons .button-link { width: 200px; background: transparent; border: 3px solid #375C2D; border-radius: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .home_buttons .button-link:before, .home_buttons .button-link:after { display: none; } .home_buttons .button-link:hover, .home_buttons .button-link:focus { background: #375C2D; border: 3px solid #375C2D; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .home_buttons .button-link:hover:before, .home_buttons .button-link:focus:before { border: 2px solid transparent; background: transparent; } .home_buttons .button-link:hover .button-text, .home_buttons .button-link:focus .button-text { color: #FFF; } .home_buttons .image_frame { background: transparent!important; box-shadow: none!important; border: none!important; z-index: 0; } .home_buttons img { top: 30px; bottom: auto; max-width: 82px; max-height: 64px; } .home_buttons .button-text { padding: 60px 10% 0; color: #093547; font-size: 16px; max-height: 122.4px; letter-spacing: unset; } .home_buttons .slick-list { margin: 0 63px; padding: 50px 0 50px; } .home_buttons.button-icons-left .button-text, .home_buttons.button-icons-right .button-text { max-height: 62.4px; } .home_buttons .slick-prev, .home_buttons .slick-next { top: calc(50% - 22px ); bottom: auto; left: 0; right: auto; margin: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .home_buttons .slick-next { left: auto; right: 0; } } @media (min-width: 85.375em) { } .nav.nav-tabs { border: 0; padding: 20px 50px 0; } .nav.nav-tabs li { margin-bottom: 0; padding: 0 0 0 0; width: 50%; float: left; } .nav.nav-tabs li a { border-radius: 0; border: 0; text-decoration: none; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 0; height: 50px; line-height: 50px; background: transparent; color: #222222; text-transform: uppercase; margin: 0; letter-spacing: 0.6px; position: relative; } .nav.nav-tabs li a:before { content: ""; top: auto; left: 0; position: absolute; right: 0; bottom: -15px; z-index: -1; width: 100%; height: 8px; background: rgba(255, 255, 255, 0.5); -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; z-index: 0; } .nav.nav-tabs li a:after { content: ""; top: auto; left: 0; position: absolute; right: 0; bottom: -15px; z-index: -1; width: 100%; height: 8px; background: #375c2d -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; @opperc: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(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; z-index: 0; } .nav.nav-tabs li a:hover:before { background: rgba(55, 92, 45, 0.5); } .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:focus { background: transparent; color: #222222; 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:focus:before { background: #375C2D; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .nav.nav-tabs li:last-child { padding-right: 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .nav.nav-tabs { padding: 75px 100px 0; } .nav.nav-tabs li { padding: 0; } .nav.nav-tabs li a { font-size: 25px; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .nav.nav-tabs { padding: 75px 249px 0; } .nav.nav-tabs li a { font-size: 30px; } } .home_spotlight { position: relative; text-align: center; padding: 0 0 0 0; background: #093547 url(_gfx/home/Spotlight-bg-img.png); background-size: cover; z-index: 1; } .home_spotlight:before { position: absolute; content: ''; background: #093547; top: -50px; bottom: 0; left: 0; right: 0; width: 100%; height: auto; display: block; height: 50px; } .home_spotlight .spotlight_header { margin: 50px auto 20px auto; font-size: 30px; font-weight: 500; color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-align: center; letter-spacing: 3.5px; position: relative; z-index: 1; } .home_spotlight .spotlight_header span { font-size: 20px; letter-spacing: 3px; display: block; } .home_spotlight .slides { padding: 0; text-align: center; font-size: 13px; font-weight: normal; color: #fff; font-family: inherit; line-height: 1.8; } .home_spotlight .slides li { /*&:before{ .multiple_bgs(-30px,0,auto,0,624px,624px); border: 2px rgba(212,221,75,0.2) solid; .rounded(50%); margin: auto; display: none; } &:after{ .multiple_bgs(-70px,0,auto,0,700px,700px); border: 2px rgba(212,221,75,0.1) solid; .rounded(50%); margin: auto; display: none; }*/ } .home_spotlight .slides li.no_img:before, .home_spotlight .slides li.no_img:after { display: none; } .home_spotlight .slides h1, .home_spotlight .slides h2, .home_spotlight .slides h3, .home_spotlight .slides h4, .home_spotlight .slides h5, .home_spotlight .slides .subtitle { color: #fff; } .home_spotlight .slides h2 { margin: 0 0 20px 0; font-size: 18px; font-weight: 500; text-transform: none; font-family: 'Montserrat', sans-serif; line-height: 1.3; max-height: 46.8px; overflow: hidden; padding: 0 10%; } .home_spotlight .slides p { letter-spacing: 0.2px; max-height: 93.6px; overflow: hidden; margin-bottom: 0; padding: 0 10%; } .home_spotlight .slides img.hide ~ h2, .home_spotlight .slides img.hide ~ p { margin-right: 0; } .home_spotlight .slides img { display: inline-block; max-height: 45%; max-width: 45%; height: 45%; width: 45%; object-fit: cover; position: relative; right: 0; left: 0; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 30px rgba(255, 255, 255, 0.45) solid; padding: 0; margin-bottom: 15px; } .home_spotlight .slides img:hover { border: 30px solid #fff; } .home_spotlight .slides a { color: #005A8D; text-decoration: underline; } .home_spotlight .slides a:hover { color: #005A8D; text-decoration: underline; } .home_spotlight .box_bottomlink { color: #093547 !important; font-weight: 500; border: 2px solid #FFF; text-transform: uppercase; background: #FFF; float: none; display: table; width: auto; height: 50px; line-height: 50px; text-decoration: none !important; margin: 20px auto 30px; border-radius: 0; font-size: 14px; text-align: center; font-family: 'Montserrat', sans-serif; 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; letter-spacing: 1.12px; padding: 0 29px; } .home_spotlight .box_bottomlink:hover { color: #FFF !important; text-decoration: none !important; background: transparent; border: 2px solid #FFF; } .home_spotlight .flex-control-nav { display: inline-block; background: rgba(0, 0, 0, 0.7); left: auto; right: auto; margin: auto; bottom: auto; position: relative; padding: 5px; } .home_spotlight .flex-control-nav:empty { display: none; } .home_spotlight .flex-control-nav li { float: none; display: inline-block; position: relative; z-index: 3; } .home_spotlight .flex-control-nav li a { display: block; height: 15px; width: 15px; border-radius: 50%; background: transparent; border: 2px solid #fff; margin: 0 3px; } .home_spotlight .flex-control-nav li a:hover, .home_spotlight .flex-control-nav li a.flex-active { background: #fff; border: 2px solid #ffd800; } .home_spotlight .flex-direction-nav a { width: 46px; height: 46px; margin: 0; display: block; position: absolute; top: calc(50% - 23px ); cursor: pointer; text-indent: -9999px; z-index: 3; overflow: hidden; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .home_spotlight .flex-direction-nav .flex-next { right: 10px; display: block; background: url(_gfx/home/right_arrow.png) center center no-repeat; background-size: 100% auto; } .home_spotlight .flex-direction-nav .flex-next:hover { background: url(_gfx/home/right_arrow_h.png) center center no-repeat; background-size: 100% auto; } .home_spotlight .flex-direction-nav .flex-prev { left: 10px; display: block; background: url(_gfx/home/left_arrow.png) center center no-repeat; background-size: 100% auto; } .home_spotlight .flex-direction-nav .flex-prev:hover { background: url(_gfx/home/left_arrow_h.png) center center no-repeat; background-size: 100% auto; } .home_spotlight .flex-direction-nav .flex-disabled { cursor: default; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_spotlight { padding: 0 0 0 0; } .home_spotlight .spotlight_header { margin: 40px auto 100px auto; max-width: 730px; font-size: 40px; } .home_spotlight .spotlight_header span { font-size: 30px; } .home_spotlight .slides { max-width: 730px; margin: auto; font-size: 20px; } .home_spotlight .slides li { min-height: 640px; } .home_spotlight .slides li:before { position: absolute; content: ''; background: rgba(255, 255, 255, 0.2); width: 418px; height: 418px; border-radius: 50%; left: 0; right: 0; top: -30px; margin: 0 auto; } .home_spotlight .slides li:after { position: absolute; content: ''; background: rgba(255, 255, 255, 0.2); width: 474px; height: 474px; border-radius: 50%; left: 0; right: 0; margin: 0 auto; top: -58px; } .home_spotlight .slides h2 { font-size: 22px; max-height: 57.2px; margin: 100px 0 20px 0; padding: 0; } .home_spotlight .slides p { max-height: 115.2px; padding: 0; } .home_spotlight .slides img { max-height: 360px; max-width: 360px; height: 360px; width: 360px; margin-bottom: 0; } .home_spotlight .slides img:hover { border: 30px #ffffff solid; } .home_spotlight .flex-control-nav { top: auto; bottom: 10px; left: 0; right: 10px; text-align: center; } .home_spotlight .flex-direction-nav { left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; } .home_spotlight .flex-direction-nav a { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .home_spotlight .box_bottomlink { font-size: 16px; padding: 0 39px; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_spotlight { padding: 0 0 0 0; } .home_spotlight .spotlight_header { margin: 100px auto 38px auto; max-width: 950px; font-size: 50px; text-align: left; } .home_spotlight .slides { max-width: 950px; font-size: 18px; text-align: left; } .home_spotlight .slides li:before { position: absolute; content: ''; background: rgba(255, 255, 255, 0.2); width: 525px; height: 525px; border-radius: 50%; left: auto; right: -33px; top: -33px; margin-top: -122px; z-index: -1; } .home_spotlight .slides li:after { position: absolute; content: ''; background: rgba(255, 255, 255, 0.2); width: 600px; height: 600px; border-radius: 50%; left: auto; right: 0; margin-top: -122px; right: -70px; top: -70px; z-index: -1; } .home_spotlight .slides h2 { font-size: 26px; max-height: 67.6px; margin: 0 0 20px 0; width: 45%; } .home_spotlight .slides p { max-height: 129.6px; width: 45%; } .home_spotlight .slides img { max-height: 460px; max-width: 460px; height: 460px; width: 460px; left: auto; right: 0; margin: 0; position: absolute; margin-top: -122px; } .home_spotlight .slides img ~ h2, .home_spotlight .slides img ~ p { margin-right: 596px; } .home_spotlight .box_bottomlink { float: left; margin: 45px 0 0 0; } .home_spotlight .flex-direction-nav { top: auto; bottom: 40px; } .home_spotlight .flex-direction-nav .flex-next { right: calc(50% - 51px ); } .home_spotlight .flex-direction-nav .flex-prev { left: calc(50% - 51px ); } } /*** 1200px ***/ @media screen and (min-width: 75em) { .home_spotlight .spotlight_header { max-width: 1024px; font-size: 70px; } .home_spotlight .slides { max-width: 1024px; font-size: 20px; } .home_spotlight .slides li:before { position: absolute; content: ''; background: rgba(255, 255, 255, 0.2); width: 624px; height: 624px; border-radius: 50%; left: auto; right: -32px; top: -32px; margin-top: -122px; } .home_spotlight .slides li:after { position: absolute; content: ''; background: rgba(255, 255, 255, 0.2); width: 700px; height: 700px; border-radius: 50%; left: auto; right: 0; margin-top: -122px; right: -70px; top: -70px; } .home_spotlight .slides h2 { font-size: 30px; max-height: 78px; } .home_spotlight .slides p { max-height: 144px; } .home_spotlight .slides img { max-height: 560px; max-width: 560px; height: 560px; width: 560px; } .home_spotlight .slides img ~ h2, .home_spotlight .slides img ~ p { margin-right: 660px; } } @media (min-width: 85.375em) { .home_spotlight .spotlight_header { max-width: 1302px; } .home_spotlight .slides { max-width: 1302px; } .home_spotlight .slides li:before { position: absolute; content: ''; background: rgba(255, 255, 255, 0.2); width: 624px; height: 624px; border-radius: 50%; left: auto; right: -32px; top: -32px; margin-top: -122px; } .home_spotlight .slides li:after { position: absolute; content: ''; background: rgba(255, 255, 255, 0.2); width: 700px; height: 700px; border-radius: 50%; left: auto; right: 0; margin-top: -122px; right: -70px; top: -70px; } } @media (min-width: 1555px) { .home_spotlight .flex-direction-nav { bottom: 0; top: 0; } .home_spotlight .flex-direction-nav .flex-next { right: 50px; } .home_spotlight .flex-direction-nav .flex-prev { left: 50px; } } .home_item2 { clear: both; position: relative; } .home_item3 { position: relative; padding: 20px 0; display: none; } .home_item3:before { content: ""; top: 0; left: 0; position: absolute; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background: url(_gfx/cmn/spotlight_bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; z-index: 0; } .home_item5 { position: relative; background: #A8B7BE; } .home_item10, .home_item7, .home_item9, .home_item5 { position: relative; z-index: 1; } .home_item_mobile { display: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #sitebody.homepagelayout { padding: 0; background: transparent; margin: 0 auto; 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; } #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 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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: 90px; } #sitebody.homepagelayout .top_col > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .top_col:before, #sitebody.homepagelayout .top_col:after { display: none; } #sitebody.homepagelayout .home_item2 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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_item2 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item3 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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; z-index: 2; display: none; } #sitebody.homepagelayout .home_item3 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item4 { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; -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; justify-content: flex-start; } #sitebody.homepagelayout .home_item4 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item4 > * { align-self: stretch; } #sitebody.homepagelayout .home_item5 { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; -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; justify-content: flex-start; } #sitebody.homepagelayout .home_item5 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item5 > * { align-self: stretch; } #sitebody.homepagelayout .home_item6 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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; justify-content: center; position: relative; } #sitebody.homepagelayout .home_item6 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item6 > * { max-width: 100%; } #sitebody.homepagelayout .home_item7 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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; justify-content: center; position: relative; } #sitebody.homepagelayout .home_item7 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item7 > * { max-width: 100%; } #sitebody.homepagelayout .home_item8 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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; } #sitebody.homepagelayout .home_item8 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item9 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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_item9 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item10 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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_item10 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item11 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -ms-grid-column: 2; -ms-grid-column-span: 4; -ms-grid-row: 11; -ms-grid-row-span: 1; grid-column: 2 / span 4; grid-row: 11 / span 1; padding: 0px 13px 0px 0; } #sitebody.homepagelayout .home_item11 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item12 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -ms-grid-column: 6; -ms-grid-column-span: 4; -ms-grid-row: 12; -ms-grid-row-span: 1; grid-column: 6 / span 4; grid-row: 12 / span 1; padding: 0px 7px; } #sitebody.homepagelayout .home_item12 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.homepagelayout .home_item13 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -ms-grid-column: 10; -ms-grid-column-span: 4; -ms-grid-row: 13; -ms-grid-row-span: 1; grid-column: 10 / span 4; grid-row: 13 / span 1; padding: 0px 0 0px 13px; } #sitebody.homepagelayout .home_item13 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } /*.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; }*/ } @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; } } @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: 60px 10px 60px 10px; position: relative; } .home_facebook h2 { margin: 0 0 0 0; font-size: 35px; font-weight: 500; color: #333333; text-transform: uppercase; font-family: 'Cabin', sans-serif; background: transparent; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_facebook { padding: 40px 0 40px 0; } .home_facebook h2 { margin: 0 0 0 0; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_facebook { padding: 40px 0 40px 0; } .home_facebook h2 { margin: 0 0 0 0; } } .home_twitter { padding: 60px 10px 60px 10px; position: relative; } .home_twitter h2 { margin: 0 0 0 0; font-size: 35px; font-weight: 500; color: #333333; text-transform: uppercase; font-family: 'Cabin', sans-serif; background: transparent; } .home_twitter .tw_content { background: #fff; line-height: 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_twitter { padding: 40px 0 40px 0; } .home_twitter h2 { margin: 0 0 0 0; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_twitter { padding: 40px 0 40px 0; } .home_twitter h2 { margin: 0 0 0 0; } } .home_instagram { padding: 40px 10px 40px 10px; position: relative; } .home_instagram .widget_header { margin: 0 0 0px 0; font-size: 35px; font-weight: 500; color: #333333; text-transform: uppercase; font-family: 'Cabin', sans-serif; } .home_instagram .instagram_container { background: #fff; min-height: 470px; padding: 42px 20px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_instagram { padding: 40px 0 40px 0; } .home_instagram .widget_header { margin: 0 0 0px 0; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_instagram { padding: 40px 0 40px 0; } .home_instagram .widget_header { margin: 0 0 0px 0; } } 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 { position: relative; } .home_video_thumbs .home-video-thumbs-container { padding: 60px 10px 100px 10px; } .home_video_thumbs .home-video-thumbs-title { margin: 0 0 20px 0; font-size: 35px; font-weight: normal; color: #fff; 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: #fff; font-size: 14px; font-weight: normal; background: #444; width: 150px; height: 34px; line-height: 34px; font-family: inherit; text-transform: uppercase; margin: 0px 10px 60px 0; text-decoration: none; text-align: center; border: 0px solid #bbbbbb; border-radius: 17px; 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; right: 0; letter-spacing: 0.75px; } .home_video_thumbs .video-thumbnail-bottomlink:after { content: " \203A"; display: inline-block; font-size: 140%; margin: 0 0 0 10px; vertical-align: top; } .home_video_thumbs .video-thumbnail-bottomlink:hover { color: #fff; text-decoration: none; background: #333; } /***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: 80px 0 110px 0; } .home_video_thumbs .home-video-thumbs-title { font-size: 35px; margin: 0 0 33px 0; } .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; } .home_video_thumbs .video-thumbnail-bottomlink { margin: 0px 0 80px 0; } } /***992px ***/ @media screen and (min-width: 62em) { .home_video_thumbs .home-video-thumbs-container { padding: 100px 0 140px 0; } .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 ***/ .home_data { background: transparent; position: relative; } .home_data .home-data-container { padding: 20px 10px 60px 10px; } .home_data .home-data-header { margin: 0 0 20px; font-size: 35px; font-weight: 500; color: #fff; text-transform: uppercase; font-family: 'Cabin', sans-serif; text-align: center; } .home_data .data-image-frame { margin: 0 0 10px 0; height: 35px; position: relative; } .home_data .home-data-box { flex: auto; width: 170px; padding: 0 10px 30px 10px; } .home_data .data-number { color: #fff; font-family: inherit; font-size: 30px; font-weight: normal; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; max-height: 1.2em; text-align: center; } .home_data .data-desc { text-transform: uppercase; line-height: 1.3em; overflow: hidden; text-align: center; font-family: inherit; font-size: 16px; font-weight: normal; color: #fff; max-height: 2.6em; } .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; margin: 40px 0 10px; } .home_data .home-data-content img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0.7; max-height: 35px; max-width: 35px; } .home_data .home-data-content a { text-decoration: none; } .home_data .home-data-content a:hover { text-decoration: none; } .home_data .home-data-bottomlink { color: #ffffff; font-size: 14px; font-weight: 500; background: #444; width: 150px; height: 34px; line-height: 34px; font-family: 'Cabin', sans-serif; text-transform: uppercase; margin: 0 0 22px; padding: 0; text-decoration: none; text-align: center; border: 0px solid #333; border-radius: 17px; -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; position: absolute; bottom: 0px; right: 10px; letter-spacing: 0.75px; } .home_data .home-data-bottomlink:after { content: " \203A"; display: inline-block; font-size: 140%; margin: 0 0 0 10px; vertical-align: top; } .home_data .home-data-bottomlink:hover { color: #ffffff; background: #222; text-decoration: none; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_data .home-data-container { padding: 40px 0px 70px 0px; } .home_data .home-data-header { font-size: 35px; margin: 0 0 33px 0; } .home_data .home-data-content { margin: 60px 0 10px; } .home_data .home-data-box { width: 200px; } .home_data .data-number { font-size: 46px; } .home_data .home-data-bottomlink { right: 0px; margin: 0 0 40px; } } /***62em = 992px ***/ @media screen and (min-width: 62em) { .home_data .home-data-container { padding: 60px 0 100px 0px; } } .home_mobile_buttons { display: block; float: none; padding: 20px 10px; background: #ccc; } .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 100px; 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: 70px; 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: 70px; background: #444; content: ""; border: 4px solid #222; border-radius: 50%; max-width: 70px; margin: auto; } .home_mobile_buttons .mobile-buttons-img { bottom: Calc(100% - 70px ); left: 0; right: 0; margin: auto; position: absolute; top: 0; max-width: 40px; max-height: 30px; } .home_mobile_buttons .mobile-buttons-title { color: #333; display: table-cell; font-size: 11px; text-transform: uppercase; font-family: inherit; font-weight: normal; line-height: 1.1; vertical-align: top; padding: 78px 0 0; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .home_mobile_buttons { display: none; } } .service-list-item .service-item-details, .service-search, .service-finder-submenu { display: none; } .service-search.filter-open, .service-finder-submenu.filter-open { display: block; } .trigger_findservice { font-size: 17px; font-weight: 500; color: #FFFFFF !important; letter-spacing: 1.7px; text-transform: uppercase; text-decoration: none !important; font-family: 'Montserrat', sans-serif; background: rgba(9, 53, 71, 0.83) url(_gfx/cmn/sf-down.svg) right 27px center no-repeat; background-size: 30px auto; width: auto; height: 60px; line-height: 60px; padding: 0 65px 0 27px; display: table; margin: 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; } .trigger_findservice.active { background: rgba(9, 53, 71, 0.83) url(_gfx/cmn/sf-close.svg) right 27px center no-repeat; } .servicewrap { float: left; width: 100%; margin: 20px auto 0; position: relative; background: #FFFFFF; display: none; -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); -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; } .servicewrap.list-active { margin: 0 0 0 -100%; } .servicewrap.definition-active { margin: 0 0 0 -200%; } .servicewrap h2, .servicewrap dt { margin: 20px 0 0px 0; border-bottom: 1px solid #bbbbbb; color: #151515; font-weight: bold; font-size: 22px; padding: 0 0 14px 0; position: relative; line-height: 1.1; text-transform: uppercase; min-height: 39px; } .servicewrap h2:before, .servicewrap dt:before { position: absolute; bottom: 0; left: 0; width: 86px; height: 4px; content: ""; background: #bbbbbb; } .servicewrap .services_title { display: block; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; color: #093547; margin: 20px 0 15px 0; padding: 0; border: none; letter-spacing: 0.9px; text-transform: uppercase; min-height: auto; } .servicewrap .services_title:before { display: none; } .dropdown_custom_links { position: relative; display: block; margin: 0; width: 100%; height: 60px; line-height: 60px; background: #fff; z-index: 2; overflow: hidden; outline: none; /*&:focus, &:active{ color: #fff; background: #093547; border-bottom-color: rgba(255,255,255,0.4); &:before{ background: url(_gfx/cmn/sf-smallarrowwhite.svg) center center no-repeat; background-size: 15px auto; } select,p{ color: #fff; } }*/ /*&:before{ .multiple_bgs(0,20px,0,auto,15px,15px); background: url(_gfx/cmn/sf-small-down.svg) center center no-repeat; background-size: 15px auto; margin: auto 0; }*/ } .dropdown_custom_links.active { color: #fff; background: #093547; border-bottom-color: rgba(255, 255, 255, 0.4); } .dropdown_custom_links.active ul { display: block; } .dropdown_custom_links.active p { color: #fff; } .dropdown_custom_links.active:before { background: url(_gfx/cmn/sf-smallarrowwhite.svg) center center no-repeat; background-size: 15px auto; } .dropdown_custom_links.active select, .dropdown_custom_links.active p { color: #fff; } .dropdown_custom_links select, .dropdown_custom_links p { display: block; width: 100%; height: 100%; font-size: 14px; color: #333333; padding: 0 20% 0 20px; margin: 0; background: none; cursor: pointer; font-family: 'Libre Franklin', sans-serif; max-width: 100%; border: none !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: url(_gfx/cmn/sf-small-down.svg) right 20px center no-repeat; background-size: 15px auto; border-bottom: 1px #87241B solid; } .dropdown_custom_links select:focus, .dropdown_custom_links p:focus { color: #fff; background: #093547 url(_gfx/cmn/sf-smallarrowwhite.svg) right 20px center no-repeat; background-size: 15px auto; border-bottom-color: #87241B; } .dropdown_custom_links select option, .dropdown_custom_links p option, .dropdown_custom_links select .option, .dropdown_custom_links p .option { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: #093547; font-family: 'Libre Franklin', sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; padding: 10px 20px; -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); -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_custom_links select option:hover, .dropdown_custom_links p option:hover, .dropdown_custom_links select .option:hover, .dropdown_custom_links p .option:hover { background: #093547; text-decoration: underline; } .dropdown_custom_links select::-ms-expand { display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */ } .dropdown_custom_links ul { margin: 0; padding: 0; list-style: none; display: none; background: #093547; padding: 13px 0; -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); box-shadow: 0 7px 12px rgba(0, 0, 0, 0.14); } .dropdown_custom_links ul li { display: table; height: 40px; width: 100%; line-height: 40px; } .dropdown_custom_links ul li a { display: table-cell; vertical-align: middle; width: 100%; font-family: 'Libre Franklin', sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; padding: 0 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; } .dropdown_custom_links ul li a:hover { text-decoration: underline; } .service-finder { padding: 0 10px; float: left; max-width: 100%; width: 100%; min-height: auto; border-right: 1px #e9e9e9 solid; position: relative; } .service-finder:before { content: ""; top: 0; left: auto; position: absolute; right: -8px; bottom: 0; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #87241b; z-index: 1; margin: auto; display: none; } .service-finder > ul { margin: 0; padding: 0; list-style: none; } .service-finder > ul > li { border-bottom: 1px solid #e5e5e5; padding: 11px 0; } .service-finder > ul > li > a { text-decoration: none; font-weight: bold; color: #444444; font-size: 17px; display: block; } .service-finder > ul > li.isactive > a { color: #71803c; background: url(_gfx/home/services_arrow.gif) right center no-repeat; } .service-finder .service-search { margin: 10px 0; position: relative; background: #f8f8f8; border: 2px solid #dddddd; } .service-finder .service-search:after { position: absolute; top: 0; right: 0; width: 36px; bottom: 0; border-left: 2px solid #dddddd; content: ""; background: #fff url(_gfx/home/services_search.png) center center no-repeat; z-index: 0; } .service-finder .service-search .service-search-input { border-radius: 0; width: 100%; background: transparent; border: 0px !important; padding: 0 36px 0 13px; height: 32px; line-height: 32px !important; color: #888888; font-size: inherit !important; } .service-finder .service-search .service-search-btn { position: absolute; top: 0; right: 0; bottom: 0; width: 36px; z-index: 1; text-indent: -4000px; overflow: hidden; } .service-finder .service-finder-submenu { margin: 0; padding: 0; list-style: none; margin: 17px 0 7px; max-height: 12em; overflow: auto; } .service-finder .service-finder-submenu > li { margin: 2px 0; } .service-finder .service-finder-submenu > li > a { text-decoration: none; display: block; font-size: 14px; color: #71803c; padding: 3px 15px; } .service-finder .service-finder-submenu > li > a:hover, .service-finder .service-finder-submenu > li > a.isactive { background: #f1f4e9; } .service-list { padding: 0 10px; float: left; max-width: 100%; width: 100%; min-height: auto; border-right: 1px #e9e9e9 solid; position: relative; z-index: 1; } .service-list:before { content: ""; top: 0; left: auto; position: absolute; right: -8px; bottom: 0; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #87241b; z-index: 1; margin: auto; display: none; } .service-list .service-list-filtered { margin: 0; padding: 0; list-style: none; margin-top: 10px; max-height: 200px; overflow: auto; padding-top: 3px; } .service-list .service-list-filtered::-webkit-scrollbar { width: 4px; height: 4px; } .service-list .service-list-filtered::-webkit-scrollbar-button { width: 0px; height: 0px; } .service-list .service-list-filtered::-webkit-scrollbar-thumb { background: #6dae79; border: 0px none #ffffff; border-radius: 0px; } .service-list .service-list-filtered::-webkit-scrollbar-thumb:hover { background: #6dae79; } .service-list .service-list-filtered::-webkit-scrollbar-thumb:active { background: #6dae79; } .service-list .service-list-filtered::-webkit-scrollbar-track { background: #eeeeee; border: 0px none #ffffff; border-radius: 0px; } .service-list .service-list-filtered::-webkit-scrollbar-track:hover { background: #eeeeee; } .service-list .service-list-filtered::-webkit-scrollbar-track:active { background: #eeeeee; } .service-list .service-list-filtered::-webkit-scrollbar-corner { background: transparent; } .service-list .service-list-item { width: 100%; margin: 2px 0 1px; } .service-list .service-list-item > a { text-decoration: none; color: #444; display: block; padding: 7px 10px 6px; line-height: 1.1; font-size: 13px; } .service-list .service-list-item > a:hover, .service-list .service-list-item > a.isactive { color: #71803c; background: #f1f4e9; } .service-definition { padding: 13px 23px; float: left; max-width: 100%; width: 100%; min-height: auto; background: #fff; position: relative; margin-top: 40px; } .service-definition .box_bottomlink { width: auto; height: 100%; line-height: 50px; background: #87241B url(_gfx/cmn/arrow_with_circle.svg) center top 100px no-repeat; background-size: 30px auto; padding: 50px 20px; max-width: 90px; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color: #fff; text-transform: uppercase; text-decoration: none; position: absolute; right: 0; left: auto; top: 0; bottom: 0; line-height: 1.2; text-align: center; max-height: 180px; } .service-definition .services_title { padding-right: 50%; } .service-definition dd { font-size: 15px; margin: 19px 0 0 0; max-height: 14em; overflow: auto; } .service-definition dd a.view_more { color: #fff; background: #6dae79; font-weight: bold; text-decoration: none; display: block; float: right; margin-top: 33px; font-size: 13px; padding: 5px 20px; border: 1px solid transparent; } .service-definition dd a.view_more:hover { color: #71803c; background: #fff; border: 1px solid #bbbbbb; } .service-definition .service-item-details p { font-family: 'Libre Franklin', sans-serif; font-size: 14px; line-height: 1.6; color: #333333; max-height: 89.6px; overflow: hidden; padding-right: 50%; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .trigger_findservice { font-size: 34px; } .servicewrap { width: 100%; margin: 39px 0 0 0; } .servicewrap h2, .servicewrap dt { margin: 0 0 0px 0; font-size: 18px; } .servicewrap .service-definition-back, .servicewrap .service-list-back, .servicewrap .service-search-btn { display: none; } .servicewrap .services_title { margin: 40px 0 15px 0; } .service-finder { padding: 0 25px; max-width: 50%; min-height: 218px; } .service-list { padding: 0 25px; max-width: 50%; min-height: 218px; } .service-definition { padding: 0 0 0 25px; min-height: 218px; margin-top: 0; } .service-definition .box_bottomlink { font-size: 16px; padding: 50px 57px; max-width: 180px; background-size: auto auto; background-position: center top 117px; } .service-definition .service-item-details { position: relative; } .service-definition .service-item-details .services_title { padding-right: 250px; } .service-definition .service-item-details p { font-size: 16px; max-height: 102.4px; padding-right: 250px; } .dropdown_custom_links select, .dropdown_custom_links p { font-size: 16px; } .dropdown_custom_links select option, .dropdown_custom_links p option { font-size: 16px; } .dropdown_custom_links ul li a { font-size: 16px; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .trigger_findservice { font-size: 34px; } .service-finder { max-width: 28%; } .service-finder:before { display: block; } .service-list { max-width: 28%; } .service-list:before { display: block; } .service-definition { max-width: 44%; } .service-definition .box_bottomlink { font-size: 18px; } .service-definition .service-item-details { position: relative; } } @media (min-width: 75em) { .servicewrap .services_title { font-size: 18px !important; } .service-definition p { font-size: 18px; max-height: 115.2px; } .dropdown_custom_links select, .dropdown_custom_links p { font-size: 18px; } .dropdown_custom_links select option, .dropdown_custom_links p option { font-size: 18px; } .dropdown_custom_links ul li a { font-size: 18px; } } /*tools include mixins and other tools we need to include such as google fonts.*/ @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'); } /*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: #333333; 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: 16px !important; line-height: 1.375 !important; font-family: 'Libre Franklin', sans-serif !important; color: #333333; } .front_end_body :target:before, .front_end_body a[name]:before { content: ""; display: block; height: 90px; /* 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: #222222; 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: #91B54F !important; color: #222222 !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: #333333 !important; background: transparent !important; border: 2px solid #B6B6B6 !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: #222222; line-height: 1.2; font-weight: 500; font-size: 200%; font-family: 'Montserrat', sans-serif; } h2, .content_area h2, .reDropDownBody h2 { font-size: 160%; color: #222222; font-weight: 500; line-height: 1.2; } h3, .content_area h3, .reDropDownBody h3 { font-size: 140%; color: #222222; font-weight: 500; } h4, .content_area h4, .reDropDownBody h4 { font-size: 120%; color: #222222; font-weight: 500; } h5, .content_area h5, .reDropDownBody h5 { font-size: 110%; color: #222222; font-weight: 500; } h6, .content_area h6, .reDropDownBody h6 { color: #222222; font-weight: 500; font-size: 100%; } .subtitle { font-size: 175%; color: #222222; font-weight: 500; } .subtitle p, .subtitle a { color: #222222; font-weight: 500; } a, a:visited, .column a { color: #005A8D; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } a[name], a[name]:hover, a[name]:focus { color: #333333; 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: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase; font-size: 110%; height: 40px; line-height: 30px; background: #093547; padding: 6px 20px; letter-spacing: 0.54px; } .small_box .mobile_header { display: block; } .mobile_list, .mobile_box { background: #F5F5F5; border: 0px; color: #005A8D; zoom: 1; } .mobile_list:before, .mobile_box:before { content: ''; display: block; } .mobile_list:after, .mobile_box:after { content: ''; display: table; clear: both; } .mobile_list:before, .mobile_box:before, .mobile_list:after, .mobile_box:after { display: table; content: " "; clear: both; } .small_col .content_area.mobile_box { border-top: 1px solid #B6B6B6; background: #F5F5F5; } .mobile_box > div { background: #F5F5F5; padding: 10px; } .mobile_box { background: #F5F5F5; } .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%; background: #F5F5F5; border-bottom: 1px solid #B6B6B6; border-top: 0; padding: 17px 7% 17px 20px; 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 li:before, .facebook_feed ul li:before, .twitter_feed ul li:before, .mobile_list ul li:after, .facebook_feed ul li:after, .twitter_feed ul li:after { display: table; content: " "; 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: #005A8D; font-weight: bold; font-size: 93.75%; } .mobile_list ul li a:hover { color: #005A8D; text-decoration: underline; } .mobile_list .item-list a { color: #005A8D; font-weight: normal; font-size: 93.75%; } .mobile_list .item-list a:hover { color: #005A8D; text-decoration: underline; } .mobile_list .item_smalltext { padding: 0; border: 0; } .mobile_list .item_smalltext + .item_smalltext { font-style: normal; } .mobile_list .box_bottomlink, .mobile_box .box_bottomlink { background: #375C2D; border: 0; border-bottom: 1px solid #B6B6B6; color: #fff; font-style: normal; font-weight: 400; text-align: right; padding: 7px 24px 7px 24px; clear: both; position: relative; letter-spacing: 0.65px; font-size: 81.25%; } .mobile_list .box_bottomlink:hover, .mobile_box .box_bottomlink:hover { text-decoration: underline; } /***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 #B6B6B6; 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:before, .slides:after { display: table; content: " "; 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: #005A8D; border: solid 1px transparent; color: #fff !important; } .alpha-filter .current:hover { color: inherit !important; } /**link color**/ .list-pager a { color: #005A8D !important; } .list-pager a.pg-normal:hover { background: #005A8D; 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 #B6B6B6; 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; } .detail-content:before, .detail-content:after { display: table; content: " "; 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 #B6B6B6 !important; background: #F5F5F5 !important; } .sitewrapper .listtable th { border: 1px solid #91B54F; font-weight: 500; padding: 6px 20px; background: #91B54F !important; color: #222222 !important; font-size: 90%; font-family: 'Montserrat', sans-serif; vertical-align: top; letter-spacing: 0.54px; } .sitewrapper .listtable th:hover { font-weight: 500; padding: 6px 20px; border: 1px solid #91B54F; } .sitewrapper .listtable th a { white-space: normal; } .sitewrapper .listtable td { padding: 3px 20px 3px 20px !important; border: 0; border-bottom: solid 1px #B6B6B6; border-right: solid 1px #B6B6B6; font-size: 75%; } .sitewrapper .listtable td:first-child { border-left: 1px solid #B6B6B6; } .sitewrapper .listtable tr:hover { background: transparent; } .sitewrapper .listtable tr:hover td { background: transparent !important; } .sitewrapper .listtable tr:hover > td a { color: #005A8D !important; } .sitewrapper .listtable tr:hover > td, .sitewrapper .listtable tr:hover > td > p { color: #333333 !important; } .sitewrapper .listtable a.email_link { background-position: center 0; } .sitewrapper .listtable th a { color: #222222 !important; } .sitewrapper table.listtable a.phone_link, .sitewrapper table.listtable a.phone_link:hover { color: #333333; 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 #91B54F; } .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 #B6B6B6 !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 #B6B6B6 !important; } .sitewrapper .listtable td:last-child { border-bottom: solid 1px #B6B6B6 !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.faq_box .listfaq_q a.faq-box-tabbable { display: block; } .small_box .item_new, .listtable span.item_new { color: #fff; 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-position: 0 center; } .small_box .box_bottomlink:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #4B4B4B; 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: #F5F5F5 !important; border: 0px solid #B6B6B6 !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: 500; line-height: 120%; font-size: 112.5% !important; height: auto; padding: 9px 20px 8px 20px; text-align: left; display: block; text-transform: uppercase; background: #093547; margin: -1px -1px 0 -1px; font-family: 'Montserrat', sans-serif; letter-spacing: 0.54px; } .small_box .box_content, .twitter_feed .box_content, .facebook_feed .box_content { padding: 0px 20px 0 20px; } .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: 130%; } .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: 10px 0 7px 0; position: relative; } .small_box .box_bottomlink, .twitter_feed .box_bottomlink, .facebook_feed .box_bottomlink { float: right; width: auto; height: 36px; line-height: 36px; margin: 10px -8px 10px 0; padding: 0 11px; border-radius: 0; background: #ACC657; text-transform: uppercase; color: #222222; font-weight: 400; font-size: 81.25%; font-family: 'Montserrat', 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; } .small_box .box_bottomlink:after, .twitter_feed .box_bottomlink:after, .facebook_feed .box_bottomlink:after { content: ""; font-size: 100%; line-height: 1; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: 0; border: none; } .small_box .box_bottomlink:hover, .twitter_feed .box_bottomlink:hover, .facebook_feed .box_bottomlink:hover { background: #80A43F; text-decoration: none; color: #ffffff; } .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: #222222; text-decoration: none; font-size: 93.75%; font-weight: 500; font-family: 'Montserrat', sans-serif; } .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: #222222; font-weight: 500; } .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: #333333; font-size: 87.5%; padding: 0; border: 0; } .small_box .document_breadcrumb, .twitter_feed .document_breadcrumb, .facebook_feed .document_breadcrumb { color: #333333; } .small_box .document_breadcrumb a, .twitter_feed .document_breadcrumb a, .facebook_feed .document_breadcrumb a { color: #222222; } .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: #333333; font-weight: normal; font-size: 87.5%; } .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: #222222; } .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.staff_box .box_content ul.item-list li.item-email a, .small_box.business_box .box_content ul.item-list li.item-phone, .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, .small_box.business_box .box_content ul.item-list li.item-map { line-height: 130%; border-bottom: none; font-size: 87.5%; } .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: #ffffff; } .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; } /***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; } .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; overflow: hidden; } .mainSpan_wrapper:before, .mainSpan_wrapper_home:before { position: absolute; top: 0; bottom: auto; left: 0; right: 0; height: 35px; background: #F0F0F0; content: ""; z-index: 5; } .mainSpan_wrapper:after, .mainSpan_wrapper_home:after { position: absolute; top: 0; left: 0; right: 0; height: 35px; background: #FFFFFF; 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: 1; margin-bottom: 0; position: relative; background: #fff; } #headercolumn { clear: both; float: none; width: auto; position: static; height: 116px !important; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #siteheader { height: 35px; background: transparent; position: relative; margin: 0 auto; z-index: auto; } #siteheader:before { display: none; } .search_open #siteheader { z-index: auto; } #headercolumn { background-image: none !important; height: auto !important; } } #page_footer { padding: 10px; font-size: 82%; background: #093547; background-size: 100% auto; text-align: center; } #page_footer #footercolumn { color: #E3E3E3; font-family: inherit; letter-spacing: 0.3px; background: url(_gfx/cmn/Seal@2x.png) center top no-repeat; background-size: 70px auto !important; padding-top: 70px; } #page_footer .footer_nav { margin-bottom: 10px; text-align: center; } #page_footer .footer_nav h2 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 18px; text-transform: uppercase; color: #FFFFFF; letter-spacing: 0.36px; margin: 10px 0 15px 0; } #page_footer .footer_nav a { white-space: nowrap; text-transform: none; color: #E3E3E3; text-decoration: none; margin-right: 10px; line-height: 22px; } #page_footer .footer_address { margin-bottom: 7px; } #page_footer .footer_copyright { margin-bottom: 10px; text-align: center; margin-left: 0; } #page_footer .footer_copyright a { font-weight: bold; } #page_footer a { color: #E3E3E3; } #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: 395px; font-size: 100%; padding: 0; margin-bottom: 0px; text-align: left; } #page_footer #footercolumn { margin: 0 auto; position: relative; padding: 130px 0 35px 0; min-height: 395px; font-size: 15px; background-position: center top 10px; background-size: 100px auto !important; } #page_footer #footercolumn .footer_nav { font-size: 15px; clear: both; margin-bottom: 24px; padding-top: 0px; display: inline-block; width: auto; padding-right: 0; width: 49%; vertical-align: top; text-align: left; } #page_footer #footercolumn .footer_nav h2 { font-size: 18px; margin: 0 0 15px 0; } #page_footer #footercolumn .footer_nav a { padding: 0; margin: 0; display: block; line-height: 28px; } #page_footer #footercolumn .footer_nav a:first-child { padding-left: 0; } #page_footer #footercolumn .footer_nav a:last-child { padding-right: 0; } #page_footer #footercolumn .footer_nav a:hover { text-decoration: underline; } #page_footer #footercolumn p { clear: none; } #page_footer #footercolumn .footer_address { margin-bottom: 3px; } #page_footer #footercolumn .footer_copyright { margin-bottom: 0px; margin-top: 40px; clear: both; font-size: 13px; color: #FFFFFF; margin-left: 0; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { #page_footer #footercolumn { background-size: 119px auto !important; padding: 150px 0 35px 0; } #page_footer #footercolumn .footer_nav { padding-right: 30px; width: auto; } } @media (min-width: 75em) { #page_footer #footercolumn { background-size: 129px auto !important; } #page_footer #footercolumn .footer_nav { padding-right: 55px; } } @media (min-width: 85.375em) { #page_footer #footercolumn { background-position: left center; background-size: 159px auto !important; padding: 100px 0 35px 225px; } #page_footer #footercolumn .footer_nav { padding-right: 72px; } #page_footer #footercolumn .footer_copyright { margin-left: -225px; } } #siteheader a#home_link { background: url(_gfx/cmn/logo@2x.png) 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: 89px; } #siteheader a#home_link:after { content: 'Parks and Recreation'; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #siteheader a#home_link { height: 77px; left: 0; top: 40px; bottom: auto; right: auto; width: 200px; max-width: 460px; background-position: 0 center !important; z-index: 7; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { #siteheader a#home_link { width: 297px; } } #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: #222222; float: right; text-align: right; line-height: 35px; padding: 0 0px 0px 0px; max-width: 433px; max-height: 42px; overflow: hidden; margin-right: 0px; position: relative; z-index: 7; } #top_nav a { color: #222222; font-size: 12px; margin: 0 7px; text-decoration: none; position: relative; display: inline-block; font-family: inherit; font-weight: normal; letter-spacing: 0.14px; } #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; } #top_nav a.translate_link { margin-right: 0; } } /***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: 0 0px 0px 0px; max-width: 653px; max-height: 53px; } #top_nav a { margin: 0 17px; font-size: 13px; } #top_nav a:last-child { margin-right: 0; } } /***75em = 1200px ***/ @media screen and (min-width: 75em) { #top_nav { max-width: 727px; } #top_nav a { font-size: 14px; } } @media (min-width: 85.375em) { #top_nav { max-width: 1005px; } } .search-trigger, .top_links, .close_search { display: none; } #searchbox { background: #E8EBED; 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; font-family: 'Montserrat', sans-serif !important; color: #222222; font-size: 17px !important; /*keep important*/ height: 30px; line-height: 30px !important; margin: 0; padding: 0 36px 0 6px; width: 100%; font-weight: 500; letter-spacing: 0.34px; } #searchbox input#search_text::-webkit-input-placeholder { color: #222222; font-size: 17px; opacity: 1 !important; } #searchbox input#search_text:-moz-placeholder { color: #222222; font-size: 17px; opacity: 1 !important; } #searchbox input#search_text::-moz-placeholder { opacity: 1 !important; color: #222222; font-size: 17px; } #searchbox input#search_text:-ms-input-placeholder { color: #222222; font-size: 17px; opacity: 1 !important; } #searchbox input#search_text:focus { box-shadow: none; } #searchbox > a { background: url("_gfx/cmn/search-mobile.svg") no-repeat center center; border: 0 none !important; height: 30px !important; margin: 0; position: absolute; right: 10px; text-align: left; text-decoration: none; text-indent: -4000px; top: 10px; width: 30px; overflow: hidden; } .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; min-width: calc(100% + 30px); margin-left: -15px; } .top_links ul li { flex: 0 1 100%; max-width: calc(25% - 30px); height: 50px; padding: 0; margin: 0 15px 30px; display: table; width: 25%; /*.link-text { //height:100%; font-size: @toplinks-button-font-size; text-align: center; color: @toplinks-button-color; text-decoration: none; //margin-bottom:5px; max-height: @toplinks-button-font-size * @toplinks-button-line-height * @toplinks-button-max-lines; overflow: hidden; line-height: @toplinks-button-line-height; display: block; width: 100%; }*/ } .top_links ul li a { background: #375C2D; border: 2px solid #375C2D; border-radius: 0; padding: 5px; /*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;*/ height: 100%; font-size: 16px; text-align: center; color: #fff; text-decoration: none; max-height: 38.4px; overflow: hidden; line-height: 1.2; display: table-cell; vertical-align: middle; width: 100%; font-family: 'Montserrat', sans-serif; letter-spacing: 0.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; } .top_links ul li a:hover { background: transparent; border: 2px solid #fff; color: #fff; /*.link-text { color: @toplinks-button-color-hover; }*/ } /***48em = 768px ***/ @media screen and (min-width: 48em) { .top_links { display: block; } .top_links h2 { font-size: 20px; color: #faf9f8; font-weight: normal; width: 96%; display: block; margin: 0 auto; letter-spacing: 0.2px; } .top_links ul { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .top_links ul li a { padding: 0 10px; } .top_search { display: none; position: absolute; z-index: 12; width: 100%; } .top_search .search_block { width: 100%; padding: 0 0 126px; margin: auto; } .search_overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(1, 23, 33, 0.85); z-index: 11; } .close_search.close_search { color: #ffffff; font-size: 21px; text-transform: uppercase; 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; background: #fff url("_gfx/cmn/close.svg") no-repeat center center; width: 40px; height: 40px; background-size: 76% auto; padding-right: 30px; margin: 60px 0 0; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .close_search.close_search:hover { opacity: 0.7; } .search-trigger { position: absolute; right: auto; top: 60px; margin-left: calc( 730px - 40px ); display: block; cursor: pointer; background: #375C2D url("_gfx/cmn/search.svg") no-repeat center center; background-size: 18px auto; height: 40px; float: right; width: 40px; text-indent: -4000px; text-align: left; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 7; border: 1px solid #375C2D; } .search-trigger:hover { background: #fff url("_gfx/cmn/Header-search-icon-hover.svg") no-repeat center center; background-size: 18px auto; } #searchbox { margin: 144px auto 50px; position: relative; padding: 0; background: #fff; float: none; top: auto; height: auto; border: 0px solid #fff; } #searchbox > a { display: inline-block; background: transparent url("_gfx/cmn/search-overlay.svg") no-repeat center center; background-size: 24px auto; width: 65px; height: 65px !important; top: 0; right: 0; } #searchbox > a:hover { background: transparent url("_gfx/cmn/search-overlay.svg") no-repeat center center; } #searchbox input#search_text { color: #333333; margin: 0; width: 100%; border: 0 !important; font-family: 'Libre Franklin', sans-serif !important; font-size: 22px !important; background: transparent; text-transform: none; height: 65px; line-height: 65px !important; padding: 0 69px 0 20px; } #searchbox input#search_text::-webkit-input-placeholder { font-size: 22px; color: #333333; text-transform: none; } #searchbox input#search_text:-moz-placeholder { font-size: 22px; color: #333333; text-transform: none; } #searchbox input#search_text::-moz-placeholder { font-size: 22px; color: #333333; text-transform: none; } #searchbox input#search_text:-ms-input-placeholder { font-size: 22px; color: #333333; text-transform: none; } #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 - 40px ); } .top_search .search_block { width: 858px; } } /***75em = 1200px***/ @media only screen and (min-width: 75em) { .search-trigger { margin-left: calc( 1024px - 40px ); } } /*1366px*/ @media only screen and (min-width: 85.375em) { .search-trigger { margin-left: calc( 1302px - 40px ); } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .translatebox { float: right; clear: both; display: block; margin: -35px 0px 0px 0px; padding: 0 0 0 39px; background: transparent; cursor: pointer; border: 0px solid transparent; position: relative; z-index: 7; max-width: 100px; } .translatebox:before { position: absolute; height: 0; width: 0; border-top: 7px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; z-index: 0; top: 0; bottom: 0; margin: auto; right: 10px; display: none; } .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: auto; padding: 0px 0px 0px 0; position: relative; color: #fff !important; font-size: 12px !important; -webkit-appearance: none; -moz-appearance: none; background: transparent; margin: 0; height: 35px; min-width: 0; } .translatebox .skiptranslate.goog-te-gadget select.goog-te-combo option { background: transparent; color: #333333; } .translatebox select::-ms-expand { display: none; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { .translatebox .skiptranslate.goog-te-gadget select.goog-te-combo { font-size: 13px !important; } } @media (min-width: 75em) { .translatebox .skiptranslate.goog-te-gadget select.goog-te-combo { font-size: 14px !important; } } #page_footer .social_icons { margin: 0 0 10px 0; } #page_footer .social_icons h2 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 18px; text-transform: uppercase; color: #FFFFFF; letter-spacing: 0.36px; margin: 0 0 15px 0; } #page_footer .social_icons a { display: inline-block; margin: 0 1px; width: 40px; height: auto; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #page_footer .social_icons { float: right; margin: 0; width: 50%; } } /*62em = 992px*/ @media only screen and (min-width: 62em) { #page_footer .social_icons { width: auto; } } .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; } .config_widget_template .home_collage .flex-control-nav { z-index: 310; } .config_widget_template .home_slide_content { z-index: 302; } .config_widget_template .home_video_thumbs .video-thumbnail-bottomlink { margin: 0px 0px -42px 0; } /***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 .top_col > div:first-of-type { position: absolute; top: 0; width: 100%; } .config_widget_template #sitebody.homepagelayout .home_item3 { z-index: 20; } .config_widget_template .widget_wrapper .widget_wrapper_body.edit { min-height: 45px; } .edit .widget_wrapper .widget_wrapper_title.edit { text-align: left; } } /*62em = 992px*/ @media (min-width: 1200px) { .config_widget_template { clear: both; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .sticky_header .sitewrapper:before { display: none; } .sticky_header .sitewrapper:after { display: block; position: fixed; height: 90px; z-index: 7; top: 0; } .sticky_header #siteheader { z-index: 9; } .sticky_header #siteheader a#home_link { position: fixed; height: 90px; left: auto; top: 0px; width: 200px; background: url(_gfx/cmn/logo@2x.png) 0 center no-repeat !important; background-size: 100% auto !important; margin: 0 auto; } .sticky_header #siteheader #top_nav { display: none; } .sticky_header #siteheader .translatebox { display: none !important; } .sticky_header .search-trigger { position: fixed; right: auto; top: 25px; margin-left: calc( 730px - 40px ); display: block; cursor: pointer; background: #375C2D url("_gfx/cmn/search.svg") no-repeat center center; border: 1px solid #375C2D; background-size: 18px auto; height: 40px; float: right; width: 40px; text-indent: -4000px; text-align: left; overflow: hidden; /*&.active { background: url("_gfx/cmn/close_icon.svg") no-repeat center center; background-size: 20px auto; }*/ } .sticky_header .search-trigger:hover { background: #fff url("_gfx/cmn/Header-search-icon-hover.svg") no-repeat center center; background-size: 18px auto; } .sticky_header .top_search { position: fixed; max-width: 730px; width: 100%; } .sticky_header .main_menu_widget { max-width: none; position: fixed; top: 0px; left: 0; right: 0; z-index: 8; width: 100%; } .sticky_header .mainnav { top: auto; position: relative; } .sticky_header .mainnav .dropdownmenu { width: auto; } .sticky_header .mainnav .dropdownmenu > li > a { font-size: 12px; } .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 - 40px ); } .sticky_header .top_search { max-width: 950px; } .sticky_header #siteheader a#home_link { width: 297px; } .sticky_header .mainnav .dropdownmenu > li > a { font-size: 15px; } .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 - 40px ); } .sticky_header .mainnav .dropdownmenu > li > a { font-size: 16px; } .sticky_header .top_search { max-width: 1024px; } } /*1366px*/ @media only screen and (min-width: 85.375em) { .sticky_header .search-trigger { margin-left: calc( 1302px - 40px ); } .sticky_header .mainnav .dropdownmenu > li > a { font-size: 18px; } .sticky_header .top_search { max-width: 1302px; } } #siteheader a.menu_trigger { /* background: url("_gfx/cmn/mobile/menu.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/ cursor: pointer; height: 37px; left: 0; top: 0; position: absolute; overflow: hidden; text-indent: -4000px; width: 37px; display: block !important; /*&.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: #093547; border: 1px solid #093547; border-radius: 3px; box-shadow: 0 6px 0 0 #093547; 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: #093547; border: 1px solid #093547; 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: none repeat scroll 0 0 rgba(52, 88, 42, 0.95); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); overflow-y: auto !important; display: block; } #jPanelMenu-menu .nav_tip { color: #FFFFFF; font-style: italic; margin: 30px 5% 10px; } #jPanelMenu-menu .dropdownmenu { border-top: 1px solid #082B39; 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 #082B39; } #jPanelMenu-menu .dropdownmenu ul.menu_open { background: #24451C; } #jPanelMenu-menu .dropdownmenu ul ul { display: none; } #jPanelMenu-menu .dropdownmenu li { border-bottom: 1px solid #082B39; display: block; overflow: hidden; position: relative; /*.expand_link:before{ content: ''; position: absolute; top: 48%; right: 20px; height: 3px; width: 5px; background: @mobile-menu-color-arrow; -webkit-transform: skew(0deg, 45deg); -moz-transform: skew(0deg, 45deg); -ms-transform: skew(0deg, 45deg); -o-transform: skew(0deg, 45deg); transform: skew(0deg, 45deg); border-top-left-radius:2px; border-bottom-left-radius:2px; } .expand_link:after{ content: ''; position: absolute; top: 48%; right: 15px; height: 3px; width: 5px; background: @mobile-menu-color-arrow; -webkit-transform: skew(0deg, -45deg); -moz-transform: skew(0deg, -45deg); -ms-transform: skew(0deg, -45deg); -o-transform: skew(0deg, -45deg); transform: skew(0deg, -45deg); border-top-right-radius:2px; border-bottom-right-radius:2px; }*/ } #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: 87.5%; font-family: 'Montserrat', sans-serif; font-weight: 500; } #jPanelMenu-menu .dropdownmenu li a[href] { position: relative; } #jPanelMenu-menu .dropdownmenu li .expand_link { cursor: pointer; height: 36px; overflow: hidden; position: absolute; right: 0; text-indent: -4000px; top: 0; width: 100%; } #jPanelMenu-menu .dropdownmenu li .expand_link:before { content: '+'; position: absolute; top: 3px; bottom: auto; right: 20px; left: auto; font-size: 125%; color: #FFFFFF; width: 10px; height: 10px; text-indent: 0; font-weight: 400; -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; } #jPanelMenu-menu .dropdownmenu li.menu_active > .expand_link { /*&:before{ -webkit-transform: skew(0deg, -45deg); -moz-transform: skew(0deg, -45deg); -ms-transform: skew(0deg, -45deg); -o-transform: skew(0deg, -45deg); transform: skew(0deg, -45deg); } &:after{ -webkit-transform: skew(0deg, 45deg); -moz-transform: skew(0deg, 45deg); -ms-transform: skew(0deg, 45deg); -o-transform: skew(0deg, 45deg); transform: skew(0deg, 45deg); }*/ } #jPanelMenu-menu .dropdownmenu li.menu_active > .expand_link:before { content: '-'; } #jPanelMenu-menu .dropdownmenu li li { border-bottom: 0 none; background: #24451C; } #jPanelMenu-menu .dropdownmenu li li a { padding-left: 9%; text-transform: none; color: #FFFFFF; line-height: 1.375; } #jPanelMenu-menu .dropdownmenu li li li { background: #1B3315; } #jPanelMenu-menu .dropdownmenu li li li a { padding-left: 13%; color: #FFFFFF; } #jPanelMenu-menu .dropdownmenu li li li .expand_link:before, #jPanelMenu-menu .dropdownmenu li li li .expand_link:after { background: #FFFFFF; } #jPanelMenu-menu .dropdownmenu li li li li { background: #152811; } #jPanelMenu-menu .dropdownmenu li li li li a { padding-left: 17%; } #jPanelMenu-menu .dropdownmenu li li li li li { background: #101d0c; } #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: 8px 5% 0; } #jPanelMenu-menu #top_nav a { color: #FFFFFF; margin: 0 12px 0 0; text-decoration: none; font-size: 87.5%; font-family: 'Montserrat', sans-serif; font-weight: 500; } #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: #24451C; } /***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: 75%; } .breadcrumb a, .breadcrumb { color: #333333 !important; line-height: 110%; } .breadcrumb a:last-child:after { content: " \00BB"; text-decoration: underline; position: absolute; margin-left: 3px; } .breadcrumb a:last-child:after { text-decoration: none; } .dashboard_header .breadcrumb a:last-child:after { display: none; } .breadcrumb a { text-decoration: none !important; } .breadcrumb a:hover { text-decoration: underline !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: 298px; 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, .standardthreecolumnlayout .left_col .minicalendar_widget .calendar_mini_grid { background: #fff; } .small_col .minicalendar_widget { width: 100%; } /*calendar mini grid - start*/ .calendar_mini_grid, .calendar_grid { width: 100%; background: transparent; max-width: 100% !important; } .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: #093547; color: #fff; font-size: 80%; line-height: 280%; padding: 2px 0 0 0; text-transform: uppercase; border: 1px solid #093547; text-align: center; } .calendar_grid .calendar_dayheader { color: #093547; 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%; background: #fff; } .calendar_mini_grid .calendar_title td, .calendar_grid .calendar_title { height: 35px; background: transparent; padding: 0 !important; color: #093547; text-align: center; font-size: 110%; line-height: 28px !important; text-transform: uppercase; font-weight: 500; } .calendar_mini_grid .calendar_title td h2, .calendar_grid .calendar_title h2 { font-size: inherit; font-weight: inherit; color: inherit; margin: 0; font-family: 'Montserrat', sans-serif; } .calendar_grid .calendar_title td.calendar_title_content { color: #093547; padding: 0; font-size: 110%; font-weight: 500; } .calendar_mini_grid .calendar_title td a { color: #093547; 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; } .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; } .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: ">"; } .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: 90%; line-height: 240%; padding: 0; background: transparent none; border: 1px solid #B6B6B6; 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 #B6B6B6; } .minicalendar_widget .calendar_mini_grid td.calendar_today, .calendar_grid td.calendar_today { background: #093547; color: #fff; } .calendar_today > a, .calendar_mini_grid.calendar td.calendar_day_with_items.calendar_today > a { color: #fff !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: #333333 !important; } .calendar_mini_grid td.calendar_day, .calendar_mini_grid td.calendar_weekendday, .calendar_grid td.calendar_day, .calendar_grid td.calendar_weekendday { background: #F5F5F5; } .calendar_grid .calendar_othermonthday, .calendar_grid .calendar_othermonthday > a, .calendar_mini_grid .calendar_othermonthday, .calendar_mini_grid .calendar_othermonthday > a { color: #333333 !important; } .calendar_grid td.calendar_othermonthday, .calendar_mini_grid td.calendar_othermonthday { background: #F5F5F5; } .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: #005A8D !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: #555555 !important; } @media screen and (max-width: 45em) { .minicalendar_widget .responsive-table-scroll.left_scroll, .calendar_widget .responsive-table-scroll.left_scroll { -webkit-mask-image: none; } } /***48em = 768px ***/ @media screen and (min-width: 48em) { .calendar_widget { max-width: 100%; font-size: inherit !important; line-height: inherit !important; } .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: 500; background: #093547; text-transform: uppercase; font-size: 112.5%; text-indent: 0; text-align: center; border-bottom: 0; font-family: 'Montserrat', sans-serif; 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 5px 0; width: 60%; font-weight: 500; color: #093547; overflow: visible; font-size: 162.5%; text-transform: uppercase; } .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: none; color: #005A8D; text-indent: 0; background-image: none; display: inline; font-size: 81.25%; text-transform: none; white-space: pre; /*-------------------------------------------------------*/ /* 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: underline; } .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: 125%; font-weight: 400; padding: 8px 10px; border-bottom: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; height: 105px; word-wrap: break-word; line-height: 120%; } .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 #B6B6B6; } .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: #333333 !important; background: #F5F5F5; } .calendar_grid td.calendar_othermonthday, .calendar_grid .calendar_othermonthday > a, .calendar.calendar_grid td.calendar_othermonthday .calendar_eventtime { color: #333333 !important; background: #F5F5F5; } .calendar_grid td.calendar_today { background: #093547; color: #fff; } .calendar_grid td.calendar_today .calendar_items .calendar_eventtime { color: #fff !important; } .calendar_grid td.calendar_today .calendar_items .calendar_eventlink { color: #fff !important; font-size: 72.22222222% !important; } .calendar_grid td.calendar_today > a { color: #fff !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: 72.22222222% !important; color: #666666 !important; } .calendar_eventlink { font-size: 72.22222222% !important; display: block; text-decoration: underline !important; color: #005A8D !important; } .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: #F5F5F5 !important; border: 1px solid #B6B6B6 !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: 500; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 110%; min-height: 40px; line-height: 28px; background: #093547; padding: 6px 16px; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .content_area { padding: 12px 0 0 0; font-size: 125%; } .content_area:first-child { padding-top: 0; } .onecolumnlayout .content_area, .onecolumnlayout .small_box { margin-left: 90px; margin-right: 90px; } .small_col .content_area, .standardlayout .left_col .content_area, .standardthreecolumnlayout .left_col .content_area { margin: 0 0 17px 0; clear: both; background: #F5F5F5 !important; border: 1px solid #B6B6B6 !important; position: relative; z-index: 1; padding: 13px 20px 5px 20px; font-size: 100%; color: #333333; } .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: #333333; } .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: #222222; } .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: 500; line-height: 120%; font-size: 112.5% !important; padding: 9px 20px 8px; text-align: left; font-family: 'Montserrat', sans-serif; text-transform: uppercase; background: #093547; margin: -15px -20px 10px -20px; 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: 0 0px 0 0px; width: auto; } } /***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; min-height: 650px; padding: 0 0 60px 0; margin: 0 auto; } #sitebody:before { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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; margin-bottom: -59px; border-bottom: 1px solid #f0f0f0; min-height: 466px; } #sitebody:before > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody .top_col { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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; padding-top: Calc( 7.8125vw + 90px ); position: relative; } #sitebody .top_col > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody .top_col:before { content: ""; height: 0; padding-bottom: 7.8125vw; position: absolute; top: 90px; left: 0; visibility: visible; width: 100vw; margin-left: calc(-1*(50vw - 50%)); z-index: -1; display: block; background: #fff url(_gfx/int/int_top.jpg) center 0 no-repeat; background-size: 100% auto; } #sitebody .top_col:after { content: ""; position: absolute; top: 90px; left: 0; width: 100vw; margin-left: calc(-1*(50vw - 50%)); z-index: -1; display: block; visibility: visible; height: 0; padding-bottom: 7.8125vw; background: transparent; } #sitebody .bottom_col { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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 .bottom_col > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody .left_col { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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 .left_col > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody .banner_col, #sitebody .has_small_col { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody .right_col { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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 .right_col > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #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 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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: 1px solid #f0f0f0; } #sitebody.standardlayout:after > *, #sitebody.standardthreecolumnlayout:after > *, #sitebody.twocolumnreverselayout:after > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.standardlayout .top_col, #sitebody.standardthreecolumnlayout .top_col, #sitebody.twocolumnreverselayout .top_col { min-height: Calc( 7.8125vw + 90px ); padding-top: 90px; } #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.standardlayout:before, #sitebody.standardthreecolumnlayout:before { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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: #A8B7BE; margin: 0 0% 0 0; border-bottom: 0; } #sitebody.standardlayout:before > *, #sitebody.standardthreecolumnlayout:before > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #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: 45px 10px 60px; background: #A8B7BE; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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 > *, #sitebody.standardthreecolumnlayout .left_col.column > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.standardlayout .right_col.column, #sitebody.standardthreecolumnlayout .right_col.column { padding: 4.60829493% 0 60px 60px; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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.standardlayout .right_col.column > *, #sitebody.standardthreecolumnlayout .right_col.column > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #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 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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 60px; } #sitebody.twocolumnswithbottomlayout .left_col > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.twocolumnswithbottomlayout .left_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnswithbottomlayout .right_col { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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% 60px 0 2.30414747%; float: right; -ms-grid-column-align: end; justify-self: end; } #sitebody.twocolumnswithbottomlayout .right_col > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.twocolumnswithbottomlayout .right_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnswithbottomlayout .bottom_col { width: 100%; padding: 20px 60px; } #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 60px; } #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%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.threecolumnswithbottomlayout .middle_col.column .title_widget:first-child { margin-top: -15px; } #sitebody.threecolumnswithbottomlayout .right_col.column { width: 33.33333333%; padding: 4.60829493% 60px 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 60px; } #sitebody.threecolumnswithbottomlayout .small_box { width: 100%; } #sitebody.twocolumnreverselayout .has_small_col { width: 71.66666667%; padding: 4.60829493% 2.30414747% 0 60px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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 > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } #sitebody.twocolumnreverselayout .has_small_col .title_widget:first-child { margin-top: -15px; } #sitebody.twocolumnreverselayout .small_col { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -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% 60px 0 2.30414747%; margin: 0 !important; } #sitebody.twocolumnreverselayout .small_col > * { flex: 0 1 100%; align-self: flex-start; /*&.container { margin-left: 0; margin-right: 0; }*/ } } /*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: 66.83022571%; } #sitebody.standardthreecolumnlayout .small_col { width: 29.73503435%; } } .no-padding #sitebody.onecolumnlayout .content_area { padding-left: 0px; padding-right: 0px; margin-left: 0; margin-right: 0; } .no-padding #sitebody.onecolumnlayout header { padding-left: 0px; padding-right: 0px; } #sitebody.onecolumnlayout .vi-fullwidth-banner { margin-top: -7.8125vw; } /***Title Widget**/ .title_widget { clear: both; } .title_widget h1 { color: #222222; line-height: 120% !important; font-weight: 500; font-size: 250% !important; text-transform: none; font-family: 'Montserrat', sans-serif; padding: 0 0 0 0; margin: 15px 0 13px 0; overflow: hidden; } .title_widget h2 { font-family: 'Montserrat', sans-serif; color: #222222; font-size: 200% !important; font-weight: 500; line-height: 110%; margin-bottom: 10px; } span.subtitle { font-family: 'Montserrat', sans-serif; font-weight: 500; color: #222222; } .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: #375C2D; } .thickbox:before { content: "\e111"; color: #375C2D; font-size: 15px; } a.font_larger:before, a.font_smaller:before, .sharelink:before { color: #fff; background: #375C2D; text-align: center; width: 15px; height: 15px; line-height: 15px; font-size: 9px; border-radius: 3px; } .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: 81.25% !important; color: #666666 !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: #666666 !important; text-decoration: none !important; } .rss { position: relative; } .rss:before, .rss:after { content: ""; position: absolute; } /* create circle */ .rss:before { width: 15px; height: 15px; border-radius: 3px; background: #375C2D; 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% 60px 0; } #sitebody .top_col .main_menu_widget + script + script + .content_area { padding-top: 4.60829493%; } .title_right { padding: 0 0 15px 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 { width: 100%; float: left; position: relative; padding: 0; margin: 0 0 17px 0; background: #A8B7BE; } .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: #333333; font-size: 15px; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 7px 10px 12%; line-height: 120%; position: relative; z-index: 1; font-weight: 400; border-bottom: 1px solid #A8B7BE; word-wrap: break-word; } .sidenav ul li a:hover { font-size: 15px; font-weight: 400; } .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; } .standardlayout .left_col .sidenav:before, .standardthreecolumnlayout .left_col .sidenav:before, .standardlayout .left_col .sidenav:after, .standardthreecolumnlayout .left_col .sidenav:after { display: table; content: " "; 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; } .sidenav ul li.sidenav_expanded > a { background: transparent; color: #333333; border-bottom: 1px solid #A8B7BE; } .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 #A8B7BE; } /*second level */ .sidenav ul li li.sidenav_expanded > a { background: transparent; color: #333333; border-bottom: 0px solid #A8B7BE; } .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 { font-size: 15px; text-transform: uppercase; font-weight: 400; } .sidenav ul li.sidenav_current > a, .sidenav ul li.sidenav_current.sidenav_expanded > a { background: #E3E3E3; color: #333333; /*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 #333333; margin-top: 0px; } .sidenav ul li li a { background: transparent; color: #333333; 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: #555555 !important; } .small_col .sidenav { float: left; background: #A8B7BE; } } .int_buttons.int_buttons { display: block; clear: both; background: transparent; } .int_buttons.int_buttons ul { margin: 0; padding: 0; list-style: none; margin: 0px -24px; 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: -10px; } .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 24px; padding: 0 0px 10px 0; max-width: calc(100% - 48px ); } .int_buttons.int_buttons .button-link { background: #375C2D; border: 0px solid #093547; 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; } .int_buttons.int_buttons .button-link:hover, .int_buttons.int_buttons .button-link:focus { text-decoration: none; background: #274120; border: 0px solid #093547; 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: #ffffff; } .int_buttons.int_buttons img { bottom: 55px; left: 0; right: 0; margin: auto; position: absolute; top: 11px; max-width: 49px; max-height: 60px; } .int_buttons.int_buttons .button-text { color: #ffffff; font-size: 17px; font-weight: 500; font-family: 'Montserrat', 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: 112.5px; overflow: hidden; } /***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; } } /*@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-top: 12px; /*.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 ***/ .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: 500; } } .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: #005A8D; 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; } .listfaq_a_content:before, .listfaq_a_content:after { display: table; content: " "; 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 .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: #333333; font-size: 87.5%; } .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: #333333; 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: #093547 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: #093547 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 #B6B6B6; } .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: #005A8D; 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: #005A8D; } .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 #4B4B4B; 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; } #sitebody .twitter_feed ul, #sitebody .facebook_feed ul { padding: 7px 20px 0 20px; } #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: 93.75%; } #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: #222222; font-weight: 500; font-family: 'Montserrat', 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: #222222; font-weight: 500; } #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: 87.5%; color: #333333; } #sitebody .twitter_feed .box_bottomlink, #sitebody .facebook_feed .box_bottomlink { margin-right: 8px; } #sitebody .twitter_feed .box_bottomlink:after, #sitebody .facebook_feed .box_bottomlink:after { content: ""; font-size: 100%; line-height: 1; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: 0; border: none; } } .splash_page { overflow: hidden; max-width: 100%; padding: 10px; word-wrap: break-word; } /***48em = 768px ***/ @media screen and (min-width: 48em) { #sitebody.splash_page { background: transparent !important; max-width: 1024px; display: block; max-width: 1302px; border-radius: 0px; margin: 15px auto 15px auto; padding: 150px 0 0 0 !important; min-height: 500px; } #sitebody.splash_page:before { display: none; } #sitebody.splash_page .form_button { background: #093547 !important; color: #FFFFFF !important; } #sitebody.splash_page .form_button:hover { background: #0f5774 !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: #91B54F; } .frontenduser_topbar ul.right_panel li.wtb_user { background: url(_gfx/nav/my-dashboard.png) no-repeat; } /***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 .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%; 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: #91B54F; } .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 #B6B6B6; border-left: 0; border-right: 0; margin-left: 0; background: #F5F5F5; 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 #B6B6B6; 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: #093547; 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 #B6B6B6; background: #F5F5F5; color: #333333; } .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: #093547; } .vision_search .search_filters .search_filter ol { padding: 0px 15px 10px; color: #222222; } .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: #91B54F !important; color: #222222 !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-control-cse:before, #cse .gsc-control-cse:after { display: table; content: " "; clear: both; } #cse .gsc-tabsArea { border-bottom: 1px solid #B6B6B6 !important; } #cse .gsc-tabHeader { margin-left: 10px; border: 1px solid #B6B6B6 !important; border-bottom: 0 !important; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #F5F5F5 !important; } #cse .gsc-tabHeader.gsc-tabhActive, #cse .gsc-tabHeader:hover { background: transparent !important; } #cse .gsc-refinementHeader { border: 1px solid #B6B6B6 !important; background: #F5F5F5 !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: #91B54F !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: #093547; color: #fff; } .accordion_widget .accordion-item.ui-accordion-content { color: #333333; border: 1px solid #B6B6B6; background-color: #F5F5F5; } .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; } .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: #222222; font-weight: 500; font-size: 93.75%; } .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: #91B54F !important; } #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: #333333; } .sitewrapper .content_area .facility_mapmarker_infos a.phone_link, .sitewrapper .content_area .facility_mapmarker_infos a.phone_link:hover { color: #333333; } .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 { color: #222222; } /***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; } } .faq_header { color: #222222; font-size: 108% !important; } .faqtab_section { border: 1px solid #91B54F; background: #F5F5F5; color: #333333; } .faqtab_section td, .faqtab_section label { color: #333333; } .faqtab_section h1, .faqtab_section h2, .faqtab_section h3, .faqtab_section h4, .faqtab_section h5, .faqtab_section .subtitle { color: #333333; } .faq_tab_nav li a { color: #005A8D; } .faq_tab_nav li a.active_faqtab { border: 1px solid #91B54F; border-right: 1px solid #F5F5F5; background: #F5F5F5; color: #333333; border-left: 5px solid #91B54F; } h3.faqtab_question, .faqtab_popup { color: #333333; } h3.faqtab_question:before, .faqtab_popup:before { background: #91B54F; color: #222222; line-height: 1.2em; width: 1.2em; height: 1.2em; border-radius: 50%; } .faqtab_section h3.faqtab_question { color: #333333; } .faq_mobile_nav { z-index: 1; } .faq_mobile_nav select { border: 1px solid #91B54F !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: #005A8D; } .listfaq_q.listfaq_q > h2 { font-size: 165%; } .listfaq_q.listfaq_q > h3 { font-size: 100%; text-decoration: underline; color: #005A8D; } .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: #B6B6B6; border-radius: 10px; } } /****image widget*******/ .image_widget { margin: 0; overflow: hidden; position: relative; display: block; width: 100%; } .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: #fff; text-decoration: none; text-indent: 0; margin-top: 7px; font-size: 8px; } #alert_controls.hide { background: #A71F1A; display: block !important; /*overwrite bootstrap .hide class*/ } #alert_controls.hide:hover { bottom: 5px; height: 30px; width: 28px; } #alert_controls.hide:after { content: "Hide"; background: #A71F1A; color: #FFF; position: absolute; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); border-radius: 5px; text-indent: 0; display: none; padding: 5px 10px 6px; right: 2px; font-size: 12px; top: 43px; font-family: Arial, Helvetica, sans-serif; } #alert_controls.hide:hover:after { display: block; } #alert_controls.hide + .important_alert_wrapper:before { position: absolute; right: 8px; bottom: -8px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #A71F1A; content: ""; display: none; } #alert_controls.hide:hover + .important_alert_wrapper:before { display: block; } #alert_controls.show { background: #A71F1A; border-bottom-left-radius: 5px; width: 28px; height: 30px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); } #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: 3px; } #alert_controls.show:after { content: "Show"; background: #A71F1A; color: #FFF; position: absolute; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); border-radius: 5px; text-indent: 0; display: none; padding: 3px 8px 4px; right: 37px; font-size: 12px; top: 5px; font-family: Arial, Helvetica, sans-serif; } #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(255, 255, 255, 0.25); z-index: 5; } .alert_container { background-image: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); 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 #A71F1A; border-bottom: 7px solid transparent; border-top: 7px solid transparent; content: ""; display: none; } .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: #A71F1A; } .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: #FFF; } .alert_container .important_alert h2 { display: inline-block; margin-top: 0; margin-bottom: 0; text-transform: none; font-weight: normal; font-size: 97.5%; } .alert_container .important_alert p { display: block; } /***48em = 768px ***/ @media screen and (min-width: 48em) { .alert_container .important_alert { font-size: 81.25% !important; line-height: 1.3 !important; margin: 0 auto; overflow: hidden; padding: 0; max-width: 1024px; 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 #B6B6B6; background: #F5F5F5; } 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(145, 181, 79, 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: #91B54F; } .poll_widget .poll_vote_result_view .poll_answers .graphic_line { border: 1px solid #91B54F; } .slideshow_link a { color: #222222 !important; } .photo_album_widget .standard_list ul li:hover { background: transparent; cursor: default; } .slideshow_link { background: #91B54F !important; color: #222222 !important; } .ad-gallery.ad-gallery .ad-image-wrapper .ad-image { z-index: 3; left: 0 !important; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { width: auto !important; right: 3px; } .ad-gallery .ad-nav { max-width: 35vw !important; } /***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 #B6B6B6; } .rss_feeds_content_type .content_type_name { color: #222222; 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: #222222; font-weight: bold; text-decoration: none; } /** header colors **/ .service_request_post_listable th { background: #91B54F !important; color: #222222 !important; } .service_request_widget .service_request_category > h2 { font-size: 100%; } .sitemap_col .root-level a { color: #222222; 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 .tab-title .ui-tabs-anchor { color: #333333; background-color: transparent; } .tabbed_widget .ui-tabs-tab.ui-tabs-active.ui-state-active, .tabbed_widget .tab-title.ui-state-hover { border-color: #B6B6B6; color: #fff; background-color: #093547; } .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; } .tabbed_widget .tab-item.ui-widget-content { border-color: #B6B6B6; background-color: #F5F5F5; } #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; } .container:before, .clearfix:before, .nav:before, .container:after, .clearfix:after, .nav:after { display: table; content: " "; clear: both; } .fade.in { opacity: 1; } @media (min-width: 576px) and (max-width: 48em) { .container { max-width: 100%; } } .nav { padding-left: 0; margin-bottom: 0; list-style: none; display: block; } .nav > li { position: relative; display: block; } .nav > li > a { display: block; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li > a { text-align: center; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; } } .hide-text-indent { min-width: 0 !important; } .column #sitebody.splash_page { width: 100%; } /* This is the editor style sheet, containing styles that will be used in the content editor tools. */ /* Fonts ================================================== */ /*font-family: 'Open Sans', sans-serif;*/ @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 100; font-display: swap; src: local('Libre Franklin Thin Italic'), local('LibreFranklin-ThinItalic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizHREVItHgc8qDIbSTKq4XkRiUa41YjjH7J.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 200; font-display: swap; src: local('Libre Franklin ExtraLight Italic'), local('LibreFranklin-ExtraLightItalic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizGREVItHgc8qDIbSTKq4XkRiUa4_oym1npiA.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 300; font-display: swap; src: local('Libre Franklin Light Italic'), local('LibreFranklin-LightItalic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizGREVItHgc8qDIbSTKq4XkRiUa454xm1npiA.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 400; font-display: swap; src: local('Libre Franklin Italic'), local('LibreFranklin-Italic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTiw.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 500; font-display: swap; src: local('Libre Franklin Medium Italic'), local('LibreFranklin-MediumItalic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizGREVItHgc8qDIbSTKq4XkRiUa48Ywm1npiA.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 600; font-display: swap; src: local('Libre Franklin SemiBold Italic'), local('LibreFranklin-SemiBoldItalic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizGREVItHgc8qDIbSTKq4XkRiUa4-o3m1npiA.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 700; font-display: swap; src: local('Libre Franklin Bold Italic'), local('LibreFranklin-BoldItalic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizGREVItHgc8qDIbSTKq4XkRiUa4442m1npiA.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 800; font-display: swap; src: local('Libre Franklin ExtraBold Italic'), local('LibreFranklin-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizGREVItHgc8qDIbSTKq4XkRiUa45I1m1npiA.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: italic; font-weight: 900; font-display: swap; src: local('Libre Franklin Black Italic'), local('LibreFranklin-BlackItalic'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizGREVItHgc8qDIbSTKq4XkRiUa47Y0m1npiA.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 100; font-display: swap; src: local('Libre Franklin Thin'), local('LibreFranklin-Thin'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizBREVItHgc8qDIbSTKq4XkRi186zUTiw.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 200; font-display: swap; src: local('Libre Franklin ExtraLight'), local('LibreFranklin-ExtraLight'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizAREVItHgc8qDIbSTKq4XkRi3Q-iI0q14.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 300; font-display: swap; src: local('Libre Franklin Light'), local('LibreFranklin-Light'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizAREVItHgc8qDIbSTKq4XkRi20-SI0q14.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 400; font-display: swap; src: local('Libre Franklin'), local('LibreFranklin-Regular'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizDREVItHgc8qDIbSTKq4XkRiUf2zI.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 500; font-display: swap; src: local('Libre Franklin Medium'), local('LibreFranklin-Medium'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizAREVItHgc8qDIbSTKq4XkRi3s-CI0q14.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 600; font-display: swap; src: local('Libre Franklin SemiBold'), local('LibreFranklin-SemiBold'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizAREVItHgc8qDIbSTKq4XkRi3A_yI0q14.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 700; font-display: swap; src: local('Libre Franklin Bold'), local('LibreFranklin-Bold'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizAREVItHgc8qDIbSTKq4XkRi2k_iI0q14.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 800; font-display: swap; src: local('Libre Franklin ExtraBold'), local('LibreFranklin-ExtraBold'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizAREVItHgc8qDIbSTKq4XkRi24_SI0q14.ttf) format('truetype'); } @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 900; font-display: swap; src: local('Libre Franklin Black'), local('LibreFranklin-Black'), url(https://fonts.gstatic.com/s/librefranklin/v4/jizAREVItHgc8qDIbSTKq4XkRi2c_CI0q14.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUOjIg1_i6t8kCHKm459WxZqh7k29Y.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZBg_z_PZ1.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZYgzz_PZ1.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm459WxRyS7j.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZOg3z_PZ1.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZFgrz_PZ1.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZ1.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZbgjz_PZ1.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZSgnz_PZ1.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: local('Montserrat Thin'), local('Montserrat-Thin'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm45_QpRyS7j.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_aZA3gnD-w.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gnD-w.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gnD-w.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD-w.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gnD-w.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gnD-w.ttf) format('truetype'); } /********************************************* 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 ************************************************/ /*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'); } a, a:visited, .column a { color: #005A8D; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } a[name], a[name]:hover, a[name]:focus { color: #333333; 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: 16px !important; line-height: 1.375 !important; font-family: 'Libre Franklin', sans-serif !important; color: #333333; } .front_end_body :target:before, .front_end_body a[name]:before { content: ""; display: block; height: 90px; /* 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: #222222; line-height: 1.2; font-weight: 500; font-size: 200%; font-family: 'Montserrat', sans-serif; } h2, .content_area h2, .reDropDownBody h2 { font-size: 160%; color: #222222; font-weight: 500; line-height: 1.2; } h3, .content_area h3, .reDropDownBody h3 { font-size: 140%; color: #222222; font-weight: 500; } h4, .content_area h4, .reDropDownBody h4 { font-size: 120%; color: #222222; font-weight: 500; } h5, .content_area h5, .reDropDownBody h5 { font-size: 110%; color: #222222; font-weight: 500; } h6, .content_area h6, .reDropDownBody h6 { color: #222222; font-weight: 500; font-size: 100%; } .subtitle { font-size: 175%; color: #222222; font-weight: 500; } .subtitle p, .subtitle a { color: #222222; font-weight: 500; } /* 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: #F5F5F5; margin-bottom: 14px; border: 0px solid #B6B6B6; border-spacing: 0px; width: auto; } table.tableData th { text-transform: uppercase; padding: 6px 20px; text-align: left; background: #91B54F !important; color: #222222; font-weight: 500; font-size: 90%; font-family: 'Montserrat', sans-serif; letter-spacing: 0.54px; } table.tableData th a { color: #222222 !important; } table.tableData th p { padding: 0; margin: 0; color: #222222; } table.tableData a { color: #005A8D; } table.tableData p { color: #333333; } table.tableData td { color: #333333; font-size: 75%; } table.tableData tr td { border-left: 1px solid #B6B6B6; } table.tableData tr td:last-child { border-right: 1px solid #B6B6B6; } table.tableData tr:hover { background: transparent; } table.tableData tr:hover > td a { color: #005A8D !important; } table.tableData tr:hover > td, table.tableData tr:hover > td > p { color: #333333 !important; } table.tableData { border-collapse: separate; } table.tableData tbody tr:first-child td { border-top: 0; } table.tableData th { border-left: 1px solid #91B54F; } table.tableData thead { border: 1px solid #91B54F; } table.tableData td { border: 0; border-bottom: 1px solid #B6B6B6; padding: 3px 20px 3px 20px; } 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: #F5F5F5; margin-bottom: 14px; border: 0px solid #B6B6B6; border-spacing: 0px; width: auto; } table.tableBox th { text-transform: uppercase; padding: 6px 20px; text-align: left; background: #91B54F !important; color: #222222; font-weight: 500; font-size: 90%; letter-spacing: 0.54px; } table.tableBox th a { color: #222222 !important; } table.tableBox th p { padding: 0; margin: 0; color: #222222; } table.tableBox a { color: #005A8D; } table.tableBox p { color: #333333; } table.tableBox td { color: #333333; font-size: 75%; } table.tableBox tr td { border-left: 1px solid #B6B6B6; } table.tableBox tr td:last-child { border-right: 1px solid #B6B6B6; } table.tableBox tr:hover { background: transparent; } table.tableBox tr:hover > td a { color: #005A8D !important; } table.tableBox tr:hover > td, table.tableBox tr:hover > td > p { color: #333333 !important; } table.tableBox { border-bottom: 1px solid #B6B6B6; } table.tableBox th, table.tableBox td { padding: 5px 20px; } table.tableBox td { border-top: 1px solid #B6B6B6; }