/*===================================== uses: .element { @include prefixer(transform, scale(1.5), ms webkit spec); } =======================================*/ /*===================================== uses: .element { @include transform(scale(1.5)); } =======================================*/ /*===================================== uses: .element { @include transition(all 300ms ease); } =======================================*/ /*===================================== uses: .element { font-size:em(20px); } =======================================*/ /*===================================== uses: .element { line-height:lh(20px,24px); } =======================================*/ body, input, textarea, button, select { font-size: 17px; line-height: 1.625; font-family: 'Raleway', sans-serif; color: #505050; font-weight: 400; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } h1 { font-size: 40px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 15px; } h1, h2, h3, h4, h5, h6 { line-height: 1.05; color: #003D79; } @media (max-width: 500px) { h1 { font-size: 26px; } h2 { font-size: 22.5px; } h3 { font-size: 19.2px; } h4 { font-size: 15px; } h5 { font-size: 13.5px; } h6 { font-size: 11.25px; } } div.wrap { width: 100%; padding: 0 1.5%; } div.wrap > * { width: 100%; max-width: 1300px; margin: 0 auto; display: block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; zoom: 1; visibility: hidden; } #cookie-warning-wrap { background: #203d78; position: relative; z-index: 100; } #cookie-warning { padding: 20px 70px 20px 0; color: #ecf0f2; font-size: 15px; line-height: 1.1em; position: relative; } #cookie-warning p { margin: 0; } #cookie-warning a { color: #A8C4EB; } #cookie-warning a:hover { color: #A8C4EB; text-decoration: underline; } #accept-cookies { display: block; color: #ecf0f2 !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 1em; padding: 6px 10px; border: 1px solid #ecf0f2; border-radius: 4px; font-weight: 600; } #accept-cookies:hover { background: #ecf0f2; color: #003f69 !important; text-decoration: none !important; } @media (max-width: 500px) { #cookie-warning { padding-top: 10px; padding-bottom: 10px; } } /*-- Header --*/ #header { background-color: white; transition: background-color 0.2s linear; position: relative; z-index: 99999; } #header .active-stroke_white, #header .active-fill_white, #header .active-fill_blue { transition: all 0.2s linear; } .active-menu-hov #header { background-color: #003D79; } .active-menu-hov #header .active-stroke_white { stroke: #ffffff !important; } .active-menu-hov #header .active-fill_white { fill: #ffffff !important; } .active-menu-hov #header .active-fill_blue { fill: #003D79 !important; } .active-menu-hov #header .head-right .head-btn a { color: #003D79; background: #ffdb35; } .active-menu-hov #header .head-right .head-btn a:hover { text-decoration: none; background: #FFFFFF; color: #003D79; } .active-menu-hov #header .submit-btn button svg path { fill: #FFFFFF; } .active-menu-hov #header .submit-btn button:hover svg path { fill: #ffdb35; } .active-menu-hov #header .submit-btn button:active svg path, .active-menu-hov #header .submit-btn button:focus svg path { fill: #FFFFFF; } .active-menu-hov #header nav a.level-1 { color: white; } #header header { padding: 22px 0 0 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #header header:after { content: ''; zoom: 0; clear: both; visibility: hidden; height: 0px; display: block; } #header nav { font-size: 14px; } #header nav ul { display: flex; align-items: stretch; list-style: none; margin: 0; } #header nav ul.dropdown--menu { flex-direction: column; align-items: start; } #header nav .mega-dropdown .dropdown--menu.level-2-menu { margin-left: 3%; padding-left: 2%; max-height: 100%; opacity: 0; position: relative; } #header nav .mega-dropdown .dropdown--menu.level-2-menu:before { content: ''; background: white; height: 100%; width: 1px; display: block; position: absolute; top: 0; bottom: 0; left: 0; max-height: 0; } #header nav .mega-dropdown .dropdown--menu.level-2-menu.animate:before { transition: all 0.4s linear; max-height: 100% !important; } #header nav .mega-dropdown .dropdown--menu.level-2-menu li.level-2 a, #header nav .mega-dropdown .dropdown--menu.level-2-menu li.level-2 svg { display: inline-block; } #header nav .mega-dropdown .dropdown--menu.level-2-menu ul.level-3-menu { padding-left: 15px; } #header nav .mega-dropdown .dropdown--menu.level-2-menu ul.level-3-menu li { width: 100%; display: block; } #header nav .mega-dropdown .dropdown--menu.level-2-menu ul.level-3-menu li a { padding: 8px; } #header nav .mega-dropdown .dropdown--menu.level-2-menu ul.level-3-menu.calculate_height { display: block !important; visibility: hidden; position: fixed; } #header nav .next-dropdown-arrow { transition: all 0.2s linear; transform: rotate(0deg); cursor: pointer; } #header nav .next-dropdown-arrow path { transition: fill 0.2s linear; } #header nav .next-dropdown-arrow:hover path { fill: #ffdb35 !important; } #header nav .next-dropdown-arrow.active-arrow { transform: rotate(-180deg); } #header nav li { display: block; margin: 0; } #header nav a { display: block; } #header nav a:hover { text-decoration: none; } #header nav li.level-1.open > a:after { width: 100%; right: 3px; left: 3px; } #header nav a.level-1 { text-transform: uppercase; color: #003D79; font-weight: 500; line-height: 3.1428571429em; padding: 0 0.7142857143em; } #header nav a.level-1:before { display: inline-block; float: left; margin: 4px 4px 0 0; width: 1.4285714286em; height: 1.7857142857em; } #header nav a.level-1:after { content: ''; background: white; height: 1px; width: 0; display: block; position: absolute; bottom: -5px; right: 50%; left: 50%; transition: all 0.2s linear; } #header nav a.level-1.section:after, #header nav a.level-1.current:after { height: 0.4285714286em; } #header nav .mega-dropdown { position: absolute; top: 100%; background-color: #003D79; border-bottom: 0 !important; } #header nav .dropdown { display: block; list-style: none; background: #003D79; position: absolute; z-index: 99999; left: 0; right: 0; } #header nav .dropdown li { display: block; margin: 0; padding: 0; position: relative; z-index: 1; color: white; } #header nav .dropdown li:first-child { border: none; } #header nav .dropdown a { display: block; text-align: center; font-size: 14px; padding: 8px 8px; color: #fff; font-weight: 500; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; transition: all ease 200ms; text-transform: uppercase; } #header nav .dropdown a:hover { text-decoration: none; color: #ffdb35; } #header nav .dropdown li.level-2 a { font-weight: 500; } #header nav .dropdown li.level-3 a { color: #CDDCFF; font-weight: 400; } #header nav .dropdown li.level-3 a:hover { color: #ffdb35; } #header #nav-7:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMTkuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjMDkyRTZFIiBkPSJNMTAuMiwwLjVjMS45LDAsMy41LDEuNSwzLjUsMy40YzAsMS45LTEuNSwzLjQtMy41LDMuNGMtMS45LDAtMy41LTEuNS0zLjUtMy40QzYuOCwyLDguMywwLjUsMTAuMiwwLjUgTTE2LjQsMTMuN2MwLTMuMi0yLjgtNS43LTYuMi01LjdDNi44LDgsNCwxMC42LDQsMTMuN2MwLDAuOSwwLjIsMS44LDAuNiwyLjVjMS44LDAuMiwzLjcsMC4yLDUuNiwwLjJjMS45LDAsMy44LTAuMSw1LjYtMC4yQzE2LjIsMTUuNSwxNi40LDE0LjYsMTYuNCwxMy43Ii8+Cjwvc3ZnPg==); } #header #nav-34:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMTkuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjMDkyRTZFIiBkPSJNMTcuMiw3LjZsLTAuNCwwbC0xLjMtMC42TDE0LDcuNGwtMC45LDJjMCwwLDAsMCwwLDAuMWwxLDEuMmwxLjItMC4xbDAuNiwwLjVsLTAuMSwxLjVsMC40LDAuOWwwLjMsMC4yYzAuNy0xLDEuMS0yLjMsMS4xLTMuNkMxNy43LDkuMSwxNy41LDguMywxNy4yLDcuNnogTTE0LjYsNS4ybDAuMSwwLjVsLTAuNSwwYzAsMC0wLjEsMC0wLjEsMC4xTDE0LDYuNGMwLDAsMCwwLDAsMC4xbDAuNiwwLjRjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBsMC40LTAuNWwxLjQsMGMtMC41LTAuOC0xLjMtMS41LTIuMS0ybC0wLjUsMC40YzAsMCwwLDAsMCwwLjFjMCwwLDAsMCwwLDAuMUwxNC42LDUuMnogTTExLjIsMmMtNC40LDAtOCwzLjYtOCw4YzAsNC40LDMuNiw4LDgsOHM4LTMuNiw4LThDMTkuMiw1LjYsMTUuNiwyLDExLjIsMnogTTExLjIsMTcuMWMtMy45LDAtNy4xLTMuMi03LjEtNy4xYzAtMC45LDAuMi0xLjcsMC41LTIuNWMwLjUsMC42LDEuMiwxLjcsMS4zLDEuN2wxLjksMC40TDguMywxMGMtMC4zLDAuMy0wLjcsMC43LTEsMS4xYzAuMywxLjEsMC4zLDEuMiwwLjQsMS4yYzAsMCwwLjYsMC42LDEsMC45bDAsMS43bDAuNywxLjZjMCwwLDAsMCwwLjEsMGwwLjUsMC4xaDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBsMC0xLjVsMi0ybC0wLjEtMC41bDAuNS0wLjhjMCwwLDAtMC4xLDAtMC4xbC0wLjYtMC40aC0wLjZsLTAuNy0wLjhMOC43LDkuNmMwLDAtMC4xLDAtMC4xLDBjMCwwLDAsMCwwLDBMOC4xLDkuMmwtMC40LDBsMC40LTAuM2MwLDAsMC0wLjEsMC0wLjFMNy45LDguNWMwLDAsMCwwLTAuMSwwTDcuMSw4LjdMNi44LDguNkw2LjUsOC4xbDAuMi0wLjdMOCw3LjRsMC4zLDAuNmMwLDAsMCwwLDAsMGMwLDAsMCwwLDAuMSwwbDAuMy0wLjNsMC0wLjVsMC44LTAuOEwxMC42LDZsMC43LDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDBjMC0wLjQsMC0wLjYsMC0wLjdsMC42LDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLTAuMWwtMC4zLTAuN2MwLDAsMCwwLTAuMSwwbC0wLjgsMC4xbC0wLjYsMC42TDkuNiw0LjdsMC4yLTAuM2wxLjQtMC40YzAsMCwwLDAsMC0wLjFsMC0wLjVjMCwwLDAsMCwwLTAuMWwtMC40LTAuMUwxMC4yLDNjMC4zLDAsMC42LTAuMSwxLTAuMWMzLjksMCw3LjEsMy4yLDcuMSw3LjFDMTguMywxMy45LDE1LjEsMTcuMSwxMS4yLDE3LjF6Ii8+Cjwvc3ZnPg==); } #header #nav-37:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMTkuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjMDkyRTZFIiBkPSJNMjAuNSw0LjJsLTEuMy0xLjljLTAuMS0wLjItMi40LTAuMS00LjctMC43Yy0yLjMtMC41LTMuNCwwLjMtMy45LDAuOUMxMC4xLDIsOSwxLjEsNi43LDEuN0M0LjQsMi4yLDIuMSwyLjIsMiwyLjNMMC43LDQuMmMwLDAuMS0wLjEsMC4yLTAuMSwwLjJ2MTEuNmMwLDAuMSwwLjEsMC4zLDAuMiwwLjRjMC4xLDAuMSwwLjIsMC4xLDAuMywwLjFjMCwwLDAuMSwwLDAuMSwwYzIuNy0wLjksNi44LTEuNyw3LjUtMC42QzguNywxNiw4LjksMTYuMSw5LDE2LjFoMS42aDEuNmMwLjEsMCwwLjMtMC4xLDAuNC0wLjJjMC43LTEuMSw0LjgtMC4zLDcuNSwwLjZjMCwwLDAuMSwwLDAuMSwwYzAuMSwwLDAuMiwwLDAuMy0wLjFjMC4xLTAuMSwwLjItMC4yLDAuMi0wLjRWNC41QzIwLjYsNC40LDIwLjYsNC4zLDIwLjUsNC4yeiBNMTQuNCwyLjRDMTYuNiwyLjksMTcuOSwzLDE4LjUsM3YxMC4zYy0wLjUsMC0xLjcsMC4xLTMuOS0wLjRjLTEuOS0wLjQtMywwLjEtMy43LDAuN1YzLjRDMTEuMSwzLjEsMTEuOCwxLjgsMTQuNCwyLjR6IE02LjgsMi40YzIuNS0wLjYsMy4zLDAuNywzLjQsMXYxMC4yYy0wLjUtMC41LTEuMi0wLjktMi40LTAuOWMtMC40LDAtMC44LDAtMS4zLDAuMmMtMi4yLDAuNS0zLjQsMC41LTMuOSwwLjRWM0MzLjMsMyw0LjYsMi45LDYuOCwyLjR6Ii8+Cjwvc3ZnPg==); } #header #nav-74:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMTkuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjMDkyRTZFIiBkPSJNOS4yLDkuNGwtMiwyYzAsMCwwLDAsMCwwYy0wLjIsMC4xLTAuMywwLjItMC40LDAuM2wtMi45LDIuOWMtMC41LDAuNS0wLjUsMS40LDAsMS45bDAuNCwwLjRjMC41LDAuNSwxLjQsMC41LDEuOSwwTDguOSwxNGMwLjEtMC4xLDAuMi0wLjMsMC4zLTAuNGMwLDAsMCwwLDAsMGwyLTJjMC42LDEuNCwwLjQsMy0wLjcsNC4xbC0yLjksMi45Yy0xLjQsMS40LTMuNywxLjQtNS4yLDBsLTAuNC0wLjRjLTEuNC0xLjQtMS40LTMuNywwLTUuMkw1LDEwLjFDNi4yLDksNy44LDguOCw5LjIsOS40eiIvPgoJPHBhdGggZmlsbD0iIzA5MkU2RSIgZD0iTTE4LjYsMS43TDE5LDJjMS40LDEuNCwxLjQsMy43LDAsNS4ybC0yLjksMi45Yy0xLjEsMS4xLTIuOCwxLjQtNC4xLDAuN2wyLTJjMCwwLDAsMCwwLDBjMC4yLTAuMSwwLjMtMC4yLDAuNC0wLjNsMi45LTIuOWMwLjUtMC41LDAuNS0xLjQsMC0xLjlMMTcsMy4zYy0wLjUtMC41LTEuNC0wLjUtMS45LDBsLTIuOSwyLjljLTAuMSwwLjEtMC4yLDAuMy0wLjMsMC40YzAsMCwwLDAsMCwwbC0yLDJjLTAuNi0xLjQtMC40LTMsMC43LTQuMWwyLjktMi45QzE0LjksMC4zLDE3LjIsMC4zLDE4LjYsMS43eiIvPgoJPHBhdGggZmlsbD0iIzA5MkU2RSIgZD0iTTcuNCwxMS43Yy0wLjQsMC40LTAuNCwxLjIsMCwxLjZsMCwwYzAuNCwwLjQsMS4yLDAuNCwxLjYsMGw0LjgtNC44YzAuNC0wLjQsMC40LTEuMiwwLTEuNmwwLDBjLTAuNC0wLjQtMS4yLTAuNC0xLjYsMEw3LjQsMTEuN3oiLz4KPC9zdmc+); } #header #nav-79:before, #header #nav-578:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMTkuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjMDkyRTZFIiBkPSJNMTcsMTQuNGMtMC4xLTAuMi0wLjMtMC40LTAuNi0wLjRoLTMuNmMtMC4zLDAuNS0wLjcsMS0xLjIsMS4zaDIuMmMwLjEsMCwwLjIsMC4xLDAuMywwLjJsMC4zLDAuNWMwLjEsMC4yLTAuMSwwLjUtMC4zLDAuNUg0LjFjLTAuMiwwLTAuNC0wLjMtMC4zLTAuNUw0LDE1LjZjMC4xLTAuMSwwLjItMC4yLDAuMy0wLjJoMi4yQzYuMSwxNSw1LjcsMTQuNiw1LjQsMTRIMi4xYy0wLjIsMC0wLjUsMC4xLTAuNiwwLjRMMC4xLDE3Qy0wLjIsMTcuNSwwLjIsMTgsMC43LDE4aDE3LjJjMC41LDAsMC44LTAuNSwwLjYtMC45TDE3LDE0LjR6Ii8+Cgk8cGF0aCBmaWxsPSIjMDkyRTZFIiBkPSJNMTkuNCwwTDE4LDAuNmMtMC4zLDAuMi0wLjYsMC4zLTAuOSwwLjNsLTYuNiwxQzkuOCwyLjIsOS4yLDIuNiw4LjgsMy4yTDYuNCw2LjFDNi4xLDYuNyw1LjgsNy40LDUuOSw4LjRsMC40LDIuMmMtMC4zLDAuNS0wLjQsMS0wLjQsMS42YzAsMS43LDEuNCwzLjEsMy4yLDMuMWMxLjcsMCwzLjEtMS4zLDMuMi0zYy0wLjIsMC4xLTAuMywwLjItMC41LDAuM2MtMC4xLDAuMS0wLjMsMC4yLTAuNCwwLjNjLTAuMiwwLjItMC41LDAuMy0wLjcsMC41Yy0wLjQsMC40LTEsMC43LTEuNiwwLjdjLTEuMSwwLTIuMS0wLjktMi4xLTJjMC0xLjEsMC45LTIsMi4xLTJjMCwwLDAsMCwwLDBjMC4zLTAuNCwwLjYtMC43LDAuOS0xQzkuOCw5LDkuNCw5LDkuMSw5QzksOSw4LjksOSw4LjksOWMwLTAuNS0wLjEtMS40LDAtMS42YzAtMC42LDEuNC0xLjMsMS42LTEuNGMwLjctMC40LDIuMy0wLjQsMi43LDAuNGMwLjEsMC4zLDAuNywxLDAsMS42Yy0wLjksMC44LTIuMywwLjktMy43LDIuOGMtMC42LDAuOC0xLDItMC4yLDIuNWMwLjcsMC40LDEuNS0wLjQsMi4zLTFjMCwwLDEuOC0xLjMsNC4xLTEuN2MxLjQtMC4zLDIuOC0xLjYsMy4zLTIuNGwxLjMtMi4yYzAuMy0wLjUsMC42LTAuOSwxLjEtMS4yTDIyLDQuM0wxOS40LDB6Ii8+Cjwvc3ZnPg==); } #header #nav-82:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMTkuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjMDkyRTZFIiBkPSJNMTQuMywzSDYuOUM0LjUsMywyLjYsNSwyLjYsNy40djMuMmMwLDIuMiwxLjUsNCwzLjUsNC4zYy0wLjUsMS44LTEuNSwzLjUtMy4xLDRjMi45LDAsNS42LTEuNiw3LjEtNGg0LjJjMi40LDAsNC4zLTIsNC4zLTQuNFY3LjRDMTguNiw1LDE2LjcsMywxNC4zLDN6IE0zLjgsMTAuM1Y3LjVjMC0xLjgsMS40LTMuMiwzLjEtMy4yaDcuM2MxLjEsMCwyLDAuNiwyLjYsMS40Yy0wLjQtMC4zLTAuOS0wLjQtMS40LTAuNEg3LjZDNi4xLDUuMyw0LjksNi41LDQuOSw4djMuN2MwLDAuNSwwLjEsMC45LDAuMywxLjNDNC40LDEyLjQsMy44LDExLjUsMy44LDEwLjN6Ii8+Cjwvc3ZnPg==); } #header .head-right { display: flex; align-items: end; flex-direction: column; justify-content: center; flex: 1; } #header .head-right .top { display: flex; margin-bottom: 15px; } #header .head-right .head-btn { display: block; margin-left: 15px; } #header .head-right .head-btn a { display: block; font-size: 15px; color: #FFFFFF; white-space: nowrap; text-transform: uppercase; font-weight: 600; line-height: 36px; height: 36px; padding: 0 20px; background: #003d79; border-radius: 0px; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; transition: all ease 200ms; } #header .head-right .head-btn a:hover { text-decoration: none; color: #FFFFFF; background: #002346; } #header .logo { display: block; width: 230px; margin: 0; padding-bottom: 15px; } #header .logo:hover { text-decoration: none; } #header .logo svg { display: block; width: 100%; max-height: 88px; } @media (max-width: 1200px) { #header nav { font-size: 12px; } } @media (max-width: 1024px) { #header { border-top-width: 4px; } #header header { padding: 8px 0; } #header nav { display: none; } #header .logo { margin: 0; } #header .head-right { margin: 0 60px 0 0; } #header .head-right .head-btn a { height: 30px; line-height: 30px; } } @media (max-width: 800px) { #header .logo { width: 110px; } } @media (max-width: 600px) { #header .logo { width: 100px; } #header .head-right { margin-right: 0; float: none; clear: both; padding-top: 10px; justify-content: space-between; } #header .head-right .head-btn { margin-left: 0; } } @media (max-width: 400px) { #header .head-right .head-btn a { font-size: 12px; height: 26px; line-height: 26px; padding: 0 6px; } } #head-search { position: relative; margin-top: 4px; } #head-search label { display: none !important; } #head-search .field { visibility: hidden; height: 30px; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; transition: all ease 200ms; display: flex; align-items: stretch; position: absolute; z-index: 100; overflow: hidden; background: #FFF; margin: 0; background: #FFFFFF; } #head-search .field:after { display: none !important; } #head-search.open .field { visibility: visible; } #head-search .field input { display: block; border: none; background: none; padding: 0 10px 0 0; height: 100%; flex-grow: 1; outline: none; font-size: 15px; width: auto; } #head-search #mobile-submit { display: block; width: auto; color: #FFFFFF; border: none; background: #003d79; padding: 0 15px; font-weight: 500; text-transform: uppercase; height: 100%; font-size: 17px; } #head-search .submit-btn { position: relative; z-index: 10; padding-left: 8px; } #head-search .submit-btn button { display: block; padding: 0; margin: 0; background: none; border: none; outline: none; cursor: pointer; } #head-search .submit-btn button svg { display: block; width: 28px; max-height: 28px; } #head-search .submit-btn button svg path { fill: #003d79; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; transition: all ease 200ms; } #head-search .submit-btn button:hover svg path { fill: #cea900; } #head-search .submit-btn button:active svg path, #head-search .submit-btn button:focus svg path { fill: #003d79; } @media (max-width: 1024px) { #head-search { margin-top: 0; } } @media (min-width: 801px) { #head-search .field { right: 100%; bottom: 0; width: 0; border-bottom: 1px solid #999; } #head-search.open .field { width: 200px; } #head-search #mobile-submit { display: none; } } @media (max-width: 800px) { #head-search { position: static; } #head-search .field { left: 0; width: 100vw; top: 100%; height: 0; margin-top: 4px; box-shadow: 0 0 9px 0 #444; } #head-search #mobile-submit { display: block; } #head-search.open .field { height: 40px; } #head-search .field input { padding-left: 10px; } } @media (max-width: 500px) { #head-search .submit-btn button svg { width: 22px; } } /*-- Main Nav --*/ .main-nav { /*.dropdown { display:block; list-style:none; background:$white; width:225px; position:absolute; margin:10px 0 0; z-index:990; left:50%; transform:translateX(-50%); border-bottom:5px solid $blue; border-radius:0 0 6px 6px; box-shadow:0 0 4px -1px #333; &:before { filter:drop-shadow(0 0 1px #333); width:100%; display:block; position:absolute; height:15px; top:-14px; overflow:hidden; content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIuNSAxOC43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTYuMiwwIDMyLjUsMTguNyAwLDE4LjciLz4KPC9zdmc+); } li { display:block; margin:0; padding:0; border-top:1px solid rgba(0,0,0,0.2); position:relative; z-index:1; background:$white; } li:first-child { border:none; } a { display:block; text-align:center; padding:12px 8px; font-size:14px; color:#777; font-weight:500; @include transition(); } a:hover { text-decoration:none; color:$black; background:#fbfbfb; } } li.level-1:first-child .dropdown { left:35%; } li.level-1:last-child .dropdown { left:68%; }*/ } .main-nav ul { display: flex; list-style: none; margin: 0; } .main-nav li { display: block; margin: 0; padding-bottom: 15px; } .main-nav a:hover { text-decoration: none; } .main-nav li.level-1 { /*position:relative;*/ } .main-nav a.level-1 { text-align: center; font-size: 1em; color: #FFFFFF; font-weight: 400; height: 100%; padding: 16px 0; text-transform: uppercase; display: flex; justify-content: center; align-items: center; position: relative; } .main-nav a.level-1 span { display: block; text-align: center; line-height: 1.17em; } .main-nav li.level-1:first-child a.level-1:before { display: none; } .main-nav li.level-1:first-child a { justify-content: flex-start; } .main-nav li.level-1:last-child a { justify-content: flex-end; } .main-nav .entrance_background { background-color: #003d79; height: 0; max-height: 0; transition: all 0.3s linear; position: absolute; top: 100%; position: absolute; z-index: 9999; left: 0; right: 0; } .main-nav .entrance_background.open { border-bottom: 3px solid #ffdb35; } .main-nav .dropdown { position: absolute; top: 100%; left: 0; right: 0; border-bottom: 3px solid #ffdb35; z-index: 999; } .main-nav .dropdown--wrapper { position: relative; z-index: 1; width: 100%; max-width: 1230px; margin: 0 auto; display: flex; } .main-nav .dropdown--wrapper > div { width: 50%; } .main-nav .dropdown--wrapper > div.right { display: flex; align-items: start; } .main-nav .dropdown--wrapper > div:first-child { margin-top: 30px !important; margin-bottom: 30px !important; } .main-nav .dropdown--wrapper ul.quick-links { width: 40%; height: calc(100% - 60px); flex-direction: column; position: relative; margin-top: 30px !important; margin-bottom: 30px !important; } .main-nav .dropdown--wrapper ul.quick-links li { position: relative; left: 100px; opacity: 0; } .main-nav .dropdown--wrapper ul.quick-links li a, .main-nav .dropdown--wrapper ul.quick-links li.quick-link-title { padding-left: 20px !important; text-align: left !important; } .main-nav .dropdown--wrapper ul.quick-links li.animate { transition: all 0.8s; left: 0px; opacity: 1; } .main-nav .dropdown--wrapper ul.quick-links:before { content: ''; background: white; height: 100%; width: 1px; display: block; position: absolute; top: 0; bottom: 0; left: 0; max-height: 0; } .main-nav .dropdown--wrapper ul.quick-links.animate:before { transition: all 0.4s linear; max-height: 100% !important; } .main-nav .dropdown--wrapper img { margin-top: 30px; width: 60%; } .main-nav .dropdown--title { font-weight: 700; text-transform: uppercase; color: #FFFFFF; min-width: 100%; } .main-nav .dropdown--menu { display: block; padding: 0; margin: 0; list-style: none; } .main-nav .dropdown--menu:last-child { padding-left: 4%; } .main-nav .dropdown li.level-2 { display: block; padding: 15px 15px 0 0; margin: 0; position: relative; left: 100px; opacity: 0; } .main-nav .dropdown li.level-2.animate { transition: all 0.8s; left: 0px; opacity: 1; } .main-nav .dropdown--link { display: inline-block; color: #003d79; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; transition: all ease 200ms; } .main-nav .dropdown--link:hover { color: #000000; } .main-nav .dropdown--btn { text-align: center; } .main-nav .dropdown--btn .btn { padding: 10px 25px; background: #003d79; color: #FFFFFF; border-radius: 6px; } .main-nav .dropdown--btn .btn:hover { background: #002346; } @media (max-width: 1600px) { .main-nav .dropdown--right { width: calc(33vw - (50vw - 615px)); } } @media (max-width: 1250px) { .main-nav .dropdown--left { padding-left: 1.5%; font-size: 1.0588235294em; width: 67%; } .main-nav .dropdown--right { width: 33%; } .main-nav .dropdown--title { padding-bottom: 15px; } .main-nav .dropdown li.level-2:first-child { padding-top: 0; } .main-nav .dropdown--menu:last-child { border-left: 1px solid #003d79; } } @media (min-width: 1251px) { .main-nav .dropdown--left:before { display: block; position: absolute; content: ''; top: 0; bottom: 0; left: 50%; width: 1px; background: #003d79; } .main-nav .dropdown--title { padding-right: 50%; } } @media (max-width: 1024px) { .main-nav nav { display: none; } } /*-- Main --*/ #main { min-height: calc(100vh - 514px); } #page_type { padding: 4% 0; } #page_type:after { content: "."; display: block; height: 0; clear: both; zoom: 1; visibility: hidden; } .typography .responsive-table { max-width: 100%; overflow-x: auto; } @media (min-width: 801px) { .typography .responsive-table > table { width: auto !important; max-width: 100% !important; } } @media (max-width: 800px) { .typography .responsive-table:before { display: block; font-size: 14px; line-height: 14px; content: 'swipe left or right'; } } /*-- Footer --*/ #footer { background: #003d79; } #footer footer { padding: 75px 0 20px; } #footer footer:after { content: "."; display: block; height: 0; clear: both; zoom: 1; visibility: hidden; } #footer .flex { display: flex; align-items: flex-start; justify-content: space-between; } #footer nav ul { display: block; list-style: none; padding: 0; margin: 0; } #footer nav li { display: block; margin: 0; line-height: 1.9em; font-size: 16px; } #footer nav a { color: #FFFFFF; } #footer nav a:hover { text-decoration: underline; } #footer address { color: #FFFFFF; font-size: 15px; line-height: 2em; display: block; } #footer address svg { display: block; width: 165px; margin-bottom: 8px; } #footer address a { color: #FFFFFF; } #footer address a:hover { color: #FFFFFF; text-decoration: none; cursor: text; } #footer .social { display: flex; justify-content: center; list-style: none; padding: 0; margin: 0; } #footer .social li { display: block; margin: 0 6px; } #footer .social a { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #b8cdf2; border-radius: 50%; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; transition: all ease 200ms; } #footer .social a:hover { background: #FFFFFF; text-decoration: none; } #footer .social a svg { display: block; width: 30px; margin: 0 auto; } #footer .social a .fill { fill: #1e4488; } #footer .copyright { display: block; text-align: right; margin: -40px 0 0; float: right; font-size: 11px; color: #FFFFFF; } #footer .copyright a { color: #FFF; } @media (min-width: 601px) { #footer nav ul { columns: 2; } } @media (min-width: 801px) { #footer nav ul { columns: 3; } #footer .social { margin: 0 -6px; } } @media (min-width: 1025px) { #footer footer { padding-bottom: 50px; } } @media (min-width: 1201px) { #footer footer { padding-bottom: 90px; } #footer nav { order: 2; display: flex; align-items: stretch; } #footer address { order: 1; } #footer .social { order: 3; } #footer nav ul { margin: -8px 0 0 -35px; } #footer nav li { border-left: 1px solid #6b8ecb; padding-left: 15px; width: 185px; } } @media (max-width: 1200px) { #footer .flex { flex-wrap: wrap; } #footer nav { border-bottom: 1px solid #6b8ecb; padding-bottom: 30px; width: 100%; } #footer address, #footer .social { margin-top: 30px; } #footer nav li { text-align: center; } } @media (max-width: 800px) { #footer footer { padding-top: 30px; } #footer address, #footer .social, #footer .copyright { width: 50%; text-align: center; } #footer address svg { margin: 0 auto 8px; } #footer nav li { font-size: 14px; } } @media (max-width: 600px) { #footer address, #footer .social, #footer .copyright { width: 100%; } #footer .copyright { margin: 30px 0 0; text-align: center; } } @media (max-width: 400px) { #footer nav ul { columns: 1; } } .accordions { clear: both; } .accordions .accordion { clear: both; } .accordions .accordion-section { border-top: 1px solid #ebebeb; } .accordions .accordion-section:first-child { border: none; } .accordions .accordion-toggle { display: block; padding: 20px 0; } .accordions .accordion-toggle:hover { text-decoration: none; } .accordions .accordion-toggle i { font-weight: 400; } .accordions .accordion-toggle .accordion-direction { display: block; float: left; font-size: 0.9em; line-height: 1; margin-right: 8px; -ms-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .accordions .accordion-toggle h5 { margin: 0; } .accordions .accordion-section.open .accordion-direction { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .accordions .accordion-content { display: none; padding-bottom: 15px; } .accordions .accordion-section:last-child.open { border-bottom: 1px solid #ebebeb; } .breadcrumbs { padding: 0px 0 20px 0; } #minisite_sidebar_nav a { font-weight: 500; } #minisite_sidebar_nav .control { color: #003d79; } .banner-single img.main { max-width: 750px; width: 100%; margin-bottom: 20px; } @media screen and (max-width: 800px) { .banner-single img.main { max-width: 500px; } } @font-face { font-family: 'nowBlack'; src: url('https://www.socra.org/resources/themes/mysite/css/fonts/Now-Black.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'nowBlackMedium'; src: url('https://www.socra.org/resources/themes/mysite/css/fonts/Now-Medium.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'nowBlackRegular'; src: url('https://www.socra.org/resources/themes/mysite/css/fonts/Now-Regular.otf'); font-weight: normal; font-style: normal; } .f-nowBlack { font-family: 'nowBlack', sans-serif !important; } .f-nowBlackMedium { font-family: 'nowBlackMedium', sans-serif !important; } .f-nowBlackRegular { font-family: 'nowBlackRegular', sans-serif !important; } .f-lblue { color: #01e4f3 !important; } .f-plurple { color: #aa77fd; } .bg-lblue { background-color: #01e4f3; } .bg-plurple { background-color: #aa77fd; } .m-0 { margin: 0; } .mx-2 { margin-left: 5px; margin-right: 5px; } .pl-4 { padding-left: 30px; } .pr-4 { padding-right: 30px; } .pt-4 { padding-top: 10px; } .pt-6 { padding-top: 40px; } .pb-4 { padding-bottom: 40px; } .fs-20 { font-size: 20px; line-height: 22px; } .fs-18 { font-size: 18px; line-height: 20px; } .t-center { text-align: center; } .iq-modal { position: relative; background-color: white; z-index: 9999; transition: opacity 0.25s linear; overflow-y: hidden; background-color: #091267; margin: 10px; } .iq-modal * { font-family: 'nowBlackMedium', sans-serif; color: white; } .iqmodal-open { position: fixed; z-index: 9999; left: 0; right: 0; top: 50%; width: 700px; margin: auto; max-width: 100%; transform: translate(0, -50%); display: block !important; } .iqmodalbody-open { background: rgba(0, 0, 0, 0.2); transition: background 0.5s linear; } .iq-close { color: rgba(255, 255, 255, 0.7); font-size: 25px; line-height: 1em; transition: color 0.25s linear; position: absolute; top: 15px; right: 15px; } .iq-close:hover { color: #fff; cursor: pointer; } /* Content */ .iq-modal .modal-content svg { width: 220px; max-width: 100%; } .iq-modal .modal-content h2 { font-size: 35px; margin: 10px 0 0 0; line-height: 35px; text-shadow: -2px 2px 1px rgba(255, 255, 255, 0.4); } .iq-modal .modal-content .background-scroll { background-image: url('https://www.socra.org/assets/purplebackgroundimage.png'); background-position: center; background-size: cover; background-repeat: no-repeat; max-width: 650px; padding-top: 27px; padding-bottom: 9px; margin: 0 0 15px 0; } .iq-modal .modal-content .button-container { display: flex; flex-direction: row; justify-content: space-around; } .iq-modal .modal-content .modal-button { background-color: #aa77fd; text-decoration: none; border-radius: 100px; padding: 15px 30px; box-shadow: 4px 5px 2px 0px rgba(255, 255, 255, 0.2); line-height: 20px; font-size: 20px; transition: all 0.2s linear; } .iq-modal .modal-content .modal-button:hover { color: #aa77fd; background-color: white; } /* TIMER */ .iq-modal #countdown-container { padding: 0 30px; margin: auto; display: flex; justify-content: center; color: white; } .iq-modal #countdown-container .time-col { max-width: 46vw; text-align: center; } .iq-modal #countdown-container .digit-font { font-size: 100px; font-weight: bold; text-shadow: -2px 4px 1px rgba(255, 255, 255, 0.4); line-height: 100px; text-align: center; } .iq-modal #countdown-container .timer-label > p { font-size: 30px; font-weight: bold; margin: 0; text-align: center; } .iq-modal #countdown-container > div:first-child { margin-left: auto; } .iq-modal #countdown-container > div:last-child { margin-right: auto; } .iq-modal #countdown-container .colon-col { width: 8vw; text-align: center; } @media screen and (max-width: 1200px) { .iq-modal { overflow: scroll; max-height: 90vh; } } @media screen and (max-width: 1024px) { .tab-none { display: none; } .pl-4 { padding-left: 25px; } .pr-4 { padding-right: 25px; } .pt-6 { padding-top: 25px; } .pb-4 { padding-bottom: 25px; } } @media screen and (max-width: 768px) { .fs-20 { font-size: 18px; line-height: 22px; } .fs-18 { font-size: 16px; line-height: 18px; } .iq-modal .modal-content h2 { font-size: 30px; line-height: 30px; } .iq-modal .modal-content svg { width: 200px; } .iq-modal .modal-content .background-scroll { padding-right: 30px; margin: 0 0 15px 0; max-width: 645px; } .iq-close { font-size: 18px; } .iq-modal .modal-content .modal-button { padding: 12px 20px; font-size: 18px; line-height: 18px; } } @media screen and (max-width: 576px) { .pl-4 { padding-left: 20px; } .pr-4 { padding-right: 20px; } .pt-6 { padding-top: 20px; } .pt-4 { padding-top: 0; } .fs-20 { font-size: 14px; line-height: 18px; } .fs-18 { font-size: 15px; line-height: 18px; } .mb-sm { margin-bottom: 8px; } .iq-modal .modal-content h2 { font-size: 25px; line-height: 25px; } .iq-modal .modal-content svg { width: 160px; } .iq-modal .modal-content .background-scroll { padding-right: 30px; margin: 0 0 15px 0; } .iq-modal #countdown-container .digit-font { font-size: 70px; line-height: 80px; } .iq-modal #countdown-container .timer-label > p { font-size: 24px; line-height: 26px; } .iq-modal #countdown-container { margin-bottom: 8px; } .iq-modal .modal-content .modal-button { padding: 12px; line-height: 18px; font-size: 17px; } .iq-close { font-size: 16px; } } @media screen and (max-width: 450px) { .iq-modal .modal-content svg { width: 120px; } .iq-modal .modal-content h2 { margin-top: 5px; } .fs-20 { font-size: 13px; line-height: 15px; } .fs-18 { font-size: 14px; line-height: 18px; } .pl-4 { padding-left: 10px; } .pr-4 { padding-right: 10px; } .iq-modal { margin: 3px; } .iq-modal .modal-content h2 { font-size: 22px; line-height: 22px; } .iq-modal #countdown-container .digit-font { font-size: 60px; line-height: 70px; } .iq-modal .modal-content .modal-button { padding: 10px; line-height: 14px; font-size: 13px; } .iq-modal #countdown-container .timer-label > p { font-size: 18px; line-height: 22px; } .mx-2 { margin-left: 3px; margin-right: 3px; } } @media screen and (max-width: 350px) { .iq-modal .modal-content .background-scroll { display: none; } .iq-modal .modal-content h2 { margin-bottom: 8px; font-size: 18px; } .iq-modal #countdown-container .digit-font { font-size: 50px; } .fs-18 { font-size: 13px; } } .iq-modal-v2 { height: 625px; position: relative; z-index: 9999; transition: opacity 0.25s linear; overflow-y: hidden; margin: 10px; background-image: url('https://www.socra.org/assets/Uploads/modalv2-2.png'); background-position: center; background-size: cover; background-repeat: no-repeat; } .iq-modal-v2 * { font-family: 'nowBlackMedium', sans-serif; color: white; } /* Content */ .iq-modal-v2 .modal-content svg { width: 240px; max-width: 100%; } .iq-modal-v2 .modal-content h2 { font-size: 35px; margin: 0 0 15px 0; line-height: 35px; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); } .pl-6 { padding-left: 60px; } .iq-modal-v2 .pt-6 { padding-top: 60px; } .iq-modal-v2 .pt-5 { padding-top: 50px; } .iq-modal-v2 .pt-4 { padding-top: 40px; } .iq-modal-v2 .pb-2 { padding-bottom: 20px; } .iq-modal-v2 .pb-4 { padding-bottom: 40px; } .iq-modal-v2 .pb-3 { padding-bottom: 30px; } .f-yellow { color: #f6d434; } .text-center { text-align: center; } .iq-modal-v2 .modal-content .button-container { display: flex; flex-direction: row; justify-content: space-around; } .iq-modal-v2 .modal-content .modal-button { background-color: #0656ec; text-decoration: none; border-radius: 100px; padding: 12px 30px; line-height: 18px; font-size: 18px; transition: all 0.2s linear; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2); } .iq-modal-v2 .modal-content .modal-button:hover { color: #0656ec; background-color: white; } /* TIMER */ .iq-modal-v2 #countdown-container { padding: 0 30px; margin: auto; display: flex; justify-content: center; color: white; } .iq-modal-v2 #countdown-container .time-col { max-width: 46vw; text-align: center; } .iq-modal-v2 #countdown-container .digit-font { font-size: 80px; font-weight: bold; line-height: 80px; text-align: center; } .iq-modal-v2 #countdown-container .timer-label > p { font-size: 19px; font-weight: 400; margin: 0; text-align: center; } .iq-modal-v2 #countdown-container > div:first-child { margin-left: auto; } .iq-modal-v2 #countdown-container > div:last-child { margin-right: auto; } .iq-modal-v2 #countdown-container .colon-col { width: 5vw; text-align: center; } @media screen and (max-width: 1200px) { .iq-modal-v2 { overflow: scroll; max-height: 90vh; } } @media screen and (max-width: 768px) { .iq-modal-v2 .pl-6 { padding-left: 40px; } .iq-modal-v2 .modal-content h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 25px; } .iq-modal-v2 .modal-content svg { width: 180px; } .iq-modal-v2 .modal-content .modal-button { padding: 10px 20px; line-height: 17px; font-size: 16px; } } @media screen and (max-width: 450px) { .iq-modal-v2 .pl-6 { padding-left: 25px; } } @media screen and (max-width: 400px) { .iq-modal-v2 .modal-content h2 { font-size: 25px; } .iq-modal-v2 .modal-content svg { width: 160px; } .iq-modal-v2 .modal-content .modal-button { padding: 10px 15px; font-size: 14px; } } /*-- New Minisite -- #page_type > .minisite { display:flex; justify-content:space-between; align-items:stretch; } #minisite-left:after, #minisite-right:after { content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; } #minisite-left { width:26%; padding:2%; border:none; background:rgba(235,242,249,0.9); margin:0; } #minisite_sidebar_nav { list-style:none; display:block; padding:0; margin:0; } #minisite_sidebar_nav li { margin:15px 0 0; padding:0; } #minisite_sidebar_nav > li:first-child { margin:0; } #minisite_sidebar_nav a { display:block; font-weight:500; } #minisite_sidebar_nav a.current:hover { text-decoration:none !important; cursor:text; } #minisite_sidebar_nav a.current:before { width:5px; float:left; margin-left:-8px; content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTUxLjMgOTgwLjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPgoJPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTM2KSI+CgkJPHBhdGggZmlsbD0iIzJFNEM3OSIgZD0iTTU1MS4zLDEwNDUuOWMwLTE2LjYtNi4xLTMwLjktMTguMi00My4xTDEwNC40LDU3NC4xYy0xMi4xLTEyLjEtMjYuNS0xOC4yLTQzLjEtMTguMnMtMzAuOSw2LjEtNDMuMSwxOC4yCgkJCUM2LjEsNTg2LjIsMCw2MDAuNiwwLDYxNy4ydjg1Ny41YzAsMTYuNiw2LjEsMzAuOSwxOC4yLDQzLjFjMTIuMSwxMi4xLDI2LjUsMTguMiw0My4xLDE4LjJzMzAuOS02LjEsNDMuMS0xOC4yTDUzMy4yLDEwODkKCQkJQzU0NS4zLDEwNzYuOCw1NTEuMywxMDYyLjUsNTUxLjMsMTA0NS45eiIvPgoJPC9nPgo8L3N2Zz4=); } #minisite_sidebar_nav li.minisite_title { border-bottom:1px solid #003D79; } #minisite_sidebar_nav li.minisite_title h2 { } #minisite_sidebar_nav li.minisite_title a:hover { text-decoration:none !important; } #minisite_sidebar_nav li ul { display:none; list-style:none; padding-left:10px; } #minisite_sidebar_nav li.current ul, #minisite_sidebar_nav li.section ul { display:block; } #minisite_sidebar_nav ul { padding-bottom:15px; border-bottom:1px solid #003D79; } #minisite_sidebar_nav li .mcontrol:before, #minisite_sidebar_nav li .control:before { display:inline-block; float:left; margin:0 0 0 -18px; width:13px; cursor:pointer; content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMDAzRDc5IiBkPSJNMTIxNiw4MzJWNzA0YzAtMTcuMy02LjMtMzIuMy0xOS00NXMtMjcuNy0xOS00NS0xOUg4OTZWMzg0YzAtMTcuMy02LjMtMzIuMy0xOS00NXMtMjcuNy0xOS00NS0xOUg3MDQKCWMtMTcuMywwLTMyLjMsNi4zLTQ1LDE5cy0xOSwyNy43LTE5LDQ1djI1NkgzODRjLTE3LjMsMC0zMi4zLDYuMy00NSwxOXMtMTksMjcuNy0xOSw0NXYxMjhjMCwxNy4zLDYuMywzMi4zLDE5LDQ1czI3LjcsMTksNDUsMTkKCWgyNTZ2MjU2YzAsMTcuMyw2LjMsMzIuMywxOSw0NXMyNy43LDE5LDQ1LDE5aDEyOGMxNy4zLDAsMzIuMy02LjMsNDUtMTlzMTktMjcuNywxOS00NVY4OTZoMjU2YzE3LjMsMCwzMi4zLTYuMyw0NS0xOQoJUzEyMTYsODQ5LjMsMTIxNiw4MzJ6IE0xNTM2LDc2OGMwLDEzOS4zLTM0LjMsMjY3LjgtMTAzLDM4NS41cy0xNjEuOCwyMTAuOC0yNzkuNSwyNzkuNVM5MDcuMywxNTM2LDc2OCwxNTM2cy0yNjcuOC0zNC4zLTM4NS41LTEwMwoJUzE3MS43LDEyNzEuMiwxMDMsMTE1My41UzAsOTA3LjMsMCw3NjhzMzQuMy0yNjcuOCwxMDMtMzg1LjVTMjY0LjgsMTcxLjcsMzgyLjUsMTAzUzYyOC43LDAsNzY4LDBzMjY3LjgsMzQuMywzODUuNSwxMDMKCXMyMTAuOCwxNjEuOCwyNzkuNSwyNzkuNVMxNTM2LDYyOC43LDE1MzYsNzY4eiIvPgo8L3N2Zz4=); } #minisite_sidebar_nav li.open .mcontrol:before, #minisite_sidebar_nav li.open .control:before, #minisite_sidebar_nav li.current .control:before, #minisite_sidebar_nav li.section .control:before { content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMDAzRDc5IiBkPSJNMzg0LDY0MGMtMTcuMywwLTMyLjMsNi4zLTQ1LDE5cy0xOSwyNy43LTE5LDQ1djEyOGMwLDE3LjMsNi4zLDMyLjMsMTksNDVzMjcuNywxOSw0NSwxOWg3NjgKCWMxNy4zLDAsMzIuMy02LjMsNDUtMTlzMTktMjcuNywxOS00NVY3MDRjMC0xNy4zLTYuMy0zMi4zLTE5LTQ1cy0yNy43LTE5LTQ1LTE5SDM4NHogTTE1MzYsNzY4YzAsMTM5LjMtMzQuMywyNjcuOC0xMDMsMzg1LjUKCXMtMTYxLjgsMjEwLjgtMjc5LjUsMjc5LjVTOTA3LjMsMTUzNiw3NjgsMTUzNnMtMjY3LjgtMzQuMy0zODUuNS0xMDNTMTcxLjcsMTI3MS4yLDEwMywxMTUzLjVTMCw5MDcuMywwLDc2OHMzNC4zLTI2Ny44LDEwMy0zODUuNQoJUzI2NC44LDE3MS43LDM4Mi41LDEwM1M2MjguNywwLDc2OCwwczI2Ny44LDM0LjMsMzg1LjUsMTAzczIxMC44LDE2MS44LDI3OS41LDI3OS41UzE1MzYsNjI4LjcsMTUzNiw3Njh6Ii8+Cjwvc3ZnPg==); } #minisite_sidebar_nav li.closed .control:before { content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNTM2IDE1MzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMDAzRDc5IiBkPSJNMTIxNiw4MzJWNzA0YzAtMTcuMy02LjMtMzIuMy0xOS00NXMtMjcuNy0xOS00NS0xOUg4OTZWMzg0YzAtMTcuMy02LjMtMzIuMy0xOS00NXMtMjcuNy0xOS00NS0xOUg3MDQKCWMtMTcuMywwLTMyLjMsNi4zLTQ1LDE5cy0xOSwyNy43LTE5LDQ1djI1NkgzODRjLTE3LjMsMC0zMi4zLDYuMy00NSwxOXMtMTksMjcuNy0xOSw0NXYxMjhjMCwxNy4zLDYuMywzMi4zLDE5LDQ1czI3LjcsMTksNDUsMTkKCWgyNTZ2MjU2YzAsMTcuMyw2LjMsMzIuMywxOSw0NXMyNy43LDE5LDQ1LDE5aDEyOGMxNy4zLDAsMzIuMy02LjMsNDUtMTlzMTktMjcuNywxOS00NVY4OTZoMjU2YzE3LjMsMCwzMi4zLTYuMyw0NS0xOQoJUzEyMTYsODQ5LjMsMTIxNiw4MzJ6IE0xNTM2LDc2OGMwLDEzOS4zLTM0LjMsMjY3LjgtMTAzLDM4NS41cy0xNjEuOCwyMTAuOC0yNzkuNSwyNzkuNVM5MDcuMywxNTM2LDc2OCwxNTM2cy0yNjcuOC0zNC4zLTM4NS41LTEwMwoJUzE3MS43LDEyNzEuMiwxMDMsMTE1My41UzAsOTA3LjMsMCw3NjhzMzQuMy0yNjcuOCwxMDMtMzg1LjVTMjY0LjgsMTcxLjcsMzgyLjUsMTAzUzYyOC43LDAsNzY4LDBzMjY3LjgsMzQuMywzODUuNSwxMDMKCXMyMTAuOCwxNjEuOCwyNzkuNSwyNzkuNVMxNTM2LDYyOC43LDE1MzYsNzY4eiIvPgo8L3N2Zz4=); } #minisite_sidebar_nav .minisite_title .mcontrol { display:none; } #minisite_sidebar_nav .minisite_title .mcontrol:before { width:17px; margin:4px 10px 0 0; } #minisite-right { width:72%; } #minisite_sidebar_content { margin-top:30px; padding-top:30px; border-top:2px solid #003D79; } /* Search Results p.searchQuery { color:#333; margin-bottom:30px; } #SearchResults { margin:0px; padding:0px; } #SearchResults li { margin:0 0 30px 0; list-style:none; } #SearchResults p { font-size:13px; font-weight:normal; line-height:20px; padding:10px 0 0 25px; } #SearchResults a.searchResultHeader { font-size:1.3em; font-weight:bold; color:#0083C8; text-decoration:none; margin:20px 0 8px 0; padding-left:25px; background:url(../images/page_white_text.png) no-repeat left center; } a.readMoreLink { display:block; margin-top:10px; } */ #sticky-trigger.visibility-none { visibility: hidden; } #sticky-trigger.display-none { display: none; } .modal-content.open { opacity: 1; } .modal-content h2 { font-size: 35px; color: #A61F23; } .sticky-content svg { width: 150px; max-width: 100%; } .sticky-content h2 { font-size: 25px; color: white; margin: 10px 0 0 0; line-height: 25px; text-shadow: -2px 2px 1px rgba(255, 255, 255, 0.4); } .sticky-content .background-scroll { background-image: url('https://www.socra.org/assets/purplebackgroundimage.png'); background-position: right; background-size: cover; background-repeat: no-repeat; max-width: 410px; padding-top: 27px; padding-bottom: 9px; margin: 0 0 15px 0; padding-left: 20px; } .sticky-content .background-scroll p { font-size: 13px; line-height: 18px; color: white; font-weight: bold; } .sticky-content .button-wrapper { display: flex; align-items: center; justify-content: space-between; } .sticky-content .button { display: inline-block; font-weight: bold; text-transform: uppercase; color: white; background-color: #aa77fd; text-decoration: none; border-radius: 100px; padding: 15px 25px; box-shadow: 4px 5px 2px 0px rgba(255, 255, 255, 0.2); line-height: 20px; font-size: 16px; transition: all 0.2s linear; } .sticky-content .button:hover { color: #aa77fd; background-color: white; } .sticky-content .sticky-padding-bottom p, .sticky-content .sticky-padding-bottom p span { font-weight: bold; font-size: 16px; } .sticky-content .sticky-padding-bottom p span { margin-left: 3px; margin-right: 3px; } .sticky-content .instant-replay { width: 80%; margin-left: 10%; margin-right: 10%; } .sticky-wrapper { position: fixed; display: flex; top: 50%; right: -540px; align-items: center; transform: translateY(-50%); transition: all 0.25s linear; z-index: 20; max-width: max-content !important; } .sticky-wrapper.visible .sticky-content { visibility: visible; } .sticky-wrapper.open { right: 0px; } .sticky-content-wrapper { padding: 10px; } #sticky-trigger { transform: rotate(-90deg); font-size: 19px; color: white; padding: 10px 0; opacity: 0.9; transition: background 0.25s linear; transition: opacity 0.25s linear; text-align: center; max-height: 40px; width: 250px; position: absolute; left: -245px; z-index: 20; } #sticky-trigger.open { opacity: 0; } #sticky-trigger:hover { cursor: pointer; opacity: 1; } .sticky-content { width: 420px; background-color: #091267; max-width: 100%; border-radius: 15px; visibility: hidden; padding: 20px 0 20px 0; position: relative; z-index: 0; } .sticky-content .sticky-padding-top { padding: 50px 10px 0 20px; } .sticky-content .sticky-padding-bottom { padding: 0px 10px 30px 20px; } #sticky-close { position: absolute; top: 0; right: 0; color: white; z-index: 20; font-weight: bold; border-top-right-radius: 11px; padding: 5px 11px; border-bottom-left-radius: 11px; line-height: 22px; font-size: 19px; } #sticky-close:hover { color: rgba(255, 255, 255, 0.7); cursor: pointer; } .sticky-bottom-content { margin-top: 20px; } @media screen and (max-width: 425px) { .sticky-wrapper { display: none; } } /*# sourceMappingURL=/assets/_css/themes-mysite-css-layout.css.map */