.accolades h2 { color: #d8ab4c; } .keyupdates { background-color: #d2e6e8; border-radius: 20px; border: 1px solid #badbde; margin: 20px 0; padding: 10px; } .keyupdates h2 { color: #000; background-color: #d2e6e8; border: 0; text-transform: uppercase; font-size: 2em; } .keyupdates .project { border-top: 3px solid #99c4c8; padding-bottom: 24px; clear: both; } .keyupdates .project h3 { font-size: 1.2em; color: #000; margin: 10px 0 0; } .calendar .project { border-top: 4px dotted #99c4c8; padding-bottom: 14px; } .calendar .project h3 { font-size: 1.1em; color: #000; margin: 10px 0 0; } .project img { border-radius: 10px; margin: 10px 0; } .calendar { padding: 20px; } .calendar .date { color: #71a8ae; font-weight: 700; } .commonblock a { box-sizing: border-box; border-top: 2px solid #FFF; border-right: 2px solid #FFF; display: block; height: 325px; width: 33.33333333%; float: left; text-align: center; text-decoration: none; } .commonblockwide a { box-sizing: border-box; border-top: 2px solid #FFF; border-right: 2px solid #FFF; display: block; height: 325px; width: 66.66666666%; float: left; text-align: center; text-decoration: none; } .commonblock span, .commonblockwide span { background: #000; opacity: .8; display: block; padding: 10px 20px; position: relative; top: 150px; font-size: 1.35em; font-weight: 400; line-height: 1.5em; color: #FFF; } .commonblock strong, .commonblockwide strong { display: block; padding-bottom: 10px; } .commonblock em, .commonblockwide em { font-size: .6em; font-weight: 100 !important; font-style: normal !important; font-style: italic; color: #FFF; text-transform: none !important; } .commonblock:hover, .commonblockwide:hover { opacity: .6; /* css standard */ filter: alpha(opacity=60); /* internet explorer */ } @media only screen and (max-width: 750px) { .commonblock, .commonblockwide { font-size: 1em !important; } .commonblock a { width: 50% !important; } .commonblockwide a { width: 100% !important; } } @media only screen and (max-width: 500px) { .commonblock, .commonblockwide { font-size: 1em !important; } .commonblock a, .commonblockwide a { width: 100% !important; } } .vuheroimage { height: 300px; margin-top: 25px; } .vuheroimage h3 { font-size: 1.4em !important; padding-top: 140px !important; font-weight: 300; } #countbox { line-height: 3em; } #countbox table { font-weight: 100; width: 100% !important; } #countbox .numbers td { text-align: center; width: 25%; padding: 5px; background: #333; color: #D8AB4C; font-size: 4.5em; font-weight: 600; } #countbox .increments td { padding: 5px 0; text-transform: uppercase; text-align: center; background: #000; color: #BBB; font-size: 1.6em; } #countbox .event td { padding: 10px 0; text-transform: uppercase; text-align: center; background: #D8AB4C; color: #000; font-size: 2em; } body.page-id-711 .gallery img, body.page-id-1317 .gallery img { border: 1px solid #777 !important; } body.page-id-711 .gallery figcaption, body.page-id-1317 .gallery figcaption { text-align: center !important; background: transparent; border: 0; padding: 4px 15px; color: #DDD !important; } .towerphotos { background: #333; padding: 30px 0 10px; border-bottom: 15px solid #D8AB4C; } body.page-id-1317 .towerphotos h3, body.page-id-711 .towerphotos h3 { color: #D8AB4C; padding-left: 25px; } body.page-id-1317 h3, body.page-id-711 h3 { font-weight: 300; line-height: 1.8em; }