@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); @import url('https://fonts.googleapis.com/css?family=Abhaya+Libre:400,700,800'); /********* ********* *** *** RESET START *** **/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, table, tr, th, td { margin:0px; padding:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; text-align:left; } a { color:blue; text-decoration:none; margin:0px; padding:0px; } a, a img, img { border:0px; outline:0px; } address { font-style:normal; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } ol { margin-left:50px; } ul { margin-left:1.3em; } table { border-collapse: collapse; border-spacing: 0px; } input:focus { outline:0px; } sub, sup { line-height:0px; } body { background-color:white; color:#002014; font-family:'Open Sans', Arial, sans-serif; font-size:14px; line-height:1.4; } .breaker { clear:both; } .aural { position:absolute; display:block; width:1px; height:1px; overflow:hidden; border:0px; } td[align="right"] { text-align:right; } th[align="right"] { text-align:right; } td[align="center"] { text-align:center; } th[align="center"] { text-align:center; } td[align="left"] { text-align:left; } th[align="left"] { text-align:left; } html { scroll-behavior: smooth; } body { overflow-x:hidden; } html,body { text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } a { color:#008050; } a .mouseover { display:none !important; } a:hover { color:#90c0b0; } a:hover .mouseover { display:inline-block !important; } a:hover .mouseout { display:none !important; } @media (min-width: 641px) { .mobile { display:none !important } } @media (max-width: 640px) { .desktop { display:none !important } } span.privlinkoffset { position:absolute; margin-top:-100px; } /** *** *** RESET END *** ********* *********/ /********* ********* *** *** BACKGROUND START *** **/ body { background:#f0fff0; background: linear-gradient(to bottom, #f0fff0, #cec) transparent; } body div#container { max-width:100%; width:1300px; margin:0px auto; position:relative; background-color:#f7fcfb; } @media (max-width: 640px) { body.landscape div#container { padding-top:80px; } } body div#container div#middle div#middle-inner { position:relative; } @media (max-width: 640px) { body.landscape div#container div#middle div#middle-inner { } } body div#container div#middle div#middle-inner > div { position:relative; z-index:2; } body div#container div#middle div#middle-inner div#middle-content > div { position:relative; z-index:2; } body div#container div#middle-bg { position:absolute; top:0px; z-index:1; opacity:0.075; width:calc(100%); max-width:1300px; height:100%; overflow:hidden; } body div#container div#middle-bg img#middle-bg-img { width:100%; display:block; } body div#container div#middle-bg div { width:100%; height:400px; margin-top:-400px; position:absolute; background-image:linear-gradient(to bottom, rgba(247,252,251,0), rgba(247,252,251,1)); } body div#container { box-shadow: 30px 0px 30px rgba(0, 0, 0, 0.1), -30px 0px 30px rgba(0, 0, 0, 0.1); } /** *** *** BACKGROUND END *** ********* *********/ /********* ********* *** *** HEADER START *** **/ body div#container div#header { max-width:100%; width:1300px; position:fixed; top:0px; z-index:999; } body div#container div#header { transition: height 0.2s, width 0.2s, font-size 0.2s; } @media (min-width: 951px) { body div#container div#header { font-size:36px; height:85px; } } @media (min-width: 851px) and (max-width: 950px) { body div#container div#header { font-size:24px; height:85px; } } @media (min-width: 751px) and (max-width: 850px) { body div#container div#header { font-size:22px; height:85px; } } @media (min-width: 641px) and (max-width: 750px) { body div#container div#header { font-size:20px; height:85px; } } @media (min-width: 641px) { body.smallheader div#container div#header { font-size:16px; height:35px; } } @media (max-width: 640px) { body div#container div#header { height:150px; font-size:21px; } } @media (max-width: 640px) { body.smallheader div#container div#header { height:60px; font-size:18px; } } @media (max-width: 640px) { body.landscape div#container div#header { height:75px; font-size:11px; } } @media (max-width: 640px) { body.smallheader.landscape div#container div#header { height:30px; font-size:9px; } } body div#container div#header div#header-bg { top:0px; z-index:-2; background:rgba(247, 252, 251, 1.0); background:linear-gradient(to bottom, rgba(247, 252, 251, 1.0), rgba(255,255,255,1.0)) transparent; opacity:0.95; } body div#container div#header div#header-bg { transition: height 0.2s, width 0.2s; } @media (min-width: 641px) { body div#container div#header div#header-bg { height:105px; position:absolute; left:-100%; width:300%; } } @media (min-width: 641px) { body.smallheader div#container div#header div#header-bg { height:45px; } } @media (max-width: 640px) { body div#container div#header div#header-bg { height:160px; position:fixed; left:0%; width:100%; } } @media (max-width: 640px) { body.landscape div#container div#header div#header-bg { height:80px; } } @media (max-width: 640px) { body.smallheader div#container div#header div#header-bg { height:70px; } } @media (max-width: 640px) { body.smallheader.landscape div#container div#header div#header-bg { height:35px; } } body div#container div#header div#logo-bar { left:0px; width:100%; z-index:-1; position:fixed; background-color:#008050; } body div#container div#header div#logo-bar { transition: height 0.2s, top 0.2s, width 0.2s; } body div#container div#header div#logo-bar { box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); } @media (min-width: 641px) { body div#container div#header div#logo-bar { top:80px; height:25px; } } @media (min-width: 641px) { body.smallheader div#container div#header div#logo-bar { top:36px; height:12px; } } @media (max-width: 640px) { body div#container div#header div#logo-bar { top:157px; height:13px; } } @media (max-width: 640px) { body.smallheader div#container div#header div#logo-bar { top:57px; } } @media (max-width: 640px) { body.landscape div#container div#header div#logo-bar { top:79px; height:7px; } } @media (max-width: 640px) { body.smallheader.landscape div#container div#header div#logo-bar { top:30px; } } body div#container div#header div#header-buttons { display:table; width:100%; font-family:'Abhaya Libre', Times, Times New Roman, serif; font-weight:800; } body div#container div#header div#header-buttons { transition: height 0.2s; } @media (min-width: 641px) { body div#container div#header div#header-buttons { height:100px; } } @media (min-width: 641px) { body.smallheader div#container div#header div#header-buttons { height:45px; } } @media (max-width: 640px) { body div#container div#header div#header-buttons { height:160px; } } @media (max-width: 640px) { body.smallheader div#container div#header div#header-buttons { height:70px; } } @media (max-width: 640px) { body.landscape div#container div#header div#header-buttons { height:80px; } } @media (max-width: 640px) { body.smallheader.landscape div#container div#header div#header-buttons { height:35px; } } body div#container div#header div#header-buttons div#header-buttons-inner { display:table-row; } body div#container div#header div#header-buttons div#header-buttons-inner a { display:table-cell; text-align:center; vertical-align:middle; padding:0px 20px; } body div#container div#header div#header-buttons div#header-buttons-inner a { transition:padding 0.2s; } @media (min-width: 641px) { body div#container div#header div#header-buttons div#header-buttons-inner a { padding-bottom:23px; padding-top:18px; } } @media (min-width: 641px) { body.smallheader div#container div#header div#header-buttons div#header-buttons-inner a { padding-bottom:9px; padding-top:10px; } } @media (max-width: 640px) { body div#container div#header div#header-buttons div#header-buttons-inner a { vertical-align:middle; padding:0px 20px; } } body div#container div#header div#header-buttons div#header-buttons-inner a.header-current { color:white; background-color:#008050; } body div#container div#header div#header-buttons div#header-buttons-inner a.header-current:hover { color:#90c0b0; } body div#container div#header div#header-buttons div#header-buttons-inner a#logo { text-align:left; padding-left:20px; padding-bottom:0px; vertical-align:top; line-height:1; } @media (max-width: 640px) { body div#container div#header div#header-buttons div#header-buttons-inner a#logo { vertical-align:middle; } } @media (max-width:1350px) { body.ebs-closed div#container div#header div#header-buttons div#header-buttons-inner a#logo { padding-left:60px; } } body div#container div#header div#header-buttons div#header-buttons-inner a#logo img { display:block; } body div#container div#header div#header-buttons div#header-buttons-inner a#logo img { transition: height 0.2s, padding 0.2s; } @media (min-width: 641px) { body div#container div#header div#header-buttons div#header-buttons-inner a#logo img { height:87px; } } @media (min-width: 641px) { body.smallheader div#container div#header div#header-buttons div#header-buttons-inner a#logo img { height:38px; } } @media (max-width: 640px) { body div#container div#header div#header-buttons div#header-buttons-inner a#logo img { padding-top:0px; height:45px; } } @media (max-width: 640px) { body.smallheader div#container div#header div#header-buttons div#header-buttons-inner a#logo img { padding-top:25px; } } @media (max-width: 640px) { body.landscape div#container div#header div#header-buttons div#header-buttons-inner a#logo img { padding-top:0px; height:23px; } } @media (max-width: 640px) { body.smallheader.landscape div#container div#header div#header-buttons div#header-buttons-inner a#logo img { padding-top:13px; } } body div#container div#header div#header-buttons div#header-buttons-inner a#logo span { display:block; color:white; font-weight:800; text-align:center; font-family:'Abhaya Libre', Times, Times New Roman, serif; white-space:nowrap; } body div#container div#header div#header-buttons div#header-buttons-inner a#logo span { transition: margin 0.2s, font-size 0.2s, line-height 0.2s, width 0.2s; } @media (min-width: 641px) { body div#container div#header div#header-buttons div#header-buttons-inner a#logo span { margin-top:-20px; font-size:18px; width:214px; } } @media (min-width: 641px) { body.smallheader div#container div#header div#header-buttons div#header-buttons-inner a#logo span { margin-top:-7px; font-size:6px; line-height:1; width:95px; } } @media (max-width: 640px) { body div#container div#header div#header-buttons div#header-buttons-inner a#logo span { background-color:#008050; margin-top:-14px; font-size:9px; width:114px; padding:1px 0px; margin-bottom:0px; } } @media (max-width: 640px) { body.smallheader div#container div#header div#header-buttons div#header-buttons-inner a#logo span { margin-top:-11px; margin-bottom:0px; } } @media (max-width: 640px) { body.landscape div#container div#header div#header-buttons div#header-buttons-inner a#logo span { margin-top:-7px; font-size:5px; width:57px; padding:1px 0px; margin-bottom:0px; } } @media (max-width: 640px) { body.smallheader.landscape div#container div#header div#header-buttons div#header-buttons-inner a#logo span { margin-top:-6px; } } body div#container div#header div#header-buttons div#header-buttons-inner a#logo:hover span { color:#90c0b0; } body div#container div#header div#header-buttons div#header-buttons-inner a#logo:hover .mouseover { display:block !important; } body div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn { text-align:right; padding-left:20px; padding-right:50px; } body div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn img { transition: height 0.2s; } @media (min-width: 641px) { body div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn img { height:45px; } } @media (min-width: 641px) { body.smallheader div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn img { height:16px; } } @media (max-width: 640px) { body div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn img { height:50px; padding-right:20px; } } @media (max-width: 640px) { body.smallheader div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn img { height:28px; } } @media (max-width: 640px) { body.landscape div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn img { height:25px; } } @media (max-width: 640px) { body.smallheader.landscape div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn img { height:14px; } } body div#container div#header div#search-container { position:absolute; right:0px; height:0px; margin-top:-20px; max-width:100%; } body div#container div#header div#search-container { } body.smallheader div#container div#header div#search-container { margin-top:-3px; } @media (max-width: 640px) { body div#container div#header div#search-container { margin-top:0px; } } body div#container div#header div#search-container form#searchform { box-shadow: -30px 30px 30px rgba(0, 0, 0, 0.1); height:0px; overflow:hidden; padding:0px 10px; background-color:#008050; } body div#container div#header div#search-container form#searchform { transition:top 0.2s, height 0.2s, padding 0.2s; } @media (min-width: 641px) { body div#container div#header div#search-container form#searchform { top:94px; font-size:24px; padding:8px 10px 10px 10px; margin-top:2px; } } @media (min-width: 641px) { body.searchvisible div#container div#header div#search-container form#searchform { height:34px; } } @media (min-width: 641px) { body.smallheader div#container div#header div#search-container form#searchform { top:38px; margin-top:0px; } } @media (max-width: 640px) { body div#container div#header div#search-container form#searchform { top:157px; width:calc(100% - 20px); padding:10px; text-align:right; } } @media (max-width: 640px) { body.searchvisible div#container div#header div#search-container form#searchform { height:88px; } } @media (max-width: 640px) { body.smallheader div#container div#header div#search-container form#searchform { top:65px; } } body div#container div#header div#search-container form#searchform input[type="text"] { padding:0px 10px; } body div#container div#header div#search-container form#searchform input[type="text"]::placeholder { font-style:italic; color:#bbb; } @media (min-width: 641px) { body div#container div#header div#search-container form#searchform input[type="text"] { height:30px; width:650px; max-width:calc(100% - 125px); } } @media (max-width: 640px) { body div#container div#header div#search-container form#searchform input[type="text"] { width:calc(100% - 160px); font-size:48px; height:80px; margin-right:20px; } } body div#container div#header div#search-container form#searchform a#search-submit { padding:3px 10px; background-color:#008050; color:white; border:1px solid #fff; font-size:24px; float:right; } body div#container div#header div#search-container form#searchform a#search-submit:hover { color:#fff; border-color:#90c0b0; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } @media (min-width: 641px) { body div#container div#header div#search-container form#searchform a#search-submit { margin-left:10px; font-size:19px; } } @media (max-width: 640px) { body div#container div#header div#search-container form#searchform a#search-submit { display:inline-block; vertical-align:top; float:none; padding:24px 10px 25px 10px; height:unset; } } body div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn span.searchisvisible { display:none; } body.searchvisible div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn span.searchisnotvisible { display:none; } body.searchvisible div#container div#header div#header-buttons div#header-buttons-inner a#searchbtn span.searchisvisible { display:inline-block; } /** *** *** HEADER END *** ********* *********/ /********* ********* *** *** FOOTER START *** **/ body div#container div#footer-short { width:1300px; max-width:100%; color:white; background-color:#008050; position:fixed; z-index:3; opacity:0.95; box-shadow: 0px -30px 30px rgba(0, 0, 0, 0.1); } body div#container div#footer-short { transition:bottom 0.2s, width 0.2s; } body.footer-noanim div#container div#footer-short { transition:bottom 0s; } @media (min-width: 641px) { body div#container div#footer-short { bottom:-40px; font-size:18px; padding:3px 0px; } } @media (min-width: 641px) { body.smallfooter div#container div#footer-short { bottom:-1px; } } @media (min-width: 951px) and (max-width: 1000px){ body div#container div#footer-short { font-size:16px; } } @media (min-width: 851px) and (max-width: 950px) { body div#container div#footer-short { font-size:14px; } } @media (min-width: 751px) and (max-width: 850px) { body div#container div#footer-short { font-size:12px; } } @media (min-width: 641px) and (max-width: 750px) { body div#container div#footer-short { font-size:10px; } } @media (max-width: 640px) { body div#container div#footer-short { bottom:-120px; display:table; width:100%; } } @media (max-width: 640px) { body.smallfooter div#container div#footer-short { bottom:0px; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner { width:100%; display:table; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul { display:table-row; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul li { display:table-cell; text-align:center; padding:4px 0px 4px 0px; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul li:first-child { text-align:left; padding-left:20px; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul li:last-child { text-align:right; padding-right:20px; } } body div#container div#footer-short div#footer-short-inner ul li a:hover { color:#90c0b0; } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul li#footer-short-social a img { padding:0px 10px; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul li a { color:white; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul li a#footer-short-email { font-weight:800; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul li a:hover { color:#90c0b0; } } @media (min-width: 641px) { body div#container div#footer-short div#footer-short-inner ul li a img { display:inline-block; max-height:24px; vertical-align:middle; } } @media (max-width: 640px) { body div#container div#footer-short div#footer-short-inner a:hover .mouseover { display:block !important; } } @media (max-width: 640px) { body div#container div#footer-short div#footer-short-inner a:hover { color:#90c0b0; } } @media (max-width: 640px) { body div#container div#footer-short div#footer-short-inner { display:table-row; } } @media (max-width: 640px) { body div#container div#footer-short div#footer-short-inner a { display:table-cell; width:14%; text-align:center; color:white; padding:14px 0px; } } @media (max-width: 640px) { body div#container div#footer-short div#footer-short-inner a img { max-width:40px; display:block; margin:0px auto; padding-bottom:7px; } } @media (max-width: 640px) { body.landscape div#container div#footer-short div#footer-short-inner a { font-size:50%; padding:7px 0px; } } @media (max-width: 640px) { body.landscape div#container div#footer-short div#footer-short-inner a img { max-width:20px; padding-bottom:3px; } } body div#container div#footer { } body div#container div#footer { color:white; background-color:#008050; position:relative; padding:45px 40px 30px 40px; z-index:2; opacity:0.9; } @media (max-width: 640px) { body div#container div#footer { font-size:18px; } } @media (max-width: 640px) { body.landscape div#container div#footer { } } body div#container div#footer { box-shadow: 0px -30px 30px rgba(0, 0, 0, 0.1); } body div#container div#footer a { color:white; } body div#container div#footer a#footer-email { font-weight:800; } @media (min-width: 641px) { body div#container div#footer a#footer-email { font-size:24px; } } body div#container div#footer a:hover { color:#90c0b0; } body div#container div#footer img { display:inline-block; max-height:20px; padding-right:10px; vertical-align:middle; } body div#container div#footer div#footer-social { position:absolute; top:55px; right:20px; } @media (min-width: 641px) { body div#container div#footer div#footer-social { right:60px; } } @media (min-width: 641px) and (max-width: 750px) { body div#container div#footer div#footer-social img { max-height:32px; padding:0px 5px; } } @media (min-width: 751px) and (max-width: 950px) { body div#container div#footer div#footer-social img { max-height:48px; padding:0px 7px; } } @media (min-width: 951px) { body div#container div#footer div#footer-social img { max-height:65px; padding:0px 10px; } } @media (max-width: 640px) { body div#container div#footer div#footer-social { line-height:100px; top:0px; } } @media (max-width: 640px) { body div#container div#footer div#footer-social img { margin-top:20px; max-height:64px; margin-right:30px; padding:0px 0px 0px 0px; } } @media (max-width: 600px) { body div#container div#footer div#footer-social img { max-height:48px; margin-right:20px; } } @media (min-width: 641px) { body div#container div#footer { font-size:18px; } } @media (min-width: 641px) { body div#container div#footer div#footer-copyright { display:inline-block; vertical-align:bottom; width:37%; padding-left:1%; text-align:right; margin-top:40px; font-size:14px; } } @media (max-width: 1280px) { body div#container div#footer div#footer-copyright { font-size:12px; } } @media (max-width: 1080px) { body div#container div#footer div#footer-copyright { font-size:11px; } } @media (max-width: 640px) { body div#container div#footer div#footer-copyright { line-height:2; font-size:14px; margin-top:10px; margin-bottom:20px; } } @media (max-width: 640px) { body div#container div#footer div#footer-copyright a { white-space:nowrap; } } body div#container div#footer div#footer-links a { white-space:nowrap; } @media (max-width: 640px) { body div#container div#footer div#footer-links { line-height:2; font-size:14px; margin-top:80px; } } @media (max-width: 640px) { body div#container div#footer div#footer-links a { white-space:nowrap; } } @media (min-width: 641px) { body div#container div#footer div#footer-links { display:inline-block; vertical-align:bottom; width:59%; padding-right:1%; text-align:left; margin-top:40px; } } @media (min-width: 641px) and (max-width: 1080px){ body div#container div#footer div#footer-links { font-size:11px; } } @media (min-width:1081px) and (max-width: 1280px){ body div#container div#footer div#footer-links { font-size:12px; } } @media (min-width:1281px) { body div#container div#footer div#footer-links { font-size:14px; } } @media (max-width: 640px) { body div#container div#footer a#footer-address { margin:30px 0px 20px 0px; display:block; width:fit-content; } } @media (max-width: 640px) { body div#container div#footer a#footer-address span { display:inline-block; vertical-align:top; font-size:18px; } } @media (max-width: 600px) { body div#container div#footer a#footer-address span { font-size:14px; } } @media (max-width: 500px) { body div#container div#footer a#footer-address span { font-size:10px; } } @media (max-width: 640px) { body div#container div#footer a#footer-phone { font-size:18px; } } @media (max-width: 600px) { body div#container div#footer a#footer-phone { font-size:14px; } } @media (max-width: 500px) { body div#container div#footer a#footer-phone { font-size:10px; } } @media (max-width: 640px) { body div#container div#footer a#footer-email { font-size:20px; } } @media (max-width: 600px) { body div#container div#footer a#footer-email { font-size:16px; } } @media (max-width: 500px) { body div#container div#footer a#footer-email { font-size:12px; } } body div#container div#footer div#footer-donatenow a { margin-right:30px; float:right; margin-top:-20px; border:1px solid white; padding:8px 50px; } @media (max-width: 640px) { body div#container div#footer div#footer-donatenow a { margin-right:10px; } } body div#container div#footer div#footer-donatenow a { margin-right:0px; float:right; margin-top:-20px; border:1px solid white; padding:8px 50px; } body div#container div#footer div#footer-donatenow:hover a { color:#fff; border-color:#90c0b0; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } body div#container div#footer div#footer-donatenow a span { font-size:28px; } @media (max-width: 600px) { body div#container div#footer div#footer-donatenow a span { font-size:18px; } } @media (max-width: 500px) { body div#container div#footer div#footer-donatenow a span { font-size:12px; } } body div#container div#footer div#footer-donatenow:hover a span { color:#fff; } /** *** *** FOOTER END *** ********* *********/ /********* ********* *** *** SIDEBAR START *** **/ @media (max-width: 640px) { body div#container div#middle { display:block; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content { display:block; padding:230px 40px 60px 40px; } } @media (max-width: 640px) { body.landscape div#container div#middle div#middle-inner div#middle-content { padding-top:30px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar { display:table-cell; padding-left:40px; width:300px; vertical-align:top; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar { background:rgba(207,229,221,0.8); background: linear-gradient(to bottom, rgba(218,242,233,0.8), rgba(207,229,221,0.8)) transparent; padding:40px 20px 60px 20px; font-size:18px; text-align:center; z-index:2; position:relative; text-shadow:none; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar a { color:#004027; display:block; padding:7px 0px; margin-bottom:7px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar a { color:#004027; display:inline; padding:10px 0px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar a:hover { color:#008050; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar a:hover { color:#008050; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar a.blog { display:block; margin-bottom:10px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar a.blog { display:block; margin-bottom:10px; text-align:center; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar .blog h2 { margin-bottom:14px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar .blog span.article-title { display:block; font-weight:bold; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar .blog span.article-title { display:inline; font-weight:bold; margin-right:10px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar .blog span.blog-title { display:block; font-weight:bold; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar .blog span.blog-title { display:inline; font-weight:bold; margin-right:10px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar .blog span.blog-date { display:block; font-size:12px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar .blog span.blog-date { display:inline; font-size:12px; white-space:nowrap; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar h2 { font-weight:800; margin-top:40px; font-size:24px; font-family:'Abhaya Libre', Times, Times New Roman, serif; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar h2 { font-weight:800; margin-top:60px; font-size:28px; margin-bottom:10px; font-family:'Abhaya Libre', Times, Times New Roman, serif; text-align:center; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar h2 a { padding:0px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar h2 a { padding:0px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar h2 a { color:#002014; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar h2 a { color:#002014; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar h2:first-child { margin-top:13px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar h2:first-child { margin-top:40px; } } body div#container div#middle div#middle-inner div#middle-sidebar div#sidebar-donatenow { width:100%; text-shadow:none; } body div#container div#middle div#middle-inner div#middle-sidebar div#sidebar-donatenow { width:100%; text-shadow:none; } body div#container div#middle div#middle-inner div#middle-sidebar div#sidebar-donatenow a { text-align:center; background-color:#008050; margin-bottom:62px; margin-top:24px; color:white; border:2px solid #008050; } body div#container div#middle div#middle-inner div#middle-sidebar div#sidebar-donatenow a { text-align:center; background-color:#008050; margin-bottom:62px; margin-top:24px; color:white; border:2px solid #008050; } body div#container div#middle div#middle-inner div#middle-sidebar div#sidebar-donatenow a:hover { background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } body div#container div#middle div#middle-inner div#middle-sidebar div#sidebar-donatenow a:hover { background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#about-links { text-align:center; font-size:18px; padding:0px 80px; line-height:3; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#about-links a { white-space:nowrap; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#about-links span { white-space:nowrap; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container { width:fit-content; position:relative; margin-top:40px; margin-left:auto; margin-right:auto; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup input { box-sizing:border-box; width:300px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup input[type="text"] { margin-top:20px; padding:5px; font-size:24px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup a#newsletter-submit { text-align:center; display:block; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup a#newsletter-submit { background-color:#008050; color:white; border:2px solid #008050; font-size:18px; text-align:center; text-shadow:none; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup a#newsletter-submit:hover { color:white; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup a#newsletter-submit { background-color:#008050; color:white; border:2px solid #008050; font-size:18px; text-align:center; text-shadow:none; display:block; font-size:24px; padding:12px 0px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup a#newsletter-submit:hover { color:white; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup div#newsletter-error { display:none; font-size:90%; color:red; font-weight:800; text-align:center; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup input[type="text"]::placeholder { font-style:italic; color:#bbb; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup { text-align:center; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup input { box-sizing:border-box; width:100%; margin:0px auto; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container form#newsletter-signup input[type="text"] { margin-top:20px; padding:5px; display:block; font-size:64px; } } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container a#newsletter-archives { margin-top:20px; display:block; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container a#newsletter-archives { margin-top:60px; display:block; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container h2 { width:auto; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container h2 { width:fit-content; position:relative; margin:0px auto; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container a { text-align:center; } } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container { margin-bottom:20px; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container { margin-bottom:20px; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container a.collapse-link { display:block; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container a.collapse-link:hover { color:#008050; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container a.collapse-link span.collapse-arrow { width:20px; height:20px; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container a.collapse-link span.collapse-arrow span.collapse-arrow-inner { display:inline-block; transform: rotate(0deg); transition:transform 0.2s; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container a.collapse-link { transition:padding 0.2s; padding:0px; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container.collapse-open a.collapse-link { padding-top:30px; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container.collapse-open a.collapse-link span.collapse-arrow span.collapse-arrow-inner { transform: rotate(90deg); } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container div.collapse-item { height:0px; overflow:hidden; display:none; } body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container div.collapse-item div.collapse-item-inner { padding-left:40px; margin-bottom:40px; } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-sidebar div#newsletter-container div.collapse-container div.collapse-item { height:auto; overflow:unset; display:block; } } /** *** *** SIDEBAR END *** ********* *********/ /********* ********* *** *** CONTENT START *** **/ body div#container div#middle div#middle-inner div#middle-content a { font-weight:bold; } @media (min-width: 641px) { body div#container div#middle { display:table; width:calc(100% - 80px); margin:0px 40px 80px 40px; position:relative; z-index:1; padding-top:185px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner { display:table-row; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-content { display:table-cell; vertical-align:top; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-separator { display:table-cell; min-width:40px; width:40px; border-right:1px solid #90c0b0; } } body div#container div#middle div#middle-inner { text-shadow:0px 0px 4px rgba(247,252,251,1), 0px 0px 4px rgba(247,252,251,1), 0px 0px 6px rgba(247,252,251,1), 0px 0px 10px rgba(247,252,251,1); } @media (max-width: 640px) { body div#container div#middle div#middle-inner { max-width:min(100%, 640px); overflow:hidden; } } body div#container div#middle div#middle-inner div#middle-content { font-size:18px; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content { font-size:24px; min-height:600px; } } body div#container div#middle div#middle-inner div#middle-content p { margin-bottom:1em; } body div#container div#middle div#middle-inner div#middle-content ul { margin-bottom:1em; } body div#container div#middle div#middle-inner div#middle-content a { color:#008050; white-space:nowrap; } body div#container div#middle div#middle-inner div#middle-content a:hover { color:#90c0b0; } body div#container div#middle div#middle-inner div#middle-content div#pagetitle { margin-bottom:60px; white-space:nowrap; line-height:1; width:100%; } body div#container div#middle div#middle-inner div#middle-content div#pagetitle img#pagetitle-thumbnail { max-width:105px; max-height:105px; display:inline-block; vertical-align:top; margin-right:20px; } body div#container div#middle div#middle-inner div#middle-content div#pagetitle div#pagetitle-text { font-family:'Abhaya Libre', Times, Times New Roman, serif; display:inline-block; vertical-align:bottom; white-space:normal; width:100%; } body div#container div#middle div#middle-inner div#middle-content div#pagetitle div#pagetitle-text div#pagetitle-breadcrumb { font-size:24px; font-weight:800; max-width:calc(100% - 120px); margin-bottom:8px; } body div#container div#middle div#middle-inner div#middle-content div#pagetitle div#pagetitle-text h1 { font-size:36px; font-weight:800; max-width:calc(100% - 120px); } body div#container div#middle div#middle-inner div#middle-content div#pagetitle div#pagetitle-text h1.nobreadcrumb { font-size:60px; } body div#container div#middle div#middle-inner div#middle-content div#siblings { margin-top:80px; font-size:18px; text-align:center; line-height:2; clear:both; } body div#container div#middle div#middle-inner div#middle-content div#siblings a { font-weight:normal; } body div#container div#middle div#middle-inner div#middle-content div#siblings a#siblings-backtoparent { font-size:24px; font-weight:800; display:block; margin:0px auto 0px auto; width:fit-content; font-family:'Abhaya Libre', Times, Times New Roman, serif; } body div#container div#middle div#middle-inner div#middle-content div#siblings span.siblings-current { font-weight:bold; white-space:nowrap; } body div#container div#middle div#middle-inner div#middle-content div#stdbody-text { margin-bottom:80px; } body div#container div#middle div#middle-inner div#middle-content div#stdbody-text ul.toc a { white-space:normal; } body div#container div#middle div#middle-inner div#middle-content .stdbody-image { min-width:330px; margin:0px auto; margin:0px 0px 40px 40px; width:50%; float:right; } body div#container div#middle div#middle-inner div#middle-content .stdbody-image.stdbody-image-below { display:none; } body div#container div#middle div#middle-inner div#middle-content .stdbody-image.stdbody-image-above { display:block; } @media (max-width:1000px) { body div#container div#middle div#middle-inner div#middle-content .stdbody-image.stdbody-image-below { display:block; } } @media (max-width:1000px) { body div#container div#middle div#middle-inner div#middle-content .stdbody-image.stdbody-image-above { display:none;} } @media (max-width:1000px) { body div#container div#middle div#middle-inner div#middle-content .stdbody-image { width:100%; margin:0px auto; float:none; } } body div#container div#middle div#middle-inner div#middle-content h2 { font-family:'Abhaya Libre', Times, Times New Roman, serif; font-weight:800; font-size:28px; margin-bottom:18px; margin-top:2em; } body div#container div#middle div#middle-inner div#middle-content h3 { font-weight:800; font-size:24px; margin-bottom:18px; margin-top:2em; } body div#container div#middle div#middle-inner div#middle-content p { text-align:inherit; } body div#container div#middle div#middle-inner div#middle-content div.contentbuttons { text-align:center; margin:40px auto 120px auto; text-shadow:none; font-weight:normal; } body div#container div#middle div#middle-inner div#middle-content div.contentbuttons a { display:inline-block; width:fit-content; vertical-align:bottom; font-size:18px; max-width:calc(100% - 80px); background-color:#008050; color:white; border:2px solid #008050; padding:16px 0px; width:300px; font-size:28px; text-align:center; margin:40px; text-shadow:none; font-weight:normal; } body div#container div#middle div#middle-inner div#middle-content div.contentbuttons a:hover { color:white; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } /** *** *** CONTENT END *** ********* *********/ /********* ********* *** *** SCROLL TO STORIES START *** **/ @media (min-width: 641px) { body div#container a#scrollstories { display:none; } } @media (max-width: 640px) { body.scrolldown div#container a#scrollstories { top:calc(100% - 220px); opacity:0.95; } } @media (max-width: 640px) { body div#container a#scrollstories { z-index:2; position:fixed; top:100%; margin-bottom:72px; width:100%; transition:top 0.8s; } } @media (max-width: 640px) { body div#container a#scrollstories div#scrollstories-separator { background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1)); height:30px; width:100%; } } @media (max-width: 640px) { body div#container a#scrollstories div#scrollstories-inner { background-color:white; background-image:linear-gradient(to bottom, #daf2e9, #cfe5dd); padding:10px 20px 120px 20px; } } @media (max-width: 640px) { body div#container a#scrollstories div#scrollstories-inner div#scrollstories-title { font-size:20px; font-weight:800; text-align:center; } } @media (max-width: 640px) { body div#container a#scrollstories div#scrollstories-inner div#scrollstories-title span.scrollstories-arrow { font-size:20px; padding:0px 40px } } @media (max-width: 640px) { body div#container a#scrollstories div#scrollstories-inner span.scrollstories-sectiontitle { font-size:14px; font-family:'Abhaya Libre', Times, Times New Roman, serif; margin-right:20px; } } @media (max-width: 640px) { body div#container a#scrollstories div#scrollstories-inner span.scrollstories-articletitle { font-size:18px; margin-right:20px; } } @media (max-width: 640px) { body div#container a#scrollstories div#scrollstories-inner span.scrollstories-articledate { font-size:14px; } } @media (max-width: 640px) { body div#container a#scrollstories { color:black; } } @media (max-width: 640px) { body div#container a#scrollstories:hover { color:#008050; } } @media (max-width: 640px) { body.landscape div#container a#scrollstories { } } @media (max-width: 640px) { body.landscape div#container a#scrollstories div#scrollstories-separator { } } @media (max-width: 640px) { body.landscape.scrolldown div#container a#scrollstories { top:calc(100% - 110px); } } @media (max-width: 640px) { body.landscape div#container a#scrollstories { font-size:50%; bottom:-505px; margin-bottom:36px; } } @media (max-width: 640px) { body.landscape div#container a#scrollstories div#scrollstories-separator { height:15px; } } @media (max-width: 640px) { body.landscape div#container a#scrollstories div#scrollstories-inner { padding:5px 10px 60px 10px; text-align:center; } } @media (max-width: 640px) { body.landscape div#container a#scrollstories div#scrollstories-inner div#scrollstories-title { font-size:10px; } } @media (max-width: 640px) { body.landscape div#container a#scrollstories div#scrollstories-inner div#scrollstories-title span.scrollstories-arrow { font-size:10px; padding:0px 20px } } @media (max-width: 640px) { body.landscape div#container a#scrollstories div#scrollstories-inner span.scrollstories-sectiontitle { font-size:7px; margin-right:10px; } } @media (max-width: 640px) { body.landscape div#container a#scrollstories div#scrollstories-inner span.scrollstories-articletitle { font-size:9px; margin-right:10px; } } @media (max-width: 640px) { body.landscape div#container a#scrollstories div#scrollstories-inner span.scrollstories-articledate { font-size:7px; } } /** *** *** SCROLL TO STORIES END *** ********* *********/ /********* ********* *** *** BLOG-POSTS-DISPLAYED CASES BEGIN *** **/ body .blog-item { display:none; } body .blog-item.blog-item-0, body.blog-case-1 .blog-item.blog-item-1, body.blog-case-1 .blog-item.blog-item-2, body.blog-case-1 .blog-item.blog-item-3, body.blog-case-1 .blog-item.blog-item-4, body.blog-case-2 .blog-item.blog-item-1, body.blog-case-2 .blog-item.blog-item-2, body.blog-case-2 .blog-item.blog-item-3, body.blog-case-2 .blog-item.blog-item-5, body.blog-case-3 .blog-item.blog-item-1, body.blog-case-3 .blog-item.blog-item-2, body.blog-case-3 .blog-item.blog-item-3, body.blog-case-3 .blog-item.blog-item-6, body.blog-case-4 .blog-item.blog-item-1, body.blog-case-4 .blog-item.blog-item-2, body.blog-case-4 .blog-item.blog-item-4, body.blog-case-4 .blog-item.blog-item-5, body.blog-case-5 .blog-item.blog-item-1, body.blog-case-5 .blog-item.blog-item-2, body.blog-case-5 .blog-item.blog-item-4, body.blog-case-5 .blog-item.blog-item-6, body.blog-case-6 .blog-item.blog-item-1, body.blog-case-6 .blog-item.blog-item-2, body.blog-case-6 .blog-item.blog-item-4, body.blog-case-6 .blog-item.blog-item-7, body.blog-case-7 .blog-item.blog-item-1, body.blog-case-7 .blog-item.blog-item-2, body.blog-case-7 .blog-item.blog-item-5, body.blog-case-7 .blog-item.blog-item-6, body.blog-case-8 .blog-item.blog-item-1, body.blog-case-8 .blog-item.blog-item-2, body.blog-case-8 .blog-item.blog-item-5, body.blog-case-8 .blog-item.blog-item-7, body.blog-case-9 .blog-item.blog-item-1, body.blog-case-9 .blog-item.blog-item-2, body.blog-case-9 .blog-item.blog-item-5, body.blog-case-9 .blog-item.blog-item-8, body.blog-case-10 .blog-item.blog-item-1, body.blog-case-10 .blog-item.blog-item-3, body.blog-case-10 .blog-item.blog-item-4, body.blog-case-10 .blog-item.blog-item-5, body.blog-case-11 .blog-item.blog-item-1, body.blog-case-11 .blog-item.blog-item-3, body.blog-case-11 .blog-item.blog-item-4, body.blog-case-11 .blog-item.blog-item-6, body.blog-case-12 .blog-item.blog-item-1, body.blog-case-12 .blog-item.blog-item-3, body.blog-case-12 .blog-item.blog-item-4, body.blog-case-12 .blog-item.blog-item-7, body.blog-case-13 .blog-item.blog-item-1, body.blog-case-13 .blog-item.blog-item-3, body.blog-case-13 .blog-item.blog-item-5, body.blog-case-13 .blog-item.blog-item-6, body.blog-case-14 .blog-item.blog-item-1, body.blog-case-14 .blog-item.blog-item-3, body.blog-case-14 .blog-item.blog-item-5, body.blog-case-14 .blog-item.blog-item-7, body.blog-case-15 .blog-item.blog-item-1, body.blog-case-15 .blog-item.blog-item-3, body.blog-case-15 .blog-item.blog-item-5, body.blog-case-15 .blog-item.blog-item-8, body.blog-case-16 .blog-item.blog-item-1, body.blog-case-16 .blog-item.blog-item-3, body.blog-case-16 .blog-item.blog-item-6, body.blog-case-16 .blog-item.blog-item-7, body.blog-case-17 .blog-item.blog-item-1, body.blog-case-17 .blog-item.blog-item-3, body.blog-case-17 .blog-item.blog-item-6, body.blog-case-17 .blog-item.blog-item-8, body.blog-case-18 .blog-item.blog-item-1, body.blog-case-18 .blog-item.blog-item-3, body.blog-case-18 .blog-item.blog-item-6, body.blog-case-18 .blog-item.blog-item-9, body.blog-case-19 .blog-item.blog-item-1, body.blog-case-19 .blog-item.blog-item-4, body.blog-case-19 .blog-item.blog-item-5, body.blog-case-19 .blog-item.blog-item-6, body.blog-case-20 .blog-item.blog-item-1, body.blog-case-20 .blog-item.blog-item-4, body.blog-case-20 .blog-item.blog-item-5, body.blog-case-20 .blog-item.blog-item-7, body.blog-case-21 .blog-item.blog-item-1, body.blog-case-21 .blog-item.blog-item-4, body.blog-case-21 .blog-item.blog-item-5, body.blog-case-21 .blog-item.blog-item-8, body.blog-case-22 .blog-item.blog-item-1, body.blog-case-22 .blog-item.blog-item-4, body.blog-case-22 .blog-item.blog-item-6, body.blog-case-22 .blog-item.blog-item-7, body.blog-case-23 .blog-item.blog-item-1, body.blog-case-23 .blog-item.blog-item-4, body.blog-case-23 .blog-item.blog-item-6, body.blog-case-23 .blog-item.blog-item-8, body.blog-case-24 .blog-item.blog-item-1, body.blog-case-24 .blog-item.blog-item-4, body.blog-case-24 .blog-item.blog-item-6, body.blog-case-24 .blog-item.blog-item-9, body.blog-case-25 .blog-item.blog-item-1, body.blog-case-25 .blog-item.blog-item-4, body.blog-case-25 .blog-item.blog-item-7, body.blog-case-25 .blog-item.blog-item-8, body.blog-case-26 .blog-item.blog-item-1, body.blog-case-26 .blog-item.blog-item-4, body.blog-case-26 .blog-item.blog-item-7, body.blog-case-26 .blog-item.blog-item-9, body.blog-case-27 .blog-item.blog-item-1, body.blog-case-27 .blog-item.blog-item-4, body.blog-case-27 .blog-item.blog-item-7, body.blog-case-27 .blog-item.blog-item-10, body.blog-case-28 .blog-item.blog-item-2, body.blog-case-28 .blog-item.blog-item-4, body.blog-case-28 .blog-item.blog-item-7, body.blog-case-28 .blog-item.blog-item-10, body.blog-case-29 .blog-item.blog-item-2, body.blog-case-29 .blog-item.blog-item-5, body.blog-case-29 .blog-item.blog-item-7, body.blog-case-29 .blog-item.blog-item-10, body.blog-case-30 .blog-item.blog-item-2, body.blog-case-30 .blog-item.blog-item-5, body.blog-case-30 .blog-item.blog-item-8, body.blog-case-30 .blog-item.blog-item-10, body.blog-case-31 .blog-item.blog-item-3, body.blog-case-31 .blog-item.blog-item-5, body.blog-case-31 .blog-item.blog-item-7, body.blog-case-31 .blog-item.blog-item-10, body.blog-case-32 .blog-item.blog-item-3, body.blog-case-32 .blog-item.blog-item-5, body.blog-case-32 .blog-item.blog-item-8, body.blog-case-32 .blog-item.blog-item-10, body.blog-case-33 .blog-item.blog-item-3, body.blog-case-33 .blog-item.blog-item-4, body.blog-case-33 .blog-item.blog-item-7, body.blog-case-33 .blog-item.blog-item-10, body.blog-case-34 .blog-item.blog-item-3, body.blog-case-34 .blog-item.blog-item-6, body.blog-case-34 .blog-item.blog-item-7, body.blog-case-34 .blog-item.blog-item-10, body.blog-case-35 .blog-item.blog-item-3, body.blog-case-35 .blog-item.blog-item-6, body.blog-case-35 .blog-item.blog-item-8, body.blog-case-35 .blog-item.blog-item-10, body.blog-case-36 .blog-item.blog-item-3, body.blog-case-36 .blog-item.blog-item-6, body.blog-case-36 .blog-item.blog-item-9, body.blog-case-36 .blog-item.blog-item-10 { display:block; } /** *** *** BLOG-POSTS-DISPLAYED CASES END *** ********* *********/ /********* ********* *** *** BLOG POST BEGIN *** **/ body div#container div#middle div#middle-inner div#middle-content div#blogdate { margin-top:-7px; font-family:'Abhaya Libre', Times, Times New Roman, serif; font-size:24px; margin-bottom:25px; font-weight:800; } body div#container div#middle div#middle-inner div#middle-content div#blognav { margin-top:80px; } body div#container div#middle div#middle-inner div#middle-content div#blognav h3 { font-family:'Abhaya Libre', Times, Times New Roman, serif; font-weight:800; font-size:24px; text-align:left; } body div#container div#middle div#middle-inner div#middle-content div#blognav div#blognav-earlier { width:44%; display:inline-block; vertical-align:top; padding-right:5%; } body div#container div#middle div#middle-inner div#middle-content div#blognav div#blognav-later { width:44%; display:inline-block; vertical-align:top; padding-left:5%; } body div#container div#middle div#middle-inner div#middle-content div#blognav a { display:block; white-space:normal; margin:10px 0px 10px 0px; clear:both; padding:10px 0px; } body div#container div#middle div#middle-inner div#middle-content div#blognav a span.blognav-title { display:block; font-weight:800; vertical-align:top; margin-top:6px; } body div#container div#middle div#middle-inner div#middle-content div#blognav a span.blognav-date { font-size:14px; display:block; vertical-align:top; margin-right:15px; font-weight:normal; } @media (max-width: 1000px) { body div#container div#middle div#middle-inner div#middle-content div#blognav h3 { text-align:left; font-size:24px; } } @media (max-width: 1000px) { body div#container div#middle div#middle-inner div#middle-content div#blognav a span.blognav-date { display:block; width:fit-content; float:none; } } @media (max-width: 1000px) { body div#container div#middle div#middle-inner div#middle-content div#blognav a span.blognav-title { display:block; width:fit-content; float:none; } } @media (max-width: 1000px) { body div#container div#middle div#middle-inner div#middle-content div#blognav a { display:block; margin:20px 0px 20px 0px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#blognav { clear:both; padding-top:80px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#blognav h3 { font-size:24px; font-weight:800; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#blognav a span.blognav-title { font-size:20px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#blognav a span.blognav-date { font-size:16px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#blognav a { margin:15px 0px 15px 0px; } } body div#container div#middle div#middle-inner div#middle-content div#share-container { margin-bottom:40px; text-align:left; white-space:nowrap; margin-top:80px; } body div#container div#middle div#middle-inner div#middle-content div#share-container div#share-label { display:inline-block; vertical-align:middle; margin-right:20px; font-size:80%; } body div#container div#middle div#middle-inner div#middle-content div#share-container a { display:inline-block; vertical-align:middle; margin-right:10px; padding:0px 10px; } body div#container div#middle div#middle-inner div#middle-content div#share-container a img { width:32px; } /** *** *** BLOG POST END *** ********* *********/ /********* ********* *** *** SQUARE GRID LINKS BEGIN *** **/ body div#container div#middle div#middle-inner div#middle-content div#section-subpages { text-align:center; } body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { display:inline-block; margin:10px; width:255px; text-align:center; vertical-align:top; } body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { position:absolute; width:calc(1px + 255px); height:calc(1px + 255px); line-height:255px; white-space:normal; color:black; font-weight:bold; font-size:32px; text-shadow: -2px 0px 2px #fff, 2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff; overflow:hidden; } @media (max-width: 1008px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { font-size:24px; } } body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a:hover div.section-item-text { color:#008050; } body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text div.section-item-text-inner { padding:10px 10px; display:inline-block; vertical-align:bottom; line-height:initial; line-height:1; padding:80px 20px 30px 20px; background:url('whiteshade.png') top left repeat-x; width:calc(100% - 40px); margin-bottom:-2px; } body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:255px; height:255px; text-align:center; line-height:255px; overflow:hidden; } body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(255px - 2px); height:calc(255px - 2px); text-align:center; line-height:calc(255px - 2px); border:1px solid black; background-image:linear-gradient(to bottom right, #008050, #ffffff); } body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner { display:inline-block; vertical-align:middle; line-height:initial; } body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:255px; min-height:255px; } @media (max-width: 1008px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:230px; } } @media (max-width: 1008px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:calc(1px + 230px); height:calc(1px + 230px); line-height:230px; } } @media (max-width: 1008px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:230px; height:230px; line-height:230px; } } @media (max-width: 1008px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(230px - 2px); height:calc(230px - 2px); line-height:calc(230px - 2px); } } @media (max-width: 1008px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:230px; min-height:230px; } } @media (max-width: 960px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:205px; } } @media (max-width: 960px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:calc(1px + 205px); height:calc(1px + 205px); line-height:205px; } } @media (max-width: 960px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:205px; height:205px; line-height:205px; } } @media (max-width: 960px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(205px - 2px); height:calc(205px - 2px); line-height:calc(205px - 2px); } } @media (max-width: 960px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:205px; min-height:205px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:520px; display:block; margin:0px auto; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:520px; height:calc(1px + 520px); line-height:520px; font-size:68px; text-shadow:-4px 0px 4px #fff, 4px 0px 4px #fff, 0px 4px 4px #fff, 0px -4px 4px #fff; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:520px; height:520px; line-height:520px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(520px - 2px); height:calc(520px - 2px); line-height:calc(520px - 2px); } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:520px; min-height:520px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:250px; display:inline-block; margin:10px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:250px; height:calc(1px + 250px); line-height:250px; font-size:32px; text-shadow:-4px 0px 4px #fff, 4px 0px 4px #fff, 0px 4px 4px #fff, 0px -4px 4px #fff; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:250px; height:250px; line-height:250px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(250px - 2px); height:calc(250px - 2px); line-height:calc(250px - 2px); } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:250px; min-height:250px; } } @media (max-width: 637px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:200px; display:inline-block; margin:10px; } } @media (max-width: 637px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:200px; height:calc(1px + 200px); line-height:205px; font-size:28px; text-shadow:-4px 0px 4px #fff, 4px 0px 4px #fff, 0px 4px 4px #fff, 0px -4px 4px #fff; } } @media (max-width: 637px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:200px; height:200px; line-height:200px; } } @media (max-width: 637px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(200px - 2px); height:calc(200px - 2px); line-height:calc(200px - 2px); } } @media (max-width: 637px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:200px; min-height:200px; } } @media (max-width: 540px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:150px; display:inline-block; margin:10px; } } @media (max-width: 540px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:150px; height:calc(1px + 150px); line-height:150px; font-size:18px; text-shadow:-4px 0px 4px #fff, 4px 0px 4px #fff, 0px 4px 4px #fff, 0px -4px 4px #fff; } } @media (max-width: 540px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:150px; height:150px; line-height:150px; } } @media (max-width: 540px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(150px - 2px); height:calc(150px - 2px); line-height:calc(150px - 2px); } } @media (max-width: 540px) { body div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:150px; min-height:150px; } } /** *** *** SQUARE GRID LINKS END *** ********* *********/ /********* ********* *** *** SPARE SOME CHANGE PAGE BEGIN *** **/ body div#container div#middle div#middle-inner div#middle-content div#ssc-page { max-width:100%; font-family: 'Abhaya Libre', serif; font-size:27px; line-height:1.2em; font-weight:800; color:#545454; background-color:#c9e265; white-space:nowrap; text-shadow:none; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content div#ssc-page { font-size:18px; } } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div { padding:7% 4.7% 0% 4.7%; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > img { margin-right:3.2%; width:31%; display:inline-block; vertical-align:top; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div { width:68%; display:inline-block; white-space:normal; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div > div:nth-child(1) { font-size:195%; margin-bottom:0.65em; line-height:1.0; color:#545454; letter-spacing:0.016em; margin-top:0.1em; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div > div:nth-child(2) { font-size:92%; margin-bottom:1.00em; line-height:1.15; color:#6B7057; letter-spacing:0.095em; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div > div:nth-child(3) { font-weight:normal; font-size:84%; margin-bottom:1.05em; line-height:1.33; color:#282D14; letter-spacing:0.015em; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div > div:nth-child(4) { font-weight:normal; font-size:84%; margin-bottom:1.30em; line-height:1.33; color:#282D14; letter-spacing:0.015em; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div > div:nth-child(5) { font-weight:normal; font-size:84%; margin-bottom:1.30em; line-height:1.33; color:#282D14; letter-spacing:0.015em; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div > div:nth-child(6) { font-weight:normal; font-size:84%; margin-bottom:1.30em; line-height:1.33; color:#282D14; letter-spacing:0.015em; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div > div:nth-child(7) { font-weight:normal; font-size:84%; margin-bottom:1.30em; line-height:1.33; color:#282D14; letter-spacing:0.015em; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page > div > div > div:nth-child(8) { font-weight:normal; font-size:84%; margin-bottom:1.65em; line-height:1.33; color:#282D14; letter-spacing:0.015em; font-style:italic; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page a { color:#282D14; font-weight:normal; } body div#container div#middle div#middle-inner div#middle-content div#ssc-page a:hover { color:#008050; } /** *** *** SPARE SOME CHANGE PAGE END *** ********* *********/ /********* ********* *** *** SIGNUP FORM BEGIN *** **/ body div#container div#middle div#middle-inner div#middle-content form.inpage { opacity:1; } body div#container div#middle div#middle-inner div#middle-content form.inpage label { width:170px; text-align:right; font-size:18px; display:inline-block; margin-right:10px; vertical-align:bottom; } body div#container div#middle div#middle-inner div#middle-content form.inpage label.textboxlabel { width:auto; text-align:left; display:block; margin-top:40px; } body div#container div#middle div#middle-inner div#middle-content form.inpage textarea { width:100%; height:120px; font-size:18px; font-family:'Open Sans', Arial, sans-serif; } body div#container div#middle div#middle-inner div#middle-content form.inpage input { width:500px; display:inline-block; vertical-align:bottom; padding:4px 10px; font-size:18px; margin-top:14px; max-width:calc(100% - 210px); } body div#container div#middle div#middle-inner div#middle-content form.inpage select { max-width:calc(100% - 190px); min-height:36px; padding:4px 10px; font-size:18px; margin-top:20px; } body div#container div#middle div#middle-inner div#middle-content form.inpage input[type="checkbox"] { width:24px; height:24px; display:inline-block; vertical-align:top; padding:4px 10px; font-size:18px; margin:48px 20px 0px 8px; } body div#container div#middle div#middle-inner div#middle-content form.inpage label.checkboxlabel { width:auto; text-align:left; display:inline-block; max-width:calc(100% - 90px); margin-top:40px; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form.inpage label { width:auto; text-align:left; font-size:18px; display:block; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form.inpage input { width:calc(100% - 40px); display:block; padding:4px 10px; font-size:36px; margin-top:0px; margin-bottom:0px; max-width:unset; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form.inpage textarea { width:calc(100% - 20px); height:240px; font-size:36px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form.inpage select { max-width:calc(100% - 40px); font-size:36px; margin-top:0px; margin-bottom:40px; } } body div#container div#middle div#middle-inner div#middle-content form.inpage div.inpage-error { margin-left:190px; color:red; font-size:90%; font-weight:800; display:none; } body div#container div#middle div#middle-inner div#middle-content form.inpage div#emailorphone-error.inpage-error { margin-top:0.5em; } body div#container div#middle div#middle-inner div#middle-content form.inpage div#idea-error.inpage-error { margin-left:0px; } body div#container div#middle div#middle-inner div#middle-content form.inpage div#motivation-error.inpage-error { margin-left:0px; } body div#container div#middle div#middle-inner div#middle-content form.inpage div#previousexperience-error.inpage-error { margin-left:0px; } body div#container div#middle div#middle-inner div#middle-content form.inpage div#captcha-error.inpage-error { width:fit-content; margin:0px auto; } body div#container div#middle div#middle-inner div#middle-content form.inpage div#general-error.inpage-error { margin-left:0px; text-align:center; margin-top:-155px; margin-bottom:155px; height:0px; } body div#container div#middle div#middle-inner div#middle-content form.inpage span.inpage-req { color:#008050; font-weight:800; } body div#container div#middle div#middle-inner div#middle-content form.inpage span#preferredcontact-container { visibility:hidden; } body div#container div#middle div#middle-inner div#middle-content form.inpage div.g-recaptcha { margin:80px auto 0px auto; width:fit-content; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form.inpage div.inpage-error { margin-left:0px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form.inpage div#emailorphone-error.inpage-error { margin-top:0.5em; margin-bottom:40px; } } body div#container div#middle div#middle-inner div#middle-content div#thankyou { display:none; position:absolute; opacity:0; z-index:2; min-height:300px; padding:50px 0px; } /** *** *** SIGNUP FORM END *** ********* *********/ /********* ********* *** *** 404 PAGE BEGIN *** **/ body.s404 div#container div#middle div#middle-inner div#middle-content h1 { text-align:center; font-size:96px; font-family:'Abhaya Libre', Times, Times New Roman, serif; font-weight:800; margin-top:40px; } body.s404 div#container div#middle div#middle-inner div#middle-content h2 { text-align:center; font-size:48px; margin-top:0px; margin-bottom:60px; } body.s404 div#container div#middle div#middle-inner div#middle-content p { font-size:24px; } body.s404 div#container div#middle div#middle-inner div#middle-content ul li { font-size:24px; margin-left:20px; margin-bottom:20px; } @media (max-width: 640px) { body.s404 div#container div#middle div#middle-inner div#middle-content h1 { margin-top:0px; } } @media (max-width: 640px) { body.s404 div#container div#middle div#middle-inner div#middle-content p { font-size:24px; } } @media (max-width: 640px) { body.s404 div#container div#middle div#middle-inner div#middle-content ul li { font-size:24px; } } /** *** *** 404 PAGE END *** ********* *********/ /********* ********* *** *** SEARCH RESULTS PAGE BEGIN *** **/ @media (max-width: 640px) { body.searchpage div#container div#middle div#middle-inner div#middle-content h1 { margin-top:80px; } } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage h2 { font-weight:normal; margin-bottom:2em; margin-top:1em; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage h2 span.search-term { font-weight:800; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage a { white-space:normal; } @media (max-width: 640px) { body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage { margin-bottom:300px; } } @media (max-width: 640px) { body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage h1 { margin-top:80px; } } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result { margin-top:2em; margin-bottom:0em; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result a { font-weight:normal; color:#004027; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result a:hover { color:#008050; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result.search-result-image { padding-left:100px; min-height:75px; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result.search-result-image img { position:absolute; max-width:75px; margin-left:-100px; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result a div.search-result-line1 { font-weight:800; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result a div.search-result-line2 { font-size:90%; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result a div.search-result-url { font-size:80%; margin-top:0.5em; color:#008050; } body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result a:hover div.search-result-url { color:#90c0b0; } @media (max-width: 640px) { body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage h2 { font-weight:normal; margin-bottom:3em; margin-top:2em; } } @media (max-width: 640px) { body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result.search-result-image { padding-left:120px; min-height:100px; } } @media (max-width: 640px) { body.searchpage div#container div#middle div#middle-inner div#middle-content div#searchpage div.search-result.search-result-image img { position:absolute; max-width:100px; margin-left:-120px; } } /** *** *** SEARCH RESULTS PAGE END *** ********* *********/ /********* ********* *** *** STAFF DIRECTORY PAGES BEGIN *** **/ body div#container div#middle div#middle-inner div#middle-content table.directory { margin:80px auto 0px auto; } body div#container div#middle div#middle-inner div#middle-content table.directory tr td { vertical-align:bottom; padding-bottom:40px; font-size:22px; text-align:right; } body div#container div#middle div#middle-inner div#middle-content table.directory tr > td:first-child { padding-right:80px; font-size:24px; font-weight:800; text-align:left; } body div#container div#middle div#middle-inner div#middle-content table.directory tr > td:first-child span.title { font-size:18px; display:block; font-weight:normal; } @media (max-width: 1100px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr td { font-size:20px; } } @media (max-width: 1100px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td:first-child { font-size:20px; } } @media (max-width: 1100px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td:first-child span.title { font-size:14px; } } @media (max-width: 920px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr td { font-size:16px; } } @media (max-width: 920px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td:first-child { font-size:20px; } } @media (max-width: 920px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td:first-child span.title { font-size:14px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr td { font-size:18px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td:first-child { font-size:24px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td:first-child span.title { font-size:18px; } } body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-photo { padding-right:0px; } body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-photo span { width:100px; height:100px; display:inline-block; overflow:hidden; margin-right:20px; text-align:center;} body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-photo span img { height:100px; width:auto; } body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-name { padding-right:40px; font-size:24px; font-weight:800; text-align:left; } body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-name span.title { font-size:18px; display:block; font-weight:normal; } @media (max-width: 1100px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-name { font-size:20px; } } @media (max-width: 1100px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-name span.title { font-size:14px; } } @media (max-width: 920px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-name { font-size:20px; } } @media (max-width: 920px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-name span.title { font-size:14px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-name { font-size:24px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content table.directory tr > td.directory-name span.title { font-size:18px; } } /** *** *** STAFF DIRECTORY PAGES END *** ********* *********/ /********* ********* *** *** CONTACT US PAGE BEGIN *** **/ body.contactus div#container div#middle div#middle-inner div#middle-content div#stdbody-text-above { display:none; } body.contactus div#container div#middle div#middle-inner div#middle-content div#stdbody-text-below { display:block; } body.contactus div#container div#middle div#middle-inner div#middle-content iframe { max-width:calc(100% - 360px); width:400px; height:400px; margin-bottom:40px; margin-left:40px; float:right; border:0px; } @media (max-width: 1000px) { body.contactus div#container div#middle div#middle-inner div#middle-content div#stdbody-text-above { display:block; } } @media (max-width: 1000px) { body.contactus div#container div#middle div#middle-inner div#middle-content div#stdbody-text-below { display:none; } } @media (max-width: 1000px) { body.contactus div#container div#middle div#middle-inner div#middle-content iframe { max-width:100%; width:100%; height:600px; margin:80px 0px 0px 0px; float:none; } } /** *** *** CONTACT US PAGE END *** ********* *********/ /********* ********* *** *** NEWSLETTER ARCHIVES PAGE BEGIN *** **/ body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup div#newsletter-error { display:none; font-size:90%; color:red; font-weight:800; text-align:center; } body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup input[type="text"]::placeholder { font-style:italic; color:#bbb; } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup div#newsletter-error { text-align:left; margin-left:205px; } } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup { margin:0px auto; width:fit-content; margin-bottom:80px; } } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup label { display:inline-block; width:160px; text-align:right; } } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup input { box-sizing:border-box; width:300px; max-width:calc(100% - 330px); } } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup input[type="text"] { margin-top:20px; padding:5px; font-size:24px; } } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup span#newsletter-submit-container { display:inline-block; width:160px; text-align:left; vertical-align:bottom; } } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup span#newsletter-submit-container a#newsletter-submit { text-align:center; display:inline-block; padding:9px 40px; vertical-align:bottom; } } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup span#newsletter-submit-container a#newsletter-submit { background-color:#008050; color:white; border:2px solid #008050; font-size:18px; text-align:center; text-shadow:none; } } @media (min-width: 1081px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup span#newsletter-submit-container a#newsletter-submit:hover { color:white; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup label { display:block; text-align:left; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup { text-align:center; margin-bottom:120px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup input { box-sizing:border-box; width:100%; margin:0px auto; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup input[type="text"] { margin-top:20px; padding:5px; width:100%; display:block; font-size:64px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup a#newsletter-submit { background-color:#008050; color:white; border:2px solid #008050; font-size:18px; text-align:center; text-shadow:none; display:block; font-size:24px; padding:12px 0px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup a#newsletter-submit:hover { color:white; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup div#newsletter-error { text-align:left; } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup { margin:0px; width:auto; margin-bottom:80px; } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup label { display:block; text-align:left; } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup input { box-sizing:border-box; width:300px; max-width:calc(100% - 170px); } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup input[type="text"] { margin-top:20px; padding:5px; font-size:24px; } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup span#newsletter-submit-container { display:inline-block; width:160px; text-align:left; vertical-align:bottom; } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup span#newsletter-submit-container a#newsletter-submit { text-align:center; display:inline-block; padding:9px 40px; vertical-align:bottom; } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup span#newsletter-submit-container a#newsletter-submit { background-color:#008050; color:white; border:2px solid #008050; font-size:18px; text-align:center; text-shadow:none; } } @media (max-width: 1080px) and (min-width:641px) { body div#container div#middle div#middle-inner div#middle-content form#newsletter-signup span#newsletter-submit-container a#newsletter-submit:hover { color:white; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } } /** *** *** NEWSLETTER ARCHIVES PAGE END *** ********* *********/ /********* ********* *** *** FAQ PAGE BEGIN *** **/ body div#container div#middle div#middle-inner div#middle-content div.collapse-container { margin-bottom:20px; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container { margin-bottom:20px; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link { display:block; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link:hover { color:#008050; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link span.collapse-arrow { width:20px; height:20px; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link span.collapse-arrow span.collapse-arrow-inner { display:inline-block; transform: rotate(0deg); transition:transform 0.2s; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link { transition:padding 0.2s; padding:0px; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container.collapse-open a.collapse-link { padding-top:30px; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container.collapse-open a.collapse-link span.collapse-arrow span.collapse-arrow-inner { transform: rotate(90deg); } body div#container div#middle div#middle-inner div#middle-content div.collapse-container div.collapse-item { height:0px; overflow:hidden; display:none; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container div.collapse-item div.collapse-item-inner { padding-left:40px; margin-bottom:40px; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link span.collapse-arrow { display:inline-block; width:40px; margin-left:-40px; height:20px; position:absolute; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link span.collapse-arrow span.collapse-arrow-inner { font-size:28px; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link { font-size:28px; padding-left:40px; font-family:'Abhaya Libre', Times, Times New Roman, serif; font-weight:800; white-space:normal; color:#004027; } body div#container div#middle div#middle-inner div#middle-content div.collapse-container a.collapse-link:hover { color:#008050; } /** *** *** FAQ PAGE END *** ********* *********/ /********* ********* *** *** BLOG ARCHIVES PAGE BEGIN *** **/ body div#container div#middle div#middle-inner div#middle-content span a.recentblog span.recentblog-title { display:block; font-size:18px; white-space:normal; } body div#container div#middle div#middle-inner div#middle-content span a.recentblog span.recentblog-date { display:block; font-size:14px; font-weight:normal; margin-bottom:1em; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content span a.recentblog span.recentblog-title { font-size:22px; } } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content span a.recentblog span.recentblog-date { font-size:18px; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-content span#recent-1 { width:46%; margin-right:7%; display:inline-block; vertical-align:top; } } @media (min-width: 641px) { body div#container div#middle div#middle-inner div#middle-content span#recent-2 { width:46%; display:inline-block; vertical-align:top; } } body div#container div#middle div#middle-inner div#middle-content a.olderblog span.olderblog-title { display:block; width:60%; white-space:normal; } body div#container div#middle div#middle-inner div#middle-content a.olderblog span.olderblog-date { display:block; width:40%; font-size:80%; position:absolute; bottom:0px; right:0px; font-weight:normal; text-align:right; margin-bottom:0.2em; } body div#container div#middle div#middle-inner div#middle-content a.olderblog { position:relative; display:block; margin-top:1em; margin-bottom:2em; } body div#container div#middle div#middle-inner div#middle-content a#blogarchives { font-size:14px; font-weight:bold; margin:60px auto 0px auto; display:block; width:fit-content; } @media (max-width: 640px) { body div#container div#middle div#middle-inner div#middle-content a#blogarchives { font-size:16px; } } /** *** *** BLOG ARCHIVES PAGE END *** ********* *********/ /********* ********* *** *** HOME PAGE BEGIN *** **/ body.homepage div#container div#header div#logo-bar { box-shadow:0px 30px 30px rgba(0, 127, 48, 0.1); } body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages { margin-top:160px; } body.homepage div#container div#middle div#middle-inner div#middle-content h2 { font-size:42px; margin-top:20px; margin:28px 0px 0px 0px; padding:0px; } body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items { margin:0px 40px; } body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items h3 { font-family:'Abhaya Libre', Times, Times New Roman, Sans-serif; font-size:36px; font-weight:800; margin-bottom:20px; margin-top:80px; } body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items h3:first-child { margin-top:40px; } body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items h4 { font-weight:bold; font-size:20px; } @media (max-width: 1024px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items h4 { font-size:26px; } } body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items a { margin-bottom:40px; padding-left:80px; display:block; white-space:normal; font-weight:normal; width:fit-content; color:#004027; min-height:75px; } body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items a:hover { color:#008050; } body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items a img { position:absolute; margin-left:-80px; width:64px; margin-top:6px; } @media (max-width: 640px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items a { padding-left:120px; display:block; white-space:normal; font-weight:normal; width:fit-content; color:#004027; min-height:102px; } } @media (max-width: 640px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#home-items a img { position:absolute; margin-left:-120px; width:80px; margin-top:6px; } } body.homepage div#container div#homebanner { position:relative; z-index:2; } body.homepage div#container div#homebanner div#homebanner-text { position:absolute; bottom:40px; right:40px; color:white; line-height:1.1; font-weight:bold; text-shadow: -2px 0px 2px #008050, 2px 0px 2px #008050, 0px 2px 2px #008050, 0px -2px 2px #008050; } body.homepage a#logo { display:none !important; } @media (max-width: 640px) { body.homepage div#container div#homebanner img#homebanner-img { margin-top:0px; border-top:40px solid #008050; display:block; width:100%; } } @media (max-width: 640px) { body.homepage div#container div#homebanner img#homebanner-logo { position:absolute; margin-left:40px; width:37.5%; bottom:40px; } } @media (max-width: 640px) { body.homepage div#container div#homebanner div#homebanner-text { max-width:40%; font-size:16px; font-weight:bold; } } @media (max-width: 640px) { body.homepage div#container div#header div#header-buttons div#header-buttons-inner a:nth-child(2) { padding-left:155px !important; } } @media (max-width: 640px) { body.homepage div#container div#middle div#middle-inner div#middle-content { padding-top:80px; } } @media (max-width: 640px) { body.homepage div#container div#homebanner { margin-top:-55px; } } @media (min-width: 641px) { body.homepage div#container div#homebanner { height:420px; } } @media (min-width: 641px) { body.homepage div#container div#homebanner img#homebanner-img { position:absolute; bottom:0px; } } @media (min-width: 641px) { body.homepage div#container div#header div#header-buttons div#header-buttons-inner a:nth-child(2) { padding-left:100px !important; } } @media (min-width: 641px) { body.homepage div#container div#middle { padding-top:40px; } } @media (min-width: 641px) { body.homepage #homebanner-shadow { position:absolute; left:-2000px; margin-bottom:-30px; width:6000px; background-image: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0)); height:30px; pointer-events: none; } } @media (min-width: 641px) { body.homepage div#container div#homebanner img#homebanner-img { margin-top:-360px; display:block; width:100%; } } @media (min-width: 641px) { body.homepage div#container div#homebanner img#homebanner-logo { position:absolute; margin-left:40px; width:37.5%; bottom:40px; } } @media (min-width: 641px) { body.homepage div#container div#homebanner div#homebanner-bg { position:absolute; height:428px; margin:0px; width:100%; top:0px; left:0px; background-color:#008050; position:fixed; z-index:-1; box-shadow:30px 0px 30px rgba(0, 0, 0, 0.1), -30px 0px 30px rgba(0, 0, 0, 0.1); } } @media (min-width: 641px) { body.homepage div#container div#homebanner div#homebanner-text { max-width:30%; font-size:24px; } } @media (min-width: 641px) and (max-width: 1100px) { body.homepage div#container div#homebanner div#homebanner-text { font-size:22px; max-width:35%; } } @media (min-width: 641px) and (max-width: 1000px) { body.homepage div#container div#homebanner div#homebanner-text { font-size:20px; max-width:35%; } } @media (min-width: 641px) and (max-width: 800px) { body.homepage div#container div#homebanner div#homebanner-text { font-size:18px; max-width:40%; } } @media (min-width: 641px) and (max-width: 900px) { body.homepage div#container div#homebanner div#homebanner-text { font-size:16px; max-width:50%; } } @media (min-width: 641px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages { margin-left:0px; } } @media (min-width: 641px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:392px; margin:10px; } } @media (min-width: 641px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:calc(1px + 392px); height:calc(1px + 392px); line-height:392px; font-size:54px; } } @media (min-width: 641px) and (max-width: 1100px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { font-size:36px; } } @media (min-width: 641px) and (max-width: 900px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { font-size:28px; } } @media (min-width: 641px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text div.section-item-text-inner { padding:15px 15px; padding:120px 30px 45px 30px; width:calc(100% - 60px); margin-bottom:-2px; } } @media (min-width: 641px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:392px; height:392px; text-align:center; line-height:392px; } } @media (min-width: 641px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(392px - 2px); height:calc(392px - 2px); line-height:calc(392px - 2px); } } @media (min-width: 641px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner { vertical-align:middle; } } @media (min-width: 641px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:392px; min-height:392px; } } @media (min-width: 641px) and (max-width: 1305px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:355px; } } @media (min-width: 641px) and (max-width: 1305px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:calc(1px + 355px); height:calc(1px + 355px); line-height:355px; font-size:54px; } } @media (min-width: 641px) and (max-width: 1305px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:355px; height:355px; line-height:355px; } } @media (min-width: 641px) and (max-width: 1305px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(355px - 2px); height:calc(355px - 2px); line-height:calc(355px - 2px); } } @media (min-width: 641px) and (max-width: 1305px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:355px; min-height:355px; } } @media (min-width: 641px) and (max-width: 1280px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:317px; } } @media (min-width: 641px) and (max-width: 1280px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:calc(1px + 317px); height:calc(1px + 317px); line-height:317px; font-size:50px; } } @media (min-width: 641px) and (max-width: 1280px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:317px; height:317px; line-height:317px; } } @media (min-width: 641px) and (max-width: 1280px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(317px - 2px); height:calc(317px - 2px); line-height:calc(317px - 2px); } } @media (min-width: 641px) and (max-width: 1280px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:317px; min-height:317px; } } @media (min-width: 641px) and (max-width: 1180px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:290px; } } @media (min-width: 641px) and (max-width: 1180px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:calc(1px + 290px); height:calc(1px + 290px); line-height:290px; font-size:42px; } } @media (min-width: 641px) and (max-width: 1180px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:290px; height:290px; line-height:290px; } } @media (min-width: 641px) and (max-width: 1180px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(290px - 2px); height:calc(290px - 2px); line-height:calc(290px - 2px); } } @media (min-width: 641px) and (max-width: 1180px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:290px; min-height:290px; } } @media (min-width: 641px) and (max-width: 1180px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text div.section-item-text-inner { padding:120px 20px 45px 20px; width:calc(100% - 40px); margin-bottom:-2px; } } @media (min-width: 641px) and (max-width: 1100px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:240px; } } @media (min-width: 641px) and (max-width: 1100px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:calc(1px + 240px); height:calc(1px + 240px); line-height:240px; font-size:36px; } } @media (min-width: 641px) and (max-width: 1100px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:240px; height:240px; line-height:240px; } } @media (min-width: 641px) and (max-width: 1100px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(240px - 2px); height:calc(240px - 2px); line-height:calc(240px - 2px); } } @media (min-width: 641px) and (max-width: 1100px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:240px; min-height:240px; } } @media (min-width: 641px) and (max-width: 1100px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text div.section-item-text-inner { padding:120px 15px 45px 15px; width:calc(100% - 30px); margin-bottom:-2px; } } @media (min-width: 641px) and (max-width: 1000px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item { width:190px; } } @media (min-width: 641px) and (max-width: 1000px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-text { width:calc(1px + 190px); height:calc(1px + 190px); line-height:190px; font-size:28px; } } @media (min-width: 641px) and (max-width: 1000px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image { width:190px; height:190px; line-height:190px; } } @media (min-width: 641px) and (max-width: 1000px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image.section-item-image-nopic { width:calc(190px - 2px); height:calc(190px - 2px); line-height:calc(190px - 2px); } } @media (min-width: 641px) and (max-width: 1000px) { body.homepage div#container div#middle div#middle-inner div#middle-content div#section-subpages div.section-item a div.section-item-image div.section-item-image-inner img { width:190px; min-height:190px; } } /** *** *** HOME PAGE END *** ********* *********/ /********* ********* *** *** EMERGENCY MESSAGE BEGIN *** **/ body div#ebs-blocker { width:100%; height:100%; background-color:rgba(0,128,80,0.5); position:fixed; top:0%; left:0%; z-index:9999; transition:width 0.2s, height 0.2s, background-color 0.2s; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,0.25); } body.ebs-closed div#ebs-blocker { width:40px; height:40px; background-color:transparent; } body div#ebs-blocker div#ebs-container-outer { z-index:3; position:absolute; width:100%; } body.ebs-closed div#ebs-blocker div#ebs-container-outer { z-index:1; } body div#ebs-blocker div#ebs-container-outer div#ebs-container { width:500px; max-width:calc(100% - 200px); margin:100px auto; padding:60px 60px; text-align:center; background-color:white; border:2px solid black; box-shadow:0px 0px 90px rgba(0, 128, 80, 1), 30px 30px 90px rgba(0, 128, 80, 1); transition:opacity 0.2s; opacity:1; } body.ebs-closed div#ebs-blocker div#ebs-container-outer div#ebs-container { opacity:0; } body div#ebs-blocker div#ebs-container-outer div#ebs-container div#ebs-header { font-family:'Abhaya Libre', Times, Times New Roman, serif; text-align:center; font-size:48px; line-height:38px; margin-bottom:40px; } body div#ebs-blocker div#ebs-container-outer div#ebs-container div#ebs-text { font-size:24px; display:inline-block; text-align:left; padding:10px 10px 10px 0px; max-height:200px; overflow-x:hidden; overflow-y:auto; } body div#ebs-blocker div#ebs-container-outer div#ebs-container div#ebs-buttons { text-align:center; } body div#ebs-blocker div#ebs-container-outer div#ebs-container div#ebs-buttons { text-align:center; margin:40px auto 0px auto; text-shadow:none; font-weight:normal; } body div#ebs-blocker div#ebs-container-outer div#ebs-container div#ebs-buttons a { display:inline-block; width:fit-content; vertical-align:bottom; font-size:18px; max-width:calc(100% - 80px); min-width:fit-content; background-color:#008050; color:white; border:2px solid #008050; padding:16px 0px; width:300px; font-size:28px; text-align:center; text-shadow:none; font-weight:normal; } body div#ebs-blocker div#ebs-container-outer div#ebs-container div#ebs-buttons a:hover { color:white; background-color:#90c0b0; text-shadow:-2px 0px 1px #008050, 2px 0px 1px #008050, 0px 2px 1px #008050, 0px -2px 1px #008050; } body div#ebs-blocker a#ebs-opener { opacity:0; width:50%; height:50%; padding-top:100px; z-index:2; position:absolute; background-color:rgba(0,128,80,1); top:0px; left:0px; text-align:center; color:white; font-size:40px; font-weight:bold; line-height:40px; display:block; transition:opacity 0.2s, width 0.2s, height 0.2s, padding 0.2s; } body div#ebs-blocker a#ebs-opener:hover { color:#90c0b0; } body.ebs-closed div#ebs-blocker a#ebs-opener { opacity:1; width:40px; height:40px; padding:0px; } /** *** *** EMERGENCY MESSAGE END *** ********* *********/