/* For help with this file, please contact Info@CleanWebDesign.com */ @import url('https://fonts.googleapis.com/css?family=Maitree'); @import url('https://fonts.googleapis.com/css?family=Satisfy'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); html {background:#fff;} body {width:100%; font-family:'Maitree',serif; font-size:100%; letter-spacing:.01em; margin:0; padding:0; color:#090909; background:#fff;} #header, #nav ul, #footer {max-width:1280px; width:98%; margin:0 auto; } #head {clear:both; float:left; background:#fff; width:100%; position:relative; padding:0; border-bottom:1px solid #09355a;} .home #head {border:none;} #head > p {display:none;} /* sticky title */ #header { margin:0 auto; padding:0; position:relative;} #header h2 {padding:0; margin:0 5%;} #header h3 {padding:0; margin:0;} #header h2 a {font:normal 9px arial; color:#f7f7f7; float:left; background:url(images/shra_logo_2018.png) center center no-repeat; text-indent:-5000px; width:171px; height:75px; text-align:left; padding:15px 0 0 0; margin:0 auto;} #header h3 a { display:block; display:none; clear:left; margin:0 0 10px 67px; padding:0; font-size:1.8rem; line-height:1; color:#b67411; font-family:'Satisfy',cursive,serif;} #header .contact {float:right; background:url(images/contact.png) no-repeat; width:75px; height:25px; display:inline-block; margin:15px 30px 0;} #head.stuck {display:block; height:50px; box-shadow:0px 2px 2px #777; position:fixed; top:0; width:100%; z-index:9999; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} #head.stuck h2 a { color:#444; width:110px; height:33px; background-size:100%;} #head.stuck #nav ul {margin:8px auto 0; font-size:1rem;} #head.stuck #nav li ul {margin-top:0;} #head.stuck #header .contact {margin:5px 5px 0; width:55px; background-size:contain;} #nav {margin:0; line-height:2; z-index:1500; float:right;} #nav ul {list-style:none; padding:0; margin:2em auto 0; width:auto; font-size:1.2rem; text-transform:uppercase; font-family:'Open Sans',arial,sans-serif; text-align:center;} #nav li {position:relative; float:left; margin:0; padding:0 1em; } #nav a {display:block; padding:0 5px; color:#09355a;} #nav a:hover, #nav .current_page_item a, #nav .current_page_item a:hover { color:#e0c08d;} #nav li ul {position:absolute; left:-999em; box-shadow:0px 3px 1px #444; padding:15px .5em 5px; margin:0; width:100%; font-size:1rem; border-radius:0 0 5px 5px; background:#fff; z-index:9999; text-transform:capitalize; } #nav li li {display:block; width:100%; margin:0; padding:0;} #nav li li a {margin:0; line-height:1.1; padding:.5rem; border:none; text-align:center; background:none; } #nav li li a:hover, #nav li li.current_page_item a, #nav li.current_page_item li a, #nav li li.current_page_item a:hover { color:#e0c08d;} #nav li.current_page_item li a {color:#B2904D; } #nav li.current_page_item li a:hover {color:#e0c08d; } #nav li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:0;} #nav li li ul {display:none;} #nav li li:hover ul {left:200px; top:0; display:block; } #main { background:#f0f0f0;} #content {float:left; clear:both; width:100%; padding:0 0 3em; line-height:1.7; position:relative; background:#f0f0f0;} .full, #respond {clear:both; padding:0 3% 1%; margin:0 auto; /*! float:left; */ width:94%; max-width:1280px; position:relative;} .home #content {width:100%; margin:0 0 1%;} .blog .full:nth-of-type(1) {padding:1em 8%; margin:0 auto 2em; width:auto; color:#6f6f6f; background:#fff; } /* home content section */ .home section:nth-of-type(2) {float:left; width:72%; padding:1% 3%; display:inline-block;} /* Slides and Hero images */ .home li.slide {min-height:250px; } #slide-cont {position:relative; display:block; clear:both; padding:12px 0; background:#e0e1e3; border-bottom:1px solid #09355a;} .home #slide-cont { border:none; background:#000; margin:0 auto 2em;} .page-id-3185 #slide-cont, .parent-pageid-3185 #slide-cont { background:#818286;}/* Commemorative History*/ .page-id-28 #slide-cont, .parent-pageid-28 #slide-cont { background:#e0e1e3;} /* Litigation Support */ .page-id-3183 #slide-cont, .parent-pageid-3183 #slide-cont { background:#09355a;}/* Historical Research */ #slide-int {width:100%; max-width:1200px; position:absolute; margin-left:auto; margin-right:auto; left:0; right:0; bottom:20px; text-shadow:1px 1px 2px #000; z-index:99;} #slide-cont h1 a { color:#e5be80 !important; letter-spacing:.1em; font-size:2rem; padding:0 2%; margin:0; display:block;} ul.slides {list-style:none; margin:0; padding:0; max-width:100%; height:auto; text-align:center; overflow:hidden;} li.slide {margin:auto; padding:0; position:relative; white-space:nowrap; text-align:center; z-index:1; height:auto; width:100%; white-space:nowrap; display:block; overflow:hidden;} li.slide img {display:none;position:absolute; top:-100%; left:0; right:0; bottom:-100%; margin:auto; width:100%; height:auto;} li.slide img.showSlide {display:block;} /* Case Studies buttons */ .flip.cont {padding:0; margin:1em auto; position:relative;} .flip.cont.active {border:2px solid #09355a;} .flip.back {display:none; margin:0 0 -16px;} .flip.front {background:#09355a; color:white;text-transform:uppercase; padding:2em 10px; font-family:'Open Sans',sans-serif; font-size:14px; cursor:pointer;} .flip.front.grey {background:#e0e1e3; color:#09355a;} .dae-shortcode-download-wrapper .dae-shortcode-download-title {padding:20px 20px 0 !important} /* #study {margin:1em auto 3em;} #flip_cont { position:relative; margin:10px 1%; float:left; text-align:center; width:auto; width:23%; height:70px; z-index:1; perspective:1000;} #flip_front { width:100%; height:100%; transform-style:preserve-3d; transition:all 1.0s linear; background:#0d2f4b; position:relative; z-index:1;} .parent-pageid-28 #flip_front {background:#e0e1e3;} .parent-pageid-3183 #flip_front {background:#09355a;} .parent-pageid-3185 #flip_front {background:#818286;} #flip_front h3 {color:#09355a; font-size:.9rem; display:flex; justify-content:center; flex-direction:column; margin:auto; text-transform:uppercase; font-weight:bold; font-family:'Open Sans',sans-serif; text-align:center;} .face { position:absolute; width:100%; height:100%; backface-visibility:hidden;-webkit-backface-visibility:hidden; cursor:pointer;} .face.back { display:none; box-sizing:border-box; padding:20px 0; text-align:center; background-color:#aaa; position:relative; z-index:9999;} .face.back::before {border-radius:5px; background:#d8c326; color:#fff; padding:8px 20px;} .face.back a:hover {opacity:1 !important;} .face.back .doifdDefault1 {margin-top:120px;} */ .thankyou input {width:100%; padding:10px; margin:0 auto 20px;} .thankyou input:hover {background:#444; color:#fff;} .doifd_error_msg {display:none;} /* remove 'email address already used msg */ /* form.case-form {background:#eee; padding:1% 2%; position:relative; z-index:9999;} form.case-form:before {content:'To download this Case Study, please submit your email.'; color:#444; text-align:center;} form.case-form input#ed_btn {background:#444; color:#fff; width:93%;} form.case-form input#ed_btn:hover {background:#ddd; color:#444;} .flip_wrap {margin:0 1%; width:30%; float:left;} .flip_wrap #flip_cont {width:100%; margin:0 auto 5px;} .ed_sent_successfully {position:absolute; top:23px; right:6%;} */ /* Expertise list */ .expertise a.btn.lrg {width:100%; height:auto; min-height:260px; text-align:initial; background-position:center; background-repeat:no-repeat; background-size:cover; padding:0; margin:0 auto 15px; display:inline-block; border:none; cursor:pointer; position:relative; opacity:1;} .expertise .btn.lrg:hover {opacity:.8;} .expertise {text-align:center; margin:3em auto; float:none; max-width:75%;} section.expertise > div {width:44%; height:auto; float:left; display:inline-block; margin:0 auto; padding:0 3%;} .expertise > div a {text-align:center; display:block; line-height:1.2;} .expertise > div strong a {display:inline;} #pg-see-our-work .expertise h3 {clear:both; text-align:left; max-width:90%; margin:auto;} .expertise #flip_cont {width:100%; margin:10px auto;} .expertise .face.back a {margin:8px auto 0;} .expertise > div #flip_front {background:#e0e1e3; position:relative; z-index:1;} .expertise >div +div #flip_front h3 { color:#fff; } .expertise > div + div #flip_front {background:#09355a;} .expertise > div + div +div #flip_front {background:#818286;} .btn.lrg span {position:absolute; bottom:0; padding:19.5px 2%; letter-spacing:.2em; text-align:center; background:#09355a; color:#fff; width:96%;} .btn.lrg.support {background:url(images/Litigation-Support.jpg) no-repeat;} .btn.lrg.support span {background:#e0e1e3; color:#09355a;} .btn.lrg.historical {background:url(images/Lets-Talk-About-Work-003.jpg) center center no-repeat; background-size:cover;} .btn.lrg.historical span {background:#09355a;} .btn.lrg.commem {background:url(images/cultural-resource-btn.jpg) top center no-repeat;} .btn.lrg.commem span {background:#818286; padding:10px 2%;} .btn.lrg.pio {background:url(wp-content/uploads/2017/02/A-History-of-the-Pioneer-Irrigation-District.png);} a.btn.lrg.water {background:url(wp-content/uploads/2017/02/Water-in-the-Boise-Valley.png); background-position:bottom;} .btn.lrg.voices {background:url(wp-content/uploads/2016/11/the-story-of-the-idaho-education-association-since-1892-1-638.jpg);} .btn.lrg.celeb {background:url(wp-content/uploads/2017/02/A-Centennial-Celebration.png);} .btn.lrg.id-celeb {background:url(wp-content/uploads/2016/11/Commemorative-History.png);} .btn.lrg.id-cent {background:url(wp-content/uploads/2017/02/Idaho-Power-A-Century-of-Service.png);} /* home right column links */ ul#home-menu {width:16%; float:right; margin:1.5% 3% 3% 0; list-style:none; padding:0; text-align:center; color:#888; border:2px solid #B0BED7; background:#f9f9f9;} ul#home-menu h2 {margin:0 auto 10px; background:#7b6830; color:#fff;} #home-menu li {list-style:none; padding:0;} #home-menu li a {padding:5px 1%; display:block;} #menu-home-sidebar-menu {padding:0;} #home-menu .btn.med {display:block; margin:0 0 5px; padding:5px 2%; width:96%; color:#434e6b; border:none;} #home-menu .btn.med:hover {color:#fff;} .home .how {display:inline-block; position:absolute; z-index:999; bottom:20px; left:8%; background:#355f9e; color:#fff; font-size:1.5rem; font-family:'Maitree',serif;} /* home 'how we work' btn */ #feed {margin:1em auto 0; float:left; width:100%; text-align:center;} #feed > div {float:left; width:50%; clear:none; margin:auto; padding:0%; background:none;} #feed > #mc_embed_signup {width:50%; float:right;} #feed > #mc_embed_signup form {width:72%; background:none; padding:0;} #feed h4, #mc_embed_signup h4 {font-size:1.7rem; padding:0 0 15px;} #mc_embed_signup {width:100%; margin:1em auto; clear:both; float:left;} #mc_embed_signup form {width:40%; margin:auto; padding:2em 3em 7em; background:#e3e4ec80;} #mc_embed_signup .mc-field-group:nth-of-type(1) {width:105.5%;} #mc_embed_signup .mc-field-group {width:50%; float:left;} #mc_embed_signup label {text-align:left; font-size:.9rem; margin:0; padding:15px 7px 0;} #mc_embed_signup input {clear:both; float:left;} #mc_embed_signup input.button {width:auto; margin:20px 1%; display:block;} #feed #twitter-widget-0 {height:300px !important;} /* .home .full#post-1 {width:94%; height:auto !important; padding:2%; margin:1%; background:pink } .home .full#post-1 p {padding:0 2%; } .home #post-1 a { color:#a5c525;} .home .full { float:left; width:29.3%; margin:1%; padding:1%; text-align:center; position:relative; background:#fff;} .home .full p {text-align:left; padding:0 4% 2%; } .home .full .post-edit-link {position:absolute; bottom:0; right:0; } .home .full img {margin:3% 0 0;} */ section {width:100%; float:left;} section > div {max-width:1280px; margin:0 auto; padding:1% 0;} section#areas > div a {border:1px solid #444; background:#6b6543; color:#fff; padding:3em; display:inline-block; width:auto; margin:auto;} .page-id-3185 section#areas > div a {background:#818286;} .page-id-28 section#areas > div a {border:4px solid #e0e1e3 !important; background:#fff; color:#575757;} .page-id-3183 section#areas > div a {background:#09355a;} section#areas h3 {text-align:center; margin:.5em auto 1em;} section#areas ul#subpages {list-style:none; padding:0; margin:0; text-align:center;} section#areas ul#subpages li {display:inline-block;} section#areas ul#subpages li a {padding:1em; margin:.5em; border:none; float:left;} #sidebar {float:left; width:25%; } #sidebar ul { margin:0; padding:0; list-style:none; } #sidebar h2 {padding:0; margin:0; } #sidebar .widget {clear:both; padding:1em; margin:.5em 0 .5em .5em; background:rgba(255,255,255,0); border-radius:5px; } #sidebar li li a { padding:5px 0; display:block;} #sidebar a:hover {} #sidebar #text-2 p {color:#777; margin:1rem 0; padding:0; font-size:.9rem; } #sidebar #text-2 em {display:block; color:#444; font-size:1rem; } #sidebar #searchform label {text-align:left;} #sidebar #searchform input {width:55%;} #sidebar #searchform input[type='submit'] {width:30%;} #us-map {padding:2em; max-width:69%;} #sidebar.map {width:22%; color:#000; margin:0; padding:5px 10px 20px; float:right;} #sidebar .shra-proj b, #sidebar .reas-proj b {margin:10px 0;} .shra-proj b {background:#09355A; color:#fff; display:block; padding:3px; text-align:center;} .reas-proj b {background:#E0E1E3; color:#09355A; display:block; padding:3px; text-align:center;} #home-widgets {width:100%; clear:both; padding:0; margin:0; list-style:none; text-align:center; line-height:1.5;} #home-widgets .widget {float:left; width:29.5%; margin:0 .25% .5%; padding:1.667%; background:#fff;} #home-widgets a:hover {color:#fff;} #home-widgets li ul {padding:0; list-style:none; text-align:center;} #home-widgets li ul li {float:none; width:100%;} #foot {clear:both; float:left; width:100%; padding:2em 0; background:#212121;} /* full wrapper */ #footer {color:#7c7c7c; line-height:1.5;} #footer ul {padding:0; margin:0; list-style:none; } #footer .widget {float:left; width:30%; margin:0; padding:1.5%; text-align:center; } #footer .tagcloud a {display:inline-block; } #footer h2 {color:#999; margin:0 0 .5em; padding:0; } #footer p {display:block; text-align:center; color:#7c7c7c; clear:both; font-size:.8em;} #footer a {padding:0 0 .5em; color:#a4a4a4;} #footer a:hover {color:#fff;} div.follow {margin:auto; width:250px;} .follow a { width:40px; height:40px; background-size:contain; text-align:center; margin:10px 1em; padding:0; opacity:1; border:none; display:inline-block;} .facebook {background:url(images/facebook.png) no-repeat;} .twitter {background:url(images/twitter.png) no-repeat;} .linkedin {background:url(images/linkedin.png) no-repeat;} .follow a:hover {opacity:.7;} .follow:active {opacity:1;} .trigger {padding:10px 15px;} .trigger::before {content:'+ ';} .trigger:hover {cursor:pointer;} .trigger.high::before {content:''; padding-left:12px;} /*.trigger.high {background:#113D60; color:#fff; border-radius:20px 0 20px 0; width:50%;}*/ .trigger span {color:#113D60;} .show {display:none; margin:-5px 0 10px; padding:0px 40px;} .nolist {list-style:none; margin:10px 0 0; font-weight:bold;} .credits {font-size:.7rem; background:#eee; padding:1em;} /* FAQ page */ .page-id-1655 #content strong {color:#926203; font-size:1.2rem; margin:2em 0 0; display:block;} /* /projects-and-research/ */ map {position:relative;} .state-h {display:none; padding:10px; font-size:13px; position:absolute; top:0px; left:0px; width:180px; height:auto; border:1px solid #444; border-radius:5px; background:#fff; background:rgba(255,255,255,.95); z-index:999;} .state-h b {font-size:15px;} .state-h ul {margin:0 0 10px; padding:0; line-height:1.3;} .state-h li {margin:5px 0; padding:0;} .state-h i {text-decoration:underline;} .state-h p {margin:8px 0; padding:0; line-height:1.1;} /* Who We Are */ #who-wrap {float:left; width:100%; text-align:center;} a.who {display:inline-block; display:inline-block; width:25.3%; margin:2% 3%; padding:1%; background:#eee; text-align:center; overflow:hidden;} a.cwd {color:#686868 !important; display:block; text-align:center; line-height:30px; color:#7c7c7c; clear:both; font-size:10px; } a.cwd:hover {color:#333;} #blog, #blog h2 {color:#ccc; } .blog #content {width:75%;} .screen-reader-text {position:absolute !important; left:-999em;} a {color:#434e6b; text-decoration:none; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear; opacity:1; } a:focus, a:active {background:none; outline:none;} #content a {text-decoration:underline; } #content a:hover {opacity:.8;} a[href^=tel] {color:inherit; text-decoration:none;} a.post-edit-link {display:block; background:#fff; width:auto; float:right; padding:0 3px; font-size:smaller; color:#ccc;} #content ul {list-style:inside;} img, a.img, img a {border:none; max-width:100%; height:auto;} p.links {clear:left; float:left; display:block; margin:.5em 0 2.5em; padding:0; position:relative;} #content p.links a {padding:0 10px; margin:0 20px 0 0; color:#5c81cc; font-weight:bold; text-decoration:none;} #content p.links a:first-of-type {display:block; text-align:center; margin:0; letter-spacing:1px; text-transform:uppercase;} p.links a.support {border:3px solid #e0e1e3;} p.links a.historical {border:3px solid #09355a;} p.links a.history {border:3px solid #818286;} .iframe-wrap {position:relative; padding-bottom:56.25%; padding-top:35px; height:0; overflow:hidden;} .iframe-wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;} td, th {vertical-align:top; padding:5px;} h1,h2,h3,h4,h5 { padding:2px 0 3px; margin:0; color:#7b6830; line-height:1.2; font-weight:normal;} h1 {font-size:2.3rem; font-weight:normal; text-decoration:none; font-family:Georgia,'Times New Roman', serif; clear:both; } #content h1 a {color:#c58525; font-weight:normal; text-decoration:none; } h1.archive {background:none; padding:1em 2%; } h3 {font-size:1.5rem} h4 {font-size:1.1em} h5 {font-size:1em} b.thanks {font-size:1.5em; padding:15px; display:block; text-align:center;} #contact {width:45%; float:left; margin-right:5%;} #contact label {width:20%;} #contact textarea,#contact input {width:70%;} .antispam {display:none;} .fail {color:Red; text-align:center;} /* reCaptcha */ .page-id-41 .follow {float:left;} .page-id-41 #content div:nth-of-type(1) {display:inline-block;} /* contact page address div */ label, legend {display:block; float:left; clear:left; width:200px; text-align:right; padding:5px;} label.error {color:red; width:100%; padding:0; margin:0; text-align:center; } textarea, input, select, fieldset {width:90%; margin:5px; padding:5px; border:1px solid #ccc; } input[type=checkbox], input[type=radio], label input {border:none; width:auto; float:none;} .error {border-color:red;} input:focus {} .btn, input.button, a.button, #commentform input#submit, #searchsubmit {width:auto; padding:10px 20px; border:3px solid #434e6b; background:none; color:#434e6b; -webkit-appearance:none /*stop ios styling*/;} .btn:hover, .button:hover, input.button:hover, a.button:hover, #commentform input#submit:hover, #searchsubmit:hover {color:#fff; background:#434e6b; cursor:pointer;} p.pager {text-align:center; width:100%; float:left; clear:both; padding:0; margin:0;} .pager * {padding:5px 1rem; display:inline-block; } .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto;} .alignleft { float:left; margin:7px 2rem 1rem 0; } .alignright { float:right; margin:7px 0 1rem 2rem;} .clear {clear:both;} .wp-caption { text-align:center; } .wp-caption img { border:0 none; margin:4px 0 0; padding:0;} .wp-caption p.wp-caption-text { font-size:.8rem; line-height:1.2; margin:0; padding:0 4px 5px;} .meta {text-align:center; display:block; margin:2em auto 0;} .cats:before {content:'categories ~ '; color:#777;} .cats, .tags {color:#ccc;} .cats a, .tags a {margin:10px 0 0 1em; display:inline-block;} .parent-pageid-37 img.alignleft {margin-bottom:100%; margin-top:1em;} /* Staff pages */ #comments {background:none; padding:1% 2% 0;}h2 {font-size:1.8rem} #commentform {text-align:center;} .commentlist, .commentlist .children {list-style:none; width:100%; padding:0; margin:0; float:left;} .commentlist li {margin:0 2%; padding:2%; float:left;} .comment-meta,.comment-author {float:left; width:45%; margin:0 2.5% 1% 0; display:block; line-height:32px; padding:0; font-size:1.1rem; color:#7893a0} .comment-meta a {font-size:11px; line-height:1; color:#ccc} .comment-author img {float:left; margin:0 10px 0 0;} .comment-body p {width:100%; float:left; padding:3px 0; margin:0; } #commentform input, #commentform textarea, #commentform label {float:left; width:45%; margin:5px 1%} #commentform label {width:25%;} #commentform input.submit { margin:10px 0 2rem 30%; border:none; border-radius:2px; background:#b95a9c; color:#fff; } #commentform input.submit:hover {background:#00679a;} #process {float:left; width:100%; margin:2em auto;} #process > div {float:left; position:relative; z-index:1;} #process > div:hover {position:relative; z-index:999;} #process > div span {display:block;} #process > div.one { padding-top:28px;} #process > div.two { } #process p {clear:left; font-size:15px; text-align:center;} #process span {float:left; font-size:1.1em; border-left:1px solid #113e62; margin:-3px 0 0 5px;} #process span.r {float:right; border-left:none; border-right:1px solid #113e62; margin:-3px 5px 0 0;} #process a.box {width:100%; max-width:150px; height:100px; float:left; margin:5px; padding:70px 0 0; display:inline-block; border:none; color:#fff; text-decoration:none; text-align:center; vertical-align:middle; line-height:1.3; background:#09355a; border-radius:15px 0 15px 0;} #process a:hover, #process a:active {border:none; position:relative; z-index:1;} #process a.engage {} #process a.scope {} #process a.plan {} #process a.hist {padding-top:15%; height:120px;} #process a.anal {} #process a.deliv {} #process a.court {} div .desc {text-align:left; color:#000; width:300px; height:auto; float:left; padding:10px; border:1px solid #134065; border-radius:5px; background:#fff; box-shadow:0 0 6px #444; position:relative; z-index:999;} .box .desc b {font-size:1.5em; line-height:1.2;} a.engage #engagement {visibility:hidden; opacity:0; position:relative; z-index:99;} a.engage:hover #engagement {visibility:visible; opacity:1; transition-duration:.5s;} a.scope #scope {visibility:hidden; opacity:0;} a.scope:hover #scope {visibility:visible; opacity:1; transition-duration:.5s;} a.plan #research {visibility:hidden; opacity:0;} a.plan:hover #research {visibility:visible; opacity:1; transition-duration:.5s;} a.hist #investigate {visibility:hidden; opacity:0;} a.hist:hover #investigate {visibility:visible; opacity:1; transition-duration:.5s;} a.anal #analysis {visibility:hidden; opacity:0;} a.anal:hover #analysis {visibility:visible; opacity:1; transition-duration:.5s;} a.deliv #deliverables {visibility:hidden; opacity:0;} a.deliv:hover #deliverables {visibility:visible; opacity:1; transition-duration:.5s;} a.court #preparation {visibility:hidden; opacity:0;} a.court:hover #preparation {visibility:visible; opacity:1; transition-duration:.5s; right:160px;} tr.days td {font-weight:bold;padding:5px 0; margin:0 5px; text-align:center; font-size:.8rem;} tr.days td span {float:left; font-size:1.1em; border-left:1px solid #113e62; margin:-3px 0 0 5px;} tr.days td span.r {float:right; border-left:none; border-right:1px solid #113e62; margin:-3px 5px 0 0;} a#voices { background:url(images/wp-content/uploads/2016/11/the-story-of-the-idaho-education-association-since-1892-1-638.jpg);} /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { #contact {width:64%;} #contact input,#contact textarea {width:70%;} #header h3 a {font-size:1.5rem} } /* #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 1150px) { #nav ul {margin:15px auto 0;} #nav a {margin:0; padding:5px .1rem; font-size:1rem;} } @media only screen and (max-width: 1067px) { li.slide, .home li.slide {height:210px;} } @media only screen and (max-width: 1027px) { #header h3 {display:none;} #header .contact {display:block;} .expertise .btn.lrg {width:30%; margin:1%;} li.slide, .home li.slide {min-height:195px;} } @media only screen and (max-width: 1000px) { #header h2 {margin:0;} li.slide, .home li.slide {min-height:170px;} } @media only screen and (max-width: 852px) { #nav li {padding:0 8px;} li.slide, .home li.slide {min-height:150px;} p.links {float:none;} .wp-caption {max-width:100% !important;} .expertise {max-width:100%;} .expertise div, section.expertise > div {width:45%; margin:0 2.5% 1em; padding:0;} } @media only screen and (max-width: 767px) { body {margin:0;} #header { height:auto; margin:0 auto; padding:0; float:none; } #header form, #header .contact {display:none;} #header h2 a {float:none; display:block;} #nav {clear:both; float:none; width:100%;} #nav ul {margin:.5em auto; display:block;} #nav li {padding:0 10px; float:none;} #nav li {display:inline-block; } #nav ul ul {display:none;} #nav a:hover, #nav .current_page_item a, #nav .current_page_item a:hover {border-radius:0; } #content, #sidebar, .wp-caption {clear:both; width:100%; display:block; margin:0; padding:0;} #sidebar .widget {margin:0;} ul#home-menu {width:98%; clear:both; float:left; margin:2% auto;} .home section:nth-of-type(2) {width:94%; padding:3% 0;} #us-map {max-width:100%;} #sidebar.map {width:100%; padding:20px 0 50px; float:left;} #feed {float:none; margin:2em auto;} #feed > div, #feed > #mc_embed_signup {width:100%; float:none; clear:both; margin:1em auto; padding:2em 0 0;} #feed > #mc_embed_signup form {width:100%;} #foot { height:350px;} #footer ul {width:90%;padding:5px 5%;text-align:center;} #footer .widget {width:100%;height:auto;float:none;} #footer p {padding: 5px 1em;} #contact {width:100%; float:none;} #contact input,#contact textarea {width:90%;} .page-id-41 #content div:nth-of-type(1) {clear:both; margin:2em auto; width:100%; text-align:center;} h1,h2,h3,h4,h5,h1.storytitle,h1.storytitle a {text-align:center;} .alignleft,.alignright {margin:10px auto;float:none;display:block;} li.slide, .home li.slide {height:120px;} } @media only screen and (max-width: 700px) { #slide-int {position:relative; bottom:initial; } } @media only screen and (max-width: 725px) { #nav li {display:block; float:none;} .home .full h3 {text-align:left;} } @media only screen and (max-width: 600px) { #slide-cont h1 a {font-size:1.8rem;} li.slide, .home li.slide {min-height:70px;} } @media only screen and (max-width: 480px) { .alignleft, .alignright, .aligncenter {float:none; width:100%; margin:auto;} .wp-caption { text-align:left; } .wp-caption img { border:0 none; margin:4px 0 0; padding:0;} .wp-caption p.wp-caption-text { font-size:.8rem; line-height:1.2; margin:0; padding:0 4px 5px;} li.slide, .home li.slide {min-height:10px;} #process a.box {max-width:140px;} a.who {display:block; width:92%; margin:2% 3%;} section.expertise > div {width:100%; margin:0 auto 4em;} .home section.expertise > div {margin:0 auto 2em;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { #contact {width:100%; float:none;} #contact input,#contact textarea {width:70%;} }