/* Theme Name: Sea Grant Illinois-Indiana Theme URI: http://iiseagrant.org/ Author: Jackson Sky Web Design & Development Author URI: http://jacksonsky.com/ Description: This is a custom responsive theme designed and developed exclusively for Sea Grant Illinois-Indiana. Version: 1.0 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tabless 10.0 Links 11.0 Navigation 12.0 Layout 12.1 Header 12.2 Regular Content 12.3 Footer 12.4 Home Page 12.5 Pages 12.6 Posts 14.0 Taxonomy Pages 15.0 Widgets 16.0 Media 16.1 Galleries 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ .navigation { background: #ccc; width: 60px; overflow: hidden; position: fixed; top: 200px; left: -60px; height: auto; -webkit-transition: left 1s ease; transition: left 1s ease; z-index: 2; } .page-wrap { width: 100%; float: right; } .page-wrap a { background: black; color: white; padding: 5px; position: fixed; top: 210px; left: -10px; text-decoration: none; z-index: 1; -webkit-transform:rotate(90deg); transform:rotate(90deg); } #main-navigation:target { left: 0; } /*-------------------------------------------------------------- 1.0 Normalize - See Stylesheet normalize.css --------------------------------------------------------------*/ /* But it is not enough now, below dont hide play button parent div */ *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } /* Old shadow dom for play button */ *::--webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } /* New shadow dom for play button */ /* This one works */ *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } /*-------------------------------------------------------------- 2.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ /* Hide visually and from screen readers */ .hidden {display: none !important;} /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} /** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;} /** Hide visually and from screen readers, but maintain layout */ .invisible {visibility: hidden;} /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */} /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .alignleft {display: inline; float: left; margin-right: 1.5em;} .alignright {display: inline; float: right; margin-left: 1.5em;} .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} /*-------------------------------------------------------------- 4.0 Clearings --------------------------------------------------------------*/ /**** Clearfix update ****/ .group:before, .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group { zoom: 1; } /* IE6 */ *:first-child+html .group { zoom: 1; } /* IE7 */ /*-------------------------------------------------------------- 5.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { font-family: 'Nunito', 'Open Sans', Helvetica, Arial, sans-serif; font-size:16px; color:#2e2e2e; font-weight: 500; font-style:normal; line-height:1.6; letter-spacing:.025em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6{font-family: 'Heebo', Helvetica, Arial, sans-serif; font-weight:500; color:#005ba5; line-height:1.2; margin:0; padding:0; margin-bottom:5px; text-transform:uppercase;} h1{font-size:22px; margin-bottom:.6em; color: #2e2e2e; font-weight: 800; text-transform: none;} h2{ font-size:18px; margin: 0 0 1em; padding: 1em 0 0 0; font-weight: 800; color:#00919c; letter-spacing: .075em;} h3{ font-size:18px; margin-bottom:.1em; font-weight: 700;} h4{ font-size:16px; margin-bottom: 1em; font-family: 'Nunito', 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 700;} h5{ font-size: 16px; margin-bottom: 0; font-family: 'Nunito', 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 700;} h6{ font-size:16px; margin-bottom:0;} p {margin: 0 0 1.75em; padding: 0;} dfn, cite, em, i {font-style: italic;} .uppercase{text-transform: uppercase;} blockquote { color: #666; font-size: 18px; font-size: 1.125rem; font-style: italic; line-height: 1.7; margin: 0; overflow: hidden; padding: 0 0 0 1em; margin-bottom:1.5em; border-left:7px solid #F3EFEA; } blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } address { margin: 0 0 1.5em;} pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } .big {font-size: 125%;} .light{ font-weight:300;} .normal{font-weight:400;} .semibold{font-weight:600;} .strong, strong{font-weight:700;} blockquote {quotes: "" "";} q {quotes: "“" "”" "‘" "’";} blockquote:before, blockquote:after {content: "";} :focus {outline: none;} .uppercase{text-transform: uppercase;} /*-------------------------------------------------------{------- 6.0 Forms --------------------------------------------------------------*/ label { color: #686868; display: block; font-weight: 600; margin-bottom: 0.35em; font-size:14px; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #686868; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; display: block; padding: 0.5em; font-size:14px; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; border-color: #333; } textarea { resize: vertical; } select { border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; height: 3em; max-width: 100%; } .gtranslate_wrapper select { border: 0 none; -webkit-border-radius: 0; border-radius: 0; height: 2em; max-width: 100%; font-size: 12px; } .gtranslate_wrapper{text-align: right; padding-top: 10px;} input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } /************* Buttons **********/ button,.button, .buttonAlt, a.button, input[type="button"], input[type="submit"] { font-family: 'Heebo', Helvetica, Arial, sans-serif; text-transform:uppercase; text-align: center; background-color: #005ba5; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 800; letter-spacing: .075em; line-height: 1; padding: 1em 1.5em; text-shadow: none; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; margin-right: 10px; margin-bottom: 7px; text-decoration: none; } button:hover,.button:hover, .buttonAlt:hover, a.button:hover, input[type="button"]:hover, input[type="submit"]:hover{ color:#fff; text-decoration:none !important; background-color:#013966;} button.buttonAlt, .button.buttonAlt, .buttonAlt, a.buttonAlt{background:#013966; color:#fff;} button.buttonAlt:hover, .button.buttonAlt:hover, .buttonAlt:hover, a.buttonAlt:hover{ background: #021f36; color:#fff; text-decoration: none !important;} a.buttonAlt.small{font-weight: 500; font-size: 14px; padding: .75em 1em;} /********* Placeholders **********/ /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #9f9f9f; } :-moz-placeholder { color: #9f9f9f; } ::-moz-placeholder { color: #9f9f9f; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #9f9f9f; } /*-------------------------------------------------------------- 7.0 Formatting --------------------------------------------------------------*/ hr { background-color: #f3efea; border: 0; height: 3px; margin-bottom: 1.5em; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } .inline-block{display: inline-block;} /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ ul, ol { margin: -.75em 0 1em 2em; padding: 0;} ul {list-style: disc;} ol {list-style: decimal;} li{ padding-left:.5em; margin-bottom:.7em;} li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;} dt {font-weight: 700;} dd {margin: 0 1.5em 1.5em;} /*-------------------------------------------------------------- 9.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%;} thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em;} th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee;} td {padding: 0.4em;} th:first-child,td:first-child {padding-left: 0;} th:last-child,td:last-child {padding-right: 0;} /*** Pseudo Table Styles****/ .table{display:table;} .tableRow{display:table-row;} .tableCell{display:table-cell;} .tableMiddle{ vertical-align:middle;} .vert50{ height:50%;} /*-------------------------------------------------------------- 10.0 Links --------------------------------------------------------------*/ a{color:#005ba5; text-decoration: underline;} a:hover{color:#00919c; text-decoration:underline;} a.alt{color:#35b585;} a.alt:hover{color:#0b744d;} a:active, a:focus{outline:none;} /*-------------------------------------------------------------- 11.0 Navigation --------------------------------------------------------------*/ /********* Main Navigation ********/ #mainNav{} #mainNav ul{} #mainNav ul li{} #mainNav ul li a{} #mainNav ul li a:hover{} #mainNav ul li.active a{} #mainNavCon {left: inherit; bottom: 0; right:3px;} #mainNav #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block{margin-left: 10%;} .mega-html-block a.usearch{color: #fff; text-decoration: none; line-height: 70px; font-size: 20px;} .mega-html-block a.usearch i{line-height: 70px;} /*-------------------------------------------------------------- 12.0 Layout --------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } html, body{height: 100%;} body { background: #fff; background: rgba(255,255,255,1); /* Fallback for when there is no custom background color defined. */ } body { display: flex; flex-direction: column; } #mainFrame { flex: 1 0 auto; } #mainFooter { flex-shrink: 0; } .block{display:block;} .row{display:block; width:100%; position:relative;} .mobileOnly{display:none;} #page { position: relative; word-wrap: break-word; } .wrapper {margin: 0 auto; padding:0; width:100%; position:relative; padding-left: 5%; padding-right: 5%;} .wrapper:after { clear: both; content: ""; display: block; } .full{min-width:100%;} /*-------------------------------------------------------------- 12.1 Header --------------------------------------------------------------*/ /***** Main Header *****/ #mainHeader{width: 100%; background: #0059a5;} /*** Default Main Header ***/ #mainHeader .wrapper{height:auto; padding: 0;} /*** Header Main ***/ #mainHeader .wrapper{} /** Logo **/ #headTitle{ margin-top: 16px; display: none; margin-bottom:24px; } #headTitle h1{margin: 0; display: inline-block;} #headTitle h1 a{ } #headTitle h1 a img{width: 73px; height: auto;} /****** headerBreadcrumb *******/ #headerBreadcrumb{background: #35b585; padding: 11px 0;} #headerBreadcrumb h2{color: #fff; margin-bottom: 0; line-height: 1.2; font-size: 16px; padding:0; font-weight:900; letter-spacing: .075em;} #headerBreadcrumb h2 a{color: #fff; text-decoration: none; vertical-align: middle;} #headerBreadcrumb h2 i{vertical-align: middle;} #headerBreadcrumb h2 a:hover{color:#00396a;} #headerBreadcrumb h2 a.links{pointer-events: none;} /****** utilityCon ****/ #utilityCon{position: absolute; right:5%; top: 10px;} #utilityCon a{color:#fff; font-size: 14px; margin-left: 10px;} #utilityCon a:hover{color:#5697cb;} /****** headerSubNav ******/ #selectionButton{cursor: pointer; display: inline-block; color: #fff; text-transform: uppercase; border-right: 1px solid #59b7bf; padding: 4px 10px; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #selectionButton:hover{background:#005960;} #headerSubNav{background:#00919c; padding: 5px 0;} #subNav #selectionBox{display:none;} #subNav ul{margin: 0; padding: 0; list-style: none;} #subNav ul li{font-size: 12px; color:#59b7bf; line-height: 1.2; text-transform: uppercase; margin: 0; padding: 10px 12px; } #subNav ul li a{color:#fff; text-decoration: none; font-weight: 700; letter-spacing: .075em;} #subNav ul li a:hover{color: #014247;} /*-------------------------------------------------------------- 12.2 Regular Content --------------------------------------------------------------*/ /********** Page Content **********/ #pageContentCon{ width:100%; margin:0; padding: 25px 0;} #pageContentCon.noPad{padding: 0;} section.greyIntro{padding: 30px 0; background: #f3f3f3;} .pageContent{} /**** Section Title ****/ #sectionTitle{background: url(assets/images/common/pattern.png) #073e67;} #sectionTitle h2{color: #fff; font-family: 'Noto Serif', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-weight: 400; font-size: 18px; text-transform: none; line-height: 2; margin-bottom: 0;} /******** Main Content *******/ #pageContentCon .content{} #pageContentCon{} /******** Contact Information *******/ #contactInfo{background:#2e2e2e; padding:45px 0 40px; } #contactInfo a{color: #74dfb7; text-decoration: none; word-wrap: break-word;} #contactInfo a:hover{color:#c4f9e5} #contactInfo h2{color: #fff; margin-bottom: 30px;} #contactInfo #contactList{padding: 0; margin: 0; list-style: none; color: #fff; font-size: 14px;} #contactInfo #contactList .col{float: left; width:100%; margin-right:0; margin-bottom: 25px;} #contactInfo hr { background-color: #777; border: 0; height: 2px; margin-bottom: .8em; } #contactInfo h3{font-size: 14px; font-weight: 700; color: #fff; font-family: 'Nunito', 'Open Sans', Helvetica, Arial, sans-serif; margin-bottom: .8em;} #contactInfo .contact{margin-bottom: 1.5em;} #contactInfo .contactName{font-weight: 700;} #contactInfo.education-contacts #contactList .col{float: left; width:100%; margin-right:0; margin-bottom: 25px;} /*-------------------------------------------------------------- 12.3 Sidebar Content --------------------------------------------------------------*/ #pageContentCon.withSideColumn .pageContent{} #pageContentCon.withSideColumn #sideColumn{ margin-top: 2em;} #sideColumn .sideItem{margin-bottom: 40px;} .sideTitle h2{margin:0 0 10px; padding: 0;} /******* Lead in Sidebar ******/ #pageContentCon.withSideColumn.leftLeadColumn{} /*-------------------------------------------------------------- 12.4 Footer --------------------------------------------------------------*/ #mainFooter{color:#fff; background: #00919c; padding: 45px 0; font-size: 14px;} #mainFooter a{color: #fff; text-decoration: underline;} #mainFooter a:hover{color:#01474c;} #mainFooter #footLeft{float: left; width:100%; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px solid #59b7bf;} #mainFooter #footRight{float: left; width:100%;} #mainFooter .col{float: left; width:100%; margin-right:0; margin-bottom: 25px;} #mainFooter .col h3{font-size:18px; color:#fff; font-family: 'Nunito', 'Open Sans', Helvetica, Arial, sans-serif; margin-bottom:1.2em; font-weight: 700;} /*** Contact ***/ #mainFooter #ftContact .address, #mainFooter #ftContact .phone, #mainFooter #ftContact .email{margin-bottom: 1em;} /*** News ***/ #mainFooter #ftNews ul{margin:0; padding:0; list-style: none;} #mainFooter #ftNews li{padding: 0; margin: 0 0 1em;} #mainFooter #ftNews li a{text-decoration: none; display: block;} /*** Logos ***/ #ftLogos{padding:0 3.92156862745098% 25px; border-bottom: 2px solid #59b7bf;} #ftLogos a.ftNoaa, #ftLogos a.ftIllinois, #ftLogos a.ftPurdue{float: left;} #ftLogos a.ftNoaa{width:20.42553191489362%; margin-right:7.23404255319149%;} #ftLogos a.ftIllinois{width:28.72340425531915%; margin-right:7.23404255319149%; margin-top:3.19148936170213%;} #ftLogos a.ftPurdue{width:36.17021276595745%; margin-top:3.61702127659574%;} /**** Copy Info ****/ #copyInfo{padding:30px 3.92156862745098% 0; text-align: right; } /*-------------------------------------------------------------- 12.5 Home Page --------------------------------------------------------------*/ .home #pageContentCon{padding: 0;} .home section .row{padding: 30px 0;} .home h2{padding-top: 0;} /****** Home Featured Slideshow ******/ .home .rotatePiece{ display: none!important; } .home #featuredSlideShow .row{background:#00919c; padding: 0;} .home #featuredSlideShow .contentCon{position: relative;} .home #featuredSlideShow .slideCon{ display: flex; flex-wrap:wrap;} .home #featuredSlideShow #fssLeft{background-size: cover; background-repeat: no-repeat; background-position: center; padding-bottom:66.66666666666667%; height:1px; width: 100%;} .home #featuredSlideShow #fssRight{width: 100%;} .home #featuredSlideShow #fssRight #slideContentCon{width: 100%; color:#fff; padding: 4% 5%;} .home #featuredSlideShow #fssRight #slideContentCon h1{font-size:22px; color:#fff; text-transform: uppercase; margin-bottom: .75em;} .home #featuredSlideShow #fssRight #slideContentCon h1 a{color:#fff; text-decoration: none;} .home #featuredSlideShow #fssRight #slideContentCon h1 a:hover{color:#01474c; text-decoration:none;} .home #featuredSlideShow #fssRight #slideContentCon .slideContent{font-size: 16px;} .home #featuredSlideShow .wrapper{position: relative;} .home #slideBullets{position: absolute; bottom: 15px; right: 15px;} .home #slideBullets a{text-decoration: none; color: #fff; display: inline-block; margin:2px; padding: 2px; float: left; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .home #slideBullets a:hover{color:#0D3565;} /****** Home About Section ******/ .home #about .row{background:#35b585;} .home #about h2{background: url(assets/images/home/seagull.png) no-repeat left; background-size: 58px 58px; color:#fff; font-size: 24px; padding:.5em 0 .5em 2.5em; margin-bottom: .5em;} .home #about .content{font-size: 18px; color:#2e2e2e;} .home #about .content p{margin-bottom: 1em;} /****** Home Newsroom ******/ .home #newsroom .row{} .home #newsroom h2{font-size: 24px;} .home #newsroom h2 a{text-decoration: none;} .home #newsroom ul#homeNews{margin: 0; padding: 0; list-style:none; display: flex; justify-content:space-between; flex-wrap: wrap;} .home #newsroom ul#homeNews li{flex: 0 0 100%; margin: 0 0 20px;} .home #newsroom ul#homeNews li a{text-decoration:none; display: block; padding: 4%; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .home #newsroom ul#homeNews li a:hover{background:#d9eced;} .home #newsroom ul#homeNews li a .itemCon{line-height: 1.4;} .home #newsroom ul#homeNews li a .itemImg{margin-bottom: 1em;} .home #newsroom ul#homeNews li a h3.itemTitle{font-family: 'Nunito', 'Open Sans', Helvetica, Arial, sans-serif; font-size:18px; font-weight: 700; color:#005ba5; margin-bottom:.8em; text-transform: inherit;} .home #newsroom ul#homeNews li a .itemContent{color:#2e2e2e; line-height: 1.3;} .home #newsroom ul#homeNews li a .itemContent p{margin-bottom: 1em; font-size: 14px;} /****** Home Publications and Products ******/ .home #pubAndProd .row{ background: url(assets/images/home/home-imagebg.jpg) no-repeat #B4CEB6; background-size: cover; } .home #pubAndProd h2{color:#fff; font-size:20px;} /*** Recent Pubs and Prods ***/ .home #ppIntro{font-size: 18px; line-height: 1.5;/*margin-bottom: 1.75em;*/} .home #ppIntro p{margin-bottom: 1em;} .home .searchandfilter ul{margin: 0; padding: 0;} .home .searchandfilter ul li{margin: 0; padding: 0;} .home .input-wrapper2 ul{list-style: none; padding: 0; margin: 0; height: 70px;} .home .input-wrapper2 ul li{padding-left: 0;} /*** Large form bar ***/ .home #searchbar {position: relative; top:0; left: 0; width: 100%; margin-left: auto; margin-right: auto; text-align: center; float: left;} .home #searchbar .input-wrapper {} .home .sf-field-search label{width: 100%;} /* Form wrapper styling */ .home #ppForm{padding-bottom: 3em;} .home .field-wrapper {position: relative; left: 0px; top: 0px; width: 100%; display: inline-block; margin-bottom: 10px;} .home .field-wrapper input {font-size: 18px; height: 62px; width: 100%; padding: 8px 14px; float: left; color: #000; border: 0; background: #fff; margin-bottom: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* Form submit button */ .home .field-wrapper button, .home .input-wrapper2 .sf-field-submit input{ font-family: 'Heebo', Helvetica, Arial, sans-serif; right: 0px; top: 0px; overflow: visible; border: 0; padding: 0; cursor:pointer; height:62px; width: 100%; color: #ffffff; background: #2e2e2e; margin-right: 0;} .home .field-wrapper button:hover, .home .input-wrapper2 .sf-field-submit input:hover{background:#013966;} .home .field-wrapper button::-moz-focus-inner, .home .input-wrapper2 .sf-field-submit input::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; } .home #recentPP{background:#005ba5; padding:15px;} .home #recentPP h3{color:#fff; margin-bottom:.5em; font-size:18px; } .home #recentPP ul{margin:0; padding: 0; list-style:none;} .home #recentPP li{padding: 0; margin: 0 0 0 2em;} .home #recentPP .fa-li{padding-top: .35em;} .home #recentPP li a{color:#fff; text-decoration: none; display: block; padding: .25em; font-size:18px; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .home #recentPP li a:hover{background:#013966;} /*-------------------------------------------------------------- 12.6 Interior Pages --------------------------------------------------------------*/ /***************** Defaults ********************/ /**** Grey Side box ****/ #sideColumn #sideInfo{font-size: 14px; background:#f3f3f3; padding:6.2962962962963%; line-height: 1.4;} #sideColumn #sideInfo .sideSection{margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 2px solid #c7c7c7;} #sideColumn #sideInfo .sideSection.padNone{padding-bottom: 0;} #sideColumn #sideInfo .sideSection:last-child{border: none 0; padding-bottom: 0; margin-bottom: 0;} #sideColumn #sideInfo h2{font-size: 16px; font-weight:800; margin-bottom: .7em; padding: 0; color:#2e2e2e;} #sideColumn #sideInfo .sidebtmrg1{margin-bottom: 1em;} #sideColumn #sideInfo a{text-decoration:none;} #sideColumn #sideInfo a:hover{text-decoration:underline;} #sideColumn #sideInfo ul{margin: 0; padding: 0; list-style: none;} #sideColumn #sideInfo ul li{margin: 0 0 1em; padding: 0; font-weight: 700;} #sideColumn #sideInfo ul li:last-child{margin: 0;} #sideColumn #sideInfo ul li a{text-decoration:none;} #sideColumn #sideInfo ul li a:hover{text-decoration:underline;} #sideColumn #sideInfo .contact{margin-bottom: 1em;} #sideColumn #sideInfo .contact:last-child{margin-bottom: 0;} /****************** OUR WORK PAGES *****************/ /**** Overview ****/ .ourwork section#overview{color:#00919c; font-size: 16px; font-style:italic;} .ourwork section#overview #imageCon{float:right; margin: 2em 0 0 3%; width:30%; margin-bottom:20px;} .ourwork section#overview #infoCon{width:67%; float: left;} .ourwork section#overview #infoCon.fullWidth{float: none; width:100%;} .ourwork section#overview h2{ font-size: 22px; font-style: normal; color:#2e2e2e; padding-top: 0;} /**** Program & Initiatives ****/ .ourwork section#programs, .ourwork section#educator{padding: 30px 0 30px;} .ourwork section#programs .pi_item, .ourwork section#educator .pi_item{margin-bottom:1.75em;} .ourwork section#programs h3 a, .ourwork section#educator h3 a{text-decoration: none;} .ourwork section#programs p, .ourwork section#educator p{margin-bottom: .75em;} /**** Our Work Resources ****/ .ourwork section#resources{padding: 20px 0 40px;} .ourwork section#resources h4{color:#fff; font-weight:800; font-size: 18px; padding:3.3333333% 3.3333333% 0; } .ourwork section#resources #publications, .ourwork section#resources #news{width:100%; color:#fff; background:#35b585; margin-bottom: 10px;} .ourwork section#resources #publications ul, .ourwork section#resources #news ul{margin: 0; padding: 0; list-style: none;} .ourwork section#resources #publications li, .ourwork section#resources #news li{margin: 0; padding: 0; line-height: 1.3;} .ourwork section#resources #publications li a, .ourwork section#resources #news li a{color: #fff; background:#35b585; display: block; text-decoration: none; -o-transition: all .2s linear; padding: 8px 3.333333333%; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .ourwork section#resources #publications li a:hover, .ourwork section#resources #news li a:hover{background:#00919c;} .ourwork section#resources .seeAll a{color: #fff; background:#35b585; display: block; text-decoration: none; padding: 9px 3.333333333%; text-transform: uppercase; font-weight: 700; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .ourwork section#resources .seeAll a:hover{background:#005ba5;} /** Education and Training **/ .ourwork section#education{margin-bottom: 40px;} /** Research **/ .ourwork section#research{margin-bottom: 40px;} /************* Programs & Initiatives List Page *****************/ .programCon {margin: 0 0 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #F3F3F3;} .programCon:last-child{border-bottom: 0 none;} .programCon h3 a{ text-decoration: none;} /*********** Work - Healthy Waters -Contaminants of Emerging Concern ***********/ #accordion-1 br{display:none;} div.accordion-title.classname::before { content: "+ "; } div.accordion-title.classname.open::before { content: "- "; } div.accordion-title.classname{cursor:pointer; background:#00919C; color:#fff; padding: 5px 10px; font-weight: 700; margin-bottom: 2px; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} div.accordion-title.classname:hover{background:#35B585;} .accordion-content{padding: 22px;} /****************** RESEARCH & FUNDING: PROJECTS SEARCH PAGE *****************/ .filterFormSearch #searchInfo h2{font-size: 18px; font-weight: 800; color:#2e2e2e; margin-bottom: .75em; padding-top:0; } .filterFormSearch .searchText{font-size: 18px; font-style: italic; color:#00919c; line-height: 1.4; margin-bottom: 1em;} /*** REAL search ***/ .filterFormSearch .searchandfilter ul{ padding: 0; margin: 0;} .filterFormSearch .searchandfilter li{ padding: 0; margin: 0 0 10px 0; width:100%;} .filterFormSearch.pubForm .searchandfilter li{ padding: 0; margin: 0 0 10px 0; width:100%;} .filterFormSearch.pubForm .searchandfilter ul li.sf-field-submit input[type="submit"]{font-size: 14px;} /** drop downs **/ .filterFormSearch .searchandfilter label{display: block;} .filterFormSearch .searchandfilter select.sf-input-select{background-color:#d5d5d5; font-size: 16px; text-transform:uppercase; color:#2e2e2e; font-weight: 700; display: block; width: 100%; min-width: inherit; padding: 8px 16px; border: 0 none; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} .filterFormSearch .searchandfilter select.sf-input-select:hover{background: #a3a3a3;} .filterFormSearch .searchandfilter select.sf-input-select option{background:#c5c4c4; cursor: pointer; text-transform: none;} .filterFormSearch .searchandfilter li.sf-field-post-meta-initiation_date select.sf-input-select option{padding: 8px 0; font-size: 14px;} .filterFormSearch .searchandfilter li.sf-field-post-meta-initiation_date{width:100%;} .filterFormSearch .searchandfilter li.sf-field-post-meta-initiation_date h4{padding: 0; color: #000;} .filterFormSearch .searchandfilter li.sf-field-post-meta-initiation_date label{display: inline-block;} .filterFormSearch .searchandfilter li.sf-field-post-meta-initiation_date .sf-input-range-number{background: #D5D5D5; border: 0 none;} /** Combo Box **/ .filterFormSearch .chosen-container .chosen-single{background:#d5d5d5; height: 3em; font-size: 16px; text-transform:uppercase; color:#2e2e2e; font-weight: 700; display: block; min-width: inherit; border: 0 none; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; box-shadow: none; padding: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} .filterFormSearch .chosen-container.chosen-container-single{width: 100% !important;} .filterFormSearch .chosen-container .chosen-drop{background:#d5d5d5;} .filterFormSearch .chosen-container .chosen-single span{display: block; height: 3em; padding: 8px 16px; line-height: 2em;} /*arrow */ .filterFormSearch .chosen-container-single .chosen-single div{top: 25%;} /** Combo Box opened **/ .filterFormSearch .chosen-container-active.chosen-with-drop .chosen-single{ background:#d5d5d5; border: none; } .filterFormSearch .chosen-container .chosen-drop{border: 0 none;} .filterFormSearch .chosen-container-single .chosen-search input[type=text]{background-color: #fff;} .filterFormSearch ul.chosen-results li, .filterFormSearch.pubForm ul.chosen-results li{padding: 5px 10px;} /*** Search Box ***/ .filterFormSearch li.sf-field-search .sf-input-text{background:#d5d5d5; height: 3em; font-size: 16px; text-transform:normal; color:#2e2e2e; font-weight: 700; display: block; min-width: inherit; border: 0 none; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; box-shadow: none; padding: 8px 16px; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .filterFormSearch li.sf-field-search .sf-input-text:focus{background: #fff;} /*the container must be positioned relative:*/ .filterFormSearch li.sf-field-taxonomy-our-work-category, .filterFormSearch li.sf-field-taxonomy-topic, .filterFormSearch li.sf-field-post-meta-initiation_date, .filterFormSearch li.sf-field-search, .filterFormSearch li.sf-field-taxonomy-keyword, .custom-select {position: relative; float: left;} #searchCategory.custom-select{width:100%; margin-bottom: 10px;} #searchTopic.custom-select{width:100%; margin-bottom: 10px;} #searchYear.custom-select{width:50%; margin-bottom: 10px;} .custom-select select { display: none; /*hide original SELECT element:*/ } .select-selected { background-color:#d5d5d5; font-size: 16px; text-transform:uppercase; color:#2e2e2e; font-weight: 700;} /*style the arrow inside the select element:*/ .select-selected:after { font-family: "FontAwesome"; position: absolute; content: "\f107"; right: 10px; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { content: "\f106"; } /*style the items (options), including the selected item:*/ .select-items div,.select-selected { color:#2e2e2e; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; } .select-selected{border: 0 none;} .select-selected:hover{background: #a3a3a3;} /*style items (options):*/ .select-items { position: absolute; background-color:#c5c4c4; top: 100%; left: 0; right: 0; z-index: 99; } /*hide the items when the select box is closed:*/ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } /*** Large form bar ***/ .filterFormSearch #searchbar {position: relative; top:0; left: 0; width: 100%; margin-left: auto; margin-right: auto; text-align: center; float: left;} .filterFormSearch #searchbar .input-wrapper {} /* Form wrapper styling */ .filterFormSearch .field-wrapper {position: relative; left: 0px; top: 0px; width: 100%; height: 46px; display: inline-block;} .filterFormSearch .field-wrapper input {font-size: 18px; height: 100%; width: 100%; padding: 8px 14px; float: left; color: #2e2e2e; border: 0; background: #d5d5d5; margin-bottom: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* Form submit button */ .filterFormSearch .field-wrapper button { font-family: 'Heebo', Helvetica, Arial, sans-serif; right: 0px; top: 0px; overflow: visible; border: 0; padding: 0; cursor:pointer; height:46px; width: 100%; color: #ffffff; background: #005ba5; margin-right: 0;} .filterFormSearch .field-wrapper button:hover{background:#013966;} .filterFormSearch .field-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; } #researchProjectsList{padding: 45px 0;} #researchProjectsList h2{color:#00919c; padding-top:0; margin-bottom: .5em;} #researchProjectsList ul{padding:0; list-style: none;} #researchProjectsList ul.noIcon{margin-left: 0;} #researchProjectsList ul li{margin: 0 0 .75em; padding:0; font-size:16px; font-weight:700; line-height: 1.4;} #researchProjectsList ul li a{text-decoration: none;} #researchProjectsList ul li a:hover{text-decoration: underline;} #recentProjectsList{width:100%; margin-bottom: 2.4em;} #recentProjectsList .rpCategory, #recentProjectsList .ppTopic, #recentProjectsList .ppType{font-size:14px; font-weight:600;} #recentProjectsList .rpCategory a, #recentProjectsList .ppTopic a, #recentProjectsList .ppType a{color:#35b585;} #recentProjectsList .rpCategory a:hover, #recentProjectsList .ppTopic a:hover, #recentProjectsList .ppType a:hover{color:#00919C;} #projectCategoriesList{width:100%;} /****************** RESEARCH & FUNDING PAGES *****************/ .researchProject #goals h2{padding-top: 0; margin-bottom: 1em;} .researchProject .finalReport{margin-bottom: 1em;} .researchProject .allProjects{padding-top: 1em;} .researchProject .allProjects a{text-transform: uppercase; font-weight: 700; text-decoration: none;} .researchProject .allProjects a:hover{text-decoration: underline;} /**** Side ****/ .researchProject #sideImage{display: none;} /***************** RESEARCH PROJECTS - Results **********************/ .page-template-template-research-projects-results #pageContentCon{padding-bottom: 0;} .page-template-template-research-projects-results .meta{font-size: 14px; margin-bottom: 1.5em; line-height: 1.4;} /********************************* RESOURCES ******************************************/ /*********************** PUBLICATIONS AND PRODUCTS - List ************************/ .tax-publication-topic #imageCol{float:left; width: 20%; margin-right: 5%;} .tax-publication-topic #imageCol img{ border: 1px solid #f3efea;} .tax-publication-topic #pubInfoCol{float: left; width: 75%; font-size: 14px;} .tax-publication-topic .pubTitle h2 {margin-bottom: 0; padding-top: 0;} .tax-publication-topic .pubTitle h2 a{text-decoration: none;} .pubMeta{ font-size: 14px; color:#a0a0a3; line-height: 1.2; margin-bottom: 1.5em; display: none;} .tax-publication-topic #pubInfoCol h4{margin-bottom: 0;} .tax-publication-topic #pubInfoCol .pubType{margin-bottom: 1em;} .tax-publication-topic .btmrg1{margin-bottom: 1em;} /*********************** PUBLICATIONS AND PRODUCTS - Single ************************/ .single-publications #imageCol{float:left; width: 30%; margin-right: 5%;} .single-publications #pubInfoCol{float: left; width: 65%; margin-bottom: 15px; font-size: 14px;} .single-publications .pubTitle h2 {margin-bottom: 0; padding-top: 0;} .single-publications .pubTitle h2 a{text-decoration: none;} .pubMeta{ font-size: 14px; color:#a0a0a3; line-height: 1.2; margin-bottom: 1.5em;} .single-publications #pubInfoCol h4{margin-bottom: 0;} .single-publications #pubInfoCol .pubType{margin-bottom: 1em;} .single-publications .btmrg1{margin-bottom: 1em;} /*********************** PUBLICATIONS AND PRODUCTS - Results ************************/ .page-template-template-publications-products-results #pageContentCon{padding-bottom: 0;} .noResultsCon{padding-bottom: 2.5em;} .resultMeta{font-size: 14px; margin-bottom: 2em;} .btmResultMeta{font-size: 14px;} #paging-bottom.pagination{padding-bottom: 1.5em; } /********************* OTHER RESOURCES ***********************/ .otherResearchItem{padding-bottom: 2.5em;} .otherResearchItem .orImageCol{width: 20%; margin-right: 3%; float: left; min-height: 2px; display: block;} .orOuter { } .otherResearchItem .orImageCol img{max-width: 100%; height: auto;} .otherResearchItem .orContent{width: 77%; float: left;} /********************** NEWSROOM PAGE ***************************/ .newsRoom #imageCon{ margin-bottom: 1.5em;} .newsRoom #infoCon{font-size: 16px; line-height: 1.4;} .newsRoom #infoCon h2{font-size: 24px; text-transform: none; letter-spacing: .025em; padding-top: 0; margin-bottom:.75em;} .newsRoom #infoCon h2 a{text-decoration: none;} .newsRoom #infoCon p{margin-bottom: 1.25em;} .newsRoom #infoCon .more{font-size: 14px; text-transform: uppercase; font-weight: 700;} .newsRoom #infoCon .more a{text-decoration: none;} /******* News Articles Section *******/ .newsRoom section#newsArticles{padding: 30px 0 40px;} /****** News Search Form ******/ .newsRoom #searchbar {position: relative; top:0; left: 0; width: 100%; margin-left: auto; margin-right: auto; margin-bottom:30px; text-align: center;} .newsRoom #searchbar .input-wrapper {position: absolute; right: 130px; left: 0px; top : 0px; bottom: 0px;} /* Form wrapper styling */ .form-wrapper {position: relative; left: 0px; top: 0px; width: 100%; height: 46px; display: inline-block;} .form-wrapper input {font-size: 18px; height: 100%; width: 100%; padding: 8px 14px; float: left; color: #2e2e2e; border: 0; background: #d5d5d5; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* Form submit button */ .form-wrapper button { font-family: 'Heebo', Helvetica, Arial, sans-serif; position: absolute; right: 0px; top: 0px; overflow: visible; border: 0; padding: 0; cursor:pointer; height:46px; width: 130px; color: #ffffff; background: #005ba5; margin-right: 0;} .form-wrapper button:hover{background:#013966;} .form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; } /*** News Items Flex grid ***/ #newsItems ul{display: flex; justify-content:flex-start; flex-wrap: wrap; padding-left: 0; margin-left: 0;} #newsItems ul li{list-style:none; flex: 0 0 100%; margin: 0 0 20px; padding: 0;} #newsItems ul li a .newsItem{padding: 10px; line-height:1.4; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #newsItems ul li a .newsItem:hover{background:#F3F3F3;} #newsItems ul li .newsItemImg{margin-bottom: 12px;} #newsItems ul li a {text-decoration: none; background:#F3F3F3;} #newsItems ul li a .newsItemTitle{font-weight:700;} /****************** ABOUT - TEAM OVERVIEW *******************/ /* Filter Navigation */ /*Style 'show menu' label button and hide it by default*/ #filterCon label.show-menu {background:#A4782B; display:block; width:100%; text-align:center; color:#fff; text-transform:uppercase; text-decoration:none; font-size:16px; padding:7px 0; cursor:pointer; display:none;} #filterCon label.show-menu:hover {background:#9F9B91;} /*Hide checkbox*/ input#show-menu[type=checkbox]{ display: none; } /*Show menu when invisible checkbox is checked*/ input#show-menu[type=checkbox]:checked ~ #filter{ display: block; } #filterCon{ font-size:12px; color:#999; margin-bottom:25px; position: relative;} #filterText{display:inline-block; float: left; left: 0; position: absolute;} #filterCon ul{display:inline; margin:0; padding:0; list-style:none; float: left; margin-left: 40px;} #filterCon li{display: inline-block; padding-left:0;} #filterCon li a{ margin-left:10px; text-decoration:none; text-transform:uppercase; padding: 3px 5px;} #filterCon li a:hover{ text-decoration:underline; background:none; cursor:pointer;} #filterCon li a.active{ background: #32B688; color:#fff;} #boxHolder{display: flex; flex-wrap:wrap; align-items: flex-start;} #boxHolder .mix{display: none;} #boxHolder .teamBox{ width:50%; padding:0; margin:0 0 10px; background:#09F; float:left;} #boxHolder .teamBox img{width:100%; height:auto;} #boxHolder .teamBox .insideBox{width:100%; background: #9F9; padding:4.54545454545455%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #boxHolder .teamBox a{ text-decoration:none;} #boxHolder .teamBox a .insideBox{background:#fff; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;} #boxHolder .teamBox a:hover .insideBox{background:#F3F3F3;} #boxHolder .teamBox .insideBox h4{margin-bottom:2px; margin-top:3px;} #boxHolder .teamBox .insideBox .positionTitle{font-size:12px; line-height:1.3;} #boxHolder .teamBox .insideBox .secondLine{font-size:12px; color:#656565; line-height:1.3;} /****************** ABOUT - TEAM PROFILES - Single *****************/ .page-template-template-our-team-profile .pageContent hgroup{display: none;} .page-template-template-our-team-profile hgroup{margin: 0 0 1.2em;} .page-template-template-our-team-profile hgroup h1{margin-bottom: 0;} .page-template-template-our-team-profile hgroup h2{margin: 0; padding: 0;} .page-template-template-our-team-profile hgroup .pronouns{font-size: .8em;} /***** Sidebars *****/ #proInfoCon{padding: 3%; background: #f3f3f3; margin-bottom: 2em;} #sideColumn #proImageCon{margin-bottom: .75em;} #sideColumn #proInfoHolder{} #sideColumn #proInfo{ font-size: 14px; margin-bottom: 1em;} #sideColumn #proInfo h1{font-size: 18px;} #sideColumn #proInfo h2{font-size: 15px;} #sideColumn #proInfo2{font-size: 14px; margin-bottom: .5em;} #sideColumn .proEmail{word-wrap: break-word;} /************************ BUOYS PAGES ********************/ /****** buoys headerSubNav ******/ #headerSubNav.buoysNav{background:#2e2e2e;} .buoysNav #subNav ul li{color:#858585;} .buoysNav #subNav ul li a:hover{color:#35B585;} #mainBanner.buoysBanner{background: url("assets/images/test/seagrant-buoy2.jpg") no-repeat center; background-size: cover; height: 360px;} #mainBanner.buoysBanner .wrapper{height:100%;} .buoysNav #selectionButton{color: #fff; text-transform: uppercase; border-right: 1px solid #858585; padding: 4px 10px;} /*** Banner Left ****/ #bannerLeftCol #buoyNameCon{margin:20px 0 0; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); font-family: 'Heebo', Helvetica, Arial, sans-serif; font-weight:800; font-size: 24px; color:#2e2e2e; padding:3.5% 4.29411764705882%; display: inline-block; width: 100%; line-height: 1.4; text-transform: uppercase;} #bannerLeftCol #twitterFollow{margin: 10px 0 0;} /*#bannerLeftCol #twitterFollow a{display: inline-block; background:#005ba5; background: rgba(0, 91, 165, 0.8);color: #fff; font-size: 12px; padding: 3% 3.33333333%; font-family: 'Heebo', Helvetica, Arial, sans-serif; float: left; font-weight:800; text-decoration: none; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #bannerLeftCol #twitterFollow a:hover{background:#00919c;}*/ /*** Banner Right ****/ #bannerRightCol #buoyInfoCon{display:inline-block; color:#fff; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); margin-top:15px; padding:15px 15px 15px; width: 100%;} #buoyInfoCon #buoyTimeStamp{font-size:14px; font-weight:700;} #buoyInfoCon #buoyWaterTemp, #buoyInfoCon #buoyAirTemp{font-size:24px; font-weight: 700;} #buoyInfoCon #buoyWaterTemp sup, #buoyInfoCon #buoyAirTemp sup{top:0; font-size: 40%; vertical-align: super;} #buoyInfoCon .tempCell{float: left;} #buoyInfoCon .textStack{font-size: 12px; line-height: 1; display: inline-block; padding: 0 20px 0 10px; text-transform: uppercase;} #buoyInfoCon .graphBtn{float: right;} #buoyInfoCon .graphBtn a{color: #fff; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #buoyInfoCon .graphBtn a:hover{color:#00919c;} /******* Buoys Readings ******/ #buoyReadingSection .introText{text-transform:uppercase; padding-bottom: 1em;} #buoyReadingList ul{display: flex; justify-content:space-between; flex-wrap: wrap; padding-left: 0; margin-left: 0; list-style: none; margin-bottom: 0;} #buoyReadingList ul li{list-style:none; flex: 0 0 48.5%; margin: 0 0 3% 0; padding: 0;} #buoyReadingList ul li a{background:#00919c; text-decoration: none; color:#fff; padding:10px; display: block; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #buoyReadingList ul li a:hover{background:#35b585;} #buoyReadingList .readingTitle{text-align: center; padding-top:10px; font-size:16px;} #buoyReadingList .buoyReading{text-align: center; font-size:32px; line-height:1.1; } #buoyReadingList .buoyReading sup{vertical-align: super; font-size: 50%; top: inherit;} #buoyReadingList .icon{text-align:right; font-size: 24px; line-height: 1;} /******* Buoys Information ********/ #buoyInformation{margin: 55px 0 0;} #buoyInformation h2, #buoyInformation .highcharts-title, #container-daily .highcharts-title, #container-weekly .highcharts-title{ font-size:18px !important; font-weight:700 !important; color:#2e2e2e !important; margin-bottom: .25em !important; padding-top: 0 !important; text-transform: uppercase; font-family: 'Heebo', Helvetica, Arial, sans-serif !important;} #buoyInformation section{margin-bottom: 50px;} .tcLink{margin-bottom: 2em;} .tcLink a{text-decoration: none; font-size: 18px;} #dropdown-new{float: right;} /***** Direction *****/ #direction #windDir{float: none; text-align: center;} #direction #waveDir{float: none; text-align: center; margin-top: 25px;} #direction .holder{margin-top: 24px;} /***** Webcam *****/ #webcam p{margin-bottom: 40px;} #webcam #webcamImage1{float:left; width:100%;} #webcam #webcamImage2{float:left; width:100%; margin-top: 15px;} /******* Facts Section *********/ #fact{background:#f3f3f3; padding: 30px 0;} #fact h2{font-size:24px; font-weight: 700; color:#2e2e2e; margin-bottom: .5em; padding-top: 0;} #fact a{font-weight:700; text-decoration: none;} /************ 404 Page ************/ #searchform input[type="text"]{width: 100%; margin-bottom: 10px;} /************************ TOOLKIT ***********************/ /*** Mobile setting ***/ #mapSelectionCon{background: #fff; background: rgba(255, 255, 255, 0.95); } #mapSelectionBar{background:#313131; padding: .5em 1em; text-transform:uppercase;} #mapSelectionCon.makeStick{position: fixed; top:0; left: 0; display: block; width: 100%; z-index: 10; overflow-y: auto;} #mapSelectionBox{display: none;} #mapSelectionButton{color:#fff; display: inline-block; float: left; padding: .25em .5em; cursor: pointer;} #mapSelectionButton:after{ font-family: "Font Awesome 5 Pro"; content: "\f13a"; font-weight: 900;} #mapApply{display: none;} #mapSelectionBar.buttonOpen #mapApply{float: right; color:#fff; background:#35B585; display:inline-block; padding: .25em .5em; cursor: pointer; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #mapSelectionBar.buttonOpen #mapApply:hover{background:#237a5a;} #mapSelectionBar.buttonOpen #mapSelectionButton:after{ font-family: "Font Awesome 5 Pro"; content: "\f139"; font-weight: 900;} /*** Toolkit Intro Image Row ***/ .flex-image-con{display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 1.5em;} .flex-image-con .image-con{padding:3px;} .flex-image-con .image-con .link-hold{padding:8px;} .flex-image-con .image-con a{text-decoration: none; display: block;} .flex-image-con .image-con a .link-hold{background:#f3f3f3; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} .flex-image-con .image-con a:hover .link-hold{background:#ffff; } .flex-image-con .image-con img{max-width: 100%;} .flex-image-con .image-con .intro-caption{display: block; text-align: center; font-weight: 700; padding: 5px; text-transform: uppercase;} hr.intro{margin: 3em 0; background-color: #adadad;} #toolkit section.greyIntro h1{margin-bottom: 1em;} #toolkit .controls-con{padding: 1.5em 0; position: relative;} #toolkit .controls-con h2{display:none;} #toolkit .controls button.reset{position: absolute; top:-42px; right: 55px; padding: .25em .5em; line-height: 1.6; font-weight: 400; font-family: 'Nunito', 'Open Sans', Helvetica, Arial, sans-serif; background:#757575;} #toolkit .controls button.reset:hover{background:#949494;} #toolkit .controls{font-size:12px;} #toolkit .controls h3{font-family: 'Heebo', Helvetica, Arial, sans-serif; font-size:16px; color:#000; border-bottom: 2px solid #d5d5d5; display: block; margin-bottom: .2em; padding-bottom: .2em} #toolkit .controls fieldset{border: 0 none; padding: 0; margin: 0 0 1.5em 0;} #toolkit .controls a{display: block; background:#fff; background: rgba(255, 255, 255, 0); font-weight: 700; color:#000; text-decoration: none; line-height: 1.3; cursor: pointer;} #toolkit .controls a:hover{display: block; background:#e8e8e8;} #toolkit .controls a.mixitup-control-active{background:#d5d5d5;} #toolkit .controls-col1, #toolkit .controls-col2, #toolkit .controls-col3, #toolkit .controls-col4{float: left;} #toolkit .tk-control-item{display: flex; align-items: center;} #toolkit .controls-col1 .tk-cont-image, #toolkit .controls-col2 .tk-cont-image, #toolkit .controls-col3 .tk-cont-image, #toolkit .controls-col4 .tk-cont-image{width:34px; padding: 5px 5px 3px; flex: 0 0 34px;} /* Controls Column 1 */ #toolkit .controls-col1{width:50%; padding-right: 12px;} /* Controls Column 2 */ #toolkit .controls-col2{width:50%; padding-right: 12px;} #toolkit .controls-col2 a{width:100%; float: left;} /* Controls Column 3 */ #toolkit .controls-col3{width:50%; padding-right: 12px;} /* Controls Column 4 */ #toolkit .controls-col4{width:50%;} /*** Toolkit Link List ***/ .tk-list-links ul{list-style: none; margin: 0 0 1.7em; padding: 0;} .tk-list-links ul li{margin: 0 0 .5em 0; padding: 0; font-weight: 700;} .tk-list-links ul li a{text-decoration: none;} .tk-list-links ul li a:hover{text-decoration: underline;} /****** Toolkit Results *****/ #toolkit #results-number{color:#fff; float: right;} #toolkit section.toolkit-results{background:#35b585; padding: 15px 0;} #toolkit section.toolkit-results h2{color:#fff; margin-bottom: .2em;} #toolkit section.toolkit-results h3{font-family: 'Heebo', Helvetica, Arial, sans-serif; text-transform: none; font-size: 18px; margin-bottom: .4em; color: #333;} #toolkit section.toolkit-results h3 a{text-decoration: none;} #toolkit section.toolkit-results h3 a:hover{text-decoration: underline;} #toolkit .tk-item .org{font-weight: 500; font-style: italic; color:#6d6d6d; margin-bottom: .5em;} #toolkit .tk-description{font-size: 14px;} #toolkit .org{font-size: 14px;} #toolkit .tk-item{background:#f3f3f3; margin-bottom: .5em; padding: 3.04761904761905%;} #toolkit .tk-item .key-con .key-col{float:left; padding-right:1.41987829614604%; margin-bottom: .5em;} #toolkit .key-con .key-col.col-1, #toolkit .key-con .key-col.col-2, #toolkit .key-con .key-col.col-4, #toolkit .key-con .key-col.col-5{width:50%; } .key-con .key-col.col-3{clear: left;} .key-con .key-col.col-5{clear: left;} #toolkit .key-con .key-col.col-3{width: 50%;} #toolkit .tk-item .key-con .key-col h4{font-family: 'Heebo', Helvetica, Arial, sans-serif; font-size:14px; color: #000; display: block; border-bottom: 2px solid #d5d5d5; margin-bottom: .5em; padding-bottom: .25em;} #toolkit .tk-item .key-con .image{float:left; margin:0 .5em .5em 0; position: relative;} #toolkit .tk-item .key-con .image img{width: 24px;} /*#toolkit .tk-item .key-con .image:hover:after {content: attr(title); background: #fff; padding: 5px 12px; border: solid 1px #ddd; position: absolute; bottom: 105%; left: 50%; transform: translateX(-50%); white-space: nowrap; }*/ #toolkit .mix-none{display: none;} #toolkit .mixitup-container-failed .mix-none{display:block;} /**** Toolkit Footer ****/ #toolkit-footer{padding:2em 0;} #toolkit-footer .wrapper h2{font-weight: 800; text-transform: none; color: #2e2e2e; font-size: 28px; letter-spacing: .002em;} /******************* Education *************/ #subscribe-form{max-width: 750px; width: 100%; margin-left: auto; margin-right: auto;} /************************************ Plugins *********************************/ /**** Light box Search Box *****/ #fancybox-outer {background:#0078bf !important;} #fancybox-outer #fancybox-content{border: 20px solid #00919c; background:#00919c !important;} #fancybox-outer #fancybox-content label{text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 700; margin-bottom: 15px;} #fancybox-outer #fancybox-content button{background: #00919c; border: 2px solid #fff; color:#fff; text-transform: uppercase; font-size: 16px; font-weight: 500;} .righter{display:block; text-align: right;} #fancybox-outer #fancybox-content button:hover{background:#005aa5;} #lbSearch #searchform input[type="text"]{width: 100%;} /**** Overview lists *****/ ul.list-pages-shortcode{display: inline-block; margin: 0; padding: 0;} ul.list-pages-shortcode li ul{margin: 0; padding: 0;} ul.list-pages-shortcode li{list-style: none; font-size: 22px; padding: 10px; margin: 0 0 1px; display: block; border-bottom: 1px solid #F3F3F3;} ul.list-pages-shortcode li a{text-decoration: none; color: #35B585; padding: 10px; display: block;} ul.list-pages-shortcode li a:hover{text-decoration: underline;} ul.list-pages-shortcode li li{font-size: 16px; margin: 0; padding: 0; border:none;} ul.list-pages-shortcode li li a{padding-top: 0;} /*-------------------------------------------------------------- 12.5 Posts --------------------------------------------------------------*/ /******************* Blog Overview ************************/ .featuredCaptionContainer { width: 100%; margin-bottom: 22px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .featuredCaptionContainer img.wp-post-image { width: 100%; border: 0; padding: 0; padding-bottom: 1.05263157894737%; margin-bottom: 0; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .single-post .featuredCaptionContainer .featuredCaption { width: 100%; border: 0; height: auto; color: #9B9B9B; text-align: left; font-size: 12px; padding: 4px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #paging-bottom{width:100%; display:block; clear:both; padding-top: 1em;} #paging-bottom .alignleft, #paging-bottom .alignright{ background: #005ba5; display: block; width: 32%; } #paging-bottom .alignleft a, #paging-bottom .alignright a{ background: #005ba5; display: block; width: 100%; } #paging-bottom .alignleft { float: left; } #paging-bottom .alignright { float: right; } #paging-bottom .alignleft a, #paging-bottom .alignright a { color: #fff; text-decoration: none; font-weight: 500; display: block; width: 100%; text-align: center; text-transform: uppercase; padding: 10px 0; font-size: 16px; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } #paging-bottom .alignleft a:hover, #paging-bottom .alignright a:hover { background: #013966; } /******************* News Single ************************/ .postTitle h1{margin-bottom:5px !important; line-height:115%; text-transform: none;} .postTitle a {text-decoration:none;} .postInfo {color:#9f9f9f; font-size:14px; margin:0 0 20px 0; clear: both;} .postBanner{margin-bottom: 1em;} /********************* WordPress Styles *********************/ #paging { display: block; text-align: center; margin-top: 60px; padding-bottom: 60px; font-weight:bold; font-size:14px; text-transform:uppercase; } /*-------------------------------------------------------------- 12.6 MISC Universal Styles --------------------------------------------------------------*/ .centerBtn{text-align:center; display:block; width:100%;} .noPad, #pageContentCon.noPad{padding: 0;} .no-pad-btm, #pageContentCon.no-pad-btm{padding-bottom: 0;} form #GIFT_AMOUNT1{ width: 50%;} /*-------------------------------------------------------------- 12.7 SIDEBARS --------------------------------------------------------------*/ .sideContactInfo .contactGroup{margin-bottom: 1.5em;} .sideContactInfo .contactItem{font-size:14px; line-height:1.4; margin-bottom: .5em;} .sideContactInfo .contactItem.space{margin-bottom: 1.25em;} .sideContactInfo .contactItem .name{font-weight: 700;} .sideContactInfo h4{margin-bottom:0; text-transform:none;} /*** Publications list ***/ .ourwork section#resources{padding: 20px 0 40px;} #sidePub h4, .sideGreenList h4{color:#fff; font-weight:800; font-size: 18px; padding:1em 3.3333333% 0; margin-bottom: .5em;} #sidePub #publications, .sideGreenList .list{width:100%; color:#fff; background:#35b585; margin-bottom: 10px;} #sidePub #publications ul, .sideGreenList .list ul{margin: 0; padding: 0; list-style: none;} #sidePub #publications li, .sideGreenList .list li{margin: 0; padding: 0; line-height: 1.3;} #sidePub #publications li a, .sideGreenList .list li a{color: #fff; background:#35b585; display: block; text-decoration: none; -o-transition: all .2s linear; padding: 8px 3.333333333%; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #sidePub #publications li a:hover, .sideGreenList .list li a:hover{background:#00919c;} #sidePub .seeAll a, .sideGreenList .seeAll a{color: #fff; background:#35b585; display: block; text-decoration: none; padding: 9px 3.333333333%; text-transform: uppercase; font-weight: 700; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #sidePub .seeAll a:hover, .sideGreenList .seeAll a:hover{background:#005ba5;} #instagram .sbi_expand{display: inline-block !important;} /*-------------------------------------------------------------- 13 Comments --------------------------------------------------------------*/ h3#comments {padding-top:10px;font-size:18px; text-transform:uppercase;} #respond h3 {margin:25px 0 10px 0; font-size:18px; padding-top:10px; text-transform:uppercase;} #reply-title {padding-top:30px;} .avatar { display:none;} .commentlist {padding:0; margin:25px 0 0 0;} .commentlist li {padding:10px 20px 10px 20px; margin:10px 0; list-style-type:none;background:#f6f5f3;} .comment-author {font-weight:bold;} .comment-body, .comment-notes, .logged-in-as {font-size:14px;} .comment-body p {margin:8px 0;} .comment-meta {font-size:12px; margin:0 0 6px 0;} /*-------------------------------------------------------------- 14 Taxonomy Pages --------------------------------------------------------------*/ /****************** taxonomy-our-work-cataegory.php *********************/ article.taxList{font-size: 14px;} article.taxList h2, article.taxList h3{text-transform: none; padding-top: 0; margin-bottom: .5em;} article.taxList h2 a, article.taxList h3 a{text-decoration: none;} article.taxList hr{margin: 1em 0 1.75em;} /*-------------------------------------------------------------- 15 Media --------------------------------------------------------------*/ img {vertical-align: middle; max-width:100%; height:auto;} img.alignleft {float:left; display:inline; margin:5px 20px 15px 0; max-width:38%; height:auto;} img.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:38%; height:auto;} img.alignnone {margin: 0 0 10px 0; max-width:100%; height:auto;} img.aligncenter {clear: both; display: block; margin: 0 auto 10px; max-width:100%; height:auto;} img.alignleft.size-medium-large{max-width:60%;} img.alignright.size-medium-large{max-width:60%;} .wp-caption.aligncenter {clear: both; display: block; margin: 0 auto 15px; max-width:100%; height:auto;} .wp-caption.alignright{float:right; margin:5px 0 15px 5%; max-width:40%; height:auto; padding: 5px;} .wp-caption.alignleft{float:left; margin:5px 5% 15px 0; max-width:40%; height:auto; padding: 5px;} .alignright {float: right; margin: 0 0 5px 15px; display:inline;} .alignleft {float: left; margin: 0 15px 5px 0; display:inline;} .center{text-align:center;} .wp-caption.alignright img{ width:100%; height:auto;} p.wp-caption-text {margin:4px 0; font-size:11px; color:#9F9B91;} .wp-caption img{margin:0 0 5px 0; max-width: 100%;} .wp-caption {margin-bottom:10px; font-size:11px; color:#9f9f9f; max-width: 100%;} .wp-caption p{margin-bottom:5px;} /*-------------------------------------------------------------- 15.1 Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 16 Media Queries --------------------------------------------------------------*/ /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 480px) { /** Logo **/ #headTitle{ } /******** Main Navigation *********/ #mainNavCon {} /******** Side column ******/ /****** Footer *****/ #mainFooter .col{float: left; width:44.44444444444444%; margin-right:5.55555555555556%; margin-bottom: 0;} #mainFooter .col h3{font-size:16px;} /************************* Pages ******************************/ /******** Home Page ********/ /**** Banner ****/ .home #featuredSlideShow #fssLeft{background-size: cover; background-repeat: no-repeat; background-position: center; padding-bottom:40%; height:1px; width: 100%;} .home #about h2{ font-size: 24px;} /*** Recent Pubs and Prods ***/ .home #pubAndProd h2{font-size:21px;} .ourwork section#overview{font-size: 18px;} /******** Our Work ********/ .ourwork section#overview #imageCon{float:right; width:30%; margin-left:3%; margin-bottom: 0;} .ourwork section#overview #infoCon{float: left; width:67%;} /*** contact Info ***/ #contactInfo #contactList .col{float: left; width:48%; margin-right:4%;} #contactInfo #contactList #cl2.col, #contactInfo #contactList #cl4.col{margin-right: 0;} /******* Education overview ********/ #contactInfo.education-contacts #contactList .col .contact{ padding: 0 20px 1em 0; max-width: 425px;} /****************** ABOUT - TEAM PROFILES *****************/ /***** Sidebars *****/ #proInfoCon{padding: 3%;} #sideColumn #proImageCon{margin-bottom: .75em; float: left; width: 40%; margin-right: 4%;} #sideColumn #proInfoHolder{float: left; width: 56%;} #sideColumn #proInfo{ font-size: 14px; margin-bottom: 1em;} #sideColumn #proInfo h1{font-size: 18px;} #sideColumn #proInfo h2{font-size: 14px;} #sideColumn #proInfo2{font-size: 14px;} #sideColumn #proEmail{word-wrap: break-word;} /********** NEWS ROOM PAGE *********/ /*** News Items Flex grid ***/ #newsItems ul li{list-style:none; flex: 0 0 49%; margin: 0 0 20px; padding: 0;} /********** PUBLICATIONS AND PRODUCTS ********/ /* Publications Form */ .filterFormSearch.pubForm .searchandfilter ul li{ padding: 0; float: left; margin: 0 2.38095238095238% 25px 0; width:48.80952380952381%;} .filterFormSearch.pubForm .searchandfilter ul li.sf-field-taxonomy-publication-topic, .filterFormSearch.pubForm .searchandfilter ul li.sf-field-taxonomy-publication-type, .filterFormSearch.pubForm .searchandfilter ul li.sf-field-search{margin-right: 0;} .filterFormSearch ul.chosen-results li, .filterFormSearch.pubForm ul.chosen-results li{float: none; width: 100%; padding: 5px 6px; margin: 0;} /************ 404 PAGE ************/ #searchform input[type="text"]{width: 75%;} /***************** TOOLKIT *************/ #toolkit section.toolkit-results{padding: 20px 0;} #toolkit section.toolkit-results h3{font-size: 21px;} #toolkit .tk-description {font-size: 16px;} #toolkit .org{font-size:16px;} /*-------------------------------------------------------------- 12.7 SIDEBARS --------------------------------------------------------------*/ .sideContactInfo .contactGroup{width: 50%; padding-right: 10px; float:left;} } /* Small Devices, Phones */ @media only screen and (min-width : 640px) { h1{font-size: 24px;} h2{font-size: 20px;} h3{} h4{} h5{} h6{} button,.button, input[type="button"], input[type="submit"] {font-size:18px;} /********** Page Content **********/ #pageContentCon{font-size: 16px; padding: 35px 0;} /********** Footer *************/ /***** Search Area *****/ /************************* Pages ******************************/ /*********** Home Page **********/ /*** Home About ***/ .home #about h2{background: url(assets/images/home/seagull.png) no-repeat left; background-size:52px 52px; color:#fff; font-size: 24px; padding:.5em 0 .5em 2.5em; margin-bottom: 1em;} .home #about .content{font-size:18px;} /***** Home News *****/ .home #newsroom ul#homeNews li a .itemImg{float:left; width:40%; margin-right:3%;} .home #newsroom ul#homeNews li a .itemInfo{float:left; width: 57%;} .home #pubAndProd h2{font-size:24px;} /****** Our Work Page ********/ /******** Our Work ********/ .ourwork section#overview #imageCon{float:left; width:22.85714285714286%; margin: 0 2.85714285714286% 0 0; } .ourwork section#overview #infoCon{float: left; width:74.28571428571429%;} /********************************* RESOURCES ******************************************/ /*********************** PUBLICATIONS AND PRODUCTS - List ************************/ .filterFormSearch.pubForm .searchandfilter ul li.sf-field-submit input[type="submit"]{font-size: 16px;} /********************* ABOUT - TEAM OVERVIEW *************/ #boxHolder .teamBox{ width:33.3333333333%; padding:0; margin:0 0 10px;} #filterCon{ font-size:14px; color:#999; margin-bottom:25px; position: relative;} #filterText{display:inline-block; float: left; left: 0; position: absolute;} #filterCon ul{display:inline; margin:0; padding:0; list-style:none; float: left; margin-left: 50px;} /********************** About - Profile *************************/ #sideColumn #proInfo h1{font-size: 22px;} /********************** NEWSROOM PAGE ***************************/ .newsRoom section#featureNews{} .newsRoom #imageCon{float:left; width:30%; margin-right:3%; margin-bottom: 0;} .newsRoom #infoCon{float:left; width:67%; font-size: 18px; line-height: 1.4;} .newsRoom #infoCon h2{font-size: 26px; padding-top: 0; margin-bottom:.75em;} .newsRoom #infoCon p{margin-bottom: 1.25em;} .newsRoom #infoCon .more{font-size: 16px;} /******** BUOYS PAGE ******/ #mainBanner.buoysBanner{height: 260px;} /*** Banner Left ****/ #mainBanner.buoysBanner #bannerLeftCol{float: left; width:50%;} #bannerLeftCol #buoyNameCon{margin:40px 0 0; font-size: 20px; color:#2e2e2e; padding:4.5% 5.29411764705882%; width:auto;} #bannerLeftCol #twitterFollow{margin: 15px 0 0;} /*#bannerLeftCol #twitterFollow a{display: inline-block; background:#005ba5; background: rgba(0, 91, 165, 1); font-size: 16px; padding: 3% 3.33333333%; float: none;}*/ /*** Banner Right ****/ #mainBanner.buoysBanner #bannerRightCol{float: left; width:50%;} #bannerRightCol #buoyInfoCon{float: right; margin-top:40px; padding:15px 15px 15px; width:auto;} #buoyInfoCon #buoyTimeStamp{font-size:14px;} #buoyInfoCon #buoyWaterTemp, #buoyInfoCon #buoyAirTemp{font-size:26px;} #buoyInfoCon #buoyWaterTemp sup, #buoyInfoCon #buoyAirTemp sup{top:0; font-size: 40%;} #buoyInfoCon .textStack{font-size: 13px; line-height: 1; display: inline-block; padding: 0 20px 0 10px;} /******* Buoys Readings ******/ #buoyInformation section{margin-bottom: 90px;} #buoyReadingList .readingTitle{text-align: center; padding-top:20px; font-size:18px;} #buoyReadingList .buoyReading{text-align: center; font-size:42px; line-height:1.2; } #buoyReadingList .buoyReading sup{vertical-align: super; font-size: 50%; top: inherit;} #buoyReadingList .icon{text-align:right; font-size: 24px; line-height: 1;} #buoyInformation h2, #buoyInformation .highcharts-title, #container-daily .highcharts-title, #container-weekly .highcharts-title{ font-size:24px !important;} /***** Direction *****/ #direction #windDir{float: left; width: 50%; text-align: center;} #direction #waveDir{float: left; width: 50%; text-align: center; margin-top: 0;} /***** Webcam *****/ #webcam p{margin-bottom: 40px;} #webcam #webcamImage1{float:left; width:48.57142857142857%; margin-right:2.85714285714286%;} #webcam #webcamImage2{float:left; width:48.57142857142857%; margin-top: 0;} /***************** TOOLKIT *************/ #toolkit section.toolkit-results{background:#35b585; padding: 50px 0;} #toolkit .controls-con h2{display: block;} #toolkit .controls button.reset{top:2.75em; right: 0; font-size: 14px;} /* Controls Column 1 */ #toolkit .controls-col1{width:33.3%; padding-right: 12px;} /* Controls Column 2 */ #toolkit .controls-col2{width:33.3%; padding-right: 12px;} #toolkit .controls-col2 a{width:100%; float: left;} /* Controls Column 3 */ #toolkit .controls-col3{width:33.3%; padding-right: 12px;} /* Controls Column 4 */ #toolkit .controls-col4{width:33.3%;} #toolkit .tk-item .key-con .key-col h4{font-size:16px;} #toolkit .tk-item .key-con .image img{width: 28px;} #toolkit section.toolkit-results h3{font-size: 21px;} #toolkit .key-con .key-col.col-1, #toolkit .key-con .key-col.col-2, #toolkit .key-con .key-col.col-4, #toolkit .key-con .key-col.col-5{width:33.33%; } #toolkit .key-con .key-col.col-3{width: 33.3%;} .key-con .key-col.col-4{clear: left;} .key-con .key-col.col-3{clear: none;} .key-con .key-col.col-5{clear: none;} } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .wrapper{width:100%;} h1{} h2{} h3{} /******** Header Main *********/ #mainHeader .wrapper{} #mainHeader{} #headTitle{} #headTitle h1 a{} #headerBreadcrumb h2{font-size: 24px;} /******* Content Layout **********/ #pageContentCon{} /********** Page Content **********/ #pageContentCon{ padding: 40px 0;} #sectionTitle h2{font-size: 20px;} /******** Main Content *******/ #pageContentCon .content{} /*************** Side Bar ******************/ #pageContentCon.withSideColumn .pageContent{float:left; width:71.428571428571439%; margin-right:2.85714285714286%;} #pageContentCon.withSideColumn #sideColumn{float: left; width:25.71428571428571%; margin-top: 0;} #sideColumn .sideItem{margin-bottom: 40px;} .sideTitle h2{margin-bottom: 10px;} /******* Lead in Sidebar ******/ #pageContentCon.withSideColumn.leftLeadColumn .pageContent{ margin-right: 0;} #pageContentCon.withSideColumn.leftLeadColumn #sideColumn{margin-right:2.85714285714286%;} /******** FOOTER ********/ /************************* Pages ******************************/ /****** Home Page ******/ /****** Home Featured Slideshow ******/ .home #featuredSlideShow #fssLeft{min-height: 325px; height:auto; float:left; width: 50%; padding-bottom: 0;} .home #featuredSlideShow #fssRight{float:left; width: 50%;} .home #featuredSlideShow #fssRight #slideContentCon{width: 100%; color:#fff; padding: 4% 5%;} .home #featuredSlideShow #fssRight #slideContentCon h1{font-size:24px; margin-bottom: .5em;} .home #featuredSlideShow #fssRight #slideContentCon .slideContent{font-size: 16px;} /*** Home About ***/ .home #about h2{font-size: 24px; } .home #about .content{font-size:20px;} /*** News ***/ .home #newsroom ul#homeNews{margin: 0; padding: 0; list-style:none; display: flex; justify-content:space-between; flex-wrap: wrap;} .home #newsroom ul#homeNews li{flex: 0 0 33%; margin: 0 0 20px;} .home #newsroom ul#homeNews li a .itemImg{float:none; width:inherit; margin-right:0;} .home #newsroom ul#homeNews li a .itemInfo{float:none; width:inherit;} /*** Home Pub & Prod ***/ .home #ppIntro{font-size: 20px; line-height: 1.5; margin-bottom: 0;} .home #ppForm{padding-bottom: 2em;} .home #searchbar{height: 80px;} .home #searchbar .input-wrapper {position: absolute; right: 143px; left: 0px; top : 0px; bottom: 0px;} .home #searchbar .input-wrapper2{position: absolute; width: 100%; top:0;} .home #searchbar .input-wrapper2 .sf-field-search{position: absolute; top: 0; left: 0; right: 143px;} .home .field-wrapper button, .home .input-wrapper2 .sf-field-submit input { position: absolute; right: 0px; top: 0px; overflow: visible; border: 0; padding: 0; cursor:pointer; width:143px; margin-right: 0;} .home #recentPP h3{font-size:24px; } /****** Our Work Page ******/ /**** Our Work Resources ****/ .ourwork section#programs .pi_item, .ourwork section#educator .pi_item{margin-bottom:2.75em;} .ourwork section#resources #publications, .ourwork section#resources #news{width:48.57142857142857%; float: left; margin-bottom:0;} .ourwork section#resources #publications{margin-right:2.85714285714286%;} .ourwork section#resources .seeAll a{font-size:16px; } /*************** Research and Funding *************/ .researchProject #sideImage{margin-bottom: 30px; display: block;} /****************** taxonomy-our-work-cataegory.php *********************/ article.taxList{font-size: 16px;} /******************************** RESOURCES *****************************************/ /*********************** PUBLICATIONS AND PRODUCTS - search ************************/ .filterFormSearch.pubForm .searchandfilter ul li.sf-field-submit input[type="submit"]{font-size: 16px;} /*********************** PUBLICATIONS AND PRODUCTS - List ************************/ .tax-publication-topic #pubInfoCol{font-size: 16px;} .pubMeta{display: block;} .tax-publication-topic #imageCol{float:left; width: 20%; margin-right: 3%;} .tax-publication-topic #pubInfoCol{float: left; width: 77%;} /*********************** PUBLICATIONS AND PRODUCTS - Single ************************/ .single-publications #pubInfoCol{float: left; width: 65%; font-size: 16px;} /****************** ABOUT - TEAM PROFILES *****************/ .page-template-template-our-team-profile .pageContent hgroup{display: block;} .page-template-template-our-team-profile #proInfo hgroup{display: none;} #sideColumn #proImageCon{margin-bottom: .75em; float:none; width: 100%; margin-right: 0;} #sideColumn #proInfoHolder{float:none; width: 100%; padding: 0 2%;} /********************** NEWSROOM PAGE ***************************/ .newsRoom section#featureNews{} .newsRoom #imageCon{width:30%; margin-right:3%; margin-bottom: 0;} .newsRoom #infoCon{width:67%; font-size: 18px; line-height: 1.4;} .newsRoom #infoCon h2{font-size: 26px; padding-top: 0; margin-bottom:.75em;} .newsRoom #infoCon p{margin-bottom: 1.25em;} .newsRoom #infoCon .more{font-size: 16px;} /*** News Items Flex grid ***/ #newsItems ul li{list-style:none; flex: 0 0 32.42857142857143%; margin: 0 0 20px; padding: 0;} /****************** RESEARCH & FUNDING: PROJECTS SEARCH PAGE *****************/ .filterFormSearch #searchInfo h2{font-size: 24px; margin-bottom: .75em; padding-top:0; } .filterFormSearch .searchText{font-size: 20px; margin-bottom: 1em;} /*the container must be positioned relative:*/ /*** Plugin search form ***/ /** Search Bar **/ .filterFormSearch li.sf-field-taxonomy-keyword{width:48.80952380952381%; margin-right:2.38095238095238%; margin-bottom: 25px;} .filterFormSearch li.sf-field-search{width:48.80952380952381%; margin-bottom: 25px;} .custom-select {position: relative; } #searchCategory.custom-select{width:41%; margin-right:2%; margin-bottom: 15px;} #searchTopic.custom-select{width:41%; margin-right:2%;} #searchYear.custom-select{width:14%;} .select-selected {font-size: 18px;} .filterFormSearch #searchbar .input-wrapper {position: absolute; right: 432px; left: 0px; top : 0px; bottom: 0px;} .filterFormSearch .field-wrapper button { position: absolute; right: 0px; top: 0px; overflow: visible; border: 0; padding: 0; cursor:pointer; height:46px; width: 407px; margin-right: 0;} #recentProjectsList{float: left; width:48.57142857142857%; margin-right:12.66666666666667%; margin-bottom: 0;} #projectCategoriesList{float:left; width:38.76190476190476%;} #researchProjectsList ul li{font-size:18px;} /********************* ABOUT - TEAM OVERVIEW *************/ #boxHolder .teamBox{ width:25%; padding:0; margin:0 0 10px;} /******* Education overview ********/ #contactInfo.education-contacts #contactList .col .contact{width: 25%; float: left; padding: 0 20px 1em 0;} /********************** BUOYS PAGE *********************/ #mainBanner.buoysBanner{height: 320px;} /*** Banner Left ****/ #mainBanner.buoysBanner #bannerLeftCol{float: left; width:50%;} #bannerLeftCol #buoyNameCon{margin:40px 0 0; font-size: 20px; color:#2e2e2e; padding:4.5% 5.29411764705882%;} #bannerLeftCol #twitterFollow{margin: 15px 0 0;} /*#bannerLeftCol #twitterFollow a{font-size: 16px; padding: 3% 3.33333333%; }*/ /*** Banner Right ****/ #bannerRightCol #buoyInfoCon{margin-top:40px; padding:15px 15px 15px;} #buoyInfoCon #buoyTimeStamp{font-size:16px;} #buoyInfoCon #buoyWaterTemp, #buoyInfoCon #buoyAirTemp{font-size:30px;} #buoyInfoCon #buoyWaterTemp sup, #buoyInfoCon #buoyAirTemp sup{top:0; font-size: 40%;} #buoyInfoCon .textStack{font-size: 16px; line-height: 1; display: inline-block; padding: 0 20px 0 10px;} #buoyReadingList ul{display: flex; justify-content:flex-start; flex-wrap: wrap; padding-left: 0; margin-left: 0; list-style: none; margin-bottom: 0;} #buoyReadingList ul li{list-style:none; flex: 0 0 30%; margin: 0 3% 3% 0; padding: 0;} /************ 404 PAGE ************/ #searchform input[type="text"]{width: 50%;} /************* MISC **********/ form #GIFT_AMOUNT1{ width: 30%;} /************ TOOLKIT *********/ #toolkit section.toolkit-results h3{font-size: 21px;} #toolkit .tk-item .key-con .image img{width: 32px;} /*-------------------------------------------------------------- 12.7 SIDEBARS --------------------------------------------------------------*/ .sideContactInfo .contactGroup{width: 100%; padding-right: 0; float: none;} } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .wrapper {width:960px; padding-left: 0; padding-right: 0;} h1{margin-bottom: 30px;} h1{} h2{ font-size: 22px;} h3{} h4{} h5{} h6{} /*** Header Main ***/ #mainHeader{min-height: 100px;} /** Logo **/ #headTitle{ margin-top: 16px; display: inline-block; margin-bottom:24px; min-height: 90px;} #headTitle h1{margin: 0; display: inline-block;} #headTitle h1 a{ } #headTitle h1 a img{width: 150px; height: auto;} /****** headerBreadcrumb *******/ #headerBreadcrumb{padding: 22px 0;} #headerBreadcrumb h2{margin-bottom: 0; line-height: 1.2; font-size: 30px; padding:0;} /*** Default Main Header ***/ #mainHeader .wrapper{} /******* Main Navigation *****/ #mainNavCon{float:right; display:inline-block; position:absolute;} #mainNav{ display:block;} #mainNav ul{float:left; display:block; margin:0; padding:0; list-style:none;} #mainNav ul li{margin:0; padding:0; float:left;} #mainNav ul li a{font-weight:700; letter-spacing:.05em; color:#fff; font-size:14px; text-decoration:none; text-transform:uppercase; display:inline-block; float:left; padding:20px 18px; margin:0; top:0; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #mainNav ul li a:hover{background:#2e2e2e; color:#fff;} #mainNav ul li.active a{} #mainNav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link:after, #mainNav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{display: none;} /****** utilityCon ****/ #utilityCon{right: 25px;} /***** Sub Nav *****/ #headerSubNav{padding: 12px 0;} #selectionButton{display: none;} #subNav #selectionBox{display:block;} #subNav #selectionBox.screen{ display: block !important;} #subNav ul li{font-size: 12px; float: left; line-height: 1.2; margin: 0; padding: 0 12px; border-right:1px solid #59b7bf;} .buoysNav #subNav ul li{border-right:1px solid #858585;} #subNav ul li:first-child{padding-left: 0;} #subNav ul li:last-child{padding-right: 0; border-right: 0 none;} #subNav ul li a{letter-spacing: .05em;} /********** Page Content **********/ #pageContentCon{} /** Section Title **/ #sectionTitle h2{font-size:26px;} /********** Page Content **********/ #pageContentCon{ padding: 45px 0;} #pageContentCon .content{} section.greyIntro{padding: 40px 0;} /*-------- Footer -------*/ #mainFooter #footLeft{float: left; width:50%; border-bottom: 0 none; padding-bottom: 0; margin-bottom: 0;} #mainFooter #footRight{float: left; width:50%; padding-left:1.42857142857143%;} #mainFooter .col{float: left; width:44.44444444444444%; margin-right:5.55555555555556%;} #mainFooter .col h3{font-size:15px;} /************************* Pages ******************************/ /******* Home Page ********/ .home section .row{padding: 50px 0;} /****** Home Featured Slideshow ******/ .home #featuredSlideShow #fssLeft{min-height: 400px;} .home #featuredSlideShow #fssRight #slideContentCon{width: 480px; padding-right: 0;} .home #featuredSlideShow #fssRight #slideContentCon h1{font-size:24px; margin-bottom: .75em;} .home #featuredSlideShow #fssRight #slideContentCon .slideContent{font-size: 18px;} /****** Home About Section ******/ .home #about h2{background: url(assets/images/home/seagull.png) no-repeat left; background-size: contain; font-size: 30px; padding:.5em 0 .5em 2.5em;} .home #about .content{font-size:22px;} /****** Home Newsroom ******/ .home #newsroom h2{font-size:30px;} /*** Recent Pubs and Prods ***/ .home #pubAndProd h2{font-size: 30px;} .home #ppIntro{float:left; width:47.14285714285714%; margin-right:2.85714285714286%; font-size: 22px;} .home #ppIntro p{margin-bottom: 1.75em;} .home #ppForm{margin-bottom:0; padding-bottom: 0;} .home #recentPP{float:left; width:50%; padding:15px;} .home #recentPP h3{font-size:18px; } /****************** OUR WORK PAGES *****************/ .ourwork h2{font-size: 26px;} /**** Overview ****/ .ourwork section#overview{color:#00919c; font-size: 24px; font-style:italic;} #contactInfo #contactList .col, #contactInfo #contactList #cl2.col{float: left; width:22.85714285714286%; margin-right:2.85714285714286%; margin-bottom: 0;} #contactInfo #contactList #cl4.col{margin-right: 0;} /******* Education overview ********/ #contactInfo.education-contacts #contactList .col .contact{width: 25%; float: left; padding: 0 20px 1em 0;} /********************** NEWSROOM PAGE ***************************/ .newsRoom #imageCon{float:left; width:48.57142857142857%; margin-right:2.85714285714286%;} .newsRoom #infoCon{float:left; width:48.57142857142857%; font-size: 22px; line-height: 1.4;} .newsRoom #infoCon h2{font-size: 30px; padding-top: 0; margin-bottom:.75em;} .newsRoom #infoCon p{margin-bottom: 1.25em;} .newsRoom #infoCon .more{font-size: 16px;} /****************** RESEARCH & FUNDING: PROJECTS SEARCH PAGE *****************/ .filterFormSearch #searchInfo h2{font-size: 24px; margin-bottom: .75em; padding-top:0; } .filterFormSearch .searchText{font-size: 24px; margin-bottom: 1em;} /*the container must be positioned relative:*/ .custom-select {position: relative; } .filterFormSearch li.sf-field-taxonomy-our-work-category, #searchCategory.custom-select{width:41.9047619047619%; margin-right:2.38095238095238%; margin-bottom: 25px;} .filterFormSearch li.sf-field-taxonomy-topic, #searchTopic.custom-select{width:42.0952380952381%; margin-right:2.38095238095238%; margin-bottom: 25px;} .filterFormSearch li.sf-field-post-meta-initiation_date, #searchYear.custom-select{width:11.23809523809524%;} .custom-select select { display: none; /*hide original SELECT element:*/ } /********************* ABOUT - TEAM OVERVIEW *************/ #boxHolder .teamBox{ width:20%; padding:0; margin:0 0 10px;} /********************** BUOYS PAGE *********************/ /*** Banner Left ****/ #mainBanner.buoysBanner #bannerLeftCol{float: left; width:50%;} #bannerLeftCol #buoyNameCon{margin:55px 0 0; font-size: 24px; color:#2e2e2e; padding:4.5% 5.29411764705882%;} #bannerLeftCol #twitterFollow{margin: 15px 0 0;} #bannerLeftCol #twitterFollow a{font-size: 18px; padding: 3% 3.33333333%; } #mainBanner.buoysBanner{height: 380px;} #buoyReadingList ul{justify-content:space-between;} #buoyReadingList ul li{flex: 0 0 22.85714285714286%; margin: 0 0 2.85714285714286%;} /*** Banner Right ****/ #bannerRightCol #buoyInfoCon{margin-top:60px; padding:15px 15px 30px;} #buoyInfoCon #buoyTimeStamp{font-size:16px;} #buoyInfoCon #buoyWaterTemp, #buoyInfoCon #buoyAirTemp{font-size:44px;} #buoyInfoCon #buoyWaterTemp sup, #buoyInfoCon #buoyAirTemp sup{top:0; font-size: 40%;} #buoyInfoCon .textStack{font-size: 16px; line-height: 1; display: inline-block; padding: 0 20px 0 10px;} /************************ TOOLKIT ***********************/ /*** Mobile setting ***/ #mapSelectionCon{position:inherit; top:inherit; background: #fff;} #mapSelectionCon.makeStick{position: inherit;} #mapSelectionBox{display: block;} #mapSelectionBox.screen{display: block !important;} #mapSelectionBar{display: none;} /* Controls Column 1 */ #toolkit .controls-col1{width:20.28571428571429%; padding-right: 12px;} /* Controls Column 2 */ #toolkit .controls-col2{width:40.38095238095238%; padding-right: 12px;} #toolkit .controls-col2 a{width:50%; float: left;} /* Controls Column 3 */ #toolkit .controls-col3{width:20.28571428571429%; padding-right: 12px;} /* Controls Column 4 */ #toolkit .controls-col4{width:19.04761904761905%;} #toolkit .controls-col1 .tk-cont-image, #toolkit .controls-col2 .tk-cont-image, #toolkit .controls-col3 .tk-cont-image, #toolkit .controls-col4 .tk-cont-image{width:46px; padding: 5px; flex: 0 0 46px;} #toolkit section.toolkit-results h3{font-size: 24px;} #toolkit .tk-item .key-con .image img{width: 36px;} #toolkit .key-con .key-col.col-1, #toolkit .key-con .key-col.col-2, #toolkit .key-con .key-col.col-4, #toolkit .key-con .key-col.col-5{width:20%; } #toolkit .key-con .key-col.col-3{width: 20%;} .key-con .key-col.col-4{clear: none;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1260px) { .wrapper {width:1100px; padding: 0 25px; } h1{font-size:28px; margin-bottom: 40px;} /*** Header Main ***/ #mainHeader{} #mainHeader .wrapper{padding: 0 25px;} #headTitle{} #headTitle h1{} #headTitle h1 a {} #headTitle h1 a img{width: 212px; height: auto;} /********* Main Navigation ********/ #mainNavCon{float:right; display:inline-block; position:absolute;} #mainNav{ display:block;} #mainNav ul{float:left; display:block; margin:0; padding:0; list-style:none;} #mainNav ul li{margin:0; padding:0; float:left;} #mainNav ul li a{font-weight:700; letter-spacing:.05em; color:#fff; font-size:14px; text-decoration:none; text-transform:uppercase; display:inline-block; float:left; padding:20px 18px; margin:0; top:0; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #mainNav ul li a:hover{background:#2e2e2e; color:#fff;} #mainNav ul li.active a{} /***** Sub Nav *****/ #subNav ul li{font-size: 14px;} /********** Page Content **********/ #pageContentCon{} #pageContentCon .content{} section.greyIntro{padding:48px 0;} /** Section Title **/ #sectionTitle h2{font-size:30px;} /*-------- Sidebar Content ----------------------*/ /*** Footer **/ #contactInfo h2{font-size: 24px; margin-bottom: 50px;} #copyright{float: left;} /************************* Pages ******************************/ /******* Home Page *******/ /****** Home Featured Slideshow ******/ .home #featuredSlideShow #fssRight #slideContentCon{width: 525px;} /*** Home About ***/ .home #about .content{font-size:24px;} /****** Home Publications and Products ******/ /*** Recent Pubs and Prods ***/ .home #ppIntro{font-size: 24px;} /******* Our Work Page ******/ .ourwork h2{font-size: 28px;} /****************** RESEARCH & FUNDING: PROJECTS SEARCH PAGE *****************/ /************************ BUOYS PAGES ********************/ /****** buoys headerSubNav ******/ #mainBanner.buoysBanner{height: 430px;} /******************* News Single ************************/ .postTitle h1{font-size: 30px} /******************************** RESOURCES *****************************************/ /*********************** PUBLICATIONS AND PRODUCTS - List ************************/ .tax-publication-topic #imageCol{float:left; width: 20%; margin-right: 5%;} .tax-publication-topic #pubInfoCol{float: left; width: 75%;} /**************** TOOLKIT ***************/ #toolkit .key-con .key-col.col-1, #toolkit .key-con .key-col.col-2, #toolkit .key-con .key-col.col-4, #toolkit .key-con .key-col.col-5{width:18%; } #toolkit .key-con .key-col.col-3{width: 28%;} } /*-------------------------------------------------------------- 17 Print --------------------------------------------------------------*/ /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } a.more, #pageContentCon a.more, a.{ font-size:14px; text-align:center; padding:10px 15px; min-width:90px; line-height:1.2; text-decoration:none; color:#fff !important; text-transform:uppercase; background:#6bbcb9; font-weight:400; display:inline-block; margin-bottom:0 5px 7px 0; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;} a.more:hover, #pageContentCon a.more:hover, a.:hover{background:#429895; text-decoration:none !important;} .singleCenter{display:block; text-align:center;}