/* @media (min-width:768px) { #home-top { padding-top:150px; padding-bottom:0px; } } */ /* @media (min-width:900px) { */ #home-top { position:relative; background:#589fd7 url(../images/bg_feature_3.jpg) no-repeat top center; background-size:cover; margin-top:-140px; padding-top:160px; padding-bottom:0; } #home-top:before { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.5); background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(150px, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0.25))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000088', endColorstr='#00000088', GradientType=0 ); } /* } */ @media (min-width:1100px) { #home-top { padding-top:200px; background-size:cover; } } /*Background Test*/ @media (min-width:900px) { #home-top-2 { position:relative; background:#589fd7 url(../images/bg_feature_3.jpg) no-repeat top center; background-size:cover; margin-top:-140px; padding-top:160px; padding-bottom:0; } #home-top-2:before { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.5); background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(150px, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0.25))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.25) 150px, rgba(0,0,0,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000088', endColorstr='#00000088', GradientType=0 ); } } @media (min-width:1100px) { #home-top-2 { padding-top:200px; background-size:cover; } } /*End Test*/ #home-video { border-bottom: 1px solid #528ACD; padding: 50px 0 100px; } #home-video-links { position: relative; z-index: 3; color: white; max-width: 450px } #home-video-links p { font-size: 36px; font-weight: 900; line-height: 38px; margin-bottom: 30px; } #home-video-links .btn { padding: 18px 24px; color: inherit; font-weight: 700; border-radius: 0; margin-left: 10px; } #home-video-links .btn:first-child { margin-left: 0; } #home-video-links .watch-video { background: rgba(103, 190, 107, 0.75); } #home-video-links .watch-video:hover { background: rgba(103, 190, 107, 1); } #home-video-links .all-news { background: rgba(88, 159, 215, 0.75); } #home-video-links .all-news:hover { background: rgba(88, 159, 215, 1); } #home-video-links .btn.watch-video::before { content: ""; display: inline-block; background: url(../images/icon_social_yt.png) center center no-repeat; width: 25px; height: 22px; margin-right: 5px; vertical-align: bottom; } #home-video-bg { position: absolute; top: 0; right: 0; bottom: 1px; left: 0; overflow: hidden; } #home-video-bg::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: rgb(0,55,123); background: -moz-linear-gradient(0deg, rgba(0,55,123,0.4) 0%, rgba(0,55,123,0.4) 75%, rgba(0,0,0,0.85) 100%); background: -webkit-linear-gradient(0deg, rgba(0,55,123,0.4) 0%, rgba(0,55,123,0.4) 75%, rgba(0,0,0,0.85) 100%); background: linear-gradient(0deg, rgba(0,55,123,0.4) 0%, rgba(0,55,123,0.4) 75%, rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00377b",endColorstr="#000000",GradientType=1); } #home-video-bg video { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; } #home-featured { padding-top: 30px; } @media (min-width:768px) { #home-video { padding: 50px 0 100px; } } @media (min-width:900px) { #home-video { padding: 100px 0 200px; } } @media (min-width:1100px) { #home-video { padding: 150px 0 250px; } #home-featured { padding-top: 60px; } } #home-featured { margin-bottom:30px; color:white; } #home-featured .item-slide { position:relative; } #home-featured .item-slide .item-media img { width:100%; height:auto; } #home-featured .item-slide .item-media-video .item-media-inner { position:relative; padding-top:66.66666%; } #home-featured .item-slide .item-media .item-video { position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:center center; background-size:cover; } /* #home-featured .slide img { max-width:100%; height:auto; } */ #home-featured .item-slide .item-media .item-video .play { display:block; width:80px; height:80px; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; background:url(../images/icons/icon_play.png) no-repeat center center; opacity:0.75; } #home-featured .item-slide .item-media .item-video:hover .play { opacity:1; } #home-featured .item-slide .item-nav { display:none; } #home-featured .item-slide .item-nav ol { list-style:none; padding:0 0 15px; margin:0; } #home-featured .item-slide .item-nav ol li { display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:1px solid white; border-radius:50%; color:white; cursor:pointer; font-weight:700; font-size:14px; margin:0 5px 0 0; text-shadow:none; } #home-featured .item-slide .item-nav ol li:hover { background-color:rgba(255,255,255,0.1); } #home-featured .item-slide .item-nav ol li.active { background:white; color:#333; cursor:default; } #home-featured .item-slide .copy { padding:20px 0; text-shadow:1px 1px 2px rgba(0,0,0,0.25); text-align:center; } #home-featured .item-slide .title { margin-bottom:10px; font-size:24px; font-weight:800; line-height:1.1; } #home-featured .item-slide .title a { color:inherit; } #home-featured .item-slide .title a:hover { text-decoration:none; } #home-featured .item-slide .abstract { display:none; } #home-featured .item-slide .readmore { color:inherit; margin-top:15px; padding:20px; background:rgba(103,190,107,0.75); font-weight:700; display:inline-block; } #home-featured .item-slide .readmore:hover { background-color:rgba(103,190,107,1); text-decoration:none; } #home-featured .carousel-control { width:70px; height:80px; top:130px; bottom:auto; background:transparent no-repeat center center; } #home-featured .carousel-control:hover { opacity:1; } #home-featured .carousel-control.left { background-image:url(../images/icon_arrow_left.png); } #home-featured .carousel-control.right { background-image:url(../images/icon_arrow_right.png); } @media (min-width:900px) { #home-featured .item-slide .item-media {width:50%; float:left; } #home-featured .item-slide .copy { width:50%; float:right; padding:0 30px 0; text-align:left; } #home-featured .carousel-control { top:50%; margin-top:-40px; } } @media (min-width:1100px) { #home-featured { margin-bottom:60px; } #home-featured .item-slide .item-nav { display:block; } #home-featured .item-slide .copy { padding:30px 50px 35px; } #home-featured .item-slide .title { font-size:34px; } #home-featured .item-slide .abstract { display:block; } } @media (min-width:1440px) { #home-featured .carousel-control.left { left:-70px; } #home-featured .carousel-control.right { right:-70px; } } .home-section { background-repeat:no-repeat; background-position:center center; background-size:cover; color:white; padding:40px 0 60px; } .home-section-title { margin:0 0 10px; background-repeat:no-repeat; background-position:left center; font-size:34px; line-height:50px; font-weight:800; text-transform:uppercase; } .home-section-title em { font-style:normal; font-weight:300; } #home-services { background-color: white; padding:30px 0 60px; } #home-services .home-section-title { text-align:center; } #home-services .link { float:left; width:50%; padding-left:1px; padding-bottom:1px; } #home-services a { display:block; position:relative; background:rgba(103,190,107,0.9); color:white; font-weight:700; line-height:1; text-align:center; transition:background-color 0.2s; } #home-services a span { display:block; padding:25px 0 35px; white-space:nowrap; } #home-services a i { display:block; width:90px; height:90px; margin:0 auto; background-position:center center; background-repeat:no-repeat; } #home-services a:hover { background:rgba(103,190,107,1); /* color:black; text-shadow:none; */ } #home-services a.contact i { background-image:url(../images/icon_actionbar_email.png); } #home-services a.meeting-request i { background-image:url(../images/icon_actionbar_calendar.png); } #home-services a.tour-request i { background-image:url(../images/icon_actionbar_congress.png); } #home-services a.flag-request i { background-image:url(../images/icon_actionbar_flag.png); } #home-services a.tour-idaho i { background-image:url(../images/icon_actionbar_idaho.png); } #home-services a.news i { background-image:url(../images/icon_actionbar_enews.png); } @media (min-width:480px) { #home-services .link { float:left; width:33.333333%; } } @media (min-width:1100px) { #home-services .link { width:16.6666666%; } #home-services a:before { content:""; display:block; padding-top:100%; } #home-services a span { display:block; position:absolute; top:0; right:0; bottom:0; left:0; padding:38px 0; } } @media (min-width:1300px) { #home-services a span { padding:35px 0; background-position:center 25px; } } /* NEWSLETTERS SIGNUP TEST STYLES */ #home-services-no-border { background-color: white; padding:30px 0 60px; } #home-services-no-border .home-section-title { text-align:center; } #home-services-no-border .link { float:left; width:50%; padding-left:1px; padding-bottom:1px; } #home-services-no-border a { display:block; position:relative; background:rgba(103,190,107,0.9); color:white; font-weight:700; line-height:1; text-align:center; transition:background-color 0.2s; } #home-services-no-border a span { display:block; padding:25px 0 35px; white-space:nowrap; } #home-services-no-border a i { display:block; width:90px; height:90px; margin:0 auto; background-position:center center; background-repeat:no-repeat; } #home-services-no-border a:hover { background:rgba(103,190,107,1); /* color:black; text-shadow:none; */ } #home-services-no-border a.contact i { background-image:url(../images/icon_actionbar_email.png); } #home-services-no-border a.meeting-request i { background-image:url(../images/icon_actionbar_calendar.png); } #home-services-no-border a.tour-request i { background-image:url(../images/icon_actionbar_congress.png); } #home-services-no-border a.flag-request i { background-image:url(../images/icon_actionbar_flag.png); } #home-services-no-border a.tour-idaho i { background-image:url(../images/icon_actionbar_idaho.png); } #home-services-no-border a.news i { background-image:url(../images/icon_actionbar_enews.png); } @media (min-width:480px) { #home-services-no-border .link { float:left; width:33.333333%; } } @media (min-width:1100px) { #home-services-no-border .link { width:16.6666666%; } #home-services-no-border a:before { content:""; display:block; padding-top:100%; } #home-services-no-border a span { display:block; position:absolute; top:0; right:0; bottom:0; left:0; padding:38px 0; } } @media (min-width:1300px) { #home-services-no-border a span { padding:35px 0; background-position:center 25px; } } /* END TEST STYLES */ /* #home-social { display:none; background:url(../images/bg_twitter_flickr.jpg) no-repeat center center; background-size:cover; color:white; padding:50px 0 60px; } @media (min-width:1100px) { #home-social { display:block; } } */ /* UPDATED 7/13/20 - SEE TICKET 38452 */ #home-social { background:url(../images/bg_twitter_flickr.jpg) no-repeat center center; background-size:cover; color:white; padding:15px 0 60px; } #home-social > div > div:nth-child(1) > div:nth-child(1) { display: none; } #home-social > div > div:nth-child(2) { display: none; } @media (min-width:1100px) { #home-social { background:url(../images/bg_twitter_flickr.jpg) no-repeat center center; background-size:cover; color:white; padding:50px 0 60px; } #home-social > div > div:nth-child(1) > div:nth-child(1), #home-social > div > div:nth-child(2) { display:block; } } #home-twitter { } #home-twitter .home-section-title { margin:0 0 20px; padding:0 0 0 55px; background-image:url(../images/icon_social_tw_lg.png); background-position:left center; } #home-twitter .item { background:rgba(255,255,255,0.25); padding:20px 35px; } #home-twitter .item+.item { margin-top:20px; } #home-twitter .item .title { margin-bottom:10px; font-size:18px; font-weight:800; } #home-twitter .item .title em { font-weight:400; } #home-twitter .item a { color:inherit; } #home-twitter .item a:hover { text-decoration:underline; } #home-flickr { margin-top:30px; } #home-flickr .home-section-title { margin:0 0 20px; padding:0 0 0 55px; background-image:url(../images/icon_social_flckr_lg.png); background-position:left 3px; } #home-flickr .images .inner { } #home-flickr .images .image { float:left; width:25%; border:1px solid rgba(255,255,255,0.5); border-width:1px 0 0 1px; } #home-flickr .images .image:nth-child(4n-7) { border-left-color:transparent; } #home-flickr .images .image:nth-child(-n+4) { border-top-color:transparent; } /* #home-flickr .images .image img { max-width:100%; height:auto; } */ #home-flickr .images .image a { display:block; height:0; padding-top:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0.8; } #home-flickr .images .image a:hover { opacity:1; } @media (min-width:1100px) { #home-flickr { margin-top:0; } } #home-social .follow-me { margin-top:30px; } #home-social .follow-me a { display:block; color:white; background:rgba(255,255,255,0.15); font-size:30px; line-height:1; padding:20px 35px; } #home-social .follow-me a:hover { text-decoration:none; background:rgba(255,255,255,0.25); } #home-social .follow-me a .username { display:block; font-size:18px; line-height:28px; } #home-social .follow-me a .follow { text-transform:uppercase; font-weight:300; } #home-social .follow-me a .on { font-weight:300; } #home-social .follow-me a .service { font-weight:800; } #home-offices { padding:30px 0 60px; background:url(../images/location_washington.jpg) no-repeat top center; background-size:cover; border-top:10px solid #67be6b; } #home-offices>.container { position:relative; } #home-offices .home-section-title { text-align:center; } #home-offices #offices-wrapper { background:#67be6b; box-shadow:10px 10px 0 rgba(0,0,0,0.15); color:white; position:relative; } #home-offices .home-section-content { } #home-offices .map { display:none; } #home-offices .office .title { font-weight:bold; text-transform:uppercase; font-size:20px; line-height:1; position:relative; border:1px solid white; cursor:pointer; } #home-offices .office .title:before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(103,190,107,0.5); } #home-offices .office .title span { position:absolute; right:0; bottom:0; left:0; padding:20px; } #home-offices .office:hover .title:before, #home-offices .office.active .title:before { background-color:rgba(69,144,208,0.5); } #home-offices .office .info { display:none; padding:20px; line-height:1.2; background:white; border:1px solid white; border-width:0 1px; color:#333; } #home-offices .office.active .info { display:block; } #home-offices .office .info .address { margin-bottom:10px; } #home-offices .office .title { background-repeat:no-repeat; background-position:top right; background-size:cover; height:60px; padding:10px; } #home-offices .office.dc .title { background-image:url(../images/img_offices_dc.jpg); } #home-offices .office.boise .title { background-image:url(../images/img_sm_offices_boise.jpg); } #home-offices .office.coeur-d-alene .title { background-image:url(../images/img_sm_offices_coeurdalene.jpg); } #home-offices .office.idaho-falls .title { background-image:url(../images/img_sm_offices_idahofalls.jpg); } #home-offices .office.lewiston .title { background-image:url(../images/img_sm_offices_lewiston.jpg); } #home-offices .office.pocatello .title { background-image:url(../images/img_sm_offices_pocatello.jpg); } #home-offices .office.twin-falls .title { background-image:url(../images/img_sm_offices_twinfalls.jpg); } #home-offices .map {} @media (min-width:900px) { #home-offices .home-section-content { min-height:500px; margin-left:375px; padding:40px 40px 40px 0; overflow:hidden; } #home-offices .map { display:block; width:375px; height:500px; float:left; background:url(../images/sprite_office_locations.jpg) no-repeat top center; } #home-offices .grid { margin-left:-20px; margin-top:-20px; margin-bottom:17px; } #home-offices .office .info { position:absolute; top:0; left:0; width:375px; text-align:right; padding:40px; background:transparent; color:white; border:0; } #home-offices .office.active .info { padding-left:110px; } #home-offices.coeur-d-alene .map { background-position:center -500px; } #home-offices.lewiston .map { background-position:center -1000px; } #home-offices.boise .map { background-position:center -1500px; } #home-offices.idaho-falls .map { background-position:center -2000px; } #home-offices.pocatello .map { background-position:center -2500px; } #home-offices.twin-falls .map { background-position:center -3000px; } #home-offices .office .title { } #home-offices .grid .office .title { width:180px; height:150px; float:left; margin-left:20px; margin-top:20px; } #home-offices .office .title span { } #home-offices .office.dc .title { width:100%; clear:both; } #home-offices .office.boise .title { background-image:url(../images/img_offices_boise.jpg); } #home-offices .office.coeur-d-alene .title { background-image:url(../images/img_offices_coeurdalene.jpg); } #home-offices .office.idaho-falls .title { background-image:url(../images/img_offices_idahofalls.jpg); } #home-offices .office.lewiston .title { background-image:url(../images/img_offices_lewiston.jpg); } #home-offices .office.pocatello .title { background-image:url(../images/img_offices_pocatello.jpg); } #home-offices .office.twin-falls .title { background-image:url(../images/img_offices_twinfalls.jpg); } } @media (min-width:1300px) { #home-offices .home-section-content { margin-left:400px; } #home-offices .map { width:400px; } #home-offices .office .info { width:400px; } #home-offices .grid .office .title { width:240px; } } /* No Video Preview */ #body .home-no-video { padding-bottom: 1px; } /* PADDING UPDATE TEST */ @media (min-width:1100px) { #home-top.home-menu-padding { padding-top: 160px; } #home-featured.home-featured-padding { margin-bottom: 50px; padding-top: 50px; } }