/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Old IE fallback -------------------------- Responsive Helpers ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Header ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Main ------------------------------------- 06. Shell ------------------------------------ 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. Articles -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 02. Article ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 03. Article Small ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Article Large ---------------------------- 05. Banner ----------------------------------- 06. Box -------------------------------------- 07. Button ----------------------------------- Button Block ----------------------------- Button Blue ------------------------------ 08. Button Menu ------------------------------ Mobile ----------------------------------- 09. Copyright -------------------------------- Mobile ----------------------------------- 10. Form Elements ---------------------------- 11. Form ------------------------------------- 12. Gadget ----------------------------------- 13. Link Arrow ------------------------------- 14. List ------------------------------------- 15. List Partners ---------------------------- 16. List Links ------------------------------- 17. Logo ------------------------------------- 18. Nav -------------------------------------- Dropdown --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 19. Search ----------------------------------- Tablet Portrait -------------------------- 20. Section Large ---------------------------- Block ------------------------------------ Body ------------------------------------- Content ---------------------------------- Aside ------------------------------------ Section Large Alt ------------------------ Tablet Portrait -------------------------- Section Large Alt ------------------------ Mobile ----------------------------------- Section Large Alt ------------------------ 21. Slider ----------------------------------- 22. Socials ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 23. Table ------------------------------------ 24. Widget ----------------------------------- */ .ico-arrow-hover { background-image: url(images/sprite.png); background-position: 28.000000000000004% 85.65573770491804%; background-size: 1678.9473684210527% 2811.111111111111%; width: 19px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow { background-image: url(images/sprite.png); background-position: 35.66666666666667% 85.65573770491804%; background-size: 1678.9473684210527% 2811.111111111111%; width: 19px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chevron { background-image: url(images/sprite.png); background-position: 42.62295081967213% 85.3061224489796%; background-size: 2278.5714285714284% 3162.5%; width: 14px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 2900% 1265%; width: 11px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-magnifier { background-image: url(images/sprite.png); background-position: 21.38157894736842% 87.81512605042016%; background-size: 2126.6666666666665% 1686.6666666666667%; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-soc-2 { background-image: url(images/sprite.png); background-position: 0% 89.69957081545064%; background-size: 1876.4705882352941% 1265%; width: 17px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-soc { background-image: url(images/sprite.png); background-position: 14.85148514851485% 88.18565400843882%; background-size: 1993.75% 1581.25%; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-statue { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 100% 123.41463414634146%; width: 319px; height: 205px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(images/sprite.png); background-position: 7.023411371237458% 88.18565400843882%; background-size: 1595% 1581.25%; width: 20px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-arrow-hover { background-image: url(images/sprite.@2x.png); background-position: 27.833333333333332% 85.48057259713701%; background-size: 1721.6216216216217% 2976.470588235294%; width: 18.5px; height: 8.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow { background-image: url(images/sprite.@2x.png); background-position: 35.333333333333336% 85.48057259713701%; background-size: 1721.6216216216217% 2976.470588235294%; width: 18.5px; height: 8.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chveron { background-image: url(images/sprite.@2x.png); background-position: 42.20032840722496% 85.3061224489796%; background-size: 2275% 3162.5%; width: 14px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 3033.333333333333% 1265%; width: 10.5px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-magnifier { background-image: url(images/sprite.@2x.png); background-position: 21.38157894736842% 87.63102725366876%; background-size: 2196.551724137931% 1744.8275862068965%; width: 14.5px; height: 14.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-soc-2 { background-image: url(images/sprite.@2x.png); background-position: 0% 89.69957081545064%; background-size: 1873.5294117647059% 1265%; width: 17px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-soc { background-image: url(images/sprite.@2x.png); background-position: 14.87603305785124% 88.18565400843882%; background-size: 1990.625% 1581.25%; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-statue { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 100% 123.41463414634146%; width: 318.5px; height: 205px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(images/sprite.@2x.png); background-position: 7.035175879396985% 88.18565400843882%; background-size: 1592.5% 1581.25%; width: 20px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }} .cols:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { overflow-x: hidden; min-width: 320px; background: #fff; font-family: 'Droid Sans', sans-serif; font-size: 13px; line-height: 1.38; color: #333; } /* Tablet Portrait */ @media (max-width: 1023px) { body.nav-open { overflow: hidden; } body.nav-open .header .btn-menu span { background: #fff; } body.nav-open .btn-menu span:nth-child(1) { top: 45%; left: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); } body.nav-open .btn-menu span:nth-child(2) { top: 13px; left: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } body.nav-open .btn-menu span:nth-child(3) { bottom: 45%; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } body.nav-open .header .header__group { -ms-transform: translateY(0); transform: translateY(0); visibility: visible; } body.nav-open .header.scrolled .btn-menu { top: 20px; } } /* Mobile */ @media (max-width: 767px) { body.nav-open .header .btn-menu { top: 18px; } body.nav-open .wrapper:before { position: fixed; content: ''; top: 0; left: 0; width: 100%; height: 55px; background: #1D387C; z-index: 14; } } a { color: inherit; text-decoration: underline; transition: .3s; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.69em; line-height: 1.2; font-weight: 700; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 19px; } h4 { font-size: 16px; } h5 { font-size: 13px; } h6 { font-size: 12px; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.38em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Droid Serif'; src: url('fonts/DroidSerif-Bold.eot'); src: url('fonts/DroidSerif-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSerif-Bold.woff2') format('woff2'), url('fonts/DroidSerif-Bold.woff') format('woff'), url('fonts/DroidSerif-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Droid Serif'; src: url('fonts/DroidSerif-Italic.eot'); src: url('fonts/DroidSerif-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSerif-Italic.woff2') format('woff2'), url('fonts/DroidSerif-Italic.woff') format('woff'), url('fonts/DroidSerif-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Droid Sans'; src: url('fonts/DroidSans.eot'); src: url('fonts/DroidSans.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans.woff2') format('woff2'), url('fonts/DroidSans.woff') format('woff'), url('fonts/DroidSans.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Droid Serif'; src: url('fonts/DroidSerif-BoldItalic.eot'); src: url('fonts/DroidSerif-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSerif-BoldItalic.woff2') format('woff2'), url('fonts/DroidSerif-BoldItalic.woff') format('woff'), url('fonts/DroidSerif-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Droid Sans'; src: url('fonts/DroidSans-Bold.eot'); src: url('fonts/DroidSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans-Bold.woff2') format('woff2'), url('fonts/DroidSans-Bold.woff') format('woff'), url('fonts/DroidSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Droid Serif'; src: url('fonts/DroidSerif.eot'); src: url('fonts/DroidSerif.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSerif.woff2') format('woff2'), url('fonts/DroidSerif.woff') format('woff'), url('fonts/DroidSerif.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ .chevron { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; -ms-transform: rotate(135deg); transform: rotate(135deg); vertical-align: top; width: 10px; } @keyframes pop { 0% { transform: translateY(-200px); } 100% { transform: translateY(0); } } /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -15px; } .cols:after { } .col { float: left; width: 100%; padding: 0 15px; } .col-1of2 { width: 50%; } /* Old IE fallback */ .browsehappy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; margin: 0; padding-top: 50px; background: #e0e0e0; text-align: center; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1200px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1201px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { margin-bottom: 120px; } .footer .footer__bar { padding: 33px 0; border-top: 2px solid #CDD7E5; border-bottom: 2px solid #CDD7E5; margin-bottom: 9px; text-align:center;} /* Tablet Portrait */ @media (max-width: 1023px) { .footer { margin-bottom: 50px; } .footer .list-partners, .list-partners-container { display: none; } .footer .footer__bar { padding: 0; border-top: 0; margin: 0 9px; } .footer .footer__inner { padding: 12px 0 0 9px; border-top: 2px solid #CDD7E5; } } /* Mobile */ @media (max-width: 767px) { .footer { margin-bottom: 35px; } .footer .footer__bar { margin: 0; } .footer .footer__inner { padding: 11px 0 0 0px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header .nav { margin-right: auto; } .header .socials { margin-right: 12px; } .header .search { margin: 0 13px 0 20px; } .header__bar { position: fixed; top: 0; left: 0; right: 0; z-index: 10; background: #172C62; color: #fff; } .header__bar .shell { max-width: 1074px; } .header__group { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; padding: 0 13px 0 4px; } .header__actions { font-size: 0; } .header .header__btn { display: none; } .header .header__inner { padding-top: 40px; } .header .header__inner .shell { position: relative; max-width: 1079px; } .header .header__inner .ico-statue { position: absolute; top: -53px; right: 39px; } .header .header__inner ul { position: relative; float: right; display: -ms-flexbox; display: flex; margin: 62px 86px 0 0; font-family: 'Droid Serif', serif; font-size: 22px; font-weight: 700; font-style: italic; color: #29468E; list-style: none; } .header .header__inner li + li { position: relative; padding-left: 20px; margin-left: 12px; } .header .header__inner li + li:before { content: '•'; position: absolute; top: 0; left: 0; } /* Small Desktop */ @media (max-width: 1200px) { .header .header__group { padding: 0; } .header .search { margin: 0 8px 0 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .header .logo { width: 160px; height: 123px; } .header .btn-menu { position: absolute; top: 25px; right: 31px; z-index: 15; } .header .search { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; -ms-flex-order: -1; order: -1; margin-left: 0; margin-bottom: 28px; } .header .nav { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; margin-bottom: 20px; } .header .socials { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .header .header__actions { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; margin-top: 30px; } .header .header__actions .btn + .btn { display: none; } .header .header__inner .shell > .btn { position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 11px 60px; border-radius: 3px; visibility: hidden; opacity: 0; } .header .header__bar { position: static; border-bottom: 5px solid #172C62; } .header .header__group { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; -ms-transform: translateY(-100vh); transform: translateY(-100vh); overflow: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; background: #1D387C; padding: 75px 26px 50px; transition: transform .3s; } .header .header__inner .ico-statue { display: none; } .header .header__inner .shell { position: relative; } .header .header__inner { padding-top: 4px; padding-left: 2px; } .header .header__inner ul { margin-top: 82px; margin-right: 11px; font-size: 20px; } .header .header__inner li + li { padding-left: 17px; margin-left: 12px; } .header.scrolled { position: fixed; top: 0; left: 0; right: 0; z-index: 10; border-bottom: 1px solid #DEE3EA; background: #fff; animation: pop .5s; } .header.scrolled .header__inner ul { display: none; } .header.scrolled .header__inner .shell > .btn { visibility: visible; opacity: 1; } .header.scrolled .btn-menu { top: 65px; } .header.scrolled + .main { padding-top: 132px; } .header.scrolled .header__btn { display: block; transition: none; } /*added by ES,27mar2019*/ } /* Mobile */ @media (width: 768px) { .header .header__group { padding-right: 15px; visibility:hidden;} } @media (max-width: 767px) { .header .btn-menu { top: 22px; right: 24px; } .header .nav { /*margin-right: 24px;*/ margin-bottom: 26px; } .header .header__bar { border-width: 4px; } .header .header__group { padding-right: 15px; visibility:hidden;} .header .header__inner { padding-left: 0; } .header .header__inner .shell { padding: 0; } .header .header__inner ul { margin-top: 88px; font-size: 13px; margin-right: 20px; } .header .header__inner li + li { padding-left: 12px; margin-left: 7px; } .header.scrolled .header__btn { display: block; transition: none; } .header.scrolled .logo { width: 78px; height: 60px; } .header.scrolled + .main { padding-top: 131px; } .header.scrolled .header__inner { padding-top: 1px; padding-left: 5px; } .header.scrolled .header__inner .shell > .btn { top: 12px; padding: 9px 23px; font-size: 13px; } .header.scrolled .btn-menu { top: 28px; right: 20px; } body.nav-open .wrapper:before { display: none; } /*tag*/ .header .header__actions { margin-top: 35px; } .header .header__actions .btn { padding: 11px 30px; } } @media(max-width: 405px){ .header .logo { width: 101px; height: 78px; background-size: contain; } .header .header__inner ul { margin-top: 52px; } .header .header__inner li + li { padding-left: 8px; margin-left: 5px; } } @media(max-width: 330px){ .header .header__inner ul { margin-right: 15px;} } @media(max-width: 325px){ .header .header__inner ul { margin-top: -27px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main {} /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1047px; padding-left: 16px; padding-right: 16px; margin: auto; } .shell:after { content: ''; clear: both; display: table; line-height: 0; } .shell-fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Articles \* ------------------------------------------------------------ */ .articles .article + .article { padding-top: 21px; border-top: 1px solid #CDD7E5; margin-top: 25px; } /* Tablet Portrait */ @media (max-width: 1023px) { .articles .article + .article { margin-top: 20px; } .articles .article:nth-child(2) { margin-top: 60px; } .articles .article:nth-child(3) { margin-top: 37px; } } /* Mobile */ @media (max-width: 767px) { .articles .article:nth-child(2), .articles .article:nth-child(3), .articles .article + .article { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { display: -ms-flexbox; display: flex; } .article .btn { padding: 6px 40px; font-size: 12px; color: #fff; } .article .article__image { -ms-flex-negative: 0; flex-shrink: 0; margin-right:20px; /* ML July 18, 2018 */ max-width:131px; } @media (max-width: 1023px) { .article .article__image { margin-right:0; } } .article .article__image img { width: 100%; } .article .article__image a:hover { opacity: .8; } .article .article__content { /*padding-left: 20px;*/ /* ML July 18, 2018 */ } .article .article__content h6 { margin-bottom: 1px; font-size: 12px; color: #9D2235; font-weight: 400; text-transform: uppercase; } .article .article__content h6 a { text-decoration: none; } .article .article__content h6 a:hover { color: #E3000E; } .article .article__content h2 { margin-bottom: 5px; font-size: 22px; } .article .article__content h2 a { text-decoration: none; } .article .article__content h2 a:hover { color: #E3000E; } .article .article__content p { margin-bottom: 18px; } .article .article__link__container{ position: relative; display: inline-block; vertical-align: middle; margin-left: 18px; } .btn-register-homepage{ margin-right:18px; } .article .article__link__container.article-link-homepage{ margin-left:0; } .article .article__link { cursor:pointer; /*position: relative; display: inline-block; vertical-align: middle; margin-left: 18px; */ font-size: 12px; color: #9D2235!important; text-decoration: none; } .home .home-latest.article__link { text-align:right; margin-top:10px; } .article .article__link:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #9D2235; } .article .article__link:hover:after { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .article .btn { padding: 6px 42px; border-radius: 3px; font-size: 13px; text-transform: none; } .article .article__image { -ms-flex: 0 1 25.5%; flex: 0 1 25.5%; max-width: 25.5%; } .article .article__content { -ms-flex: 0 1 74.5%; flex: 0 1 74.5%; max-width: 74.5%; padding-left: 14px; } .article .article__content h2 { margin-bottom: 1px; font-size: 20px; } .article .article__content p { margin-bottom: 11px; font-size: 12px; } .article .article__link__container { margin-top: -7px; margin-left: 16px; } .article .article__link { /*margin-top: -7px; margin-left: 16px;*/ font-size: 11px; } } /* Mobile */ @media (max-width: 767px) { .article .article__image { -ms-flex: 0 1 23.1%; flex: 0 1 23.1%; max-width: 23.1%; } .article .article__content { -ms-flex: 0 1 76.9%; flex: 0 1 76.9%; max-width: 76.9%; padding-left: 9px; } .article .article__content h6 { font-size: 12px; } .article .article__content h2 { font-size: 20px; } /*.article .article__content p { display: none; }*/ .article .article__content .rich-text-content { display: none; } .article .article__actions { margin-top: 12px; } .article .article__link__container { margin-top: -3px; } .article .article__link { /*margin-top: -3px; */ font-size: 11px; text-transform: uppercase; } } @media(max-width: 405px){ .article .article__actions .btn { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Article Small \* ------------------------------------------------------------ */ .article-small .link-arrow { font-size: 12px; } .article-small .link-arrow i { margin-left: 7px; } .article-small .article__image { margin-bottom: 11px; } .article-small .article__image img { width: 100%; } .article-small .article__image a:hover { opacity: .8; } .article-small .article__subtitle { display: block; margin-bottom: 10px; } .article-small .article__content { padding-right: 8px; } .article-small .article__content h2 { margin-bottom: 10px; font-size: 20px; } .article-small .article__content h2 a { text-decoration: none; } .article-small .article__content h2 a:hover { color: #E3000E; } .article-small .article__content p { margin-bottom: 11px; line-height: 1.4; margin-top: 11px;} /*.article-small .article__content p:last-child { margin-bottom: 0; }*/ .article-small .article__link { text-align: right; } /* Tablet Portrait */ @media (max-width: 1023px) { .article-small .link-arrow { font-size: 11px; } .article-small .link-arrow i { margin-left: 11px; } .article-small .article__image { margin-bottom: 15px; } .article-small .article__content { padding-right: 0; } .article-small .article__content h2 { margin-bottom: 12px; font-size: 18px; } .article-small .article__content p { margin-bottom: 9px; } } /* Mobile */ @media (max-width: 767px) { .article-small .article__content > span { margin: -8px 0 13px; font-size: 12px; color: #686B74; } .article-small .article__content .link-arrow { margin-right: -4px; font-size: 10px; } .article-small .link-arrow i { margin-left: 6px; } } /* ------------------------------------------------------------ *\ Article Large \* ------------------------------------------------------------ */ .article-large.erpg {width:1015px} .article-large a { text-decoration: none; } .article-large h1 { font-size: 28px; font-weight: 700; font-family: 'Droid Sans', sans-serif; line-height: 1.25; } .article-large .article__image { display: block; margin-bottom: 15px; } .article-large .article__image img { width: 100%; height: auto; } .article-large .article__title { margin-bottom: 6px; } .article-large .article__subtitle { font-size: 15px; margin-bottom: 6px; } .article-large .article__date { font-size: 12px; font-family: 'Droid Sans', sans-serif; color: #333; margin-bottom: 4px; } .article-large .article__meta { /*color: #9D2235;*/ font-size: 12px; margin-bottom: 17px; } .article-large .article__meta a { color: #9D2235; text-decoration: none; } .article-large .article__meta a:hover { color: #29468E; } .article-large .article__content { border-top: 1px solid #CDD7E5; padding-top: 16px; font-size: 15px; font-family: 'Droid Sans', sans-serif; font-weight: 400; line-height: 1.55; padding-bottom: 5px; } .article-large .article__content p { margin-bottom: 23px; } .article-large .article__tags { font-size: 12px; margin-bottom: 42px; line-height: 20px; } .article-large .article__tags a { color: #9C0023; text-transform: uppercase; } .article-large .article__tags a:hover { color: #E3000E; text-decoration: underline; } .article-large .article__bottom { font-size: 12px; margin-bottom: 0; } .article-large .article__bottom a { color: #9C0023; } .article-large .article__bottom a:hover { color: #E3000E; text-decoration: underline; } @media (max-width: 1023px) { .article-large.erpg {width:100%;} .article-large .article__image { margin-bottom: 21px; } .article-large .article__content { padding-bottom: 12px; } .article-large .article__tags { margin-bottom: 38px; } .article-large .article__bottom { padding-bottom: 10px; border-bottom: 2px solid #CDD7E5; } } @media (max-width: 767px) { .article-large .article__title { margin-bottom: 11px; } .article-large .article__content { padding-bottom: 0; margin-bottom: -3px; } .article-large .article__tags { margin-bottom: 28px; } .article-large .article__image { margin-bottom: 9px; } } /* ------------------------------------------------------------ *\ Banner \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Box \* ------------------------------------------------------------ */ .box { background: #F0F4F8; padding: 22px 21px 37px; } .box .box__inner { max-width: 338px; margin: 0 auto; } @media (max-width: 1023px) { .box { padding-bottom: 49px; } } @media (max-width: 767px) { .box h3 { font-size: 18px !important; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; padding: 11px 19px; background: #9D2235; font-size: 14px; color: #fff!important; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn:hover { background: #E3000E; color: #fff!important; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* Button Blue */ .btn--blue { position: relative; padding: 11px 15px; background: #29468E; font-weight: 400; text-transform: none; } .btn--blue:after { content: ''; position: absolute; top: 0; left: 50%; bottom: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; background: #345FCB; transition: width .3s; } .btn--blue:hover { background: #29468E; } .btn--blue:hover:after { width: 100%; } .btn--blue span { position: relative; z-index: 5; } /* ------------------------------------------------------------ *\ Button Menu \* ------------------------------------------------------------ */ /* Mobile */ .btn-menu { position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 20px; border: 0; background: none; cursor: pointer; } .btn-menu span { position: absolute; left: 0; width: 100%; height: 2px; display: inline-block; border-radius: 3px; background: #29458E; transition: .3s; } .btn-menu span:nth-child(1) { top: 0; left: 4px; } .btn-menu span:nth-child(2) { top: 9px; left: 2px; opacity: 1; } .btn-menu span:nth-child(3) { bottom: 0; } .btn-menu.active span:nth-child(1) { top: 45%; -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn-menu.active span:nth-child(2) { top: 13px; -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } .btn-menu.active span:nth-child(3) { bottom: 45%; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* ------------------------------------------------------------ *\ Copyright \* ------------------------------------------------------------ */ .copyright { font-size: 12px; } /* Mobile */ @media (max-width: 767px) { .copyright { line-height: 1.45; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field {} .textarea {} .select {} .radio {} .checkbox {} .select { border: 1px solid #CDD7E5; position: relative; border-radius: 3px; max-width: 285px!important; } .select:after { top: 0; right: 0; width: 28px; height: 38px; border-radius: 0 1px 1px 0; background: #CDD7E5; } .select:before { right: 7px; top: 50%; margin-top: -3px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; z-index: 2; } .select:after, .select:before { content: ''; position: absolute; pointer-events: none; } .select select, .form-container .select select{ width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; height: 38px; border: 0; border-radius: 3px; border-width:1px;/*added by ES, 27nov2019*/ border-style:solid;/*added by ES, 27nov2019*/ padding: 0 35px 0 18px; color: #333; font-size: 14px; font-family: 'Droid Sans', sans-serif; font-weight: 400; border:none; } .select select::-ms-expand { display: none; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form {} /* ------------------------------------------------------------ *\ Gadget \* ------------------------------------------------------------ */ .gadget { margin-bottom: 38px; } .gadget a { opacity: 1; transition: opacity .3s; } .gadget a:hover { opacity: .75; } .gadget img { width: 100%; height: auto; } /* ------------------------------------------------------------ *\ Link Arrow \* ------------------------------------------------------------ */ .link-arrow { font-size: 12px; color: #9D2235; text-decoration: none; } .link-arrow i { /*margin-left: 4px;*/ margin-left: 7px; } .link-arrow i + i { position: absolute; top: -999px; right: -999px; visibility: hidden; opacity: 0; } .link-arrow:hover { color: #E3000E!important; text-decoration: underline; } .link-arrow:hover i { position: absolute; top: -9999px; left: -9999px; } .link-arrow:hover i + i { position: static; visibility: visible; opacity: 1; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Partners \* ------------------------------------------------------------ */ .list-partners, .list-partners-container ul { font-size: 0; text-align: center; } .list-partners li, .list-partners-container ul li { display: inline-block; vertical-align: middle; padding: 0 14px; margin-left:0!important; } .list-partners a:hover, .list-partners-container a:hover { opacity: .8; } /* ------------------------------------------------------------ *\ List Links \* ------------------------------------------------------------ */ .list-links { margin-bottom: 24px; } .list-links li { margin-bottom: 20px; } .list-links a { text-decoration: none; font-family: 'Droid Sans', sans-serif; font-size: 14px; font-weight: 400; color: #333; line-height: 1.45; transition: color .3s; } .list-links a:hover { color: #29468E; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; vertical-align: middle; width: 198px; height: 152px; background-image: url(../css/images/logo.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0; font-size: 0; line-height: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .logo { background-image: url(../css/images/logo@2x.png); } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { font-size: 14px; text-transform: uppercase; } .nav > ul { display: -ms-flexbox; display: flex; } .nav > ul > li { position: relative; overflow: hidden; /* ML June 11, 2019 */ } .nav > ul > li:last-child { margin-right: 0; } .nav a { display: inline-block; /*padding: 11px 12px; */ padding: 11px 10px; text-decoration: none; } .nav a:hover { background: #345FCB; } .nav > ul > li:hover{ overflow: visible;} /* ML June 11, 2019 */ .nav > ul > li:hover > a { background: #345FCB; } @media (min-width: 1023px) { .nav > ul > li.active-desktop > a { background: #345FCB; } } .nav > ul > li:hover .nav__dropdown { visibility: visible; opacity: 1; overflow-x: hidden; overflow-y: auto; } /* Dropdown */ .nav .nav__dropdown { position: absolute; top: 100%; left: 0; z-index: 5; visibility: hidden; min-width: 200px; text-transform: none; opacity: 0; transition: visibility .3s, opacity .3s; } .nav .nav__dropdown li + li { position: relative; } .nav .nav__dropdown li + li:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: rgba(255, 255, 255, .15); } .nav .nav__dropdown a, .nav .nav__dropdown span { display: block; padding: 6px 10px; background: #345FCB; } .nav .nav__dropdown a:after, .nav .nav__dropdown span:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, .10); opacity: 0; transition: opacity .3s; } .nav .nav__dropdown a:hover:after, .nav .nav__dropdown span:hover:after { opacity: 1; } @media (max-width: 1050px) { .nav a{ padding: 11px 8px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav { font-size: 16px; } .nav ul { display: block; } .nav > ul > li { overflow: visible; } /* ML June 11, 2019 */ .nav > ul > li:hover > a { background: none; } .nav > ul > li + li { margin-top: 25px; } .nav > ul > li > a { display: block; padding: 0; padding-right: 30px; margin-right: 30px; } .nav .ico-chevron { position: absolute; top: 5px; right: 0; z-index: 5; transition: transform .3s; cursor:pointer; } .nav > ul > li:hover > a { background: none; } .nav .nav__dropdown { position: static; max-height: 0!important; overflow: hidden; visibility: visible; opacity: 1; padding-left: 10px; font-size: 14px; text-transform: none; transition: max-height .5s, padding .5s, margin .5s; } .nav .nav__dropdown a, .nav .nav__dropdown span { padding: 0; background: none; } .nav .nav__dropdown a:after, .nav .nav__dropdown span:after { display: none; } .nav .nav__dropdown li + li { margin-top: 12px; } .nav .nav__dropdown li + li:before { display: none; } .nav li.active .nav__dropdown { max-height: 700px!important; padding-top: 8px; margin-bottom: -5px; } .nav li.active .ico-chevron { -ms-transform: rotate(180deg); transform: rotate(180deg); } } /* Mobile */ @media (max-width: 767px) { .nav > ul > li + li { margin-top: 22px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search form { position: relative; display: -ms-flexbox; display: flex; width: 100%; max-width: 188px; } .search .search__field { -ms-flex: 0 1 160px; flex: 0 1 160px; max-width: 160px; height: 24px; padding: 0 5px; border: 0; border-radius: 0; color: #000; } .search .search__btn { padding: 0 6px; border: 0; background: #9D2235; transition: .3s; } .search .search__btn:hover { background: #E3000E; } /* Tablet Portrait */ @media (max-width: 1023px) { .search form { max-width: none; } .search .search__field { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; height: 32px; } .search .search__btn { -ms-flex: 0 1 40px; flex: 0 1 40px; max-width: 40px; } } /* ------------------------------------------------------------ *\ Section Large \* ------------------------------------------------------------ */ .section-large { margin-bottom: 39px; } /* Block */ .section-large .section__block { padding: 24px 20px 28px 34px; margin-bottom: 25px; background: #F0F4F8; } .section-large .section__block .link-arrow { display: inline-block; margin: 2px 0 0 18px; } /* Body */ .section-large .section__body { display: -ms-flexbox; display: flex; padding: 0 33px 0 34px; } .section-large .section__body h3 { padding-bottom: 6px; border-bottom: 2px solid #333; font-family: 'Droid Serif', serif; font-size: 18px; font-weight: 700; font-style: italic; } /* Content */ .section-large .section__content { -ms-flex: 0 1 67%; flex: 0 1 67%; max-width: 67%; } .section-large .section__content > h3 { margin-bottom: 22px; } .section-large .section__content.landingsearch, .section-large .section__content.searchresult { /*added by ES, 23jun2020*/ max-width: 64%; padding-right:10px; } @media (width: 1024px) { .section-large .section__content.landingsearch, .section-large .section__content.searchresult { /*added by ES, 23jun2020*/ max-width: 61%; } } /* Aside */ .section-large .section__aside .article-small { margin-bottom: 30px; } .section-large .section__aside { -ms-flex: 0 1 33%; flex: 0 1 33%; max-width: 33%; padding-left: 24px; } .section-large .section__aside > h3 { margin-bottom: 22px; } .section-large .section__aside.rightsearch {/*added by ES, 23jun2020*/ margin-top:40px; padding-left:0; } .section-large .section__aside.rightsearch .box {/*added by ES, 23jun2020*/ background-color:#ffffff; padding-left:0; padding-right:0; padding-top:19px; width:370px; } .section-large .section__aside.rightsearch .box .box__inner{/*added by ES, 23jun2020*/ border:0px solid blue; } .section-large .section__aside.rightsearch .box .box__inner .form-container .lyrBootstrap .row{/*added by ES, 23jun2020*/ width:368px; border:0px solid green; } .section-large .section__aside.rightsearch .box .box__inner .form-container .lyrBootstrap .row .col-md-3.col-sm-3.col-xs-3{ width:80px; } .section-large .section__aside.rightsearch .box .box__inner .form-container .lyrBootstrap .row .col-md-8.col-sm-8.col-xs-8 {/*added by ES, 23jun2020*/ width:76%; } .section-large .section__aside.rightsearch .box .box__inner .form-container .lyrBootstrap .row .col-md-8.col-sm-8.col-xs-8 .select, .section-large .section__aside.rightsearch .box .box__inner .form-container .lyrBootstrap .row .col-md-11.col-sm-11.col-xs-11 {/*added by ES, 23jun2020*/ width:100%; } .switchlayout__left, .searchwrn_left{/*added by ES, 23jun2020*/ display:none; } .rightsearch .select select{ /*added by ES, 26jun2020*/ padding-right: 34px; } @media (max-width: 1023px) { .switchlayout__left, .searchwrn_left{/*added by ES, 23jun2020*/ display:block; } .switchlayout__right, .searchwrn_right{/*added by ES, 23jun2020*/ display:none; } } /* Section Large Alt */ .section-large--alt { margin-bottom: 12px; } .section-large--alt .section__body { padding: 28px 0 0; } .section-large--alt .section__aside { padding-left: 11px; } .section-large--alt .section__content { padding-right: 35px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-large { margin-bottom: 27px; } .section-large .section__head { margin-bottom: 40px; text-align: center; } .section-large .section__body { padding: 0px 11px 0 9px; } .section-large .section__head .btn { padding: 9px 84px; border-radius: 3px; font-size: 13px; } .section-large .section__block { padding: 6px 10px 10px 10px; margin-bottom: 12px; background: none; text-align: left; } .section-large .section__block .link-arrow { margin: 4px 0 0 7px; font-size: 11px; } .section-large .section__content { -ms-flex: 0 1 66%; flex: 0 1 66%; max-width: 66%; } .section-large .section__aside { -ms-flex: 0 1 34%; flex: 0 1 34%; max-width: 34%; padding-left: 15px; } .section-large .section__aside .article-small { margin-bottom: 25px; } /* Section Large Alt */ .section-large--alt { padding-top: 30px; } .section-large--alt .section__body { display: block; padding: 0 11px; } .section-large--alt .section__aside, .section-large--alt .section__content, .section-large--alt .section__content.landingsearch, .section-large--alt .section__content.searchresult { max-width: 100%; padding-right: 0; padding-left: 0; } .section-large--alt .section__aside { padding-top: 37px; } } /* Mobile */ @media (max-width: 767px) { .section-large { margin-top: -2px; margin-bottom: -1px; padding-top: 15px; } .section-large .section__head { margin-bottom: 33px; } .section-large .section__block { padding: 0; margin-bottom: 15px; } .section-large .section__block p { font-size: 13px; line-height: 1.4em; } .section-large .section__block .link-arrow { display: none; } .section-large .section__body { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .section-large .section__body h3 { font-size: 15px; } .section-large .section__content, .section-large .section__aside, .section-large .section__content.landingsearch, .section-large .section__content.searchresult { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .section-large .section__content { margin-bottom: 36px; } .section-large .section__content > h3 { margin-bottom: 16px; } .section-large .section__aside { padding-left: 0; } .section-large .section__aside .article-small { margin-bottom: 33px; } /* Section Large Alt */ .section-large--alt { padding-top: 33px; } .section-large--alt .section__aside { padding-top: 0; padding-bottom: 30px; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider {} .slider .slides { list-style: none outside none; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { display: -ms-flexbox; display: flex; list-style: none; } .socials li { margin-right: 3px; } .socials li:last-child { margin-right: 0; } .socials a { display: inline-block; height: 100%; padding: 10px 7px; } .socials a:hover { background: #345FCB; } /* Tablet Portrait */ @media (max-width: 1023px) { .socials li { margin-right: 30px; } .socials li:last-child { margin-right: 0; } .socials a { padding: 0; } .socials a:hover { background: none; } } /* Mobile */ @media (max-width: 767px) { .socials li { margin-right: 27px; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table {} /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Heder Email Sign Up \* ------------------------------------------------------------ */ .header__actions__emailsignup { position: absolute; border: 1px solid #172C62; } .header__actions__emailsignup .signup__field{ width: 170px; height: 24px; border: none; color: black; font-size:12px; padding: 0 5px; } .header__actions__emailsignup .signup__btn{ padding: 5px; background: #9D2235; font-size: 13px; color: #fff; font-weight: normal; text-transform: uppercase; text-decoration: none; text-align: center; border: none; cursor: pointer; height: 24px; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: top; } .header__actions__emailsignup .signup__btn:hover{ background: #E3000E; } @media (max-width: 1023px){ .header__actions__emailsignup { position: relative; margin-right: 12px; } .header__actions__emailsignup form{ display: flex; } .header__actions__emailsignup .signup__field{ flex: 1; height: 32px; font-size:14px; } .header__actions__emailsignup .signup__btn{ height: 32px; } } /* ------------------------------------------------------------ *\ Calendar Tooltip \* ------------------------------------------------------------ */ .calendar-tooltip{ position: absolute; background: #fff; top: -59px; right: -139px; -moz-box-shadow: 2px 3px 5px 0 rgba(0,0,0,.3); -webkit-box-shadow: 2px 3px 5px 0 rgba(0,0,0,.3); box-shadow: 2px 3px 5px 0 rgba(0,0,0,.3); padding:10px; color: #333; font-size:15px; display:none; } .calendar-tooltip .calendar-tooltip-title{ text-align: center; display: block; font-size:18px; } .calendar-tooltip:before{ display: block; content: ''; position: absolute; z-index: -1; top: 54%; left: -19px; right: -auto; width: 22px; height: 7px; -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.3); -webkit-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.3); box-shadow: 2px 3px 4px 0 rgba(0,0,0,.3); } .calendar-tooltip:after{ display: block; content: ''; position: absolute; top: 50%; margin-top: -15px; left: -19px; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 20px 30px 20px 0; border-color: transparent #fff transparent transparent; } .calendar-tooltip ul.calendar-tooltip-logo{ list-style-type: none; } .calendar-tooltip ul.calendar-tooltip-logo li{ margin: 10px 0 10px 0; } .calendar-tooltip ul.calendar-tooltip-logo li img{ display: inline; margin: 0 5px 0 2px; } .calendar-tooltip ul.calendar-tooltip-logo li a{ text-decoration:none; font-size: 14px; font-weight: bold; color: #9D2235; } .calendar-tooltip ul.calendar-tooltip-logo li a:hover{ color: #E3000E; } /* ------------------------------------------------------------ *\ Rich Text Content \* ------------------------------------------------------------ */ .article-small.homepage-event-upcoming .rich-text-content{ margin-bottom:10px; } .rich-text-content, .rich-text-content *{ max-width:100%; } .rich-text-content p, .rich-text-content li {/*added by ES 28mar2025 */ white-space:pre-wrap; word-wrap:break-word; } .rich-text-content pre { white-space: pre-wrap; word-wrap: break-word; margin-bottom: 1.38em; } .rich-text-content table tr td img{ max-width: none; } .rich-text-content img{ max-width: 100%; height: auto!important; display:inline; width:auto; } .rich-text-content iframe{ max-width: 100%; } .rich-text-content ol, .rich-text-content ul{ margin-left:15px; } .rich-text-content ol li, .rich-text-content ul li { padding-left: 0; margin-left: 27px; } .rich-text-content blockquote { border-left: 5px solid #ccc; padding: 2px 0 2px 20px; } .rich-text-content a, .article__content a { color: #9D2235; text-decoration: none; } .rich-text-content a:hover, .article__content a:hover { color: #29468E; } /* ------------------------------------------------------------ *\ Form Style \* ------------------------------------------------------------ */ .form-container{ font-size:15px; } .form-container input[type="text"]{ max-width: 100%; /*height: 25px; border: 1px solid gray;*/ padding: 3px; height: 38px; border: 1px solid #CDD7E5; padding: 0 10px 0 18px; } .form-container textarea{ border: 1px solid #CDD7E5; } .form-container select{ max-width: 100%; height: 25px; border: 1px solid gray; } .form-container .btn{ border: none; color: #fff; font-size: 14px; font-weight: 700; border-radius: 3px; /*margin-bottom: 6px;*/ } .form-container .btn:hover{ color: #fff; } .form-container .btn.small{ padding: 5px; font-size:12px; } .form-container .row{ margin-bottom:10px; } .form-fotf .rich-text-content p { margin-bottom:0; } .info ul, .success ul, .warning ul, .error ul, .validation ul, div#errormsg ul{ margin-left:20px; } .info, .success, .warning, .error, .validation , div#errormsg{ border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .error, div#errormsg { color: #D8000C; background-color: #FFBABA; background-image: url(../images/error.gif); } /* ------------------------------------------------------------ *\ Listing Style \* ------------------------------------------------------------ */ .public-list{ margin-top:30px; } .public-list .list-item{ margin-bottom: 20px; border-bottom: 1px solid #CDD7E5; padding-bottom: 10px; } .public-list.no-item-line { border-bottom: 1px solid #CDD7E5; } .public-list.no-item-line.no-bottom-line { border-bottom: none; } .public-list.no-item-line.top-line { border-top: 1px solid #CDD7E5; } .public-list.no-item-line .list-item{ border-bottom:none; padding-bottom: 0; } .public-list .item-date{ /* margin-bottom:4px; font-size: 12px; color: #333; */ margin-bottom: 4px; font-size: 12px; /*color: #9D2235;*/ font-weight: 400; } .public-list .item-date a{ color: #9D2235; } .public-list .item-date a:hover{ color: #E3000E; } .public-list .item-author{ margin-bottom:6px; /*color: #9D2235;*/ font-size: 12px; } .public-list h3.item-title{ border-bottom:none; font-style:normal; font-size: 22px; margin-bottom: 6px; padding-bottom: 0; font-family: 'Droid Sans', sans-serif; } .public-list h3.item-title a, .home h2.item-title a{ color: #333; } .public-list h3.item-title a:hover{ color: #E3000E; } .public-list h4.item-subtitle{ font-size: 14px; margin-bottom: 6px; font-style: italic; } .public-list .item-content-container{ display: flex; justify-content: space-between; } .public-list .item-content-container .item-content{ flex: 1; } .public-list .item-content-container .rich-text-content p{ font-family: 'Droid Sans', sans-serif; font-size: 13px; line-height: 1.38; margin-bottom:6px; } .public-list .item-content-container .item-image-container{ width: 147px; margin-right: 15px; margin-top: 3px; } .public-list .public-list-title{ margin-bottom: 15px; } .public-list .public-list-read-more{ margin-bottom:20px; text-align:right; } /* ---- */ .public-list.side-image .list-item{ display:flex; } .public-list.side-image .list-item .item-image-container{ flex-shrink: 0; margin-right: 20px; max-width: 131px; margin-top:3px; } .public-list.side-image .list-item .item-content-container{ display:block; } @media (max-width: 1023px){ .public-list.side-image .list-item .item-image-container{ flex: 0 1 25.5%; max-width: 25.5%; margin-right:0; } .public-list.side-image .list-item .item-content-container{ flex: 0 1 74.5%; max-width: 74.5%; padding-left: 14px; } } @media (max-width: 767px){ .public-list.side-image .list-item .item-image-container{ flex: 0 1 23.1%; max-width: 23.1%; } .public-list.side-image .list-item .item-content-container{ flex: 0 1 76.9%; max-width: 76.9%; padding-left: 9px; } } /* ---- */ .list-paging{ margin-top: 30px; display: flex; justify-content: space-between; } .list-paging .list-total-record-info{ font-weight:bold; } .list-paging .list-numperpage .img-left-arrow, .list-paging .list-numperpage .img-right-arrow{ width:25px; } @media (max-width: 400px){ .list-paging { display:block; } .list-paging .list-total-record-info{ display:block; width:100%; text-align: center; } .list-paging .list-numperpage{ display:block; width:100%; text-align: center; } } @media (max-width: 767px){ .public-list .item-content-container{ flex-direction: column; } .public-list .item-content-container .item-content{ order:2; margin-right: 0; } .public-list .item-content-container .item-image-container{ order:1; width: 147px; margin-bottom:6px; margin-right: auto; margin-left: auto; } } /* ------------------------------------------------------------ *\ Misc Style \* ------------------------------------------------------------ */ .share-this-container ul{ list-style-type: none; } .article__subtitle a { text-decoration:none; } .footer__bar.footer__empty{ border-top:none; border-bottom: 2px solid #CDD7E5; margin-bottom: 9px; padding:0; } .nav .top-nav-toogle{ display:none; } @media (max-width: 1023px) { .nav .top-nav-toogle{ display:inline; position: absolute; width: 35px; height: 35px; cursor: pointer; right: 0; top: -8px; z-index: 5; transition: transform .3s; cursor:pointer; } .nav .top-nav-toogle .ico-chevron{ position: relative; top: 6px; left: 10px; } } .highlight-right{ margin-bottom: 38px; } .navigation-right-container{ margin-bottom: 35px; } .highlight-right .highlight-right-img{ margin-bottom: 15px; } .highlight-right .highlight-title{ margin-bottom: 12px; font-size: 18px; } .highlight-right .highlight-title a{ text-decoration:none; } .highlight-right .highlight-title a:hover{ color: #E3000E; } .highlight-right .highlight-heading{ margin-bottom: 22px; } .highlight-right .highlight-right-link{ text-align:right; } .highlight-right .highlight-right-link a:hover{ color: #E3000E; text-decoration: underline; } .highlight-right .highlight-right-content a { text-decoration:none; } .highlight-right .highlight-right-content a:hover { color: #29468E; } .highlight-right .highlight-right-content p{ margin-bottom: 9px; } .navigation-right-container ul.navigation-right{ list-style-type: none; } .navigation-right-container ul.navigation-right li{ /*margin-bottom: 8px;*/ } .navigation-right-container ul.navigation-right li a.active, .navigation-right-container ul.navigation-right-child li a.active{ font-weight:bold; } .navigation-right-container ul.navigation-right li a{ margin-bottom: 8px; display:inline-block; color: #333; text-decoration: none; font-size:16px; } .navigation-right-container ul.navigation-right li a:hover{ color: #29468E; } .navigation-right-container ul.navigation-right li ul.navigation-right-child{ margin-left:20px; list-style-type:none; } .highlight-blogroll .gadget, .highlight-recentpost .gadget, .highlight-topics .gadget { margin-bottom:20px; } .rss-item{ margin: 0px 0px 20px 0; } .rss-item .rss-title{ margin-bottom: 5px; } .rss-item .rss-info{ margin-left:15px; } .rss-item .rss-info ul.rss-info-list{ list-style-position: outside; margin-left: 20px; } .rss-item .rss-info ul.rss-info-list li{ margin-bottom: 5px; } .g-recaptcha{ max-width: 100%; overflow: hidden; } .additional-info { display:none; } .page-info-container{ margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #CDD7E5; display: flex; flex-direction: row; justify-content: space-between; } .article-detail-info{ display:inline-block; margin-top: 10px; flex:1; } .share-this-container{ display:inline-block; flex:1; text-align: right; } .share-this-container .st_twitter_button, .share-this-container .st_facebook_button, .share-this-container .st_email_button, .share-this-container .st_sharethis_button, .share-this-container .st_plusone_button { display: inline-block; margin-top: 10px; } .gallery-container{ display: flex; flex-direction: row; /*justify-content: space-around;*/ justify-content: flex-start; flex-wrap: wrap; } .gallery-container .gallery-item{ width:190px; height:190px; margin: 10px 10px 10px 0; background-size: cover; } .gallery-container .gallery-item a{ width:100%; height:100%; display:block; } .gallery-paging{ margin-top:10px; display: inline-block; width: 100%; } .gallery-paging .paging-next{ float:right; display:inline-block; } .gallery-paging .paging-previous{ float:left; display:inline-block; } @media (max-width: 767px){ .page-info-container{ display:block; } .article-detail-info{ display:block; text-align:center; } .share-this-container{ display:block; text-align:center; } } .author-archive { display:inline-block; margin-right:10px; margin-bottom: 5px; } .author-alphabeth-container{ border-top: 1px solid #CDD7E5; padding-top: 20px; margin-bottom: 30px; } .author-alphabeth-container .author-alphabeth-item-container{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .author-alphabeth-container .author-alphabeth-item-container .author-alphabeth-item{ width:30%; } @media (max-width: 767px){ .author-alphabeth-container .author-alphabeth-item-container .author-alphabeth-item{ width:45%; } } .article-title-container{ position:relative; } .article-title-container .rss-feed-link, .article-title-container .print-link { position:absolute; right: 0; top: 6px; } .page-info-container{ font-size: 12px; } .page-info-container a{ color: #9D2235; } .page-info-container a:hover{ color: #29468E; } .clear { clear: both; } @media (max-width: 500px){ .mobile-break-text{ word-wrap: break-word; word-break: break-all; } } .author-thumb-img{ float: right; width: 147px; margin: 5px 0 7px 7px; } .tags{ text-transform: uppercase; } /* .home .section__content .articles .article__content h2 a, .home .section__aside .article__content h2 a { color: #333; } .home .section__content .articles .article__content h2 a:hover, .home .section__aside .article__content h2 a:hover { color: #333; } */ .article__content .dvGiftType{ color:#0f2f80; border:1px solid #adb7c5; height:97px; padding-left:106px; padding-top:27px; margin-bottom: 25px; } .article__content .dvGiftType .ty{ color:#71747d; } .article__content .dvGiftType:hover { cursor:pointer; } .article__content .dvGiftType:hover .ty{ color:#0f2f80; } .article__content .dvGiftType.onetime{ margin-top:19px; background:url(/images/icon_OneTime@2x.png) no-repeat 35px 25px; background-size:44px; } .article__content .dvGiftType.monthly{ background:url(/images/icon_monthly@2x.png) no-repeat 35px 25px; background-size:44px; } .article__content .dvGiftType h4{ line-height:0.7 !important; } .article__content .dvGiftType.active{ color:#ffffff; /*background-color: #2a468f;*/ border-color:#172c63; } .article__content .dvGiftType.active .ty{ color:#ffffff; } .article__content .dvGiftType.onetime.active{ background:url(/images/icon_OneTime_select@2x.png) no-repeat 35px 25px, #2a468f; background-size:44px; } .article__content .dvGiftType.monthly.active{ /*background:url(/images/icon_monthly_select@2x.png) no-repeat 35px 25px;*/ background:url(/images/icon_monthly_select@2x.png) no-repeat 35px 25px, #2a468f; background-size:44px; } .article__content #dvGivingLevels{ /*margin-top:53px;*//*=73*/ margin-top:78px; } .dvGivingLevelsBox{ width: 49%; display:inline-block; margin-bottom:33px; } .dvGivingLevelsBox:first-child{ border-right: 2px solid #ced7e6; padding-right: 40px; } .dvGivingLevelsBox:last-child{ padding-left:40px; vertical-align:top; } .dvGivingLevelsBox p:last-child{ margin-bottom: 0; } .CntnrdvGivingLevelsBox.last .dvGivingLevelsBox{ width:100%; display:block; border-right: 0; padding-left:0; padding-right:0; } .CntnrdvGivingLevelsBox{ border-bottom: 1px solid #adb7c5; margin-bottom:33px; } #tapdest .CntnrdvGivingLevelsBox.last{ border-bottom-width: 0px; } .dvGivingLevelsBox .amtname{ color: #5268a4; font-style: italic; font-family: 'Droid Serif',serif; font-weight: bold; margin-bottom: 10px; } .dvGivingLevelsBox .gtname{ margin-bottom:7px; } #GrpdvYourDonation{ padding-top:28px; } .dvYourDonation{ color:#0f2f80; border:1px solid #adb7c5; width:185px; height:84px; display:inline-block; margin-bottom: 13px; /*margin-right:23px;*/ margin-right:45px; text-align:center; vertical-align:top; } .dvYourDonation:hover{ cursor:pointer; } .dvYourDonation.active{ color:#ffffff; background-color:#2a468f; border-color:#172c63; } .dvYourDonation.b3, .dvYourDonation.b6 { margin-right:0px; } .dvYourDonation .amt{ font-size:20px; font-weight:bold; display:block; margin-top:14%; /*margin-top:14px;*/ } .dvYourDonation.active .amt{ margin-top:14px; } .dvYourDonation.b6 #amtx{ display:none; height:31px; margin-top:14px; } .dvYourDonation.b6 #otherAmt{ width:50%; color:#000000; font-size:15px; } .dvYourDonation .donationtype{ display:none; font-size:13px; margin-top:2px; } .dvYourDonation.active .donationtype{ display:inline-block; background-color: #3f5da6; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; padding-left:12px; padding-right:12px; } #CntndvYourDonation{ border-top:1px solid #adb7c5; margin-top: 10px; padding-top:36px; } #CntndvYourDonation #HDonationVw{ font-size:22px; font-weight:bold; } #CntndvYourDonation #tgVw{ float:right; font-size:13px; } #CntndvYourDonation #rcVw{ margin-left:5px; vertical-align:middle; } #CntndvYourDonation #lbVw{ display:inline-block; padding-right:3px; padding-top:4px; } #CntndvYourDonation .VwGiftType{ border:1px solid #adb7c5; width:108px; height: 28px; display:inline-block; text-align:center; color:#71747d; padding-top:4px; } #CntndvYourDonation .VwGiftType.vAmount{ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; } #CntndvYourDonation .VwGiftType.vLevel{ -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; } #CntndvYourDonation .VwGiftType:hover{ color:#0f2f80; cursor:pointer; } #CntndvYourDonation .VwGiftType.active{ border-color:#2a468f; color: #0f2f80; background-color: #e9effb; } #tapdest{ display:inline-block; padding-bottom:33px; border-bottom: 1px solid #adb7c5; margin-bottom:46px; } #formDonate .row{ margin-bottom: 15px; } #formDonate .row.yInfo{ /*margin-bottom: 40px;*/ margin-bottom: 28px; } .row.ccinfobar, .row.tellbar{ border-top:1px solid #adb7c5; } #formDonate .row.ccinfobar{ padding-top:46px; margin-bottom: 5px; } .row.tellbar h2{ display:inline-block; } #formDonate .row.tellbar{ padding-top:46px; margin-bottom: 19px; } #formDonate #txtwhydonate{ margin-top:2px; margin-bottom:18px; resize:none; } #formDonate .splitcols{ display:inline-block; } #formDonate .splitcols.leftcol{} #formDonate .splitcols.rightcol{ margin-left:23px; margin-left:19px; } #formDonate .splitcols.midcol{ margin-left:23px; margin-left:19px; } #formDonate input[type='text']{ /*width:467px;*/ /*width:476px;*/ width:559px; } #formDonate .splitcols.part2 input[type='text']{ width:268px; } #formDonate #txtCity, #formDonate #txtEmail { width:222px; } /*#formDonate .splitcols.part2.rightcol input[type='text']{ width:231px; }*/ #formDonate #sel_state{ /*width:140px;*/ /*width:149px;*/ width:210px; } #formDonate #txtZip{ width:58px; width:80px; } #formDonate #txtCCNumber, #formDonate #txtCCName { /*width:387px;*/ /*width:396px;*/ width:471px; /*edited by ES, 9feb2021*/ } #formDonate #sel_CCMonth { /*width:140px;*/ width:189px; } #formDonate #sel_CCYear { width:96px; } #formDonate #txtCVV { /*width:101px;*/ /*width:110px;*/ width:136px; /*edited by ES, 9feb2021*/ } #formDonate #securitycodeicon:hover{ cursor:pointer; } #formDonate .select.newwidth{ max-width:418px !important; max-width:471px !important; /*edited by ES, 9feb2021*/ } #tapdest .redbox, #formDonate .redbox { /*border-color:#ff0000;*/ border:1px solid #ff0000; } #formDonate select.red{ color:#ff0000; } #formDonate #txtwhydonate{ padding:7px 18px; } #formDonate .row .whydonate{ width:100%; } #insertable{ margin-bottom:-153px; margin-bottom:-99px; } #insertable.showform{ margin-bottom:-10px; } #insertable .rich-text-content > *:last-child{ margin-bottom:23px; } #insertable p, #insertable .ty, #insertable #formDonate label, #insertable #lyrErrorC {/*added by ES, 9feb2021*/ font-size: 17px; } /*donate confirm page, thank you page*/ .form-container[name='formDonate'] div, .article-large .article__content.cf17, .article-large .article__content.cf17 .form-container { /*added by ES, 9feb2021*/ font-size: 17px; } @media (max-width:1024px){ .dvYourDonation{ margin-right:37px; } } @media (max-width:960px){ .ico-arrow-hover{ /*FF mobile*/ height:auto; } } @media (min-width:929px) and (max-width:960px){ .dvYourDonation{ margin-right:56px; } } @media (max-width:667px){ .dvYourDonation{ margin-right: 40px; } } @media (max-width:653px){ .dvYourDonation{ margin-right: 33px; } } @media (max-width:640px){ .dvYourDonation{ margin-right: 26px; } } @media (max-width:600px){ .dvYourDonation{ width:172px; } } @media (max-width:598px){ /*body width changed?*/ .dvYourDonation{ width:171px; } } @media (max-width:568px){ .dvYourDonation{ width: 161px; } #formDonate .splitcols.part2 input[type='text']{ width:256px; } #formDonate .splitcols.part3.rightcol.rzip{ margin-left:0; margin-top: 14px; } } @media (max-width:540px){ .dvYourDonation{ width: 152px; } #formDonate .splitcols.part2 input[type='text']{ width:242px; } } @media (max-width:533px){ .dvYourDonation{ width: 149px; } .dvYourDonation.active .donationtype{ font-size:11px; } #formDonate .splitcols.part2 input[type='text']{ width:239px; } #formDonate .splitcols.part2.rightcol{ /*added by ES, 9feb2021*/ margin-left:18px; } } @media (max-width:480px){ .dvYourDonation{ width: 132px; } .dvYourDonation.active .donationtype{ font-size:10px; } #formDonate .splitcols.part2 input[type='text']{ width:212px; } #formDonate .splitcols.part3.leftcol{ display:block; } #formDonate .splitcols.midcol{ margin-left:0; width:222px; } #formDonate .splitcols.part3.rightcol.rzip{ margin-left:19px; } #formDonate .splitcols.rightcol.rseccode{ margin-left:0; margin-top:11px; display:block; } } @media (max-width:425px){ /*gift type area*/ .article__content .dvGiftType h4{ line-height: 1.2 !important; } .article__content .dvGiftType{ padding-top: 20px; } /*END gift type area*/ /*giving level area*/ .dvGivingLevelsBox:first-child{ border-right: 0; border-bottom: 1px solid #adb7c5; width:100%; padding-right:0; padding-bottom:33px; display:block; } .dvGivingLevelsBox:last-child{ padding-left:0; width: 100%; display:block; border-bottom-width:0; } /*END giving level area*/ /*your donation area*/ /*#CntndvYourDonation #tgVw*/ #CntndvYourDonation .VwGiftType { display:block; } #CntndvYourDonation .VwGiftType.vAmount{ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #CntndvYourDonation .VwGiftType.vLevel{ -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .dvYourDonation{ width: 120px; margin-right: 16px; } .dvYourDonation .amt{ margin-top:21%; } .dvYourDonation.active .donationtype{ padding-left:5px; padding-right:5px; font-size:10px; } /*END your donation area*/ /*your information area*/ #formDonate .splitcols.rightcol{ margin-right:0; margin-top:10px; } #formDonate .rflname .splitcols.part2{ display:block; } #formDonate .rflname .splitcols.rightcol{ margin-left:0; } #formDonate .splitcols.part2 input[type='text']{ width:100%; } #formDonate .splitcols.part3.leftcol{ display:block; } #formDonate .splitcols{ margin-left:0; } #formDonate .splitcols.midcol{ margin-left: 0; } #formDonate .select.splitcols.inner.leftcol{ width: 270px; } #formDonate #sel_state,#formDonate #sel_CCMonth { width:100%; } #formDonate .splitcols.rightcol.rseccode{ margin-left: 0; } /*END your information area*/ } @media (max-width:414px){ .article__content .dvGiftType.onetime, .article__content .dvGiftType.monthly{ background-position:25px 50% !important; height:auto; padding:10px 10px 10px 90px; } .dvYourDonation{ width:175px; } .dvYourDonation:nth-child(2n){ margin-right:32px; } .dvYourDonation:nth-child(2n+1){ margin-right:0; } .dvYourDonation .amt{ margin-top:15%; } .dvYourDonation.active .donationtype{ font-size: 13px; } #formDonate .splitcols.midcol{ margin-top:15px; border:0px dashed purple; } #formDonate .select.splitcols.inner.leftcol{ /*width:152px; cc month - pas side by side (from screen 280)*/ width:260px; /*edited by ES, 9feb2021*//*cc month - pas +109 */ } } @media (max-width:412px){ .dvYourDonation:nth-child(2n){ margin-right:30px; } #formDonate .select.splitcols.inner.leftcol{ /*width:152px; cc month - pas side by side (from screen 280)*/ width:258px; /*edited by ES, 9feb2021*/ /*cc month - pas +107 */ } } @media (max-width:411px){ .dvYourDonation:nth-child(2n){ margin-right: 29px; } #formDonate .select.splitcols.inner.leftcol{ width: 257px; /*edited by ES, 9feb2021*/ } } @media (max-width:384px){ .dvYourDonation{ width:161px; } #formDonate .select.splitcols.inner.leftcol{ /*width:152px; cc month - pas side by side (from screen 280)*/ width:230px; /*edited by ES, 9feb2021*/ /*cc month - pas +79 */ } } @media (max-width:375px){ .dvYourDonation:nth-child(2n){ margin-right:21px; } #formDonate .select.splitcols.inner.leftcol{ /*width:152px; cc month - pas side by side (from screen 280)*/ width:221px; /*edited by ES, 9feb2021*/ /*cc month - pas +70 */ } } @media (max-width:360px){ .dvYourDonation{ width:153px; } #formDonate .select.splitcols.inner.leftcol{ /*width:152px; cc month - pas side by side (from screen 280)*/ width:206px; /*edited by ES, 9feb2021*/ /*cc month - pas +55 */ } } @media (max-width:320px){ .dvYourDonation{ width:133px; } .dvYourDonation .amt{ margin-top:19%; } .dvYourDonation.active .donationtype{ font-size: 12px; } #formDonate .splitcols.part3.rightcol, #formDonate .splitcols.part3.rightcol.rzip { margin-left:0; } #formDonate .select.splitcols.inner.leftcol{ /*width:152px; cc month - pas side by side (from screen 280)*/ width:166px; /*edited by ES, 9feb2021*/ /*cc month - pas + 15*/ } #donateVerification { transform:scale(0.93);-webkit-transform:scale(0.93);transform-origin:0 0;-webkit-transform-origin:0 0; } } @media (max-width:280px){ #formDonate .splitcols.part3.rightcol { margin-left:0; } #formDonate .select.splitcols.inner.leftcol{ /*width:152px; cc month - pas side by side*/ width:165px; /*cc month - pas + 13*/ } #donateVerification { transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0; } } @media (max-width:240px){ body{min-width:240px;} .header .header__inner ul.shell-text{margin-top:-10px;} /* #insertable{ margin-bottom:-153px; } #insertable.showform{ margin-bottom:0; } */ .dvYourDonation{ width:100%; } .dvYourDonation .amt{ margin-top:13%; } .dvYourDonation.active .donationtype{ font-size: 13px; } #formDonate .select.newwidth.rstate{ width:208px; } #formDonate .splitcols.rightcol{ margin-left:0; } #formDonate .select.splitcols.inner.leftcol{ width:208px; } #donateVerification { transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0; } .form-container .btn{ margin-bottom:5px; width:60%; } }