/* Theme Name: EmployIndy Author: Jackson Sky Web Design & Development Author URI: http://jacksonsky.com/ Description: This is a custom responsive theme designed and developed exclusively for EmployIndy. Version: 1.0 */ /****** Admin bar Fix *******/ .admin-bar #mainHeader { top: 32px; } @media screen and (max-width: 782px) { .admin-bar #mainHeader{ top: 46px; } } /*-------------------------------------------------------------- >>> 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 Tables 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 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 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. */ label.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;} .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: proxima-nova, Helvetica, Arial, sans-serif !important; font-size:18px; color:#494949; font-weight: normal; font-style:normal; line-height:1.75; letter-spacing:.05em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6{font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:500; color:#bf202f; line-height:1.2; margin:0; padding:0; margin-bottom:5px; text-transform:uppercase;} h1{font-size:36px; margin-bottom:30px;} h2{font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 400; font-size:30px; margin-bottom:20px; color:#494949; text-transform:none;} h3{ font-size:26px; margin-bottom:10px;} h4{ font-size:24px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500; color:#494949;} h5{ font-size: 20px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 700;} h6{ font-size:18px; font-family: proxima-nova, Helvetica, Arial, sans-serif; margin-bottom:0; font-weight: 700;} p {margin: 0 0 1.5em; padding: 0; line-height: 1.7;} dfn, cite, em, i {font-style: italic;} blockquote, .content .tribe-events-loop .tribe-events-event-meta { font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 21px; line-height: 1.7; margin: 0; overflow: hidden; padding: 0 0 0 1em; margin-bottom:1.5em; border-left:12px solid #bbb20b; } blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } .indent{padding: 0 0 0 1em;} 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%;} .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;} /*-------------------------------------------------------------- 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; } .input-group{display: block !important;} textarea { resize: vertical; } select { border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; height: 3em; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } /************* Buttons **********/ button,.button, #pageContentCon #mc_embed_signup .button, a.button, .group a.button, input[type="button"], input[type="submit"] { text-transform:uppercase; text-decoration: none !important; background-color: #bf202f; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; 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; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height:inherit; font-family:proxima-nova, Helvetica, Arial, sans-serif; } button:hover,.button:hover, .group a.button:hover, input[type="button"]:hover, #pageContentCon #mc_embed_signup .button:hover, input[type="submit"]:hover{ color:#fff; text-decoration:none; background-color:#840B15;} button.buttonAlt, .button.buttonAlt, .buttonAlt{ background:#017D80;} button.buttonAlt:hover, .button.buttonAlt:hover, .buttonAlt:hover{ background:#016769;} /********* Placeholders **********/ /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #9f9f9f; font-family: proxima-nova, Helvetica, Arial, sans-serif; } :-moz-placeholder { color: #9f9f9f; font-family: proxima-nova, Helvetica, Arial, sans-serif; } ::-moz-placeholder { color: #9f9f9f; font-family: proxima-nova, Helvetica, Arial, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #9f9f9f; font-family: proxima-nova, Helvetica, Arial, sans-serif; } /*-------------------------------------------------------------- 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; } /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 2em 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;} .blueList li{ font-style:italic; color:#017d80; font-size:24px;} 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, .group a{color:#bf202f; text-decoration: none;} a:hover, .group a:hover{color:#840B15; text-decoration:underline;} a:active, a:focus, .group a:active, .group a:focus{outline:none;} /*-------------------------------------------------------------- 11.0 Navigation --------------------------------------------------------------*/ /********* Top Utility Nav ********/ #utilityNav{float:right; position: absolute; top:0; right:0;} #utilityNav ul{list-style:none; padding:0; margin:0; float:left;} #utilityNav ul li{padding:0; margin:0; float:left;} #utilityNav ul li a{color:#fff; text-decoration:none; display:block; height:40px; line-height:40px; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;} #utilityNav ul li a:hover{ color:#fff;} ul.commonLinks li{float:left; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 700; font-size:12px; text-transform:uppercase;} ul.commonLinks li a{padding:0 8px;} ul.socialLinks li{float:left;} ul.socialLinks li a{padding:0 8px; font-size:14px;} #utilityNav ul.socialLinks li a:hover{color:#038a8c;} #utilityNav #mega-menu-wrap-utility-menu{float: left;} #utilityNav #mega-menu-wrap-utility-menu #mega-menu-utility-menu > li.mega-menu-item-has-children > a.mega-menu-link::after{display:none;} #utilityNav #mega-menu-wrap-utility-menu #mega-menu-utility-menu > li.mega-resourceMenuItem.mega-menu-flyout ul.mega-sub-menu{width: 235px;} #utilityNav .mega-current-menu-item{background: #000000 !important;} /********* Main Navigation ********/ #menu {display: none;} #mainNavCon{height:50px; display:inline-block; position:absolute; top:80px; right:0;} #mainNav{ display:block;} #mainNav ul{height:33px; float:left; display:block; margin:0; padding:0; list-style:none;} #mainNav ul li{margin:0 6px; padding:0; float:left;} #mainNav ul li a{font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing:.075em; color:#313131; line-height:33px; font-size:18px; text-decoration:none; text-transform:uppercase; display:inline-block; float:left; padding:1px 11px;} #mainNav ul li a:hover{border:1px solid #313131; padding:0 10px;} #mainNav ul li.active a{color:#9e0d12;} #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mobileOnly{display:none;} /****** Mega Menu *******/ .mega-menu-logo img{width: auto;} #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor.mega-toggle-on > a.mega-menu-link{background:#373737; color:#fff;} #mainNavCon #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item > ul.mega-sub-menu{/*display:none;*/} li.mega-menu-item.mega-current-menu-item ul.mega-sub-menu li{display:none;} li.mega-menu-item.mega-current-menu-item.mega-toggle-on ul.mega-sub-menu li{display:block;} #mainNav ul li .mmsilist a{color:#fff; display:block; border:0 none; text-decoration:none; padding:5px; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear;} #mainNav ul li .mmsilist a:hover{text-decoration:none; background:#191919; border:0 none; padding:5px;} #mainNav ul li .mmsilist a .icon{float:left; width:16.5158371040724%; padding:1%;} #mainNav ul li #mmsiTIA.mmsilist a .icon{background:#8fb9de;} #mainNav ul li #mmsiAB.mmsilist a .icon{background:#5a8ab5;} #mainNav ul li #mmsiYAI.mmsilist a .icon{background:#1c4f7f;} #mainNav ul li #mmsiNF.mmsilist a .icon{background:#00274c;} #mainNav ul li .mmsilist a .mmsiTitle{ font-size:18px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500; float:left; width:83.4841628959276%; padding:5px 0 0 2.26244343891403%; line-height:1.5;} #mainNav ul li .mmsilist a .mmsiContent{font-size:12px; font-family:proxima-nova, Helvetica, Arial, sans-serif; text-transform:none; line-height:1.2; float:left; width:83.4841628959276%; padding:0 0 0 2.26244343891403%; letter-spacing:.0025em;} #mainNavCon #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-has-children > a.mega-menu-link::after{display:none;} /*-------------------------------------------------------------- 12.0 Layout --------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; image-rendering: -webkit-optimize-contrast; } *, *: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; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } .block{display:block;} .row{display:block; width:100%; position:relative; margin-left:0 !important; margin-right: 0 !important;} .mobileOnly{display:none;} #page { position: relative; word-wrap: break-word; } .wrapper {margin: 0 auto; padding:0; width:1260px; position:relative;} .wrapper:after { clear: both; content: ""; display: block; } .full{min-width:100%;} /*-------------------------------------------------------------- 12.1 Header --------------------------------------------------------------*/ /***** Main Header *****/ #masthead{background:#fff; width:100%; position:relative;} #mainHeader{width: 100%; height:auto; position:fixed; top:0; left:0; z-index:500; background: #fff; background: rgba(255, 255, 255, 1); min-height:170px; -o-transition: all .35s linear; -moz-transition: all .35s linear; -webkit-transition: all .35s linear; transition: all .35s linear;} .home #mainHeader{background: rgba(255, 255, 255, 1);} #mainHeader .wrapper{background:none; position:relative; padding-top: 30px;} #mainHeader.grey{backgound:#f2f2f2; background: rgba(242, 242, 242, 1);} /* No Page Banner */ .noBannerImage #mainHeader{backgound:#f2f2f2; background: rgba(242, 242, 242, 1);} .noBannerImage{padding-top:170px;} /*** Banner Content ***/ .wrapper.banner-wrapper{padding-top:270px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500; padding-bottom: 60px;} .wrapper.banner-wrapper #pageTitle h1{font-family: 'Poppins', sans-serif; color:#fff; font-size: 60px; font-weight: 700; text-shadow: 0px 0px 25px rgba(0,0,0,0.5); margin-bottom: .25em; text-transform: none;} .banner-wrapper .banner-content{color: #fff; font-size: 30px; width: 75%; line-height: 1.3;} .banner-wrapper p{margin-bottom: 1em;} .banner-wrapper .banner-button a.button{background-color:rgba(255,255,255,0); border:2px solid #ffffff !important; color: #fff; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; letter-spacing: .05em;} .banner-wrapper .banner-button a.button:hover{background-color:rgba(255,255,255,1); color:#333; text-decoration: none; } /***** Utility Bar *****/ #utilityBar{display: block; background:#333; height: 40px; width: 100%; position: absolute; top:0;} #utilityCon{float:right; margin-right:20px;} /*** Search Lightbox ***/ #lbSearch{padding:20px; background:#F2F2F2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #lbSearch label{font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:500; color:#bf202f; line-height:1.2; margin:0; padding:0; margin-bottom:5px; text-transform:uppercase; font-size:48px;} #lbSearch input#s{width:100%; font-size:18px; padding:7px 10px; margin-bottom:15px; font-family:proxima-nova, Helvetica, Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #lbSearch .righter{text-align:right;} a.fancybox-inline.mobile{color:#840B15; font-size:18px; margin-right:10px;} /** Logo **/ #headTitle{width:250px; float:left;} #headTitle #logo{overflow:hidden; display:block; width:250px; height:65px; margin:41px 0 0; float:left;} #headTitle #logo h1{display:block; width:250px; height:65px; background-image: url(assets/images/common/logo_w_tag.png); background-repeat:no-repeat; overflow:hidden; text-indent:-9999em; margin:0 14px 0 0; float:left; font-size:10px; line-height:0; background-size: contain;} /** Utility Links **/ #mainHeader #headerUtilityCon{float:right; display:inline-block; clear:right; margin:18px 0 27px; opacity:1; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;} #mainHeader #headerUtilityCon a.top, #mainHeader #headerUtilityCon a.topAlt{font-size:14px; color:#fff; display:inline-block; min-width:90px; margin:0 0 0 10px; background:#6bbcb9; text-align:center; text-transform:uppercase; padding:8px 15px; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;} #masthead #bannerCon{ width:100%; /*padding-bottom:35.625%;*/ display:block; background:url(assets/images/samples/insideHero.png) no-repeat top center; background-size:cover; top:0; left:0; min-height: 625px;} /*-------------------------------------------------------------- 12.2 Regular Content --------------------------------------------------------------*/ /********** Page Content **********/ .top-pad{padding-top:3em;} #pageContentCon{ width:100%; margin:0; padding:0; letter-spacing:.06em; font-family: proxima-nova, Helvetica, Arial, sans-serif; min-height:300px;} #pageContentCon .wrapper{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #pageContentCon section{ margin-bottom:45px;} #pageContentCon section.noBtmMargin{ margin-bottom:0;} /******** Main Content *******/ #pageContentCon #pageTitle .wrapper{padding-top:40px;} #pageContentCon .content p:last-child{ margin-bottom:0;} /*** Side column right ***/ #pageContentCon .sideRight section{margin-bottom: 1em;} #pageContentCon .sideRight .content{ float:left; width:55.15873015873016%} #pageContentCon .sideRight .sideColumn{float:right; width:40.87301587301587%;} /*** Side column left ***/ #pageContentCon .sideLeft section{margin-bottom: 1em;} #pageContentCon .sideLeft .content{ float:right; width:54.76190476190476%;} #pageContentCon .sideLeft .sideColumn{float:left; width:40.47619047619047%;} /**** Callouts ****/ section.calloutGrey{background:#797979;} .calloutGrey h1, .calloutGrey h2, .calloutGrey h3, .calloutGrey h4, .calloutGrey h5, .calloutGrey h6{color:#fff;} .calloutGrey .wrapper{color:#fff; font-size:36px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 300; line-height:1.3; padding:1em 2%;} .calloutGrey .wrapper p:last-child{margin-bottom:0;} .calloutGrey .wrapper a{color:#fff; text-decoration:underline;} .calloutGrey .wrapper a:hover{color:#C6BD0D; text-decoration:underline;} /** Three Column **/ .calloutGrey .col3 .col{float: left; width:33.3333333333333%;} .calloutGrey .col3 .col img{padding:20%;} section.calloutGrey.noPad .wrapper{padding:0;} /** Three Column Icon **/ .calloutGrey .col3.icon .col{text-align:center; padding:2%;} .calloutGrey .col3.icon .col img{padding:20px 18% 0; margin:0 auto 5px;} .calloutGrey .col3.icon .col .iconText{text-transform:uppercase; font-size:24px; display:block; text-align:center; padding-bottom:20px;} /***** Staff Columns ******/ h2.smSectionTitle{margin:0; padding: 1.25em 0 0; text-transform: uppercase;} .calloutGrey.staff .staffMember .col{text-align:center; padding:2%;} .calloutGrey.staff .staffMember .col img{padding:0; margin:0 auto 15px; width: 100%;} .calloutGrey.staff .staffMember .col a{display:block; text-decoration: none;} .calloutGrey.staff .staffMember .col a .hold{display:block;} .calloutGrey.staff .col .staffName{font-size: 26px; text-transform:uppercase; margin-bottom: .2em;} .calloutGrey.staff .col .iconText{text-transform:uppercase; font-size:16px; display:block; text-align:center; padding-bottom:20px;} /** Two Column **/ .calloutGrey .col2.staffMember .col{float: left; width:50%; padding:2.5% 13%;} .calloutGrey .col2.staffMember .col img{} /** Three Column **/ .calloutGrey .col3.staffMember .col{float: left; width:33.3333333333333%; padding:2.5% 6%;} .calloutGrey .col3.staffMember .col img{} /** Four Column **/ .calloutGrey .col4.staffMember .col{float: left; width:25%; padding:2%;} .calloutGrey .col4.staffMember .staffName{font-size: 24px;} .calloutGrey .col4.staffMember .col img{} /** Five Column **/ .calloutGrey .col5.staffMember .col{float: left; width:20%; padding:2%;} .calloutGrey .col5.staffMember .staffName{font-size: 20px;} .calloutGrey .col5.staffMember .iconText{font-size: 14px;} .calloutGrey .col5.staffMember .col img{} /** Six Column **/ .calloutGrey .col6.staffMember .col{float: left; width:16.66666666666666%; padding:2%;} .calloutGrey .col6.staffMember .staffName{font-size: 16px; font-weight: 700;} .calloutGrey .col6.staffMember .iconText{font-size: 13px;} .calloutGrey .col6.staffMember .col img{} /**** CTA ****/ section.ctaBlue{background-color:#038a8c; background-image:url(assets/images/common/ctaBckgrdStar.png); background-repeat: no-repeat; background-position:95% 0; background-size:550px 330px;} .ctaBlue .wrapper{color:#fff; font-size:30px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 300; line-height:1.3; padding:1em 1.19047619047619% 1em 0.79365079365079%; text-align:center;} .ctaBlue .wrapper p{margin-bottom:25px;} .ctaBlue .wrapper p:last-of-type{} .ctaBlue .wrapper p .italic{font-family:proxima-nova, Helvetica, Arial, sans-serif; font-weight:300; font-style: italic;} .ctaBlue .wrapper .button{border:1px solid #fff; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:700; text-transform:uppercase; padding:0 20px; font-size:30px; background:#038a8c; color: #fff; background:rgba(2, 88, 89, 0); line-height:2; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear;} .ctaBlue .wrapper .button:hover{background:#025859; background:rgba(2, 88, 89, 1); text-decoration: none;} /**** Red Banner ***/ .redStarBanner{background-color:#9e0d12; background-image: url(assets/images/common/redStar.png); background-repeat:no-repeat; background-position:10% -100px; background-size:675px;} .redStarBanner .wrapper{padding:45px 0; color:#fff; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 300; font-size:36px; line-height:1.3;} .redStarBanner .wrapper p{margin-bottom:20px;} .redStarBanner .wrapper p:last-child{margin-bottom:0;} .redStarBanner .wrapper p a{color:#fff; text-decoration:underline;} .redStarBanner .wrapper p a:hover{color:#CECECE;} /*-------------------------------------------------------------- 12.3 Sidebar Content --------------------------------------------------------------*/ .sideColumn .sideItem{margin-bottom:45px;} section .sideColumn .sideItem:last-of-type{margin-bottom: 0;} .sideColumn h3{font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500; font-size:30px;} /***** Side Column - Section Buttons *****/ .sideColumn .sectionButton{ width:100%; margin-bottom:14px;} .sideColumn .sectionButton a, .sideColumn .sectionButton .si-item{color:#fff; text-decoration:none; padding:5.8252427184466% 6% 5.8252427184466% 7% ; width:100%; display:block; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear;} .sideColumn #tia.sectionButton a, .sideColumn #tia.sectionButton{background:#8fb9de;} .sideColumn #ab.sectionButton a, .sideColumn #ab.sectionButton{background:#5a8ab5;} .sideColumn #yai.sectionButton a, .sideColumn #yai.sectionButton{background:#1c4f7f;} .sideColumn #nf.sectionButton a, .sideColumn #nf.sectionButton{background:#00274c;} .sideColumn .sectionButton .buttonHeader .icon{float:left; width:20.2247191011236%; margin-right:3.37078651685393%;} .sideColumn .sectionButton .buttonHeader .icon img{width:100%; height:auto;} .sideColumn .sectionButton h3{float: left; color:#fff; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size:36px; display:block; width:76.40449438202247%; line-height: 1.2;} .sideColumn .sectionButton .description{font-size:16px; font-family:proxima-nova, Helvetica, Arial, sans-serif; letter-spacing:.025em;} .sideColumn #yai.sectionButton .description{letter-spacing:.005em;} .sideColumn .sectionButton a:hover{background:#001931 !important;} /***** Side Column Indent ******/ .sideColumn .indent{border-left:12px solid #bbb20b; padding:10px 6% 5px 6%; font-family: proxima-nova, Helvetica, Arial, sans-serif;} .sideColumn .indent h3{color:#bbb20b; font-size:26px;} .sideColumn .indent ul{padding:0; margin:0; list-style:none;} .sideColumn .indent ul li{padding:0; margin:0 0 15px 0; line-height:125%} /***** Blog List *****/ .sideColumn .sideItem.blogList{ margin-bottom:1.5em;} /***** Side Column - Testimonial and quotes *****/ .sideColumn .testImage img{width:100%; margin-bottom:45px;} .sideColumn .testimonial, .sideColumn .quote{ border-left:12px solid #bbb20b; padding:10px 6% 5px 6%; font-family:proxima-nova, Helvetica, Arial, sans-serif;} .sideColumn .testimonial h3, .sideColumn .quote h3{color:#bbb20b;} .sideColumn .testimonial blockquote, .sideColumn .quote blockquote{ border:0 none; padding:0; color:#017d80; font-size:24px; font-style:normal; line-height:1.5; margin-bottom:.5em;} .sideColumn .testimonial blockquote cite, .sideColumn .quote blockquote cite{font-size:18px; font-family:proxima-nova, Helvetica, Arial, sans-serif; font-weight:500; font-style: italic; color:#bbb20b;} /******* Locations Map Page *********/ /*** Map Search Area ***/ #wpsl-wrap #search-intro-text{line-height: 1.2; margin-bottom: .5em; font-size: 14px;} #wpsl-wrap .wpsl-search{background: none;} #wpsl-wrap .wpsl-search, #mapRadioLayer, #mapSelectionCon {width: 30.3968253968254%; margin:0 3.96825396825397% 28px 0; float: left; display: block; clear: left;} #radioLayerButton, #mapSelectionButton{display: none;} /***** Map Window *****/ #pageContentCon #wpsl-gmap{position: absolute; top: 57px; right: 0; width:65.63492063492063%; height: 645px !important;} #pageContentCon #wpsl-result-list{margin-top: 740px;} #mainMapPage .gm-style-iw h3{font-size: 18px; text-transform: none; margin-bottom: 2px; font-family: proxima-nova, Helvetica, Arial, sans-serif;} #mainMapPage .gm-style-iw br{ display: none;} #mainMapPage .gm-style-iw h4{font-size: 14px; text-transform: none; font-family:proxima-nova, Helvetica, Arial, sans-serif; font-weight: 700;} #mainMapPage .gm-style-iw a{color:#038a8c;} #mainMapPage .gm-style-iw a:hover{text-decoration: underline;} /****** Map Key ******/ #mapKey{display: block; position: absolute; color:#000; width:65.63492063492063%; top: 0; right: 0; font-size: 12px; text-transform: uppercase;} .keyItem{float: left; margin-right: 1%; padding:10px 12px 10px 14px; letter-spacing: .05em; display: block;} .keyImage{width: 23px; height: 30px; position: absolute; margin-right: 3px; margin-top: 0; margin-bottom: 0;} #keyCareer{background:#e2e9ef; width: 20.5%;} #keyYouth{background:#e1f4f2; width:20.5%;} #keyWorkforce{background:#f5f4df; width:30.75%;} #keyMulti{background:#f0dbdc; margin-right: 0; width: 25.25%;} .keyText{padding-top:7px; line-height: 1.2; padding-left: 26px;} #keyWorkforce .keyText{padding-top:2px;} /**** Map Zip Search ****/ #mainMapPage .wpsl-search{padding:0; position: relative;} #mainMapPage .wpsl-search form{position: relative;} /** zip input **/ #mainMapPage .wpsl-search .wpsl-input{width:60.57441253263708%; margin:0;} #mainMapPage .wpsl-no-filters #wpsl-search-wrap .wpsl-input{width:60.57441253263708% !important; margin:0;} #mainMapPage .wpsl-search .wpsl-input input{width: 100%; margin: 0; border-radius: 0 !important; border: 1px solid #b9b9b9; border-right: 0 none; line-height: 45px; height: 45px; font-size: 18px; font-family:proxima-nova, Helvetica, Arial, sans-serif;} /** zip search button **/ #mainMapPage .wpsl-search-btn-wrap{width:39.42558746736292%; margin: 0; clear: none;} #mainMapPage .wpsl-search-btn-wrap input{margin: 0; width: 100%; text-transform: uppercase !important; background: #038a8c; color: #fff; line-height: 45px; height: 45px; border: 0; padding: 0; border-radius: 0 !important; font-size: 18px; font-family:proxima-nova, Helvetica, Arial, sans-serif;} #mainMapPage #wpsl-search-wrap #wpsl-search-btn{margin: 0;} /**** Map Radio Box ****/ #mapRadioLayer{border-left: 12px solid #acacac; padding-left: 20px; margin:0 0 28px;} #mapRadioLayer h2{color:#acacac; font-size: 30px; text-transform: uppercase; font-weight: 500; margin-bottom: 5px;} #mapRadioLayer label{font-size:18px; font-family:proxima-nova, Helvetica, Arial, sans-serif; font-weight: 400; margin-bottom:.2em;} /** Radio Buttons **/ #mapRadioLayer input[type=radio].fancy-radio { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #mapRadioLayer input[type="radio"], #mapRadioLayer .checked{ display: none; } #mapRadioLayer input[type="radio"].fancy-radio:checked ~ .checked{ display: inline-block; color: #038a8c; } #mapRadioLayer input[type="radio"].fancy-radio:checked ~ .unchecked{ display: none; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-box { max-width: 300px; font-size: 14px; font-family: proxima-nova, Helvetica, Arial, sans-serif; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-content{padding: 15px; line-height: 1.5;} .tooltip{cursor: pointer;} /**** Map Selection Box ****/ #mapSelectionBox{border-left: 12px solid #c6bd0d; padding-left: 20px;} #mapSelectionBox.screen{ display: block !important;} #mapSelectionBox h2{color:#c6bd0d; font-size: 30px; text-transform: uppercase; font-weight: 500; margin-bottom: 5px;} #mapSelectionBox .mapOptionItem label{font-size:18px; font-family:proxima-nova, Helvetica, Arial, sans-serif; font-weight: 400;} /** Check boxes **/ #mapSelectionBox label{margin-bottom:.2em; display:inline;} #mapSelectionBox .fancy-checkbox input[type="checkbox"], #mapSelectionBox .fancy-checkbox .checked { display: none; } #mapSelectionBox .fancy-checkbox .checked, #mapSelectionBox .fancy-checkbox .unchecked{position: absolute; left: -5px; top:6px;} #mapSelectionBox .parentCheck .fancy-checkbox .checked, #mapSelectionBox .parentCheck .fancy-checkbox .unchecked{position: absolute; left: -5px; top:4px;} .loc-service-checks{} #mapSelectionBox .fancy-checkbox input[type="checkbox"]:checked ~ .checked { display: inline-block; color:#038a8c; } #mapSelectionBox .fancy-checkbox input[type="checkbox"]:checked ~ .unchecked { display: none; } /** New for child parents checks ***/ #mapSelectionBox .mapOptionItem.parentCheck label{font-size: 22px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500;} #mapSelectionBox .mapOptionItem.parentCheck label .checked, #mapSelectionBox .mapOptionItem.parentCheck label .unchecked{font-size: 20px;} #mapSelectionBox .mapOptionItem.parentCheck{padding-left: 22px; position: relative; line-height: 1.2; margin-bottom: 5px; margin-top: 30px;} #mapSelectionBox .mapOptionItem.parentCheck.parent76{ margin-top:10px !important;} #mapSelectionBox .mapOptionItem.childCheck{padding-left: 20px; position: relative; margin-left: 27px; line-height: 1.3; margin-bottom: 4px;} #mapSelectionBox .mapOptionItem.childCheck label{font-size: 14px;} /**** List Results *****/ #pageContentCon #wpsl-result-list h2{text-transform: uppercase; font-size:30px; color:#494949; margin-bottom: 5px;} #pageContentCon #wpsl-result-list{width: 100%; height: auto;} #pageContentCon #wpsl-stores{height: auto !important; font-size: 16px;} #mainMapPage #wpsl-wrap #wpsl-result-list li{ background:#f2f2f2; margin-bottom: 8px; border: 0 none; padding: 1.7% 2% .75%; color:#494949;} #mainMapPage #wpsl-wrap #wpsl-result-list li a{color: #038a8c;} #mainMapPage #wpsl-wrap #wpsl-result-list li a:hover{text-decoration: underline;} /** header **/ #mainMapPage .locationHeader{margin-bottom: 1em; display:block;} #mainMapPage .locationHeader .locationNumber{float: left; font-size: 60px; display: inline-block; line-height: 1; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 700; color:#038a8c; margin-right: 15px;} #mainMapPage .locationHeader .con{float: left; display:block;} #mainMapPage .locationHeader .locationName{display: inline-block;} #mainMapPage .locationHeader .locationName h3{ font-weight:700; font-size:20px; font-family:proxima-nova, Helvetica, Arial, sans-serif; color:#038a8c; margin-bottom:0; text-transform: none; display: inline-block; margin-right: 10px;} #mainMapPage .locationHeader .locationDistance{font-style:italic; display: inline-block;} #mainMapPage #wpsl-result-list ul{line-height: 1.5;} #mainMapPage #wpsl-result-list ul li .locationColumn{float: left; width: 33%; padding-right: .3%;} #mainMapPage #wpsl-result-list ul li h4{font-size: 18px; line-height: 1.5; margin-bottom: 0; font-family:proxima-nova, Helvetica, Arial, sans-serif; font-weight: 700; text-transform: none;} #mainMapPage #wpsl-result-list ul li .locationCon{margin-bottom: 1.5em;} /*** Column 1 ***/ #mainMapPage #wpsl-result-list ul li .col1{clear: left;} #mainMapPage #wpsl-result-list ul li .col1 .locationAdd div{ display: inline-block;} /*** Column 3 ***/ #mainMapPage #wpsl-result-list ul li .col4 table.wpsl-opening-hours{} /*-------------------------------------------------------------- 12.4 Footer --------------------------------------------------------------*/ footer#mainFooter{} #superFooterCon{background:#2f2f2f;} #superFooterCon .wrapper{padding:40px 0;} #superFooterCon .footCol{ color:#aeaeae; font-size:18px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500;} #superFooterCon .footCol p{margin-bottom:1em; line-height:1.3;} #superFooterCon .footCol p:last-child{margin-bottom:0;} #superFooterCon .footCol h3{font-family: proxima-nova, Helvetica, Arial, sans-serif; color:#FFF; font-size:24px; font-weight:400;} #superFooterCon .footCol a{color:#fff;} #superFooterCon .footCol a:hover{color:#c6bd0d; text-decoration:none;} #superFooterCon .footCol ul{margin:0; padding:0; list-style-type:none;} #superFooterCon .footCol ul li{margin:0 0 .8em 0; line-height:1.2; display: inline-block;} #superFooterCon .footCol ul li a{line-height:1.2;} #superFooterCon .footCol ul li:last-child{margin-bottom:0;} #superFooterCon .footCol ul li .date{font-size:14px;} #superFooterCon #footContact2{color:#fff;} /*** Foot Social Icons ***/ #superFooterCon ul.socialFooter li{margin: 0 1em 0 0 !important; padding-left: 0;} /**** Footer Search ****/ #footerSearch form{position: relative;} #footerSearch input#s{border: 0 none; background-color:#383838; background-image: url("assets/images/common/search-icon.png"); background-repeat: no-repeat; background-position: left 15px center; height: 72px; line-height: 72px; padding-left: 50px; padding-right: 170px; color: #fff; font-size: 20px;} #footerSearch #searchsubmit{position:absolute; top: 0; right: 0; height: 72px; line-height: 72px; padding: 0 1em; font-size: 24px; background:#232323; color:#fff; font-weight: 600; } #footerSearch #searchsubmit:hover{background: #000;} /*** Good Wages ***/ #goodwages{font-size: 18px; color:#909090; border-bottom: #f5f5f5 solid 3px;} /*** Copyright ****/ #copyrightCon{background:#fff;} #copyrightCon .wrapper{ padding: 20px; font-size:12px; text-align:center; color:#929191;} #copyrightCon .wrapper a{color:#929191; text-decoration:underline;} #copyrightCon .wrapper a:hover{color:#9e0d12;} /*-------------------------------------------------------------- 12.5 Home Page --------------------------------------------------------------*/ /*** Home Banner ***/ .home #homeBannerBackgrd{position: relative; top:0; left:0; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%;} .home .home-banner h2{font-size: 60px; font-weight: 700; color:#fff; text-transform: uppercase; line-height: 1.1; margin-bottom: .75em; font-family: 'Poppins', sans-serif; letter-spacing: .01em;} .home .banner-content{font-size: 30px; color: #fff; line-height: 1.3;} .home .banner-link a.button{border:2px solid #fff; background-color:#038a8c; background-color:rgba(3, 138, 140, 0); font-weight: 600; text-transform: uppercase; font-size: 18px; color: #fff; text-decoration: none !important;} .home .banner-link a.button:hover{border:2px solid #fff; background-color:#fff; background-color:rgba(255, 1255, 255, 1); color:#038a8c; text-decoration: none;} /*** Home Banner news box ***/ .home-news-box{background: #2f2f2f;} .home-news-box a{color: #fff !important; text-decoration: none !important;} .home-news-box a:hover{text-decoration: underline !important; color: #fff !important;} .home-news-box ul{list-style: none; margin: 0; padding: 0;} .home-news-box li{margin: 0 0 1.5em; padding: 0; font-weight: 600;} .home-news-box li:last-of-type{margin-bottom: 0;} .hnb-title h3{font-size: 16px; color: #b8b8b8; margin-bottom: 1.75em; font-weight: 700;} /*** Intro ***/ .home .introContent{border-left:#c6bd0d solid 11px; font-size: 36px; font-weight: 300; font-style: italic; color:#222;} /*** Promo Area ****/ section#homePromo{margin-bottom: 0;} #homePromo{ background:#038A8C; color: #fff; font-size: 28px; line-height: 1.4; letter-spacing: .03em;} #homePromo .d-flex{display: flex; align-items: center; justify-content: center; padding: 20px 0;} #homePromo .item{padding: 0 13px;} #homePromo .item img{height: inherit; max-height: 70px; width: auto; max-width: inherit;} #homePromo a{text-decoration: none; color: #fff; display: block;} #homePromo a:hover{color:#333333;} /*** Content Area ****/ #homeContentSection .wrapper{ padding-top:70px; padding-bottom:0;} /*** Stat Area ***/ .home .stat-number{font-size:96px; font-weight: 700; font-family: 'Poppins', sans-serif;} .home .stat-content{font-size:16px;} .home .stat-button a.button{border: 2px solid #fff; background-color:#9e0d12; background-color:rgba(158, 13, 18, 0); font-size: 18px; font-weight: 600; color:#fff; text-decoration: none !important;} .home .stat-button a.button:hover{background-color:#7a0812; background-color:rgba(122, 8, 18, 1); text-decoration: none;} /**** Home Resourse Area *****/ .greyBanner{background: #e7e7e7; } #homeResourceArea h2{color: #038a8c; font-weight: 700; font-size: 60px; font-family: 'Poppins', sans-serif;} #homeResourceArea .resource{background:#fff;} #homeResourceArea .resource .resource-name{font-size: 24px; font-weight: 600;} #homeResourceArea .resource .resource-name a{color:#bf202f; text-decoration: none;} #homeResourceArea .resource .resource-name a:hover{text-decoration: underline;} /**** Section Buttons ****/ #homeSectionButtons{} #homeSectionButtons .sectionButton{margin-bottom:55px;} #homeSectionButtons .sectionButton:last-child{margin-bottom:0;} #homeSectionButtons a{display:block; text-decoration:none; background:#fff; padding:1%; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear;} #homeSectionButtons a:hover{background:#E7E7E7;} #homeSectionButtons a .icon{float:left; width:15%;} #homeSectionButtons a .buttonContent{float:left; width:85%; padding-left:3.75494071146245%;} #homeSectionButtons a h3{font-size:24px; font-family: proxima-nova, Helvetica, Arial, sans-serif; margin-bottom:5px; font-weight: 600;} #homeSectionButtons .sectionButton a h3{color:#4a4a4a;} #homeSectionButtons a .description{font-size:16px; color:#494949; line-height:1.4; letter-spacing:.035em;} .home .ctaBlue .wrapper{text-align:left;} /*-------------------------------------------------------------- 12.6 Interior Pages --------------------------------------------------------------*/ /************* Services ****************/ #neighborhoodPri{background:#e7e7e7; padding:1.58730158730159% 5% 1.58730158730159% 1.58730158730159%; color:#494949;} #neighborhoodPri h2{color:#000; font-size:44px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500; margin-bottom:25px; line-height:1.1;} #npMap{float:left; width:50%;} #npContent{float:right; width:46%; line-height:1.3;} #npContent p{margin-bottom:2em;} #npContent .button{ font-size:18px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:500; color:#fff; padding:20px 25px; background:#9e0d12; line-height:1.2; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear;} #npContent .button:hover{background:#61070a;} /************** Target Impact *****************/ #mapHolder{ padding:0 5% 2em;} #mapHolder .images .left{border-right:1px solid #333;} /************** Team Overview ******************/ #secondaryNavRow{background:#313131; height:64px;} #secondaryNav, #secondaryNav ul{float:left; list-style:none; margin:0; padding:0;} #secondaryNav ul li{float:left;} #secondaryNav ul li a{float:left; line-height:64px; background:#313131; color:#fff; padding:0 10px; margin:0 10px 0 0; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:500; font-size:14px; text-transform:uppercase; text-decoration:none; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear;} #secondaryNav ul li a:hover{ background:#141414;} /* Filter Navigation */ /*Style 'show menu' label button and hide it by default*/ #filterCon label.show-menu {background:#9E0D12; 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:#840B15;} /*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:14px; color:#999; margin-bottom:25px;} #filterText{display:inline-block;} #filterCon ul{display:inline; margin:0; padding:0; list-style:none;} #filterCon li{display: inline-block; padding-left:0;} #filterCon li a{ margin-right:22px; text-decoration:none; letter-spacing:.025em; color:#bf202f;} #filterCon li a:hover{ text-decoration:underline; background:none; cursor:pointer; color:#840B15; } #boxHolder .mix{ display:none;} /**** Team Boxes ****/ #leadBoxHolder{margin-bottom:30px;} .leadBox{float:left; width:33.333333333333333%; height:auto; font-size:18px; line-height:1.3;} .leadBox a{text-decoration:none !important; display:block;} .leadBox a:hover{text-decoration: none;} .leadBox a .insideBox{padding:1.66666666666666%; background:#fff; border:1px solid #fff; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear;} .leadBox a:hover .insideBox{text-decoration:none; border:1px solid #bbb20b;} .leadBox a .name{color:#118588; text-transform:uppercase; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:normal;} .leadBox a .title{color:#777777; text-transform:uppercase; font-family:proxima-nova, 'Open Sans', Helvetica, Arial, sans-serif; font-style: italic;} .leadBox a img{margin-bottom:7px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .teamBox{float:left; width:16.66666666666667%; font-size:12px; line-height:1.4; display:block;} .teamBox .outsideBox{text-decoration:none; display:block; color: #777;} .teamBox .outsideBox .insideBox{ padding:3.3333333333333333%; background:#fff; border:1px solid #fff; display:block; height: 340px !important; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear;} .teamBox .memberInfo {border-left:#d8d8d8 solid 6px; padding-left: 8px; } .teamBox .outsideBox .name{font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:700; display:block; color: #777;} .teamBox .outsideBox .title{color:#777777; font-family:proxima-nova, Helvetica, Arial, sans-serif;} .teamBox .outsideBox img{margin-bottom:7px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .teamBox .outsideBox .department{display:block;} .teamBox .outsideBox .email{word-wrap: break-word;} .teamBox .outsideBox .email a{color:#118588;} /***** Team Single *******/ #tpTopCon{ background:#e5e5e5; padding:2%; margin-bottom:20px;} #tpTopCon #tpImage{float:left; width:45%; padding-right:2%;} #tpTopCon.leadership #tpImage{float:none; width:100%; padding-right:0; margin-bottom:2%;} #tpTopInfoCon{float:left; width:55%;} #tpTopCon.leadership #tpTopInfoCon{float:none; width:100%;} #tpTopInfoCon h2{font-size:30px; color:#017d80; text-transform:uppercase; margin-bottom:5px; margin-top:35px;} #tpTopInfoCon h3{font-size:24px; color:#494949; margin-bottom:3px;} #tpTopInfoCon h4{font-size:18px; color:#494949; text-transform:none;} #tpTopInfoCon .info{display:block; padding-top:20px;} /************** Resources ******************/ #resources_wrap h4{} ul.resources{list-style:none; margin:0 0 40px; padding:0;} ul.resources li.resource{float:left; width:16.66666666666667%; font-size:12px; line-height:1.3; display:block;} ul.resources li.resource a{text-decoration:none; display:block;} ul.resources li.resource a .resourceInside{padding:3.3333333333333333%; background:#fff; border:1px solid #fff; display:block; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; } ul.resources li.resource a:hover .resourceInside{text-decoration:none; border:1px solid #bbb20b;} ul.resources li.resource a img{margin-bottom:7px; border:1px solid #dbd9d9;} ul.resources li.resource a .resourceTitle{color:#118588; text-transform:uppercase; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:500; display:block;} /************** Funders ******************/ ul#funders_logos{list-style:none; margin:0 0 40px; padding:0; text-align:center; font-size:0;} ul#funders_logos li.logoItemCon{width:16.25%; font-size:12px; line-height:1.3; display: inline-block; padding-left:8px; margin-bottom:8px;} .logoSquare { position: relative; width: 100%; } ul#funders_logos li.logoItemCon a{text-decoration:none; display:block;} ul#funders_logos li.logoItemCon a:hover{text-decoration:none;} ul#funders_logos li.logoItemCon a:hover .logoTitle{color:#015c5e;} .logoSquare:after { content: ""; display: block; padding-bottom: 100%; } .logoImgHolder{position: absolute; width: 100%; height: 100%; display:block; border:1px solid #dbd9d9; } ul#funders_logos li.logoItemCon a .logoImgHolder{ border:1px solid #dbd9d9; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; } ul#funders_logos li.logoItemCon a:hover .logoImgHolder{ border:1px solid #bbb20b; } .logoImgHolder img{ padding:10%; height: auto; width:auto; max-height:100%; max-width:100%; position: absolute; top: 50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .logoTitle{color:#118588; text-transform:uppercase; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight:500; display:block; padding-top:7px;} /************ Policies ****************/ h3.accordion-title{font-size: 22px; cursor: pointer; background: url( assets/images/common/bullet_close.png;) no-repeat left top; background: url( assets/images/common/bullet_open.png;) no-repeat left top; background-size: 26px 26px; padding-left: 32px; color: #017d80; margin-left: 1em;} h3.accordion-title:hover{} h3.accordion-title.open{background: url( assets/images/common/bullet_close.png;) no-repeat left top; background-size: 26px 26px;} .accordion-content{margin-left: 2.25em;} /************ Contact ****************/ .contactInfoCon{margin-bottom:1.5em;} .contactInfoCon .icon{float:left; width:10%; padding-right:5%; font-size:30px; line-height:1;} .contactInfoCon .sideContactContent{float:left; width:90%; font-size:16px;} .contactInfoCon .sideContactContent h3{margin-bottom:0; font-size:26px;} #contactMap{margin-bottom:25px;} /*** Gravity Form ***/ .gform_body ul li{padding-left:0;} /************ Calendar ********************/ /*.content #tribe-events-content .tribe-events-tooltip h4{line-height:1.2; padding-bottom:6px; padding-top:6px;} .content #tribe-events-content .tribe-events-calendar td .tribe-events-abbr{font-weight:700; margin-bottom:4px; display:block;} /*.events-archive.events-gridview .content #tribe-events-content table .type-tribe_events{margin: 0 !important; padding: 0 !important;}*/ /*#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title{padding: 0 !important; font-size: 100% !important;} /*.events-archive.events-gridview #tribe-events-content table .type-tribe_events{border-bottom: 0 none !important;}*/ #tribe-events-content a:hover{text-decoration: underline;} .tribe-events-read-more{} /***** Calendar List *****/ .content .tribe-events-list .tribe-events-list-event-title, .content #tribe-geo-results h2{font-size:30px; margin-bottom:.5em;} .content .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta{margin-bottom:1.5em;} .content .tribe-address{ display:block;} .content .tribe-events-list .tribe-events-venue-details{line-height:1.7; font-weight:400;} #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title{padding: 4px !important;} .content .tribe-events-list .tribe-events-loop .tribe-event-featured{background: none; padding: 2.25em 0;} .content .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-content, .content .tribe-events-day .tribe-event-featured .tribe-events-content{color: #494949;} .content .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-meta{color:#494949; font-weight: 700;} .content .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-title a{color: #000;} .content .tribe-events-list .tribe-events-loop .tribe-event-featured a {color:#bf202f;} .content .tribe-events-list .tribe-events-loop .tribe-event-featured a:hover {color:#840B15;} /************ Calendar Single **************/ .content #tribe-events-header{display:none;} .content #tribe-events .tribe-events-content p{margin-bottom:20px;} /************ Calendar Map *************/ .content .tribe-events-map h2.tribe-events-page-title{font-size:30px; text-transform:uppercase; margin-bottom:30px;} /************* Search Form *****************/ .search-form label{display:inline-block;} .search-form input[type="search"]{width:25%; display: inline-block; height:42px;} .content #searchform input#s{width:25%; display: inline-block; height:42px;} /************************ Decision Tree ******************/ #bglock{opacity: .5 !important;} #fancybox-content, .employindy .modal-survey-container {background:#F2F2F2 !important; border-color:#F2F2F2 !important; position: fixed !important; margin-left: -250px !important; margin-right: auto !important; width: 480px !important; left: 50% !important; padding: 10px; -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);} #fancyboxID-2 .survey_question, .modal-survey-container .survey_question{ display: block !important; border:0 none !important; background:none !important; font-size:28px !important; line-height:1.1 !important; padding:10px 0 !important; text-align:left !important; font-weight:400 !important; color:#bf202f !important; margin-top:5px !important;} #fancyboxID-2 .survey_question span, .modal-survey-container .survey_question span{line-height:1.3 !important; padding:3px 38px !important;} #fancyboxID-2 .survey_answers, .modal-survey-container .survey_answers{font-size:16px !important; color:#fff !important; background:none !important; background:#4A4A4A !important; border:1px solid #4A4A4A !important; line-height:1.4 !important; text-align:left !important; float: left;} #fancyboxID-2 .backbutton, .modal-survey-container .backbutton{border:0 none !important; background:none !important; left:-10px !important; top: 5px; width: auto !important; position: absolute !important;} .survey_answer_choice_back img{ margin-left: 0 !important;} /** close survey **/ .modal-survey-container .cl_survey{top: -14px !important; right: -14px !important;} .modal-survey-container #close_survey{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(assets/images/common/close.png) no-repeat; width: 28px; /* Width of new image */ height: 28px; /* Height of new image */ padding-left: 28px; /* Equal to width of new image */ } /** Survey end box **/ .survey_endcontent{background-image: none !important; border: 0 none !important; font-size: 18px !important;} /*** survey login ***/ .post-password-form input[type="password"]{ max-width: 400px;} /*********** SmartSheets iframe ************/ .intrinsic-container {height: 0; overflow: hidden;} /* 16x9 Aspect Ratio */ .intrinsic-container-16x9 {padding-bottom: 56.25%;} /* 4x3 Aspect Ratio */ .intrinsic-container-4x3 {padding-bottom: 75%;} .intrinsic-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%; } /***************** PDF Reader Plugin *********************/ .content div.pdfemb-toolbar div{display:none;} .content div.pdfemb-toolbar button.pdfemb-btndisabled{display:none;} .content div.pdfemb-toolbar button{margin-left: 4px;} /*-------------------------------------------------------------- 12.5 Posts --------------------------------------------------------------*/ /******************* Blog Overview ************************/ .content article hr.btm{margin-top:20px;} .content article:last-of-type hr.btm{display:none;} .content .footnote_plugin_tooltip_text{top:3px;} #paging-bottom{width:100%; display:block; clear:both;} #paging-bottom .alignleft, #paging-bottom .alignright{ background: #bf202f; display: block; width: 32%; } #paging-bottom .alignleft a, #paging-bottom .alignright a{ background: #bf202f; 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: #840B15; } .sideColumn .blogList li a{color:#017d80;} /********************* Gobot Override *********************/ #gobot-wrapper #gobot.active #gobot-header>h3 { display: none !important; } #gobot-wrapper #gobot.active #gobot-name { margin-top: 11px !important; } #gobot-wrapper #gobot-footer>a { display: none !important; } #gobot-wrapper #gobot.active #gobot-back { display: none !important; } /********************* WordPress Styles *********************/ #postTitle h1{margin-bottom:5px !important; line-height:115%; text-transform:none !important;} #postTitle a {text-decoration:none; text-transform:none !important;} #postTitle h2 a{color:#313131;} #postTitle h2 a:hover{color:#313131; text-decoration:underline;} #postInfo {color:#9f9f9f; font-size:14px; margin:0 0 20px 0; clear: both; font-style:italic;} .centerBtn{text-align:center; display:block; width:100%;} .standout{font-size:24px; color:#777; font-style:italic; border-left:12px solid #bbb20b; padding:5px 0 5px 3.81679389312977%; line-height:1.4; margin-bottom:20px; } .no-margin-bottom, p.no-margin-bottom{margin-bottom: 0;} /*-------------------------------------------------------------- 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 Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} img.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:38%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} img.alignnone {margin: 0 0 10px 0; max-width:100%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} img.aligncenter {clear: both; display: block; margin: 0 auto 10px; max-width:100%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .wp-caption.alignnone{max-width: 100%; height: auto;} .wp-caption.alignright{float:right; margin:5px 0 15px 5%; max-width:40%; height:auto; border:1px solid #e1dbd8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .wp-caption.alignleft{float:right; margin:5px 5% 15px 0; max-width:40%; height:auto; border:1px solid #e1dbd8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .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:5px 15px 5px 0;} .wp-caption {margin-bottom:10px; text-align:center; font-size:11px; color:#9f9f9f;} .wp-caption p{margin-bottom:5px;} .embed-youtube iframe.youtube-player{max-width: 100%;} .homeVideo{position:relative; width:100%; background:#0F0;} .homeVideo.fullscreen{width:100%; height:100vh; margin:0 0 0 calc(50% - 50%); overflow:hidden } .homeVideo.fullscreen video{object-fit: cover; position:absolute; top:0; left:50%; width:auto; transform:translate(-50%, 0)} .articleEventCon { background: rgba(0,0,0,0.65); padding: 30px 0; position: relative; z-index: 100; margin-top: auto; width: 100%; } .articleEventCon .row { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .articleEventCon .row .columnTwoThird, .articleEventCon .row .columnOneThird { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; } .articleEventCon .row .columnTwoThird { flex: 0 0 66.66%; max-width: 66.66%; padding-left: 0; } .home .articleEventCon .row .columnTwoThird{margin: 0 auto;} .articleEventCon .row .columnOneThird { flex: 0 0 33.33%; max-width: 33.33%; border-left: 6px solid; padding-right: 0; } .articleEventCon .articleCon, .articleEventCon .eventCon { display: flex; flex-direction: column; height: 100%; padding-top: 15px; padding-bottom: 15px; } .articleEventCon a { background: none; padding: 0; margin: 0; text-decoration: none; display: inline-block; color:#bbb20b; } .articleEventCon a:hover{text-decoration: underline;} .articleEventCon a h3 { color: #bbb20b; text-transform: capitalize; margin-bottom: 5px; font-size: 23px; line-height: 1.4; display: inline-block; font-weight: 700; } .articleEventCon a h3:hover { color: #bbb20b; text-transform: capitalize; margin-bottom: 5px; font-size: 23px; line-height: 1.4; text-decoration: underline; cursor: pointer; } .articleEventCon h6 { color: #AEAEAE; text-transform: initial; margin-bottom: 20px; font-size: 16px; line-height: 1.4; } .articleEventCon h6 a { color: #AEAEAE; transition: all .15s ease-in-out; text-decoration: none; } .articleEventCon h6 a:hover { color: white; } .articleEventCon p { color: white; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; } .articleEventCon p a.btn { display: none; } .articleEventCon div.cta-wrapper { margin-top: auto; margin-bottom: 4px; } .articleEventCon div.cta-wrapper a { background: #038a8c; color: white; padding: 7.5px 15px; text-transform: uppercase; text-decoration: none; transition: background 200ms linear, color 200ms linear; cursor: pointer; display: inline; } .articleEventCon div.cta-wrapper a:hover { background: #01676A; } .articleEventCon .eventCon { padding-left: 10px; } /*-------------------------------------------------------------- 15.1 Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 16 Media Queries --------------------------------------------------------------*/ @media only screen and (max-width: 479px) { h1, h2, h3, h4, h5, h6{} h1{font-size:26px; margin-bottom:20px;} h2{font-size:22px; margin-bottom:15px;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:16px;} h6{font-size:14px;} .blueList li{font-size:16px;} /******** LAYOUT ****************/ .mobileOnly{display:inline-block;} .mobileHide{display:none;} .wrapper {margin: 0 auto; width:100%; padding-left:5%; padding-right:5%;} .mobileHide{display:none;} /***** Main Header *****/ #mainHeader{ background:#f2f2f2; min-height:60px;} #bannerCon{margin-top:60px;} .noBannerImage{padding-top:60px;} .articleEventCon h3 {font-size: 18px; margin-bottom: 15px;} .articleEventCon h6 {display: none;} .articleEventCon p {display: none} .articleEventCon a {font-size: 12px;} .articleEventCon .articleCon, .articleEventCon .eventCon {padding-top: 0; padding-bottom: 0;} .articleEventCon .row .columnTwoThird .cta-wrapper { margin-bottom: 15px;} .articleEventCon .row .columnTwoThird {flex: 0 0 100%; max-width: 100%; padding-bottom: 15px; padding-left: 15px; border-bottom: 6px solid; margin-bottom: 25px;} .articleEventCon .row .columnOneThird {flex: 0 0 100%; max-width: 100%; border-left: none; padding-right: 15px;} .articleEventCon .eventCon {padding-left: 0;} /** Logo **/ #headTitle{ display:none;} /**** Main Navigation ****/ /******** Navigation ********/ #mainNavCon{ top:0; width:100%;} #utilityNav{ display:none;} #utilityNav .commonLinks{display:none;} #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mobileOnly{display: list-item;} #mainNav #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-left{width:165px; margin-left:4%;} #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-2::before{font-size:32px !important; color:#fff !important; padding:3px; background:#840b15;} #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-3 a.mega-icon::before, #mega-menu-wrap-primary-menu .mega-menu-toggle #mega-toggle-block-3 a.mega-icon::before, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-4 a.mega-icon::before, #mega-menu-wrap-primary-menu .mega-menu-toggle #mega-toggle-block-4 a.mega-icon::before, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-5 a.mega-icon::before, #mega-menu-wrap-primary-menu .mega-menu-toggle #mega-toggle-block-5 a.mega-icon::before{ font-size:16px !important;} #mainNavCon #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-has-children > a.mega-menu-link::after{display:inline-block;} /**** Mega Drop ****/ #mainNav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{padding:0;} #mainNav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{ padding:2px; background:#2b2a2a;} li.mega-menu-item.mega-current-menu-item.mega-toggle-on ul.mega-sub-menu li{display:block;} #mainNav ul li .mmsilist a{padding:5px; width:100%; display:block;} #mainNav ul li .mmsilist a:hover{padding:5px;} #mainNav ul li .mmsilist a .icon{ display:none;} #mainNav ul li .mmsilist a .icon img{padding:0;} #mainNav ul li #mmsiTIA.mmsilist a .icon, #mainNav ul li #mmsiAB.mmsilist a .icon, #mainNav ul li #mmsiYAI.mmsilist a .icon, #mainNav ul li #mmsiNF.mmsilist a .icon{background: none;} #mainNav ul li .mmsilist a .mmsiTitle{ font-size:14px; width:100%; padding:3px 0 3px 1.5%; line-height:1.5;} #mainNav ul li .mmsilist a .mmsiContent{ display:none;} /***** Utility Bar *****/ #utilityBar{display: none;} /*** Banner Content ***/ #masthead #bannerCon{min-height: 100px;} .wrapper.banner-wrapper{padding-top:40px; padding-bottom: 50px;} .wrapper.banner-wrapper #pageTitle h1{font-size: 30px; } .banner-wrapper .banner-content{font-size: 18px; width: 100%;} .banner-wrapper p{margin-bottom: 1em;} .banner-wrapper .banner-button a.button{font-size: 16px;} /******* Page Content *********/ /**** Main Content ****/ /*** Side column right ***/ #pageContentCon .sideRight .content{ float:none; width:100%; margin-left:0; margin-bottom:20px;} #pageContentCon .sideRight .sideColumn{float:none; width:100%; margin-right:0;} /*** Side column left ***/ #pageContentCon .sideLeft .content{ float:none; width:100%; margin-right:0; margin-bottom:20px;} #pageContentCon .sideLeft .sideColumn{float:none; width:100%; margin-left:0;} /******** Regular Content *********/ #pageContentCon{padding:0; font-size:14px;} #pageContentCon #pageTitle .wrapper{padding-top:30px;} .calloutGrey .wrapper{font-size:18px; padding-right:5%; padding-left:5%;} /** Three Column **/ .calloutGrey .col3 .col{float: none; width:100%; margin-bottom:10px; text-align:center;} .calloutGrey .col3 .col img{padding:0; width:50%; height:auto; text-align:center; margin:0 auto; max-width:200px;} .calloutGrey .col3.icon .col img{padding:10px 2.5% 0;} .ctaBlue .wrapper{font-size:18px; padding-right:5%; padding-left:5%;} .ctaBlue .wrapper .button{font-size:18px;} /******* Staff Columns ******/ .calloutGrey .staffMember .col{float: left; width:50% !important; padding:3% !important;} .calloutGrey .staffMember .staffName{font-size: 18px !important; font-weight: 400 !important;} .calloutGrey.staff .staffMember .iconText{font-size:14px !important;} /** Four Column **/ .calloutGrey .col4.staffMember .col{float: left; width:25%; padding:2%;} .calloutGrey .col4.staffMember .staffName{font-size: 24px;} .calloutGrey .col4.staffMember .col img{} /** Five Column **/ .calloutGrey .col5.staffMember .col{float: left; width:20%; padding:2%;} .calloutGrey .col5.staffMember .staffName{font-size: 20px;} .calloutGrey .col5.staffMember .iconText{font-size: 14px;} .calloutGrey .col5.staffMember .col img{} /** Six Column **/ .calloutGrey .col6.staffMember .col{float: left; width:16.66666666666666%; padding:2%;} .calloutGrey .col6.staffMember .staffName{font-size: 16px; font-weight: 700;} .calloutGrey .col6.staffMember .iconText{font-size: 13px;} .calloutGrey .col6.staffMember .col img{} /**** Red Banner ***/ .redStarBanner{background-position:-50px -50px; background-size:140%;} .redStarBanner .wrapper{padding:25px 5%; font-size:20px;} /********* Sidebar Content ************/ .sideColumn h3{ font-size:18px;} /***** Side Column - Section Buttons *****/ .sideColumn .sectionButton h3{font-size:20px; font-family:proxima-nova, Helvetica, Arial, sans-serif; text-align:center; border-bottom:1px solid #fff; padding-bottom:10px; font-weight: 500;} .sideColumn .sectionButton{ width:100%; margin-bottom:10px;} .sideColumn .sectionButton:nth-child(2n+0){margin-right:0;} .sideColumn .sectionButton .buttonHeader .icon{float:none; width:100%; margin-right:0; text-align:center; margin-bottom:10px;} .sideColumn .sectionButton .buttonHeader .icon img{max-width:145px; height:auto; padding:15px;} .sideColumn .sectionButton h3{float: none; display:block; width:100%;} /***** Side Column Indent ******/ .sideColumn .indent{border-left-width:4px;} .sideColumn .indent h3{font-size:18px;} /*** Testimonial ***/ .sideColumn .testimonial, .sideColumn .quote{border-left-width:4px;} .sideColumn .testImage img{margin-bottom:25px;} .sideColumn .testimonial blockquote, .sideColumn .quote blockquote{font-size:16px;} /******* Footer *********/ #superFooterCon .footCol h3{ font-size:20px;} #superFooterCon .footCol{ font-size:16px; width:100%; float:none; border-left:0; border-bottom:1px solid #c6bd0d;} #superFooterCon .footCol:last-of-type{border:0;} #superFooterCon .footCol ul li{padding-left:0;} /*** Good Wages ***/ #goodwages{font-size: 17px;} /******************** PAGES ***************************/ /****************** HOME ********************/ #homeBannerBackgrd .home-banner h2 {font-size: 32px;} #homeBannerBackgrd .banner-content{font-size: 21px;} /*** Hero Image ***/ .heroText { font-size: 26px; padding:0 15px; } /*** Promom Area ****/ #homePromo{font-size: 16px; } #homePromo .d-flex{padding: 20px 0;} #homePromo .item{padding: 0 16px;} #homePromo .item img{max-height: 60px;} /*** Intro ***/ .home .introContent{border-left:#c6bd0d solid 8px; font-size: 20px;} /*** Content Area ****/ #homeContentSection .wrapper{ padding-top:40px; padding-bottom:0;} #pageContentCon section{margin-bottom:20px;} /*** Map Area ***/ #homeMap{float:none; width:100%; border-right:none 0; margin-bottom:20px;} #homeMap img{width:100%;} /**** Section Buttons ****/ #homeSectionButtons{float:none; width:100%; padding-left:0; padding-top:0;} #homeSectionButtons a h3{font-size:18px; text-align:center;} #homeSectionButtons a .description{font-size:14px; text-align:center;} #homeSectionButtons .sectionButton{margin-bottom:20px; padding-bottom:20px; border-bottom:1px #d3d1d1 solid;} #homeSectionButtons .sectionButton:last-of-type{border-bottom:0 none;} #homeSectionButtons a .icon{width:100%; float:none; text-align:center;} #homeSectionButtons a .icon img{padding:15px; max-width:150px;} #homeSectionButtons a .buttonContent{width:100%; padding-left:0;} /*** Stat Area ***/ .home .stat-number{font-size:60px;} /*** Resource Area ***/ #homeResourceArea h2{font-size: 36px;} #homeResourceArea .resource .resource-name{font-size: 18px;} /**************** Services ******************/ #neighborhoodPri{padding:5%;} #neighborhoodPri h2{font-size:18px; margin-bottom:5px;} #neighborhoodPri p{font-size:14px; margin-bottom:15px;} #npMap{float:none; width:100%; margin-bottom:20px;} #npContent{float:none; width:100%;} #npContent .button{font-size:14px; padding:10px 15px; letter-spacing:.04em; text-align:center;} /************** Target Impact *****************/ #mapHolder{ padding:0 0 1.5em;} /************** Team Overview ******************/ #secondaryNavRow{display:none;} /**** Team Boxes ****/ #leadBoxHolder{margin-bottom:15px;} .leadBox{font-size:16px; width:100%;} .leadBox a .insideBox{padding:1.5%;} .teamBox{float:left; width:50%; height:auto; font-size:14px; line-height:1.3; font-size:12px;} /* Filter Navigation */ #filterText{display:none;} #filterCon ul#filter { position: static; display: none; } /*Create vertical spacing*/ #filterCon ul#filter li { margin-bottom: 1px; padding-left:0; padding-bottom:0;} /*Make all menu links full width*/ #filterCon ul#filter li, .work #filterCon ul#filter li a { width: 100%; } #filterCon ul#filter li a{background:#b72227; color:#fff; text-decoration:none; display:block; width:100%; margin:0; padding:2px 2.5%; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #filterCon ul#filter li a:hover{background:#840B15;} /*Display 'show menu' link*/ #filterCon label.show-menu {display:block; margin-bottom:1px;} /***** Team Single *******/ #tpTopCon{ background:#e5e5e5; padding:4%; margin-bottom:20px;} #tpTopCon #tpImage{float:none; width:100%; padding-right:0; margin-bottom:20px;} #tpTopInfoCon{float:none; width:100%;} #tpTopInfoCon h2{font-size:22px; margin-bottom:5px; margin-top:0;} #tpTopInfoCon h3{font-size:18px; margin-bottom:3px;} #tpTopInfoCon h4{font-size:17px; text-transform:none;} #tpTopInfoCon .info{display:block; padding-top:15px; font-size:14px;} /********** Location Map *********/ /*** Map Search Area ***/ #wpsl-wrap .wpsl-search, #mapRadioLayer, #mapSelectionCon{width: 100%; margin:0 0 28px 0; float: none;} #pageContentCon #wpsl-gmap{position:relative; top:inherit; right:inherit; width:100%; height: 450px !important;} #pageContentCon #wpsl-result-list{margin-top:0;} /**** Map Filters *****/ #mapSelectionBox .mapOptionItem.parentCheck label .checked, #mapSelectionBox .mapOptionItem.parentCheck label .unchecked{font-size: 18px; top:2px;} #mapSelectionBox .mapOptionItem.parentCheck{padding-left: 19px;} #mapSelectionBox .mapOptionItem.parentCheck label{font-size: 20px;} #mapSelectionBox .mapOptionItem.childCheck{margin-left: 5px; padding-left: 17px;} #mainMapPage #wpsl-wrap .wpsl-search {width: 100%; margin-bottom: 65px;/* float: left; position: relative; z-index: 100;*/} #mainMapPage #wpsl-search-wrap div{clear: none;} /*** Map Key ***/ #mapKey{ position: inherit; float: none; width: 100%; margin-bottom: 4px;} .keyItem{padding-bottom: 20px;} #keyCareer, #keyWorkforce{width: 49.5%; margin-right: 1%; margin-left: 0; margin-bottom: 1%;} #keyYouth, #keyMulti{width: 49.5%; margin-left: 0; margin-right: 0;} /***** Map Layer Filter Area *****/ #mapRadioLayer{border-left: 6px solid #acacac; padding-left: 15px; margin:0 0 15px;} #mapRadioLayer h2{font-size: 22px;} #mapRadioLayer label{font-size: 16px;} /**** Map Selection Box ****/ #mapSelectionCon{ position: absolute; top: 77px; left: 0; z-index: 50;} #mapSelectionButton{display: block; width: 100%; background:#c6bd0d; text-align: center; color: #fff; text-transform: uppercase; height: 45px; line-height: 45px; float: left; cursor: pointer; font-size: 18px;} #mapSelectionBox{display: none; float: left; clear: left; width: 100%;} #mapSelectionBox{border:1px solid #c6bd0d; padding:15px; background:#F2F2F2;} #mapSelectionBox h2{display: none;} #mapSelectionBox .mapOptionItem label{ font-size: 16px;} /***** List Results *****/ #mainMapPage #wpsl-wrap #wpsl-result-list li{padding: 3%;} #mainMapPage .locationHeader .locationName h3{font-size: 19px;} #mainMapPage #wpsl-result-list ul li .locationColumn.col1{float: left; width: 100%; padding-right: 0;} #mainMapPage .locationColumn.col1 .locationAdd{padding-right:0;} #mainMapPage .locationColumn.col1 .locationInfo{padding-right:0;} #mainMapPage #wpsl-result-list ul li .locationColumn.col2{float: left; width: 100%; padding-right: 0;} #mainMapPage #wpsl-result-list ul li .locationColumn.col3{float: left; width: 100%; padding-right: 0;} /************** Resources ******************/ ul.resources li.resource{width:49%; font-size:11px;} ul.resources li.resource a img{margin-bottom:5px;} /************** Funders ******************/ ul#funders_logos li.logoItemCon{float:left; width:50%; font-size:11px;} /*** Search Lightbox ***/ #fancybox-wrap{width:inherit !important;} #fancybox-content{width:240px !important;} #lbSearch{padding:10px;} #lbSearch label{font-size:26px;} #lbSearch input#s{width:100%; font-size:16px; padding:6px 8px; margin-bottom:12px;} #searchform br{ display:none;} /************* Search Form *****************/ .search-form label{display:inline-block;} .search-form input[type="search"]{width:50%; display: inline-block; height:42px;} .content #searchform input#s{width:75%; display: block; height:42px; margin-bottom:10px;} /******************* Blog Overview ************************/ #paging-bottom .alignright, #paging-bottom .alignleft{ width:100%; margin:0 0 10px;} /************ Policies ****************/ h3.accordion-title{font-size: 18px; background-size: 21px 21px; padding-left: 26px;} h3.accordion-title.open{ background-size: 21px 21px;} /************ Contact ****************/ #wpgmza_map{height:275px !important;} .contactInfoCon{margin-bottom:1.5em;} .contactInfoCon .icon{float:left; width:10%; padding-right:5%; font-size:18px; line-height:1.1;} .contactInfoCon .sideContactContent{float:left; width:90%; font-size:16px;} .contactInfoCon .sideContactContent h3{margin-bottom:0; font-size:18px;} /***************** Survey *******************/ #fancybox-content, .employindy .modal-survey-container { position: fixed !important; margin-left: 0 !important; margin-right: auto !important; width: 100% !important; left: 0 !important; padding: 10px; } /** close survey **/ .modal-survey-container .cl_survey{top: 10px !important; right: 5px !important;} /****************** MISC ********************/ .singleCenter a{ margin:0 0 10px; width:100%; font-size:16px; padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .standout{ font-size:16px; border-left-width:4px; padding-left:6%;} /********************* WordPress Styles *********************/ img.alignleft {float:left; display:inline; margin:5px 5% 15px 0; background:#ffffff; max-width:100%; height:auto;} img.alignright {float:right; display:inline; margin:5px 0 15px 5%; background:#ffffff; max-width:100%; height:auto;} } @media only screen and (min-width: 480px) and (max-width: 784px){ h1, h2, h3, h4, h5, h6{} h1{font-size:30px; margin-bottom:20px;} h2{font-size:24px; margin-bottom:15px;} h3{font-size:22px;} h4{font-size:20px;} h5{font-size:18px;} h6{font-size:17px;} .blueList li{font-size:18px;} /******** LAYOUT ****************/ .mobileOnly{display:inline-block;} .mobileHide{display:none;} .wrapper {margin: 0 auto; width:100%; padding-left:3%; padding-right:3%;} .mobileHide{display:none;} /***** Main Header *****/ #mainHeader{ background:#f2f2f2; min-height:60px;} #bannerCon{margin-top:60px;} .noBannerImage{padding-top:60px;} .articleEventCon h3 {font-size: 18px; margin-bottom: 15px;} .articleEventCon h6 {display: none;} .articleEventCon p {display: none} .articleEventCon a {font-size: 12px;} .articleEventCon .articleCon, .articleEventCon .eventCon {padding-top: 0; padding-bottom: 0;} .articleEventCon .row .columnTwoThird .cta-wrapper { margin-bottom: 15px;} .articleEventCon .row .columnTwoThird {flex: 0 0 100%; max-width: 100%; padding-bottom: 15px; padding-left: 15px; border-bottom: 6px solid; margin-bottom: 25px;} .articleEventCon .row .columnOneThird {flex: 0 0 100%; max-width: 100%; border-left: none; padding-right: 15px;} .articleEventCon .eventCon {padding-left: 0;} /***** Utility Bar *****/ #utilityBar{display: none;} /** Logo **/ #headTitle{ display:none;} /**** Main Navigation ****/ /******** Navigation ********/ #mainNavCon{ top:0; width:100%;} #utilityNav{ display:none;} #utilityNav .commonLinks{display:none;} #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mobileOnly{display: list-item;} #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-2::before{font-size:36px !important; padding:5px; color:#fff !important; background:#840b15;} #mainNavCon #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-has-children > a.mega-menu-link::after{display:inline-block;} #mainNav #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-left{width:225px; margin-left:4%;} /**** Mega Drop ****/ #mainNav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{padding:0;} #mainNav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{ padding:2px; background:#2b2a2a;} li.mega-menu-item.mega-current-menu-item.mega-toggle-on ul.mega-sub-menu li{display:block;} #mainNav ul li .mmsilist a{padding:5px; width:100%; display:block;} #mainNav ul li .mmsilist a:hover{padding:5px;} #mainNav ul li .mmsilist a .icon{float:left; width:5%; padding:0;} #mainNav ul li .mmsilist a .icon img{padding:0;} #mainNav ul li #mmsiTIA.mmsilist a .icon, #mainNav ul li #mmsiAB.mmsilist a .icon, #mainNav ul li #mmsiYAI.mmsilist a .icon, #mainNav ul li #mmsiNF.mmsilist a .icon{background: none;} #mainNav ul li .mmsilist a .mmsiTitle{ font-size:14px; width:95%; padding:0 0 0 1.5%; line-height:3;} #mainNav ul li .mmsilist a .mmsiContent{ display:none;} /*** Banner Content ***/ #masthead #bannerCon{min-height: 100px;} .wrapper.banner-wrapper{padding-top:40px; padding-bottom: 50px;} .wrapper.banner-wrapper #pageTitle h1{font-size: 40px; } .banner-wrapper .banner-content{font-size: 21px; width: 100%;} .banner-wrapper p{margin-bottom: 1em;} .banner-wrapper .banner-button a.button{font-size: 16px;} /******* Page Content *********/ /*** Side column right ***/ #pageContentCon .sideRight .content{ float:none; width:100%; margin-left:0; margin-bottom:20px;} #pageContentCon .sideRight .sideColumn{float:none; width:100%; margin-right:0;} /*** Side column left ***/ #pageContentCon .sideLeft .content{ float:none; width:100%; margin-right:0; margin-bottom:20px;} #pageContentCon .sideLeft .sideColumn{float:none; width:100%; margin-left:0;} /******** Regular Content *********/ #pageContentCon{padding:0; font-size:16px;} #pageContentCon #pageTitle .wrapper{padding-top:30px;} .calloutGrey .wrapper{font-size:22px; padding-right:3%; padding-left:3%;} /** Three Column Icon **/ .calloutGrey .col3.icon .col{} .calloutGrey .col3.icon .col img{} .calloutGrey .col3.icon .col .iconText{font-size:18px;} .ctaBlue .wrapper{font-size:24px; padding-right:3%; padding-left:3%;} .ctaBlue .wrapper .button{font-size:18px;} /******* Staff Columns ******/ .calloutGrey .staffMember .col{float: left; width:33.33333333% !important; padding:3% !important;} .calloutGrey .staffMember .staffName{font-size: 18px !important; font-weight: 400 !important;} .calloutGrey.staff .staffMember .iconText{font-size:14px !important;} /**** Red Banner ***/ .redStarBanner{background-position:-50px -50px; background-size:110%;} .redStarBanner .wrapper{padding:25px 5%; font-size:24px;} /********* Sidebar Content ************/ .sideColumn h3{ font-size:24px;} /***** Side Column - Section Buttons *****/ .sideColumn .sectionButton h3{font-size:20px; font-family:proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500; text-align:center;} .sideColumn .sectionButton{ width:49%; margin-bottom:10px; margin-right:2%; float: left;} .sideColumn .sectionButton:nth-child(2n+0){margin-right:0;} .sideColumn .sectionButton .buttonHeader .icon{float:none; width:100%; margin-right:0; text-align:center; margin-bottom:10px;} .sideColumn .sectionButton .buttonHeader .icon img{max-width:145px; height:auto; padding:15px;} .sideColumn .sectionButton h3{float: none; display:block; width:100%;} /***** Side Column Indent ******/ .sideColumn .indent{border-left-width:4px;} .sideColumn .indent h3{font-size:24px;} /*** Testimonial ***/ .sideColumn .testimonial, .sideColumn .quote{border-left-width:4px;} .sideColumn .testImage img{margin-bottom:25px;} .sideColumn .testimonial blockquote, .sideColumn .quote blockquote{font-size:18px;} /******* Footer *********/ #superFooterCon .footCol h3{} #superFooterCon .footCol{ font-size:16px; float:none; border-left:0;} #superFooterCon .footCol:last-of-type{border:0;} #superFooterCon .footCol ul li{padding-left:0;} /*** Good Wages ***/ #goodwages{font-size: 18px;} /******************** PAGES ***************************/ /****************** HOME ********************/ #homeBannerBackgrd .home-banner h2 {font-size: 40px;} #homeBannerBackgrd .banner-content{font-size: 24px;} /*** Hero Image ***/ .heroText { font-size: 32px; padding:0 15px; } /*** Promom Area ****/ #pageContentCon #homePromo{font-size: 20px; margin-bottom: 0;} #homePromo .d-flex{padding: 20px 0;} #homePromo .item{padding: 0 16px;} #homePromo .item img{max-height: 60px;} /*** Intro ***/ .home .introContent{border-left:#c6bd0d solid 9px; font-size: 24px;} /*** Content Area ****/ #homeContentSection .wrapper{ padding-top:40px; padding-bottom:0;} #pageContentCon section{margin-bottom:20px;} /*** Map Area ***/ #homeMap{float:none; width:100%; border-right:none 0; margin-bottom:20px; text-align:center;} #homeMap img{} /**** Section Buttons ****/ #homeSectionButtons{float:none; width:100%; padding-left:0; padding-top:0;} #homeSectionButtons a h3{font-size:21px;} #homeSectionButtons .sectionButton{margin-bottom:40px;} /*** Stat Area ***/ .home .stat-number{font-size:76px;} /**************** Services ******************/ #neighborhoodPri{padding:5%;} #neighborhoodPri h2{font-size:18px; margin-bottom:5px;} #neighborhoodPri p{font-size:15px; margin-bottom:15px;} #npMap{float:none; width:100%; margin-bottom:20px;} #npContent{float:none; width:100%;} #npContent .button{font-size:14px; padding:10px 15px; letter-spacing:.04em;} /************** Target Impact *****************/ #mapHolder{ padding:0 0 1.5em; max-width:500px; margin:0 auto;} /************** Team Overview ******************/ #secondaryNavRow{display:none;} /* Filter Navigation */ #filterText{display:none;} #filterCon ul#filter { position: static; display: none; } /*Create vertical spacing*/ #filterCon ul#filter li { margin-bottom: 1px; padding-left:0; padding-bottom:0;} /*Make all menu links full width*/ #filterCon ul#filter li, .work #filterCon ul#filter li a { width: 100%; } #filterCon ul#filter li a{background:#b72227; color:#fff; text-decoration:none; display:block; width:100%; margin:0; padding:2px 2.5%; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #filterCon ul#filter li a:hover{background:#840B15;} /*Display 'show menu' link*/ #filterCon label.show-menu {display:block; margin-bottom:1px;} #boxHolder .teamBox{ width:33.333333%; padding:0; margin:0 0 10px; background:#09F; float:left;} #boxHolder .teamBox .insideBox{} /**** Team Boxes ****/ #leadBoxHolder{margin-bottom:18px;} .leadBox{font-size:14px;} .leadBox a .insideBox{padding:3%;} .teamBox{width:25%; height:auto; line-height:1.3; font-size:12px;} /***** Team Single *******/ #tpTopCon{ background:#e5e5e5; padding:2%; margin-bottom:20px;} #tpTopCon #tpImage{float:left; width:30%; padding-right:2%;} #tpTopInfoCon{float:left; width:70%;} #tpTopInfoCon h2{font-size:24px; color:#017d80; text-transform:uppercase; margin-bottom:5px; margin-top:0;} #tpTopInfoCon h3{font-size:20px; color:#494949; margin-bottom:3px;} #tpTopInfoCon h4{font-size:18px; color:#494949; text-transform:none;} #tpTopInfoCon .info{display:block; padding-top:15px; font-size:16px;} /******* Locations Map Page *********/ /*** Map Search Area ***/ #wpsl-wrap .wpsl-search, #mapRadioLayer, #mapSelectionCon{width: 100%; margin:0 0 10px 0; float: none;} /*** Map Key ***/ #mapKey{ position: inherit; float: none; width: 100%; margin-bottom: 4px;} /*** Map ***/ #pageContentCon #wpsl-gmap{position:relative; top:inherit; right:inherit; width:100%; height: 500px !important; margin-bottom: 20px;} #pageContentCon #wpsl-result-list{margin-top:0;} #wpsl-wrap #search-intro-text{font-size: 12px; display: none;} #mainMapPage #wpsl-wrap .wpsl-search {width: 49%; float: left; position: relative; z-index: 100;} /***** Map Layer Filter Area *****/ #mainMapPage #mapRadioLayer label{float: left; width: 33%; font-size: 16px;} #mapRadioLayer{border-left: 8px solid #acacac; padding-left: 15px; margin:0 0 4px;} #mapRadioLayer h2{font-size: 27px;} #mapRadioLayer label{font-size: 16px;} /**** Map Selection Box ****/ #mapSelectionCon{ position: absolute; top: 0; right: 0; z-index: 50;} #mapSelectionButton{display: block; width: 49%; background:#c6bd0d; text-align: center; color: #fff; text-transform: uppercase; height: 45px; line-height: 45px; float: right; cursor: pointer; font-size: 18px;} #mapSelectionBox{display: none; float: right; clear: right; width: 100%;} #mapSelectionBox{border:1px solid #c6bd0d; padding:15px; background:#F2F2F2;} #mapSelectionBox h2{display: none;} #mapSelectionBox .mapOptionItem{width:98%; margin-right: 1%; float: left;} #mapSelectionBox .mapOptionItem label{font-size: 16px;} /**** Map Filters *****/ #mapSelectionBox .mapOptionItem.parentCheck label .checked, #mapSelectionBox .mapOptionItem.parentCheck label .unchecked{font-size: 18px; top:2px;} #mapSelectionBox .mapOptionItem.parentCheck{padding-left: 19px;} #mapSelectionBox .mapOptionItem.parentCheck label{font-size: 20px;} #mapSelectionBox .mapOptionItem.childCheck{margin-left: 5px; padding-left: 17px;} /** Check boxes **/ #mapSelectionBox .fancy-checkbox input[type="checkbox"], #mapSelectionBox .fancy-checkbox .checked { display: none; } #mapSelectionBox .fancy-checkbox input[type="checkbox"]:checked ~ .checked { display: inline-block; color:#038a8c; } #mapSelectionBox .fancy-checkbox input[type="checkbox"]:checked ~ .unchecked { display: none; } /***** List Results *****/ #mainMapPage .locationHeader .locationName h3{font-size: 22px;} #mainMapPage #wpsl-result-list ul li .locationColumn.col1{float: left; width: 100%; padding-right: 0; padding-bottom: 20px;} #mainMapPage .locationColumn.col1 .locationAdd{float: left; width: 50%; padding-right:2%; min-width: 275px;} #mainMapPage .locationColumn.col1 .locationInfo{float: left; width: 50%; padding-right:0; min-width: 275px;} #mainMapPage #wpsl-result-list ul li .locationColumn.col2{float: left; width: 50%; padding-right: 2%; min-width: 275px;} #mainMapPage #wpsl-result-list ul li .locationColumn.col3{float: left; width: 50%; padding-right: 0; min-width: 275px;} /************** Resources ******************/ ul.resources li.resource{float:left; width:33.3333333333333%;} ul.resources li.resource a img{margin-bottom:5px;} /************** Funders ******************/ ul#funders_logos li.logoItemCon{width:33%;} /*** Search Lightbox ***/ #fancybox-wrap{width:inherit !important;} #fancybox-content{width:400px !important;} #lbSearch{padding:20px;} #lbSearch label{font-size:36px;} #lbSearch input#s{width:100%; font-size:18px; padding:7px 10px; margin-bottom:15px;;} #searchform br{ display:none;} /************ Contact ****************/ #contactMapSection #contactMap{margin-bottom:30px;} .contactInfoCon{margin-bottom:1.5em;} .contactInfoCon .icon{float:left; width:10%; padding-right:5%; font-size:30px; line-height:1;} .contactInfoCon .sideContactContent{float:left; width:90%; font-size:16px;} .contactInfoCon .sideContactContent h3{margin-bottom:0; font-size:26px;} /************* Search Form *****************/ .search-form label{display:inline-block;} .search-form input[type="search"]{width:50%; display: inline-block; height:42px;} .content #searchform input#s{width:50%; display: inline-block; height:42px;} /******************* Blog Overview ************************/ #paging-bottom .alignright, #paging-bottom .alignleft{ width:49.5%; margin:0;} /************ Policies ****************/ h3.accordion-title{font-size: 20px; background-size: 24px 24px; padding-left: 29px;} h3.accordion-title.open{ background-size: 24px 24px;} /***************** MISC ******************/ .singleCenter a{ margin:0 0 10px; width:100%; font-size:16px; padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .standout{ font-size:18px; border-left-width:4px; padding-left:6%;} /********************* WordPress Styles *********************/ img.alignleft {float:left; display:inline; margin:5px 5% 15px 0; background:#ffffff; width:33%; height:auto;} img.alignright {float:right; display:inline; margin:5px 0 15px 5%; background:#ffffff; width:33%; height:auto;} } @media only screen and (min-width: 785px) and (max-width: 977px){ /********** Typography ************/ h1{font-size:32px; margin-bottom:20px;} h2{ font-size:26px; margin-bottom:12px;} h3{font-size:24px;} h4{font-size:22px;} h5{font-size:19px;} h6{font-size:18px;} .blueList li{ font-style:italic; color:#017d80; font-size:20px;} /******** LAYOUT ****************/ .wrapper {margin: 0 auto; padding:0; width:750px;} /***** Main Header *****/ #mainHeader{ background:#f2f2f2; min-height:60px;} #bannerCon{margin-top:60px;} .noBannerImage{padding-top:60px;} .articleEventCon h3 {font-size: 18px; margin-bottom: 15px;} .articleEventCon h6 {display: none;} .articleEventCon p {display: none} .articleEventCon a {font-size: 12px;} .articleEventCon .articleCon, .articleEventCon .eventCon {padding-top: 0; padding-bottom: 0;} .articleEventCon .row .columnTwoThird .cta-wrapper { margin-bottom: 0;} .articleEventCon .row .columnTwoThird {flex: 0 0 66.66%; max-width: 66.66%; padding-left: 0;} .articleEventCon .row .columnOneThird {flex: 0 0 33.33%; max-width: 33.33%; border-left: 6px solid; border-bottom: none; padding-bottom: 0; padding-right: 0; margin-bottom: 0;} .articleEventCon .eventCon {padding-left: 10px;} /***** Utility Bar *****/ #utilityBar{display: none;} /** Logo **/ #headTitle{ display:none;} /**** Main Navigation ****/ /******** Navigation ********/ #mainHeader .wrapper {margin: 0 auto; padding:0; width:100%;} #mainNavCon{ top:0; width:100%;} #utilityNav{ display:none;} #utilityNav .commonLinks{display:none;} #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mobileOnly{display: list-item;} #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-2::before{font-size:36px !important; padding:5px; color:#fff !important; background:#840b15;} #mainNavCon #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-has-children > a.mega-menu-link::after{display:inline-block;} /**** Mega Drop ****/ #mainNav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{padding:0;} #mainNav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{ padding:2px; background:#2b2a2a;} #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-left{width:225px;} li.mega-menu-item.mega-current-menu-item.mega-toggle-on ul.mega-sub-menu li{display:block;} #mainNav ul li .mmsilist a{padding:5px;} #mainNav ul li .mmsilist a:hover{padding:5px;} #mainNav ul li .mmsilist a .icon{float:left; width:5%; padding:0;} #mainNav ul li .mmsilist a .icon img{padding:10%;} #mainNav ul li #mmsiTIA.mmsilist a .icon, #mainNav ul li #mmsiAB.mmsilist a .icon, #mainNav ul li #mmsiYAI.mmsilist a .icon, #mainNav ul li #mmsiNF.mmsilist a .icon{background: none;} #mainNav ul li .mmsilist a .mmsiTitle{ font-size:14px; width:95%; padding:0 0 0 1.5%; line-height:1.5;} #mainNav ul li .mmsilist a .mmsiContent{font-size:12px; line-height:1.2; width:95%; padding:0 0 0 1.5%; letter-spacing:.0025em;} /*** Banner Content ***/ #masthead #bannerCon{min-height: 100px;} .wrapper.banner-wrapper{padding-top:40px; padding-bottom: 50px;} .wrapper.banner-wrapper #pageTitle h1{font-size: 48px; } .banner-wrapper .banner-content{font-size: 28px; width: 90%;} .banner-wrapper p{margin-bottom: 1em;} .banner-wrapper .banner-button a.button{font-size: 18px;} /********* Regular Content ************/ #pageContentCon{font-size:16px;} #pageContentCon #pageTitle .wrapper{padding-top:30px;} .calloutGrey .wrapper{font-size:28px;} /** Three Column Icon **/ .calloutGrey .col3.icon .col{} .calloutGrey .col3.icon .col img{} .calloutGrey .col3.icon .col .iconText{font-size:18px;} /******* Staff Columns ******/ .calloutGrey .col3.staffMember .col {float: left; width:33.3333333% !important; padding:3% !important;} .calloutGrey .col3.staffMember .staffName{font-size: 21px !important; font-weight: 400 !important;} .calloutGrey.staff .col3.staffMember .iconText{font-size:16px !important;} .calloutGrey .col4.staffMember .col {float: left; width:25% !important; padding:3% !important;} .calloutGrey .col4.staffMember .staffName{font-size: 18px !important; font-weight: 400 !important;} .calloutGrey.staff .col4.staffMember .iconText{font-size:14px !important;} .calloutGrey .col5.staffMember .col {float: left; width:33.3333333% !important; padding:3% !important;} .calloutGrey .col5.staffMember .staffName{font-size: 21px !important; font-weight: 400 !important;} .calloutGrey.staff .col5.staffMember .iconText{font-size:16px !important;} .calloutGrey .col6.staffMember .col {float: left; width:33.3333333% !important; padding:3% !important;} .calloutGrey .col6.staffMember .staffName{font-size: 21px !important; font-weight: 400 !important;} .calloutGrey.staff .col6.staffMember .iconText{font-size:16px !important;} .ctaBlue .wrapper{font-size:24px;} .ctaBlue .wrapper .button{font-size:24px;} .redStarBanner .wrapper{font-size:28px;} /********* Sidebar Content ************/ .sideColumn h3{ font-size:24px;} /***** Side Column - Section Buttons *****/ .sideColumn .sectionButton h3{font-size:23px;} /***** Side Column Indent ******/ .sideColumn .indent{border-left-width:4px;} .sideColumn .indent h3{font-size:24px;} /*** Testimonial ***/ .sideColumn .testimonial, .sideColumn .quote{border-left-width:4px;} .sideColumn .testImage img{margin-bottom:25px;} .sideColumn .testimonial blockquote, .sideColumn .quote blockquote{font-size:18px;} /************** Footer **************/ #superFooterCon .footCol h3{font-size:18px;} #superFooterCon .footCol{font-size:15px; border-left-width:4px;} #superFooterCon .footCol ul li{padding-left:0;} /*** Good Wages ***/ #goodwages{font-size: 18px;} /**************** PAGES ********************/ /**************** HOME ********************/ #homeBannerBackgrd .home-banner h2 {font-size: 48px;} /*** Hero Image ***/ .heroText { font-size: 36px; } /*** Intro ***/ .home .introContent{font-size: 28px;} /*** Map Area ***/ #homeMap{border-right:10px solid #c6bd0d;} /**** Section Buttons ****/ #homeSectionButtons{padding-top:0;} #homeSectionButtons .sectionButton{margin-bottom:30px;} #homeSectionButtons a h3{margin-bottom:2px;} #homeSectionButtons a .description{line-height:1.3;} /**************** Services ******************/ #neighborhoodPri h2{font-size:28px; margin-bottom:15px;} #neighborhoodPri p{font-size:15px; margin-bottom:15px;} #npContent .button{font-size:14px; padding:10px 15px; letter-spacing:.04em;} /************** Target Impact *****************/ #mapHolder{ padding:0 0 1.5em;} /************** Team Overview ******************/ #secondaryNavRow{display:none;} /** Filter Nav **/ #filterCon{ font-size:13px;} /**** Team Boxes ****/ #leadBoxHolder{margin-bottom:20px;} .leadBox{font-size:16px;} .teamBox{float:left; width:25%; height:auto; line-height:1.3; font-size:13px;} /***** Team Single *******/ #tpTopCon{ background:#e5e5e5; padding:4%; margin-bottom:20px;} #tpTopCon #tpImage{float:none; width:100%; padding-right:0; margin-bottom:20px;} #tpTopInfoCon{float:none; width:100%;} #tpTopInfoCon h2{font-size:24px; margin-bottom:5px; margin-top:0;} #tpTopInfoCon h3{font-size:20px; margin-bottom:3px;} #tpTopInfoCon h4{font-size:18px; text-transform:none;} #tpTopInfoCon .info{display:block; padding-top:15px; font-size:16px;} /************** Map Location Page ***********/ /**** Map Radio Box ****/ #mapRadioLayer{border-left: 8px solid #acacac; padding-left: 15px; margin:0 0 28px;} #mapRadioLayer h2{font-size: 24px;} #mapRadioLayer label{font-size: 16px;} /**** Map Selection Box ****/ #mapSelectionBox{border-left: 8px solid #c6bd0d; padding-left:15px; margin: 0 0 28px;} #mapSelectionBox h2{font-size: 24px;} #mapSelectionBox .mapOptionItem label{font-size: 16px;} /**** Map *****/ #pageContentCon #wpsl-gmap{height: 660px !important;} /***** List Results *****/ #mainMapPage #wpsl-result-list ul li .locationColumn.col1{float: left; width: 100%; padding-right: 0; padding-bottom: 20px;} #mainMapPage .locationColumn.col1 .locationAdd{float: left; width: 50%; padding-right:2%; } #mainMapPage .locationColumn.col1 .locationInfo{float: left; width: 50%; padding-right:0; } #mainMapPage #wpsl-result-list ul li .locationColumn.col2{float: left; width: 50%; padding-right: 2%;} #mainMapPage #wpsl-result-list ul li .locationColumn.col3{float: left; width: 50%; padding-right: 0;} /************** Locations Map ****************/ #pageContentCon #wpsl-gmap{top: 85px; height: 730px !important;} #pageContentCon #wpsl-result-list{margin-top: 860px;} /**** Map Filters *****/ #mapSelectionBox .mapOptionItem.parentCheck label .checked, #mapSelectionBox .mapOptionItem.parentCheck label .unchecked{font-size: 16px; top:2px;} #mapSelectionBox .mapOptionItem.parentCheck{padding-left: 17px;} #mapSelectionBox .mapOptionItem.parentCheck label{font-size: 18px;} #mapSelectionBox .mapOptionItem.childCheck{margin-left: 2px; padding-left: 17px;} /************** Resources ******************/ ul.resources li.resource{float:left; width:25%;} ul.resources li.resource a img{margin-bottom:5px;} /************** Funders ******************/ ul#funders_logos li.logoItemCon{width:24.5%;} /************ Contact ****************/ .contactInfoCon{margin-bottom:1.5em;} .contactInfoCon .icon{float:left; width:15%; padding-right:5%; font-size:28px; line-height:1;} .contactInfoCon .sideContactContent{float:left; width:85%; font-size:14px;} .contactInfoCon .sideContactContent h3{margin-bottom:0; font-size:26px;} /************* Search Form *****************/ .search-form label{display:inline-block;} .search-form input[type="search"]{width:50%; display: inline-block; height:42px;} .content #searchform input#s{width:50%; display: inline-block; height:42px;} /*************** MISC ******************/ img.alignleft {margin:5px 5% 15px 0; max-width:40%;} img.alignright {margin:5px 0 15px 5%; max-width:40%;} .standout{ font-size:18px; border-left-width:4px; padding-left:6%;} } @media only screen and (min-width: 978px) and (max-width: 1200px) { #masthead #bannerCon{min-height: 300px;} .wrapper.banner-wrapper{padding-top:40px; padding-bottom: 50px;} .wrapper.banner-wrapper #pageTitle h1{font-size: 52px; } .banner-wrapper .banner-content{font-size: 28px; width: 90%;} .banner-wrapper p{margin-bottom: 1em;} .banner-wrapper .banner-button a.button{font-size: 18px;} /*** Banner Content ***/ .wrapper.banner-wrapper{padding-top:140px; padding-bottom: 60px;} .articleEventCon h6 {display: block; font-size: 14px;} .articleEventCon .row .columnTwoThird { padding-left: 0;} .articleEventCon .row .columnTwoThird { padding-left: 0;} /********** Typography ************/ h1{} .blueList li{ font-style:italic; color:#017d80; font-size:21px;} /*********** LAYOUT ************/ .wrapper {margin: 0 auto; padding:0; width:960px;} /******** Navigation ********/ #mainNav ul li{margin:0 4px;} #mainNav ul li a{font-size:14px; line-height:28px; padding:1px 8px;} #mainNav ul li a:hover{padding:0 7px;} #mainNavCon{top:60px;} /*** Mega Navigation ***/ #mainNav ul li .mmsilist a{padding:5px;} #mainNav ul li .mmsilist a:hover{padding:5px;} #mainNav ul li .mmsilist a .icon{float:left; width:16.5158371040724%; padding:1%;} #mainNav ul li .mmsilist a .mmsiTitle{ font-size:15px; font-family: proxima-nova, Helvetica, Arial, sans-serif; float:left; width:83.4841628959276%; padding:0 0 0 2.26244343891403%; line-height:1.5; font-weight: 500;} #mainNav ul li .mmsilist a .mmsiContent{font-size:12px; font-family:proxima-nova, Helvetica, Arial, sans-serif; text-transform:none; line-height:1.2; float:left; width:83.4841628959276%; padding:0 0 0 2.26244343891403%; letter-spacing:.0025em;} /********* Header **********/ #mainHeader{min-height:120px;} .noBannerImage{padding-top:120px;} #mainHeader .wrapper{padding-top: 15px;} .articleEventCon p {display: block} .articleEventCon h3 {font-size: 20px; margin-bottom: initial;} .articleEventCon h6 {font-size: 14px;} .articleEventCon .columnTwoThird .cta-wrapper { margin-bottom: initial;} .articleEventCon .articleCon, .articleEventCon .eventCon {padding-top: 15px; padding-bottom: 15px;} /** Logo **/ #headTitle{width:200px;} #headTitle #logo{width:200px; height:52px; margin:41px 0 0;} #headTitle #logo h1{width:200px; height:52px; margin:0 14px 0 0;} #utilityBar{display: block; background:#333; width: 100%;} /********* Regular Content ************/ .calloutGrey .wrapper{font-size:32px;} .ctaBlue .wrapper{font-size:26px;} .ctaBlue .wrapper .button{font-size:24px;} .redStarBanner .wrapper{font-size:32px;} /********* Sidebar Content ************/ /***** Side Column - Section Buttons *****/ .sideColumn .sectionButton h3{font-size:30px;} /************** Footer **************/ #superFooterCon .footCol h3{font-size:20px;} #superFooterCon .footCol{font-size:17px;} /*** Good Wages ***/ #goodwages{font-size: 18px;} /**************** PAGES ********************/ /**************** HOME ********************/ /*** Hero Image ***/ .home .home-banner h2{font-size: 48px;} .heroText { font-size: 40px; } /*** Map Area ***/ #homeMap{border-right:10px solid #c6bd0d;} /**** Section Buttons ****/ #homeSectionButtons{padding-top:0;} #homeSectionButtons .sectionButton{margin-bottom:30px;} #homeSectionButtons a h3{font-size:23px; margin-bottom:2px;} #homeSectionButtons a .description{font-size:16px; line-height:1.3;} /**************** Services ******************/ #neighborhoodPri h2{font-size:40px; margin-bottom:15px;} #neighborhoodPri p{font-size:16px;} #npContent .button{font-size:17px;} /************** Target Impact *****************/ #mapHolder{ padding:0 0 1.5em;} /************** Team Overview ******************/ #secondaryNavRow{height:56px;} #secondaryNav ul li a{float:left; line-height:56px; padding:0 8px; margin:0 5px 0 0; font-size:12px;} /**** Team Boxes ****/ #leadBoxHolder{margin-bottom:25px;} .teamBox{float:left; width:20%; height:auto; font-size:14px; line-height:1.3;} /***** Team Single *******/ #tpTopCon{ background:#e5e5e5; padding:2%; margin-bottom:20px;} #tpTopCon #tpImage{float:left; width:30%; padding-right:2%;} #tpTopInfoCon{float:left; width:70%;} #tpTopInfoCon h2{font-size:24px; color:#017d80; text-transform:uppercase; margin-bottom:5px; margin-top:0;} #tpTopInfoCon h3{font-size:20px; color:#494949; margin-bottom:3px;} #tpTopInfoCon h4{font-size:18px; color:#494949; text-transform:none;} #tpTopInfoCon .info{display:block; padding-top:15px; font-size:16px;} /************** Locations Map ****************/ #pageContentCon #wpsl-gmap{top: 85px; height: 730px !important;} #pageContentCon #wpsl-result-list{margin-top: 835px;} .locationColumn table.wpsl-opening-hours{font-size:16px !important;} /**** Map Filters *****/ #mapSelectionBox .mapOptionItem.parentCheck label .checked, #mapSelectionBox .mapOptionItem.parentCheck label .unchecked{font-size: 18px; top:2px;} #mapSelectionBox .mapOptionItem.parentCheck{padding-left: 17px;} #mapSelectionBox .mapOptionItem.parentCheck label{font-size: 20px;} #mapSelectionBox .mapOptionItem.childCheck{margin-left: 5px; padding-left: 17px;} /************** Resources ******************/ ul.resources li.resource{float:left; width:20%;} /************** Funders ******************/ ul#funders_logos li.logoItemCon{width:19.5%;} /******* Contact *******/ .contactInfoCon .icon{float:left; width:13%; padding-right:5%; font-size:30px; line-height:1;} .contactInfoCon .sideContactContent{float:left; width:87%; font-size:16px;} } @media only screen and (min-width: 1201px) and (max-width: 1298px) { .articleEventCon .row .columnTwoThird { padding-left: 0;} /********** Typography ************/ h1{} .blueList li{ font-style:italic; color:#017d80; font-size:21px;} /*********** LAYOUT ************/ .wrapper {margin: 0 auto; padding:0; width:1100px;} /******** Navigation ********/ #mainNav ul li{margin:0 4px;} #mainNav ul li a{font-size:14px; line-height:28px; padding:1px 8px;} #mainNav ul li a:hover{padding:0 7px;} #mainNavCon{top:60px;} /*** Mega Navigation ***/ #mainNav ul li .mmsilist a{padding:5px;} #mainNav ul li .mmsilist a:hover{padding:5px;} #mainNav ul li .mmsilist a .icon{float:left; width:16.5158371040724%; padding:1%;} #mainNav ul li .mmsilist a .mmsiTitle{ font-size:15px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-weight: 500; float:left; width:83.4841628959276%; padding:0 0 0 2.26244343891403%; line-height:1.5;} #mainNav ul li .mmsilist a .mmsiContent{font-size:12px; font-family:proxima-nova, Helvetica, Arial, sans-serif; text-transform:none; line-height:1.2; float:left; width:83.4841628959276%; padding:0 0 0 2.26244343891403%; letter-spacing:.0025em;} /********* Header **********/ #mainHeader{min-height:120px;} .noBannerImage{padding-top:120px;} #mainHeader .wrapper{padding-top: 15px;} .articleEventCon p {display: block} .articleEventCon h3 {font-size: 20px; margin-bottom: initial;} .articleEventCon h6 {font-size: 14px;} .articleEventCon .columnTwoThird .cta-wrapper { margin-bottom: initial;} .articleEventCon .articleCon, .articleEventCon .eventCon {padding-top: 15px; padding-bottom: 15px;} /** Logo **/ #headTitle{width:200px;} #headTitle #logo{width:200px; height:52px; margin:41px 0 0;} #headTitle #logo h1{width:200px; height:52px; margin:0 14px 0 0;} #utilityBar{display: block; background:#333; width: 100%;} /*** Banner Content ***/ #masthead #bannerCon{ min-height: 400px;} .wrapper.banner-wrapper{padding-top:140px; padding-bottom: 60px;} /********* Regular Content ************/ .calloutGrey .wrapper{font-size:32px;} .ctaBlue .wrapper{font-size:26px;} .ctaBlue .wrapper .button{font-size:24px;} .redStarBanner .wrapper{font-size:32px;} /********* Sidebar Content ************/ /***** Side Column - Section Buttons *****/ .sideColumn .sectionButton h3{font-size:30px;} /************** Footer **************/ #superFooterCon .footCol h3{font-size:20px;} #superFooterCon .footCol{font-size:17px;} /*** Good Wages ***/ #goodwages{font-size: 18px;} /**************** PAGES ********************/ /**************** HOME ********************/ /*** Hero Image ***/ .home .home-banner h2{font-size: 52px;} .heroText { font-size: 40px; } /*** Map Area ***/ #homeMap{border-right:10px solid #c6bd0d;} /**** Section Buttons ****/ #homeSectionButtons{padding-top:0;} #homeSectionButtons .sectionButton{margin-bottom:30px;} #homeSectionButtons a h3{font-size:23px; margin-bottom:2px;} #homeSectionButtons a .description{line-height:1.3;} /**************** Services ******************/ #neighborhoodPri h2{font-size:40px; margin-bottom:15px;} #neighborhoodPri p{font-size:16px;} #npContent .button{font-size:17px;} /*** Stat Area ***/ .home .stat-number{font-size:76px;} /************** Team Overview ******************/ #secondaryNavRow{height:56px;} #secondaryNav ul li a{float:left; line-height:56px; padding:0 8px; margin:0 5px 0 0; font-size:12px;} /**** Team Boxes ****/ #leadBoxHolder{margin-bottom:25px;} .teamBox{float:left; width:20%; height:auto; font-size:14px; line-height:1.3;} /***** Team Single *******/ #tpTopCon{ background:#e5e5e5; padding:2%; margin-bottom:20px;} #tpTopCon #tpImage{float:left; width:30%; padding-right:2%;} #tpTopInfoCon{float:left; width:70%;} #tpTopInfoCon h2{font-size:24px; color:#017d80; text-transform:uppercase; margin-bottom:5px; margin-top:0;} #tpTopInfoCon h3{font-size:20px; color:#494949; margin-bottom:3px;} #tpTopInfoCon h4{font-size:18px; color:#494949; text-transform:none;} #tpTopInfoCon .info{display:block; padding-top:15px; font-size:16px;} /************** Locations Map ****************/ #pageContentCon #wpsl-gmap{top: 85px; height: 730px !important;} #pageContentCon #wpsl-result-list{margin-top: 835px;} .locationColumn table.wpsl-opening-hours{font-size:16px !important;} /**** Map Filters *****/ #mapSelectionBox .mapOptionItem.parentCheck label .checked, #mapSelectionBox .mapOptionItem.parentCheck label .unchecked{font-size: 18px; top:2px;} #mapSelectionBox .mapOptionItem.parentCheck{padding-left: 17px;} #mapSelectionBox .mapOptionItem.parentCheck label{font-size: 20px;} #mapSelectionBox .mapOptionItem.childCheck{margin-left: 5px; padding-left: 17px;} /************** Resources ******************/ ul.resources li.resource{float:left; width:20%;} /************** Funders ******************/ ul#funders_logos li.logoItemCon{width:19.5%;} /******* Contact *******/ .contactInfoCon .icon{float:left; width:13%; padding-right:5%; font-size:30px; line-height:1;} .contactInfoCon .sideContactContent{float:left; width:87%; font-size:16px;} } @media only screen and (min-width: 1299px) { } /*-------------------------------------------------------------- 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;}