/* general website styles */ #martinsfield{ display:none !important } body{ padding:145px 0 0 0; margin:0; background-color:#fff; position:relative; font:15px 'Roboto', sans-serif; font-weight:300 } input{ font:15px 'Roboto', sans-serif; font-weight:500; } h1, h2{ font-weight:300; margin:10px 0; font-size:2.3em; color:#3DADFF; text-transform:uppercase } h1.news_h{ background:#3DADFF url('/images/news_h_tile.jpg') repeat left top; width:1060px; margin:0 auto; padding:30px 45px; color:#fff; font-size:65px; font-weight:300 } h1.news_h.std1200{ width:1110px; margin-bottom:55px } h2.blue{ color:#3DADFF; } h3{ font-size:1.5em; color:#373737; margin:35px 0 -15px 0; font-weight:300; text-transform:uppercase } a.button_grey{ font-size:0.8em; padding:5px 25px; background-color:#ededed; cursor:pointer; text-decoration:none; color:#000; border-bottom:none; font-weight:500 } a:hover.button_grey, a:focus.button_grey{ background-color:#3DADFF } .button_blue{ font-size:0.8em; padding:5px 25px; background-color:#3DADFF; cursor:pointer; text-decoration:none; color:#fff; border-bottom:none; text-transform:uppercase } .button_blue:hover, .button_blue:focus{ color:#3DADFF; background-color:#1A2F4A; border-bottom:none } .button_darkblue{ display:inline-block; padding:5px 25px; text-transform:uppercase; background-color:#1A2F4A; color:#fff; border-bottom:none; font-weight:300 } .button_darkblue:hover, .button_darkblue:focus{ color:#1A2F4A; background-color:#3DADFF; border-bottom:none } a{ text-decoration:none; color:inherit; border-bottom:2px solid #d8e2f1; display:inline-block; padding:0 2px } a:hover, a:focus{ background-color:#1A2F4A; border-bottom:2px solid #1A2F4A; color:#fff } ol{ margin: 2em 0 } li{ margin:1em 0; text-align:left; } .time{ color:#3DADFF; font-size:18px; font-weight:300 } /* used for blog posts dates */ /* UV letter styles */ /* paragraph containing a quote */ p.quoted{ font-style:italic; padding:1em; text-align:center } p.quoted span{ display:block; padding:1em 0 0 2em; font-style:normal } p.quoted span span{ display:inline; padding:0; font-style:italic } /* paragraph containing a longer quote */ p.lrg_quoted{ font-style:italic; padding:1em } /* paragraph on grey background */ p.f3grey{ background-color:#F3F3F3; text-align:left; padding:1.5em } /* paragraph containing an image */ p.imaged{ text-align:center; padding:10px 0 } p.imaged span{ display:block; font-style:italic } /* break between paragraphs - '***' */ p.three-stars{ text-align:center; margin:35px 0 } /* paragraph about UV */ p.about_uv{ font-style:italic; padding:1em 0 3em 0; color:#3f3f3f } /* a list */ ul.letter_lst{ list-style:disc; margin:29px 40px 35px 15px } ul.letter_lst_small li{ margin:0.25em 0 } /* a table */ table.letter_tbl{ margin:2em 0; border-collapse:collapse } table.letter_tbl td{ border:1px solid #ededed; padding:0.5em } /* bold text - like a heading, but part of a paragraph */ span.bolded{ font-weight:500 } /* superscript */ span.supscpt{ font-size:0.85em; bottom:0.25em; position:relative } /* for single news article on a different website */ div.publ_container p.outbound_preview{ margin-bottom:4em; position:relative; overflow:auto } .outbound_preview .button_blue{ position:relative; float:right; margin:2em 0 0 0 } /* UV letter styles - page layout */ .article{ width:1150px; margin:50px auto 0 auto; border-top:10px solid #ededed } .article h2{ width:72%; font-size:29px; font-weight:300 } .article h2 a{ color:#3DADFF; border-bottom:none } .article.newsitm h2 a{ min-height:48px; padding-left:140px; background:transparent url('') no-repeat left 10px /*image will be set dynamically in get-entries.php*/ } .article h2 a:hover{ background-color:transparent } .article_header{ position:relative } .article_header .time{ position:absolute; top:0; right:0 } .article_header + div{ width:72%; font-size:17px; font-weight:300; margin-top:29px } .article.newsitm .article_header + div{ padding-left:140px; width:59% } .article_footer{ text-transform:uppercase; position:relative } .article_footer div{ font-size:12px; color:#3DADFF; margin-top:20px } .article_footer a{ font-size:14px; font-weight:300; padding:5px 25px; position:absolute; top:-22px; right:0 } .article_footer a:hover{ border-bottom:none } .article:hover{ border-top:10px solid #3DADFF } .article:hover a.button_grey{ background-color:#3DADFF; color:#fff; } #showpreviousyears{ text-transform:uppercase; font-size:29px; font-weight:300; position:relative; margin:100px auto; display:block; width:200px; text-align:center } #showpreviousyears:before{ content:''; position:absolute; top:-50px; left:50%; margin-left:-575px; height:10px; width:1150px; background-color:#ededed } #showpreviousyears.nomore{ color:#fff; background-color:#1A2F4A; cursor:default } /* UV publications - pagination and search */ .publication_nav{ max-width:1150px; padding:50px 0 35px 0; margin:55px auto 0 auto; border-top:10px solid #eee; font-size:1em; color:#999; } .publication_pagination{ display:inline-block; padding-right:75px } #publication_search{ display:inline-block } #publication_search label{ display:inline-block; padding-right:8px } .publication_nav h2{ font-size:29px; color:#999; padding-bottom:20px } .publication_pagination a{ border-bottom:2px solid transparent; font-weight:500; color:#aaa; display:inline-block; padding:3px 5px; font-size:16px } .publication_pagination a:hover, .publication_pagination a:focus, .publication_pagination a.active:hover, .publication_pagination a.active:focus{ color:#fff } .publication_pagination a.active{ color:#3DADFF } #publication_search input{ font: 1em 'Roboto', sans-serif; font-weight:300; background-color:#F3F3F3; border:none; display:inline-block; padding:7px; width:5.3em; text-align:center; cursor:pointer } #publication_search input[type=submit]{ background:#3DADFF; color:#fff; padding:9px 0; margin-left:5px; font-family:'FontAwesome'; font-size:.9em; position:relative; bottom:1px } #publication_search input[type=submit]:focus, #publication_search input[type=submit]:hover{ background:#1A2F4A } #publication_search #cleartime{ color:#888; cursor:pointer; background:#fff; padding:8px 7px 7px 7px; border:none; margin-left:5px } #publication_search #cleartime:hover, #publication_search #cleartime:focus{ background:#3DADFF; color:#fff } /* UV news - the 6 'sticky' news articles at the top */ .sticky6{ max-width:1150px; margin:50px auto 0 auto; position:relative; overflow:auto } .sticky6 h2{ color:#b5b5b5; font-size:1.5rem; margin:10px 0 35px 0 } .sticky6 a+h2{ margin:75px auto 0 auto } .sticky6 a{ width:30%; margin-right:3%; display:inline-block; position:relative; float:left; border-top:10px solid #ededed; border-bottom:none; color:#000; cursor:pointer; padding-top:80px; background:url('/images/news_logos/uvsmall.jpg') no-repeat left 20px } .sticky6 a:hover, .sticky6 a:focus{ border-top:10px solid #3DADFF; } .sticky6 a:nth-child(4), .sticky6 a:nth-child(7){ margin-right:0% } .sticky6 a span:nth-child(1){ min-height:100px; display:block; color:#3DADFF; font-size:22px; font-weight:300; text-transform:uppercase } .sticky6 a span:nth-child(2){ min-height:150px; display:block; font-size:16px } /* single publication page */ p.news_adb{ position:relative; width:1150px; margin:0 auto; z-index:1 } p.news_adb span{ position:absolute; top:70px; right:0 } p.news_adb img{ position:absolute; top:80px; left:0 } p.news_adb .button_grey{ position:absolute; top:155px; right:0; font-size:15px; font-weight:300; padding:5px 35px 5px 55px } p.news_adb .button_grey:hover{ border-bottom:none } p.news_adb .button_grey:before{ position:absolute; top:-7px; left:20px; content:'<'; font-size:29px; color:#888 } p.news_adb .button_grey:hover:before{ color:#fff } h2.publ_trigger{ width:750px; margin:50px auto 0 auto; padding:15px 400px 0 0; color:#3DADFF; border-top:10px solid #ededed; position:relative; z-index:0; font-size:29px } h2.publ_trigger.nws{ width:625px; padding-left:125px; } h2.publ_trigger + p{ width:1150px; margin:20px auto 0 auto; font-size:18px; font-weight:300 } div.publ_container{ width:650px; padding-right:510px; margin:59px auto 0 auto; font-size:17px; font-weight:300; position:relative } div.publ_container p{ margin:29px 0; font-size:17px } div.publ_container #stayconnected{ position:relative; overflow:hidden; margin-top:-2em } div.publ_container #stayconnected .sharebutton{ position:relative; float:right; margin:0 0 15px 10px } h3.commentsh3{ color:#3DADFF; padding:35px 0 } #comment_frm div{ padding:5px 0; } #comment_frm #subscriptionarea{ padding:17px 0 17px 110px } #comment_frm label{ display:inline-block; width:5em; margin-right:1em; } #comment_frm label[for=subscribe]{ display:inline; width:auto; } #comment_frm label[for=commenttxt]{ position:relative; top:25px } #comment_frm input[type=text], #comment_frm textarea{ font:1em 'Roboto', sans-serif; font-weight:300; background-color:#F3F3F3; border:none; display:inline-block; padding:7px 17px; width:370px } #comment_frm input:hover, #comment_frm textarea:hover, #comment_frm input:focus, #comment_frm textarea:focus{ background-color:#eee } #comment_frm textarea{ height:170px; width:590px; margin:-20px 0 0 135px } #comment_frm input[type=submit]{ background-color:#3DADFF; width:auto; text-transform:uppercase; padding:7px 50px; margin:10px 55px 0 475px; border:none; cursor:pointer; color:#fff; font-size:21px; font-weight:300; } #comment_frm input[type=submit]:hover, #partnering_frm input[type=submit]:focus{ background-color:#1A2F4A; color:#3DADFF } #comments{ border-top:10px solid #ededed; width:1150px } #comments .acomment{ border-top:3px solid #f7f7f7; padding:10px 0; margin:20px 0 45px 0; font-size:0.9em } #comments .acomment .acommenthead{ padding-bottom:25px } #comments .acomment .name{ color:#1A2F4A; margin-right:4em; } #comments .acomment .date{ color:#ccc; font-size:0.85em; } #comments .acomment .showWholeComment span{ color:#4495f7; cursor:pointer; display:block; margin:10px 0 0 0 } #comments .acomment .showWholeComment + span { /*first span after 'read more' isn't visible until 'read more'is clicked*/ display:none; } #uv3{ position:absolute; top:80px; right:0; width:380px } #uv3 > img:first-child{ position:relative; left:-3px } #uv3 h2{ font-size:19px; border-top:3px solid #eee; margin-top:2px; padding-top:7px } .uv3_lnk{ display:block; font-size:16px; line-height:1.35em; margin:20px 0 0 0; border:none; border-top:3px solid transparent; padding:12px 0 } .uv3_lnk:hover, .uv3_lnk:focus{ border:none; border-top:3px solid #3DADFF; background:#fff; color:#101c2c } .uv3_lnk i{ display:block; font-style:italic; padding-top:8px } .uv3_lnk .button_grey{ font-size:0.8em; padding:5px 25px; background-color:#ededed; text-decoration:none; display:inline-block; color:#000; border-bottom:none; font-weight:500; text-transform:uppercase; margin:20px 0 0 0 } .uv3_lnk:hover .button_grey, .uv3_lnk:focus .button_grey{ background-color:#3DADFF; color:#fff } .uv3_ad, .uv3_ad:hover, .uv3_ad:focus{ margin-top:88px; background:#ededed; color:#101c2c; padding:20px 20px 25px 30px; font-size:16px; border:none } .uv3_ad img{ display:block; margin:8px 0 30px 0 } .uv3_ad .button_grey{ font-size:0.8em; padding:5px 38px; background-color:#1A2F4A; color:#fff; text-decoration:none; display:inline-block; border-bottom:none; font-weight:500; text-transform:uppercase; margin:25px 0 0 0; text-align:center } .uv3_ad:hover .button_grey, .uv3_ad:focus .button_grey{ background-color:#3DADFF; color:#fff } /* home page slider styles */ #hp-slider{ display:block; list-style:none; padding:10px 5% 35px 5%; position:relative } #hp-slider li{ margin-top:35px } #hp-slider .button_blue{ margin:10px 0; padding:10px 35px; } #hp-slider h1+p{ color:#0A0F2A; font-size:1.1em } #hp-slider .hp-previous, #hp-slider .hp-next{ display:none } @media only screen and (min-width:480px){ #hp-slider li{ padding-top:270px; background-size:auto 250px } #hp-slider li:nth-child(3){ background:#fff url(/images/home-slider-book-mockup-small.jpg) no-repeat top left } #hp-slider li:nth-child(2){ background:#fff url(/images/home-slider-dp-with-santelli-small.jpg) no-repeat top left } #hp-slider li:nth-child(1){ background:#fff url(/images/home-slider-mockup-small.jpg) no-repeat top left } #hp-slider li:nth-child(4){ background:#fff url(/images/home-slider-edu-reform-small.jpg) no-repeat top left } #hp-slider li:nth-child(5){ background:#fff url(/images/home-slide-mockup-NewU-small.jpg) no-repeat top left } } @media only screen and (min-width:750px){ #hp-slider{ margin-top:70px; padding:0 } #hp-slider li{ padding-top:350px } #hp-slider h1+p{ font-weight:500 } #hp-slider li:nth-child(3){ background:#fff url(/images/home-slider-book-mockup.jpg) no-repeat top left; background-size:auto 500px } #hp-slider li:nth-child(2){ background:#fff url(/images/home-slider-dp-with-santelli.jpg) no-repeat top left; background-size:auto 500px } #hp-slider li:nth-child(1){ background:#fff url(/images/home-slider-mockup.jpg) no-repeat top left; background-size:auto 500px } #hp-slider li:nth-child(4){ background:#fff url(/images/home-slider-edu-reform-summit.jpg) no-repeat top left; background-size:auto 500px } #hp-slider li:nth-child(5){ background:#fff url(/images/home-slide-mockup-NewU.jpg) no-repeat center left } #hp-slider .hp-slide{ padding:2rem 3rem; margin:2rem; background:rgba(255,255,255,.95) } } @media only screen and (min-width:880px){ #hp-slider li{ margin-top:0 } #hp-slider li{ padding-top:290px } #hp-slider li:nth-child(3){ background:#fff url(/images/home-slider-book-mockup.jpg) no-repeat top left; background-size:auto 600px } #hp-slider li:nth-child(2){ background:#fff url(/images/home-slider-dp-with-santelli.jpg) no-repeat top left; background-size:auto 600px } #hp-slider li:nth-child(1){ background:#fff url(/images/home-slider-mockup.jpg) no-repeat top left; background-size:auto 600px } #hp-slider li:nth-child(4){ background:#fff url(/images/home-slider-edu-reform-summit.jpg) no-repeat top left; background-size:auto 600px } #hp-slider li:nth-child(5){ background:#fff url(/images/home-slide-mockup-NewU.jpg) no-repeat bottom left; background-size:auto 800px } #hp-slider .button_blue{ margin:25px 0 10px 0; padding:10px 35px; } #hp-slider .hp-slide{ padding:3rem 7rem 0 5rem; margin:2rem; background:rgba(255,255,255,.97); } } @media only screen and (min-width:970px){ #hp-slider{ margin-top:88px } #hp-slider + #menu + #footer{ margin-top:0 } #hp-slider li{ padding:80px 25px 50px 500px; min-height:690px; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1 } #hp-slider li:nth-child(3){ background:#fff url(/images/home-slider-book-mockup.jpg) no-repeat top left; background-size:cover } #hp-slider li:nth-child(2){ background:#fff url(/images/home-slider-dp-with-santelli.jpg) no-repeat top left; background-size:cover } #hp-slider li:nth-child(1){ position:relative; background:#fff url(/images/home-slider-mockup.jpg) no-repeat top left; background-size:cover } #hp-slider li:nth-child(4){ position:relative; background:#fff url(/images/home-slider-edu-reform-summit.jpg) no-repeat top left; background-size:cover } #hp-slider li:nth-child(5){ background:#fff url(/images/home-slide-mockup-NewU.jpg) no-repeat center left; background-size:cover } #hp-slider .hp-slide{ padding:2rem 3rem 2rem 2rem; max-width:370px } #hp-slider li:nth-child(4) .hp-slide{ max-width:100% } #hp-slider li:nth-child(4){ padding:100px 525px 30px 0px } #hp-slider .hp-previous, #hp-slider .hp-next{ display:block; z-index:2; position: absolute; bottom: 45%; cursor: pointer; height: 50px; width: 50px; background-color:rgba(0,0,0,0.2); transition:background-color 1s } .hp-previous{ left: 0; background: url('../images/slider_arrows.png') no-repeat 0 0; } .hp-next{ right: 0; background: url('../images/slider_arrows.png') no-repeat -50px 0; } .hp-next:hover{ background:url('../images/slider_arrows.png') no-repeat -50px -50px; background-color:rgba(0,0,0,0.7) } .hp-previous:hover{ background:url('../images/slider_arrows.png') no-repeat 0 -50px; background-color:rgba(0,0,0,0.7) } } @media only screen and (min-width:1020px){ #hp-slider{ margin-top:29px } #hp-slider li{ padding:120px 25px 50px 600px } #hp-slider li:nth-child(4){ padding:120px 575px 50px 50px } #hp-slider .hp-slide{ padding:5rem 3rem 3rem 2rem } #hp-slider li:nth-child(4) .hp-slide{ max-width:350px } } @media only screen and (min-width:1150px){ #hp-slider li:nth-child(3){ background:#fff url(/images/home-slider-book-mockup.jpg) no-repeat top left; background-size:cover } #hp-slider li:nth-child(2){ background:#fff url(/images/home-slider-dp-with-santelli.jpg) no-repeat top center; background-size:cover } #hp-slider li:nth-child(1){ background:#fff url(/images/home-slider-mockup.jpg) no-repeat top left; background-size:cover } #hp-slider li:nth-child(4){ background:#fff url(/images/home-slider-edu-reform-summit.jpg) no-repeat top left; background-size:cover } } @media only screen and (min-width:1250px){ #hp-slider li{ padding:120px 25px 50px 700px } } @media only screen and (min-width:1400px){ #hp-slider li{ padding:120px 25px 50px 850px } } @media only screen and (min-width:1800px){ #hp-slider li:nth-child(4){ padding:170px 575px 0 50px } } /* inner page layout styles */ p#headerimg{ display:none } @media only screen and (min-width:800px){ p#headerimg{ display:block; max-width:1150px; margin:0 auto; padding:0; } p#headerimg img{ width:100% } } /* old layout was built using #twopanes, #l_pane and #right_pane. then we did a new layout (responsive, but only for some pages) using #content-inner, #content-left and #content-right, which basically do the same, only in a responsive way */ #content-inner{ position:relative; margin:60px 2rem 0 2rem; overflow:auto } #content-left{ padding:10px 0 35px 0; min-height:20rem; max-width:800px } #content-right{ max-width:300px } @media only screen and (min-width:1100px){ #content-inner{ max-width:1150px; margin:60px auto 0 auto } #content-left{ position:relative; float:left } #content-right{ position:relative; float:right; width:270px } } #twopanes{ position:relative; width:1150px; margin:60px auto 0 auto; overflow:auto } #l_pane{ position:relative; float:left; width:800px; padding:10px 0 0 0; } #r_pane{ position:relative; float:right; width:270px; } #content-left h1:before,#l_pane h1:before{ content:''; position:absolute; top:0; left:0; width:345px; height:10px; background-color:#ededed; } #content-left p, #content-left ol, #l_pane p, #l_pane ol{ margin:2em 0; font-size:1.1em; text-align:justify } #content-left h2, #l_pane h2{ position:relative; margin-top:75px; padding:29px 0 10px 0 } #content-left h2:before, #l_pane h2:before{ content:''; position:absolute; top:0; left:0; width:345px; height:10px; background-color:#ededed; } #l_pane h2 span{ text-transform:none; font-size:0.4em; font-weight:500; display:inline-block; padding-left:15px; color:#939393 } #l_pane .uvguy{ position:relative; overflow:auto } #l_pane .uvguy p{ text-align:justify; margin:10px 0; position:relative; width:620px; float:right } #l_pane .uvguy h2 + p{ width:140px; float:left } #content-right .subnav, #r_pane .uvguy, #r_pane .subnav{ position:relative; padding:20px 0 0 0; margin:0 0 40px 0 } #content-right .subnav, #r_pane .subnav{ font-weight:300; font-size:1.42em; color:#444; text-transform:uppercase } #content-right .subnav:before, #r_pane .uvguy:before, #r_pane .subnav:before{ content:''; position:absolute; top:0; left:0; width:270px; height:10px; background-color:#ededed; } #content-right .subnav:hover:before, #r_pane .uvguy:hover:before, #r_pane .subnav:hover:before{ background-color:#3DADFF } #r_pane .uvguy p:first-child{ position:absolute; top:10px; right:0; width:114px; overflow:hidden; font-weight:300; font-size:1.35em; color:#444; text-transform:uppercase } #r_pane .uvguy p span{ display:block; text-transform:none; font-size:0.55em; font-weight:500; color:#939393; padding:7px 0 0 0 } #r_pane .uvguy a{ position:absolute; top:142px; right:0 } #content-right .subnav:hover a, #r_pane .uvguy:hover a, #r_pane .subnav:hover a{ background-color:#3DADFF; border-bottom-color:#3DADFF; color:#fff } #content-right .subnav a, #r_pane .subnav a{ font-size:15px; color:#000; margin-top:15px; display:inline-block; text-transform:none } #contactuv{ height:365px; max-width:335px; margin:29px auto 0 auto; } #l_c_pane{ position:relative; float:left } #r_c_pane{ position:relative; float:left; max-width:650px; padding-top:25px } #l_c_pane > div{ padding:15px; width:300px; position:relative; float:left; margin-bottom:35px; font-weight:300 } #l_c_pane div p{ font-size:17px } #l_c_pane div a{ color:#000; border-bottom:none; text-decoration:underline } #l_c_pane div a:focus, #l_c_pane div a:hover{ color:#fff } @media only screen and (min-width:900px){ #l_c_pane > div{ background-color:#F3F3F3; padding:25px; width:335px } #l_c_pane{ max-width:385px } #r_c_pane{ float:right } } #partnering_frm{ font-size:17px; font-weight:300 } #partnering_frm > div > label span{ display:inline-block; width:290px; padding-left:5px } #partnering_frm input, #partnering_frm textarea{ font:1em 'Roboto', sans-serif; font-weight:300; background-color:#F3F3F3; border:none; display:block; padding:7px 17px; width:290px; margin:20px 0; } #partnering_frm input:hover, #partnering_frm textarea:hover, #partnering_frm input:focus, #partnering_frm textarea:focus{ background-color:#eee } #partnering_frm input[type=radio]{ display:inline-block; position:relative; top:0.1em; width:auto } #partnering_frm textarea{ width:290px; height:300px } #partnering_frm input[type=submit]{ background-color:#3DADFF; width:auto; text-transform:uppercase; padding:9px 50px } #partnering_frm input[type=submit]:hover, #partnering_frm input[type=submit]:focus{ background-color:#1A2F4A } @media only screen and (min-width:1050px){ #partnering_frm > div > label span{ display:inline-block; width:580px; padding-left:5px } #partnering_frm input, #partnering_frm textarea{ width:370px } #partnering_frm textarea{ width:550px; height:200px } #partnering_frm input[type=submit]{ margin-left:422px } } /* subscribe form in the right sidebar */ #uv3 #mc_embed_signup form, #content-right #mc_embed_signup form, #r_pane #mc_embed_signup form{ padding:1.5rem 1rem; background:#eee } #uv3 #mc_embed_signup h2, #content-right #mc_embed_signup h2, #r_pane #mc_embed_signup h2{ color:#3DADFF; text-transform: uppercase; font-size:19px; font-weight:500; margin:.5em 0 1em 0; padding:0 } #uv3 #mc_embed_signup h2+span, #content-right #mc_embed_signup h2+span, #r_pane #mc_embed_signup h2+span{ font-size:14px; display:block; margin-bottom:1.2rem } #uv3 #mc_embed_signup #mce-EMAIL, #content-right #mc_embed_signup #mce-EMAIL, #r_pane #mc_embed_signup #mce-EMAIL{ background:#fff; border:none; font-size:14px; padding:10px; width:210px } #uv3 #mc_embed_signup #mc-embedded-subscribe, #content-right #mc_embed_signup #mc-embedded-subscribe, #r_pane #mc_embed_signup #mc-embedded-subscribe{ font-size: 12px; background-color: #3DADFF; color: #fff; border: none; text-transform: uppercase; padding:11px 12px; cursor: pointer; margin:1em 0 } /* in use on Team page and for Share buttons on UV letters pages */ .soc_twitter, .soc_linkedin, .soc_email, .soc_fb{ position:relative; display:inline-block; border-bottom:none; height:2.2rem; width:2.2rem; background:#bbb; margin:.5rem .5rem 0 0; font-family:'FontAwesome'; font-size:1.25rem } a.soc_email:hover, a.soc_fb:hover, a.soc_email:focus, a.soc_fb:focus, a.soc_twitter:hover, a.soc_linkedin:hover, a.soc_twitter:focus, a.soc_linkedin:focus{ background: #3DADFF; border-bottom:none } .soc_twitter:after{ content: '\f099'; position:absolute; top:.55rem; left:.7rem; color:#fff } .soc_linkedin:after{ content: '\f0e1'; position:absolute; top:.5rem; left:.7rem; color:#fff } .soc_fb:after{ content: '\f09a'; position:absolute; top:.5rem; left:.8rem; color:#fff } .soc_email:after{ content: '\f0e0'; position:absolute; top:.5rem; left:.5rem; color:#fff } #sharepubl{ border-top:2px solid #eee; border-bottom:2px solid #eee; margin:70px 140px 30px 0 } #sharepubl > *{ display:inline-block; margin:20px } #sharepubl h3{ color:#3DADFF; font-size:16px; font-weight:500; text-transform:uppercase; position:relative; bottom:10px; margin-right:30px } /* current investments layout styles */ #investments-filters{ margin:35px auto; max-width:1200px; position:relative; z-index:2 } #investments-filters > a{ margin-right:35px } #investments-areas{ margin:0 55px 0 0; border:1px solid #ddd; display:inline-block; text-align:left; padding:8px 5px 8px 15px; min-width:210px; min-height:18px; cursor:pointer; overflow:visible; position:relative } #investments-areas h2{ font-size:.9rem; text-transform:none; color:#000; position:relative; margin:0 } #investments-areas h2:after{ position:absolute; top:7px; right:0; content:''; height:0; width:0; border-top:8px solid #ccc; border-left:8px solid transparent; border-right:8px solid transparent; } #investments-areas ul{ display:none; list-style:none; padding:0; position:absolute; top:20px; left:0; border-top:none } #investments-areas ul li{ margin:2px 0 } #investments-areas:hover ul{ display:block } #investments-areas ul a{ border-bottom:none; padding:10px 25px; display:block; background:#3DADFF; color:#fff } #investments-areas ul a:hover, #investments-areas ul a:focus{ background:#09182B } #investments-search{ margin:0 55px 0 0; border:1px solid #ddd; display:inline-block; text-align:left; padding:8px 5px 7px 15px; min-width:210px; min-height:20px } #investments-search #search-phrase{ border:none; font-size:.9rem; font-weight:300; color: #000; background:#fff; outline:none } #investments-search input[type=submit]{ border:none; background:#fff; color:#c9c9c9; font-family:'FontAwesome'; font-size:1rem; cursor:pointer } #investments-listing{ margin:35px auto; position:relative; overflow:auto; z-index:1 } #investments-listing > div{ position:relative; float:left; background:#fff url() no-repeat left top; background-size:contain } #investments-listing > div a{ display:block; border-bottom:0; overflow:auto } #investments-listing > div a:hover, #investments-listing > div a:focus{ background:none; color:#000 } #investments-listing > div a p+p{ display:inline-block; padding:3px 7px; color:#3DADFF } #investments-listing > div a p+p:hover{ background:#09182B; color:#fff } /* #investments-listing can be viewed in two layouts, grid or list; to make the switch, using classes: .view-grid and .view-list */ #investments-listing.view-grid{ width:300px } #investments-listing.view-grid > div{ width:300px; height:300px; background:#eee url() no-repeat left top } @media only screen and (min-width:600px){ #investments-listing.view-grid{ width:600px } } @media only screen and (min-width:900px){ #investments-listing.view-grid{ width:900px } } @media only screen and (min-width:1200px){ #investments-listing.view-grid{ width:1200px } } #investments-listing.view-grid > div:hover:after{ z-index:1; content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(61, 173, 255, .75) } #investments-listing.view-grid > div a{ z-index:2; background:#fff; position:absolute; top:5px; bottom:5px; left:5px; right:5px; border-radius:145px; text-align:center } #investments-listing.view-grid h3{ margin:75px 0 15px 0; font-size:22px } #investments-listing.view-grid p{ margin:10px 15px } #investments-listing.view-grid > div a{ display:none } #investments-listing.view-grid > div:hover a{ display:block } #investments-listing.view-list{ width:600px } #investments-listing.view-list > div{ width:350px; min-height:170px; padding:0 50px 0 200px; margin:25px 0; background-size:170px } @media only screen and (min-width:1200px){ #investments-listing.view-list{ width:1200px } } #investments-listing.view-list h3{ margin:0 0 10px 0 } .investment-singleslider{ width:100%; min-width:1200px; margin:-71px 0 0 0; padding-top:11px; background:#000; position:relative; overflow:hidden } .investment-singleslider > ul{ list-style:none; padding:0; margin:0 auto; display:block; width:1200px; height:350px; position:relative; overflow:auto } .investment-singleslider > ul li{ display:block; padding:0; margin:0; width:1200px; height:350px; position:absolute; top:0; left:0; z-index:1 } .investment-singleslider > ul li img{ display:block; position:relative } .investment-singleslider > ul li:after{ content:''; position:absolute; top:0; bottom:0; right:0; left:0; z-index:1975; background: url(/images/photo_texture.png) repeat } /* background images to the left and right of the main one in the centre */ .investment-singleslider #imageafter{ opacity: 0.5; filter: alpha(opacity=50); width:1200px; height:350px; position:absolute; bottom:0; left:50%; margin-left:600px; background:#1A2F4A url() center center } .investment-singleslider #imagebefore{ opacity: 0.5; filter: alpha(opacity=50); width:1200px; height:350px; position:absolute; bottom:0; right:50%; margin-right:600px; background:#1A2F4A url() center center } .investment-singleslider #imageafter:after, .investment-singleslider #imagebefore:after{ content:''; position:absolute; top:0; bottom:0; right:0; left:0; z-index:1975; background: url(/images/photo_texture.png) repeat } .investment-singleinfo{ text-align:center; margin:2rem 0 5rem 0 } .investment-singleinfo div+div{ background:#3DADFF; color:#fff } .investment-singleinfo > div h1{ margin:55px 0 35px 0 } .investment-singleinfo > div p{ max-width:50em; line-height:1.5em; font-size:.95rem; margin:45px auto } .investment-singleinfo div+div p{ padding:25px; font-size:16px; max-width:1200px } .investment-singleinfo div+div p span{ position:relative; display:inline-block; margin:15px 30px 10px 30px; padding-left:35px } .investment-singleinfo div+div p span.tags{ padding-left:25px } .investment-singleinfo div+div p .tags:before{ content:'\f02c'; font-family: 'FontAwesome'; position:absolute; top:0; left:0; font-size:1.1em } .investment-singleinfo div+div p .web:before{ content:'\f015'; font-family: 'FontAwesome'; position:absolute; top:0; left:0; font-size:1.3em } /* top navigation */ body{ padding-top:500px } div#menu{ position:fixed; top:0; left:0; margin:0; padding:0; width:100%; z-index:1975; border-bottom:3px solid #3DADFF; text-transform:uppercase; font-size:0.9em; background-color:#1A2F4A; font-weight:500 } div#menu a{ border-bottom:none; display:block; padding:.7rem 1rem; color:#fff; text-decoration:none; min-height: 17px; text-align:center; margin:0 auto } div#menu ul, div#menu li{ list-style:none; display:block; margin:0; padding:0; position:relative; text-align:center } div#menu a:hover, div#menu a:focus{ background-color:#3DADFF; color:#1A2F4A } div#menu >ul > li:first-child a:hover{ background-color:#1A2F4A } div#menu li.hideforsmallscreens > a{ display:none } body.navswitched{ padding-top:100px } #navswitch{ display:none; cursor:pointer; width:80px; height:35px; background:#4A5F7A; position:fixed; top:10px; right:10px } #navswitch:after{ content:'toggle menu'; color:#1A2F4A; font-size:10px; position:absolute; top:12px; right:5px } @media only screen and (min-width:300px) and (max-width:750px){ #navswitch{ display:block } } @media only screen and (min-width:750px){ body{ padding-top:149px } div#menu li.hideforsmallscreens > a{ display:block } div#menu > ul{ width:725px; margin:0 auto } div#menu >ul > li:first-child{ float:none; text-align:center } div#menu a{ padding:.7rem 1.5rem } div#menu > ul{ margin:0 auto } div#menu > ul > li{ display:block; position:relative; float:left; margin:0 } div#menu > ul > li > a.teget{ background-color:#3DADFF; color:#1A2F4A } div#menu > ul > li ul{ position:absolute; top:100%; left:0; margin:0; padding:5px 0 0 0; display:none; font-size:0.95em; } div#menu > ul > li:hover ul{ display:block } div#menu > ul > li ul a{ background-color:#3DADFF; padding:12px 25px; margin:2px; } div#menu > ul > li ul a:focus, div#menu > ul > li ul a:hover{ color:#fFF; background-color:#1A2F4A; } } @media only screen and (min-width:950px){ div#menu a{ padding:1rem 2.5em } div#menu > ul{ width:825px; margin:0 auto } } @media only screen and (min-width:1150px){ body{ padding-top:130px } div#menu >ul > li:first-child{ float:left; text-align:left } div#menu > ul{ width:1150px } div#menu a{ padding:32px 52px; text-align:left } div#menu >ul > li:first-child a { height:52px; width:242px; display:inline-block; margin:15px 55px 14px 0; padding:0 } } /* footer */ div#footer{ background-color:#09182B; margin:62px 0 0 0; font-weight:500; border-top:2px solid #3DADFF; padding:2rem } div#footer > div{ max-width:1150px; margin:0 auto; position:relative; overflow:auto } div#footer > div > div{ position:relative; float:left; margin:0; height:102px; max-width:294px; padding:35px 25px 15px 25px } div#footer > div > div:first-child{ z-index:1; margin-left:0 } div#footer a, div#footer + div a{ border-bottom:none; padding:0 } div#footer > div #copyright{ font-size:0.75em; color:#446180; height:42px; width:auto; padding:80px 5px 15px 25px } div#footer > div #copyright a{ color:#354B63; text-decoration:none; display:block } div#footer > div #copyright a span{ color:#3DADFF } div#footer > div #copyright a:hover span, div#footer > div #copyright a:focus span{ text-decoration:underline } div#footer > div #copyright a:hover{ background-color:#09182B } @media only screen and (min-width:750px){ div#footer > div > div:nth-child(2){ margin-left:30px } } @media only screen and (min-width:1050px){ div#footer > div > div:first-child{ padding-left:0 } div#footer > div > div:nth-child(2){ margin-left:60px } div#footer > div #copyright{ margin-left:30px } } @media only screen and (min-width:1200px){ div#footer > div > div:nth-child(2){ margin-left:110px } div#footer > div #copyright{ margin-left:90px } } div#footer p{ margin:0; padding:0 } div#footer p:nth-child(1){ color:#3DADFF; text-transform:uppercase; font-size:15px } div#footer p#socmed{ padding-top:15px } #socmed a{ height:3.5em; width:3.5em; position:relative; border-radius:3.5em; margin-right:.5em; background-color:#26374B } #socmed a:before{ position:absolute; top:.5em; left:.55em; height:2em; width:2em; font-family: 'FontAwesome'; font-size:1.8em; color:#09182B; } #soc_rss:before{ content:'\f09e'; } #soc_tw:before{ content:'\f099'; } #soc_fb:before{ content:'\f09a'; } #soc_li:before{ content:'\f0e1'; } #socmed a:hover, #socmed a:focus{ background-color:#3DADFF } @media only screen and (min-width:750px){ div#footer{ padding:0 2rem } } /* subscribe form in the right sidebar */ div#footer #mc_embed_signup #mce-EMAIL{ background:#16273B; color:#9db9db; border:none; font-size:14px; padding:7px; width:180px; margin-top:20px } div#footer #mc_embed_signup #mc-embedded-subscribe{ font-size:12px; background-color:#3DADFF; color:#1A2F4A; border:none; text-transform:uppercase; padding:8px 12px; cursor:pointer }