@charset "utf-8"; /* UNIVERSAL ---------------------------------------------- */ * { box-sizing: border-box; } body { margin: 0; padding: 0; } .group:after{ content: ""; display: table; clear: both; } h1 { font-family: 'Arvo',serif; font-size: 45px; line-height: 1.3; color: #eceff0; margin-bottom: 60px; } h2 { font-family: 'Source Sans Pro'; font-size: 28px; font-weight: 600; color: #071e3e; line-height: 1.2; padding-bottom: 20px; } h3 { font-family: 'Source Sans Pro'; font-size: 22px; font-weight: bold; color: #303030; letter-spacing: 0.01em; padding-bottom: 20px; margin-bottom: 0; } h4 { font-family: 'Source Sans Pro'; font-size: 18px; font-weight: bold; color: #303030; letter-spacing: 0.01em; padding-bottom: 20px; } blockquote { font-family: 'Source Sans Pro'; font-size: 34px; font-weight: 600; color: #071e3e; line-height: 1.2; padding: 10px 0 30px 0; width: 80%; margin: 0 auto; border: none; } /* HEADER ---------------------------------------------- */ .header { width: 100%; position: absolute; z-index: 100; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; padding: 28px 8%; } .header .logo { display: inline-block; width: 156px; } .header .logo img { display: block; max-width: 100%; height: auto; } .header .nav_toggle { display: none; float: right; width: 34px; margin-top: 10px; } .header .nav_toggle img { width: 100%; height: auto; } .header .toggle_menu { font-size:16px; } .header .nav_main { position: relative; z-index: 10; float: right; padding-top: 30px; width: 80%; max-width: 740px; } .header .nav_main > ul { width: 100%; margin: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .header .nav_main > ul > li { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; text-align: right; } .header .nav_main > ul > li a { text-decoration: none; } .header .nav_main > ul > li > a { color: #fff; font-size: 16px; text-decoration: none; } .header .nav_main .toggle_menu .menu_login { text-align: center; display: block; width: 100%; padding-bottom: 20px; position: relative; } .header .nav_main .toggle_menu .menu_login a { display: inline-block; font-weight: 600; background: rgba(35,110,206,1); color: #fff; padding: 8px 16px; border-radius: 3px; margin-top: -10px; } /* PAGE HEADER ---------------------------------------------- */ .page_header { width: 100%; min-height: 300px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; background: #1e4575; background: -moz-radial-gradient(circle, rgba(30,69,117,1) 20%, rgba(19,50,81,1) 92%); background: -webkit-radial-gradient(circle, rgba(30,69,117,1) 20%, rgba(19,50,81,1) 92%); background: radial-gradient(circle, rgba(30,69,117,1) 20%, rgba(19,50,81,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4575', endColorstr='#133251',GradientType=1 ); position: relative; padding-bottom: 140px; overflow: hidden; } .page_header:after { content: ''; display: block; position: absolute; z-index: 10; background: #fff; bottom: -20vw; left: 0; transform-origin: right top; transform: skewY(4deg); height: 20vw; width: 100%; z-index: 100; } .page_header_int { position: relative; z-index: 10; background: -moz-linear-gradient(top, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.29) 35%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.29) 35%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.29) 35%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e000000', endColorstr='#00000000',GradientType=0 ); } .page_header .wrap { margin: 0 8%; padding: 170px 0 28px 92px; } .overlap_page_header { min-height: 460px; } .overlap_page_header .page_header_int .wrap { padding-top: 170px; } .page_title_wrap { width: 100%; max-width: 600px; } .page_subtitle { font-size: 22px; font-weight: 600; color: #7f91a3; text-align: left; line-height: 1.3; margin-bottom: 10px; } .page_title { font-family: 'Arvo',serif; font-size: 45px; line-height: 1.3; color: #eceff0; margin-bottom: 60px; } .page_cta { font-size: 18px; color: #ffffff; } .overlap_page_header .page_cta { padding-bottom: 40px; } .page_cta span { display: inline-block; margin-right: 10px; } .page_cta .btn_cta { background-color: #f4b827; border-radius: 4px; display: inline-block; padding: 8px 20px; font-size: 15px; font-weight: 600; color: #1b3961; transition: all .2s ease; text-align: center; } .page_cta .btn_cta:hover { background: #236ECE; color: #fff; } /* VERT TEXT SCROLLER ---------------------------------------------- */ #subject_scroller { font-family: 'Arvo' serif; font-weight: 700; font-size: 46px; line-height: 1.3; letter-spacing: .75px; color: #14355b; position: absolute; width: 700px; height: 540px; overflow: hidden; bottom: 0; right: 8%; pointer-events: none; z-index: 1; } #subject_scroller span { display: block; height: 60px; -webkit-filter: blur(2px); filter: blur(2px); transition: .2s -webkit-filter linear; -webkit-transform-style: preserve-3d; /* -webkit-backface-visibility: hidden; */ } #subject_scroller a { display: inline-block; height: 60px; color: #14355b; -webkit-filter: blur(2.5px); filter: blur(2.5px); transition: .2s -webkit-filter linear; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } #subject_scroller a:hover { -webkit-filter: blur(1px); filter: blur(1px); } /* HOME ---------------------------------------------- */ .home_page_header:after { background: #eceff0; } .home_page_header .wrap { padding-top: 200px; } .home_search_title { font-family: 'Arvo',serif; font-size: 48px; color: #ECEFF0; letter-spacing: 1.76px; line-height: 1; } .home_search_title .large { color: #236ECE; font-size: 62px; padding: 10px 0 30px; } .home_search_form form { display: inline-block; margin-right: 16px; } .home_search_form .form_int { background: rgba(255,255,255,0.4); border-radius: 4px; width: 432px; display: inline-block; margin-right: 16px; } .home_search_form input[type="text"] { background: transparent; border: none; margin: 0; -webkit-appearance: none; outline: none; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height: 15px; height: 36px; padding: 10px 20px; width: calc(100% - 60px); color: #fff; } .home_search_form input[type="text"]::-webkit-input-placeholder {color: #fff; opacity: 1; margin: 0; padding: 0; font-size: 15px; line-height: 15px;} .home_search_form input[type="text"]::-moz-placeholder {color: #fff; opacity: 1; margin: 0; padding: 0; font-size: 15px; line-height: 15px;} .home_search_form input[type="text"]:-ms-input-placeholder {color: #fff; opacity: 1; margin: 0; padding: 0; font-size: 15px; line-height: 15px;} .home_search_form input[type="text"]:-moz-placeholder {color: #fff; opacity: 1; margin: 0; padding: 0; font-size: 15px; line-height: 15px;} .home_search_form .search_submit { display: inline-block; float: right; line-height: 0; height: 36px; width: 60px; background: #F4B827; padding: 9px 0; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px; transition: all .2s ease; } .home_search_form .search_submit:hover { background: #236ECE; } .home_search_form .search_submit img { display: inline-block; max-width: 20px; height: auto; } .home_search_form .btn_browse { display: inline-block; background: #D3D6DA; border-radius: 4px; padding: 10px 14px; font-size: 15px; line-height: 1; height: 36px; color: #071E3E; transition: all .2s ease; } .home_search_form .btn_browse:hover { background: #fff; } .home_search_form .search_or { color: #fff; display: inline-block; vertical-align: middle; margin: 10px 6px; font-size: 14px; line-height: 14px; } .home_header_tabs { position: absolute; right: 0; top: 200px; } .home_header_tabs > a { display: block; width: 220px; padding: 16px 0 16px 28px; background: rgba(35,110,206,1); color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.30); border-radius: 10px 0 0 10px; margin-bottom: 16px; text-transform: uppercase; transition: background .2s ease; } .home_header_tabs > a:hover { background: rgba(35,110,206,0.6); color: #fff; } .home_header_tabs > a .group { display: inline-block; } .home_header_tabs .tab_icon { float: left; } .home_header_tabs .tab_title { float: left; margin-top: 2px; margin-left: 18px; font-size: 16px; letter-spacing: 1.02px; line-height: 1.3; text-align: left; } .home_header_tabs .tab_title span { display: block; font-size: 14px; } .home_title { font-family: 'Source Sans Pro'; font-size: 32px; color: #071e3e; text-align: left; line-height: 42px; padding-bottom: 24px; margin-bottom: 24px; position: relative; } .home_title:after { content: ''; display: block; position: absolute; z-index: 10; background: #51626b; bottom: 0; right: 96%; height: 2px; width: 100%; z-index: 100; } .home_intro { background-color: #eceff0; overflow: hidden; } .home_intro .int { margin: 0 8%; padding-left: 92px; max-width: 800px; } .home_intro .int p { margin: 0; padding-bottom: 16px; } .home_intro .learn_more a { font-size: 15px; font-weight: 600; color: #236ece; text-align: left; text-transform: uppercase; font-family: 'Source Sans Pro'; } .home_callout_wrap { background: url(http://muse.jhu.edu/home/images/compass_lg.png) no-repeat center center; background-size: cover; position: relative; min-height: 10vw; text-align: center; position: relative; } .home_callout_int { position: relative; overflow: hidden; } .home_callout_int:before { content: ''; display: block; position: absolute; z-index: 10; background: #eceff0; bottom: 100%; left: 0; transform-origin: right top; transform: skewY(-4deg); height: 20vw; width: 100%; z-index: 100; } .home_callout { font-family: 'Source Sans Pro'; font-size: 30px; font-weight: bold; color: #ffffff; text-align: center; padding: 10vw 0 5vw 0; display: inline-table; line-height: 1; } .home_callout > div { display: table-cell; padding: 16px 28px 20px 28px; border-right: 1px solid #fff; } .home_callout > div:last-child { border-right: none; } .home_callout_wrap .btn_browse { position: absolute; z-index: 100; bottom: -25px; left: 50%; margin-left: -115px; background-color: #f4b827; border-radius: 6px; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.04); font-family: 'Source Sans Pro'; font-size: 18px; line-height: 50px; font-weight: 600; color: #071e3e; width: 230px; height: 50px; text-align: center; transition: all .2s ease; } .home_callout_wrap .btn_browse:hover { background-color: #236ECE; color: #fff; } .home_btm { margin: 0 8%; padding: 80px 92px 0 92px; } .home_btm .upcoming_event { float: left; width: 32%; background: #fff; box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1); vertical-align: top; } .upcoming_event .sub_title { background-color: #79a7e4; padding: 16px 20px; } .upcoming_event .sub_title span { display: inline-block; float: left; font-family: 'Source Sans Pro'; font-size: 17px; line-height: 1; font-weight: 600; color: #ffffff; letter-spacing: 0.01em; text-transform: uppercase; vertical-align: middle; } .upcoming_event .sub_title .view_all { display: inline-block; float: right; font-family: 'Source Sans Pro'; font-size: 14px; line-height: 1; color: #303030; vertical-align: middle; transition: all .2s ease; margin-top: 4px; } .upcoming_event .sub_title .view_all:hover { color: #fff; } .upcoming_event .event { font-family: 'Source Sans Pro'; font-size: 15px; color: #232c38; padding: 14px; } .upcoming_event .event a { word-wrap: break-word; } .upcoming_event .event_title { font-weight: bold; margin-bottom: 6px; } .upcoming_event .event_desc { line-height: 1.4; } .upcoming_event .event_pic { padding: 12px; } .upcoming_event .event_pic img { width: 100%; height: auto; } .upcoming_event .view_mobile { display: none; text-align: center; font-weight: 600; font-size: 15px; margin-bottom: 20px; } .home_btm .twitter_feed { float: right; width: 64%; background: #fff; box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1); vertical-align: top; position: relative; } .home_btm .twitter_feed_int { display: table; width: 100%; padding: 30px; font-family: 'Source Sans Pro'; } .home_btm .twitter_feed_int .twitter_item { display: table-cell; width: 50%; padding: 0 28px; } .home_btm .twitter_feed_int .twitter_item:last-child { border-left: 2px solid #ccc; } .home_btm .twitter_feed .name { font-size: 15px; padding: 6px 0; color: #657585; } .home_btm .twitter_feed .name a { color: #657585; transition: all .2s ease; } .home_btm .twitter_feed .name a:hover { color: #000; } .home_btm .twitter_feed .msg p { font-size: 14px; line-height: 1.3; } .home_btm .twitter_feed .msg a { color: #009bd9; opacity: 1; transition: all .2s ease; } .home_btm .twitter_feed .msg a:hover { opacity: .7; } .home_btm .twitter_feed .pic img { max-width: 100%; height: auto; } .home_btm .twitter_feed .btn_twitter { position: absolute; top: 50%; right: -24px; margin-top: -24px; display: block; opacity: 1; transition: all .2s ease; } .home_btm .twitter_feed .btn_twitter:hover { opacity: 0.8; } .home_btm .twitter_feed .btn_twitter img { width: 48px; height: 48px; } /* INTERIOR PAGE ---------------------------------------------- */ .content_default ul { list-style: disc; padding-left: 40px; margin: 0 0 20px 0; } .content_default ul li { margin-bottom: 10px; } .content_default ol { list-style: decimal; } .content_overlap { margin: 0 8%; padding-left: 92px; padding-right:92px; position: relative; z-index: 100; margin-top: -160px; } .content_wide { padding-left: 0; padding-right: 0; } .box_shadow { width: 100%; background: #fff; border-radius: 3px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); padding: 40px; } .box_wide_shadow { width: 100%; background: #fff; border-radius: 3px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); } .content_wide .box_wide_shadow { padding: 80px; } .content_default .box_shadow { min-height: 300px; margin-bottom: 50px; } .content_default { margin-left: 8%; margin-right: 8%; padding-left: 92px; padding-right: 92px; position: relative; z-index: 100; } .content_default .box_default { width: 100%; padding: 30px 0 0 0; } .content_default .text_block { padding-bottom: 30px; } .content_default .col_wrap { padding-bottom: 60px; } .content_default .col_wrap .col:first-child { float: left; width: 47.5%; } .content_default .col_wrap .col:last-child { float: right; width: 47.5%; } .content_default .col_hdr { padding-bottom: 10px; text-align: center; } .content_default .col_hdr_int { display: inline-table; } .content_default .col_hdr_int > div { display: table-cell; vertical-align: middle; text-align: left; } .content_default .col_hdr .logo { max-width: 100%; height: auto; } .content_default .col_hdr .title { font-family: 'Source Sans Pro'; font-size: 31px; font-weight: 700; color: #303030; line-height: 1.2; padding-left: 24px; padding-top: 10px; } .content_default .col_hdr .subtitle { font-weight: 600; } .content_default .col_box { margin-top: 30px; border-radius: 3px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); padding: 30px; background: #fff; } .content_default .col_box h3 { font-family: 'Source Sans Pro'; font-size: 27px; font-weight: 600; line-height: 1.2; margin: 0; padding-bottom: 10px; } .col_orange .col_box h3, .col_orange .col_box h3 a { color: #f26222; } .col_blue .col_box h3, .col_blue .col_box h3 a { color: #009bd9; } .content_default .col_box.callout h3 { font-size: 22px; font-weight: 700; text-transform: uppercase; } .col_orange .col_box.callout { border: 3px solid #f26222; } .col_blue .col_box.callout { border: 3px solid #009bd9; } .content_default .col_box .view_more { text-align: right; } .content_default .col_box .view_more a { font-size: 15px; font-weight: 600; color: #236ece; opacity: 1; transition: opacity .2s ease; } .col_orange .col_box .view_more, .col_orange .col_box .view_more a { color: #f26222; } .col_blue .col_box .view_more, .col_blue .col_box .view_more a { color: #009bd9; } .content_default .two_cards .title { text-align: center; } .content_default .two_cards .title h4 { display: inline-block; text-align: left; font-family: 'Source Sans Pro'; font-size: 31px; font-weight: 700; line-height: 1.2; } .content_default .two_cards .title span { display: block; font-weight: 600; } .content_default .two_cards .col h5 { font-family: 'Source Sans Pro'; font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 20px; } .content_default .two_cards ul { list-style: none; margin: 0; padding: 0; font-size: 15px; color: #303030; } .content_default .two_cards ul li { margin: 9px 0; } .content_default .two_cards ul li a { color: #303030; opacity: 1; transition: opacity .2s ease; } .content_default .two_cards h6 { font-size: 18px; font-weight: 700; } .content_default .two_cards p { font-size: 15px; } .content_default .four_box { margin-bottom: 60px; } /* ABOUT - LOGGED IN ---------------------------------------------- */ .login_head { text-align: right; font-size: 13px; color: #fff; } .page_header_loggedin { background: #1e4575; background: -moz-radial-gradient(circle, rgba(30,69,117,1) 20%, rgba(19,50,81,1) 92%); background: -webkit-radial-gradient(circle, rgba(30,69,117,1) 20%, rgba(19,50,81,1) 92%); background: radial-gradient(circle, rgba(30,69,117,1) 20%, rgba(19,50,81,1) 92%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4575', endColorstr='#133251',GradientType=1 ); } .page_header_loggedin h1 { margin-bottom: 40px; } .page_header_loggedin .page_cta { padding-bottom: 60px; } .page_header_loggedin .btn_go { width: 80px; } /* PUBLISHERS ---------------------------------------------- */ .pub_landing { position: relative; margin: 0 8%; padding: 0 92px; } #pub_featured, #pub_explore { padding-bottom: 60px; } .pub_landing .col_wrap .col:first-child { float: left; width: 47.5%; } .pub_landing .col_wrap .col:last-child { float: right; width: 47.5%; } .pub_landing .col_hdr { padding-bottom: 10px; text-align: center; } .pub_landing .col_hdr_int { display: inline-table; } .pub_landing .col_hdr_int > div { display: table-cell; vertical-align: middle; text-align: left; } .pub_landing .col_hdr .logo { max-width: 100%; height: auto; } .pub_landing .col_hdr .title { font-family: 'Source Sans Pro'; font-size: 31px; font-weight: 700; color: #303030; line-height: 1.2; padding-left: 24px; padding-top: 10px; } .pub_landing .col_hdr .subtitle { font-weight: 600; } .pub_landing .col_box { margin-top: 30px; border-radius: 3px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); padding: 30px; } #pub_journals .col_box.callout { border: 3px solid #f26222; } #pub_books .col_box.callout { border: 3px solid #009bd9; } .pub_landing .col_box h3 { font-family: 'Source Sans Pro'; font-size: 27px; font-weight: 600; max-width: 280px; line-height: 1.2; } .pub_landing .col_box.callout h3 { font-size: 22px; font-weight: 700; text-transform: uppercase; } .pub_landing .col_box h3 a { opacity: 1; transition: opacity .2s ease; } .pub_landing .col_box h3 a:hover { opacity: 0.7; } #pub_journals .col_box h3, #pub_journals .col_box h3 a { color: #f26222; } #pub_books .col_box h3, #pub_books .col_box h3 a { color: #009bd9; } .pub_landing .col_box p { font-size: 16px; line-height: 1.4; } #pub_explore .title { text-align: center; } #pub_explore .title h4 { display: inline-block; text-align: left; font-family: 'Source Sans Pro'; font-size: 31px; font-weight: 700; line-height: 1.2; } #pub_explore .title h4 span { display: block; font-weight: 600; } #pub_explore .col h5 { font-family: 'Source Sans Pro'; font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 20px; } #pub_explore .pub_list { list-style: none; margin: 0; padding: 0; font-size: 15px; color: #303030; } #pub_explore .pub_list li { margin: 9px 0; } #pub_explore .pub_list a { color: #303030; opacity: 1; transition: opacity .2s ease; } #pub_explore .pub_list a:hover { opacity: 0.7; } #pub_explore .view_more { text-align: right; } #pub_explore .view_more a { font-size: 15px; font-weight: 600; color: #236ece; opacity: 1; transition: opacity .2s ease; } #pub_explore .view_more a:hover { opacity: 0.7; } #pub_explore .pub_presentations h6 { font-size: 18px; font-weight: 700; } #pub_explore .pub_presentations p { font-size: 15px; } /* RESOURCES */ /* header ul, header ol { list-style-type:none; } */ .svgwrap { display:none; } /* .content_overlap, .content_main { font-family: 'Source Sans Pro', sans-serif; } */ .contained_wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left:0; margin-bottom:0; list-style: none !important; } .contained h3 { width:70%; margin-bottom:20px; padding-bottom:10px; } .col_left, .col_right { width:50%; } .contained_wrap .col_left { border-right:1px solid #eaeaea; } .col_left .contained h3 { border-bottom:5px solid #f26222; } .col_right .contained h3 { border-bottom:5px solid #236ece; } .contained_wrap ol { margin-left:0; margin-right:0; list-style: none; } .contained { border-bottom:1px solid #eaeaea; } .contained { padding-top:40px; padding-bottom:40px; } .contained:last-child { border:none; } .box_wide_shadow { padding:0; } .contained_wrap .contained div { padding-left:40px; padding-right:40px; } .content_main { margin-left:calc(8% + 92px); margin-right:calc(8% + 92px); position:relative; padding-top:3em; } .small { text-transform:uppercase; } .contained_wrap h3, .separate_wrap h3 { font-size:28px; } .contained_wrap a, .separate_wrap a, .standalone_wrap a { color:#236ece; font-weight:600; font-size:15px; } .separate_wrap, .standalone_wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .separate_wrap h3 { display:inline-block; vertical-align:middle; } .separate_wrap .content_header { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top:40px; padding-bottom:40px; min-height:210px; width:70%; margin:0 auto; } .separate_wrap .content_header svg { max-width:30%; } .separate_wrap .content_header h3 { width:70%; padding-left:20px; font-weight:700; font-size:31px; } .separate.box_wide_shadow { padding:20px 30px; margin-bottom:5px; } .col_left .separate.box_wide_shadow { margin-right:5px; margin-bottom:17px; } .separate.col_item h4 { color:#f26222; font-size:27px; font-weight:600; } .col_right .separate.col_item h4 { color:#009bd9; } .content_main .separate_wrap, .content_main .separate_wrap .col_left > ol { margin-left:0; } .content_main .separate_wrap, .content_main .separate_wrap .col_right > ol { margin-right:0; } .content_header.centered { text-align:center; } .standalone_wrap .content_header { width:100%; } .standalone_wrap .col_left, .standalone_wrap .col_right { width:50%; } .standalone_wrap .col_left { padding-right:22px; } .standalone_wrap .col_right { padding-left:22px; } ol, ul { list-style-type:none; } .standalone_wrap { margin-left:0; margin-right:0; padding-top:4em; } .standalone_wrap h3 { font-weight:700; font-size:31px; } .standalone_wrap h5 { text-align:center; font-weight:600; } .standalone_wrap h6 { font-size:18px; font-weight:500; } .standalone_wrap .col_item { padding:1em 2em; } .standalone_wrap .col_left > ol { margin-left:0; } .standalone_wrap .standalone_date { padding:0.5em; margin-right:1em; background-color:#f0f2f7; border-radius:20px; color:#236ece; display:inline-block; font-size:18px; font-weight:600; } .standalone_wrap .standalone_data { width:66%; display:inline-block; vertical-align:top; } .standalone_wrap .data_container { margin-left:0; } .standalone_wrap .content_header { padding-bottom:4em; } .standalone_wrap .view_more { text-align:right; padding-top:30px; } /* FORMS */ ::-webkit-input-placeholder {color: #a6b1c2;} ::-moz-placeholder {color: #a6b1c2;} :-ms-input-placeholder {color: #a6b1c2;} :-moz-placeholder {color: #a6b1c2;} label { font-family: 'Source Sans Pro'; font-size: 16px; color: #040e28; } input[type="text"], input[type="email"], input[type="password"], input[type="number"], select { background: #fff; width: 100%; padding: 10px 14px; border: 1px solid #dce1ea; border-radius: 3px; font-family: 'Source Sans Pro'; font-size: 15px; height: 40px; color: #646d82; -webkit-appearance: none; } select[multiple="multiple"] { background-image: none; height: auto; padding-right: 14px; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, select:focus, textarea:focus { border: 1px solid #006eff; -webkit-appearance: none; outline: none; } input[type="submit"], .btn_white { background-color: #ffffff; /* -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); */ -webkit-box-shadow: 0px 2px 4px 0px #d9d8d8, 0px 0px 4px 0px #d9d8d8; -moz-box-shadow: 0px 2px 4px 0px #d9d8d8, 0px 0px 4px 0px #d9d8d8; box-shadow: 0px 2px 4px 0px #d9d8d8, 0px 0px 4px 0px #d9d8d8; font-family: 'Source Sans Pro'; font-size: 18px; font-weight: 600; color: #236ece; text-align: center; padding: 12px 24px; -webkit-appearance: none; border: none; border-radius: 3px; cursor: pointer; transition: color .3s ease; color: #236ece; display: inline-block; } input[type="submit"]:hover, .btn_white:hover { color: #000; } input[type="reset"], .btn_white { background-color: #ffffff; /* -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); */ -webkit-box-shadow: 0px 2px 4px 0px #d9d8d8, 0px 0px 4px 0px #d9d8d8; -moz-box-shadow: 0px 2px 4px 0px #d9d8d8, 0px 0px 4px 0px #d9d8d8; box-shadow: 0px 2px 4px 0px #d9d8d8, 0px 0px 4px 0px #d9d8d8; font-family: 'Source Sans Pro'; font-size: 18px; font-weight: 600; color: #236ece; text-align: center; padding: 12px 24px; -webkit-appearance: none; border: none; border-radius: 3px; cursor: pointer; transition: color .3s ease; color: #236ece; display: inline-block; } input[type="reset"]:hover, .btn_white:hover { color: #000; } textarea { background: #fff; width: 100%; padding: 10px 14px; border: 1px solid #dce1ea; border-radius: 3px; font-family: 'Source Sans Pro'; font-size: 15px; color: #4a4a4a; -webkit-appearance: none; } .form_block { margin-bottom: 50px; } .form_block .req { color: red; } .form_block h3 { font-family: 'Source Sans Pro'; font-size: 20px; font-weight: 600; color: #808490; padding-bottom: 12px; } .form_block p { font-family: 'Open Sans'; font-size: 14px; margin-bottom: 10px; line-height: 1.2; } .form_row { padding-bottom: 15px; } .app_form label { margin-bottom: 2px; } .form_row .form_half { width: 48%; } .form_row .form_half:nth-child(odd) { float: left; } .form_row .form_half:nth-child(even) { float: right; } .form_radio { padding-bottom: 8px; } .form_radio input { margin-right: 6px; } .form_radio label { font-family: 'Source Sans Pro'; font-size: 16px; color: #4a4a4a; display: inline-block; vertical-align: middle; } .form_policy { display: table; width: 100%; padding-bottom: 10px; } .form_policy .checkbox { display: table-cell; padding-right: 10px; vertical-align: top; width: 24px; } .form_policy .label { display: table-cell; vertical-align: top; } .app_form h2 { font-family: 'Open Sans'; font-size: 24px; line-height: 1.3; font-weight: 300; color: #4a4a4a; margin-bottom: 24px; padding-bottom: 0; } .other_field { width: 320px; padding: 8px 0 0 24px; } .other_field input { background-color: #f9fafc; } .other_field input:focus { background-color: #fff; } select { -moz-appearance: none; background-image: url('../images/icon_more_blue3x.png'); background-repeat: no-repeat; background-size: 12px; background-position: 92%; padding-right: 30px; } select.arrow_right { background-position: 96%; } /* COLLECTION COMPARISON TABLE */ .content_row .filter, .content_row .filter_label { display:inline-block; } .content_row .country_wrap, .content_row .state_wrap { display:inline-block; } .content_row .state_wrap { margin-left:36px; } .content_row select { width:175px; } .content_row span { color:#fff; } .content_row { padding-bottom:2em; } .table { display:table; } .div_tbody { display:table-row-group; padding:20px; } tbody { padding:20px; } .thead .td, thead th { font-weight:600; } .tr { display:table-row; text-align:left; clear:both; } .td { display:table-cell; font-size:15px; border-bottom:1px solid #9fa1a7; padding:20px; } td { font-size:15px; border-bottom:1px solid #9fa1a7; padding:20px; } .tr:last-child .td, tr:last-child td { border-bottom:none; } .tr .td:first-child, tr td:first-child { width:30%; } .region_wrap { display: table; width: 100%; } .region_wrap .filter_wrap { display: table-cell; } .region_wrap .filter_cell select { width: auto; } .cc_download { display: table-cell; text-align: right; } .cc_download .btn.switch_view { margin-top:0.5em; margin-left:0.5em; } .cc_download .btn { display: inline-block; color: #236ece; background: #fff; padding: 8px 24px; font-weight: 600; font-size: 16px; border-radius: 5px; text-align: center; white-space: nowrap; } .download_table_wrap { text-align: center; } .download_table { display:inline-block; border-radius:5px; margin: 30px 0; } .table_wrapper { padding:0 20px 0 20px; } .tr.thead .td, thead th { font-weight:700; } .td, td { border-right:1px solid #9fa1a7; text-align:center; vertical-align:middle; } .td.left { text-align:left; } .download_table.large { float:right; display:inline-block; margin-top:0; background-color:#fff; } .download_table_wrap { display:none; } .table_box { overflow:auto; } /* #tab01.table_box { */ .table_box { max-height:2650px; } .table_nav { font-size:18px; font-weight:600; background-color:white; border-radius:5px; box-shadow: 0px 2px 2px 0px #e5e5e5, 0px 0px 2px 0px #e5e5e5; display:none; z-index:100; } .table_nav a { padding:10px 40px; display:block; } .table_nav.prev { float:left; margin-left: 0 !important; top: 0px !important; left: 0px !important; position: relative !important; } .table_nav.next { float:right; margin-right: 0 !important; top: 0px !important; right: 0px !important; position: relative !important; } .table_nav_top .prev, .table_nav_top .next { margin-top: -10px !important; margin-bottom: 30px; } .table_nav_btm .prev, .table_nav_btm .next { margin-top: 30px !important; margin-bottom: 0; } .table_nav.size_hide { display:none !important; } /* SIGNED IN DASHBOARD ---------------------------------------------- */ .content_loggedin { padding: 0; } .dash_blocks h2 { display: inline-block; border-bottom: 5px solid #236ece; padding-bottom: 10px; margin-bottom: 20px; } .dash_blocks .two_thirds { float: left; width: 66%; } .dash_blocks .two_thirds .left { float: left; width: 48.5%; } .dash_blocks .two_thirds .right { float: left; width: 48.5%; margin-left: 3%; } .dash_blocks .two_thirds .full { float: left; width: 100%; } .dash_blocks .one_third { float: right; width: 32%; margin-left: 2%; } .dash_blocks .box_shadow { margin-bottom: 6%; padding: 30px; min-height: 0; font-family: 'Source Sans Pro'; font-size: 18px; color: #071e3e; } .dash_blocks .box_shadow p { line-height: 1.4; } .dash_blocks .box_shadow strong { font-weight: 600; } .dash_blocks .contact_block a { color: #000; } .dash_blocks .deadline_block .item { margin-bottom: 20px; } .dash_blocks .deadline_block .date { border-radius: 20px; background: #f0f2f7; padding: 8px 24px; text-align: center; display: inline-block; margin-bottom: 4px; } .dash_blocks .deadline_block p { font-weight: 600; margin: 0; padding: 0; } .dash_blocks .email_block .item { padding-bottom: 30px; } .dash_blocks .email_block .item:last-child { padding-bottom: 0; } .dash_blocks .email_block .name { border-radius: 20px; background: #f0f2f7; padding: 8px 30px; text-align: center; display: inline-block; margin-bottom: 8px; color: #236ece; font-weight: 600; } .dash_blocks .email_block .subject { padding-bottom: 8px; font-weight: 600; } .dash_blocks .email_block .subject .date { display: inline-block; margin-left: 6px; font-weight: normal; color: #526075; } .dash_blocks .email_block .msg p { margin: 0; } .dash_blocks .email_block .msg a { color: #236ece; } .dash_blocks .programs_block a, .dash_blocks .notifications_block a { display: inline-block; border-radius: 20px; background: #236ece; padding: 8px 24px; text-align: center; color: #fff; } .dash_blocks .preferences_block .int { border-radius: 20px; background: #f0f2f7; padding: 16px 20px; font-weight: 600; } .dash_blocks .status_block .status_int { max-height: 460px; overflow: auto; overflow-x: auto; overflow-y: scroll; } .dash_blocks .status_block .item { border-radius: 20px; background: #f0f2f7; font-weight: 600; margin-bottom: 20px; } .dash_blocks .status_block .item p { padding: 16px 20px; margin-bottom: 0; } .dash_blocks .status_block .item .status { border-radius: 0 0 20px 20px; background: #9fa1a7; padding: 6px 20px; color: #fff; } .dash_blocks .status_block .item_complete .status { background: #236ece; } .resources { padding: 0 100px; } .resources .col_hdr { text-align: center; padding: 40px 0; } .resources .col_hdr .icon { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; } .resources .col_hdr .title { font-family: 'Source Sans Pro'; font-size: 31px; font-weight: 700; color: #303030; line-height: 1.2; padding: 0 0 0 16px; margin: 0; text-transform: uppercase; text-align: left; display: inline-block; vertical-align: middle; } .resources .col_hdr .subtitle { font-weight: 600; } .two_col_wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .two_col_wrap .box_shadow { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; width: 49%; min-height: 0; padding: 30px; margin-bottom: 2%; } .two_col_wrap .box_shadow h3 { font-size: 27px; font-weight: 600; color: #009bd9; padding-bottom: 12px; margin-bottom: 0; line-height: 1.2; } .two_col_wrap .box_shadow p { font-size: 16px; color: #303030; margin-bottom: 0; line-height: 1.4; } .my_books { font-family: 'Source Sans Pro'; padding: 0 100px; margin: 80px 0 60px 0; } .my_books .box_shadow { min-height: 0; padding: 30px; } .my_books .book_item { float: left; width: 25%; padding: 0 10px; text-align: center; } .my_books .book_item .image { margin-bottom: 20px; } .my_books .book_item .title { color: #000; line-height: 1.3; } .my_books .view_all { text-align: right; padding-top: 30px; } .my_books .view_all a { color: #236ece; } .book_inventory { font-family: 'Source Sans Pro'; } .book_inventory .filter, .book_inventory .search { float: left; width: 50%; } .book_inventory .filter ul { list-style: none; margin: 0; display: table; line-height: 1.3; padding: 0; } .book_inventory .filter ul li { display: table-cell; padding-bottom: 10px; color: #4a4a4a; } .book_inventory .filter ul li:first-child { padding-right: 12px; } .inventory_table { display: table; width: 100%; font-size: 16px; border-top: 1px solid #e5e6eb; } .inventory_table .row { display: table-row; } .inventory_table .row .cell { display: table-cell; border-bottom: 1px solid #9fa1a7; padding: 20px 10px 20px 0; vertical-align: top; } .inventory_table .row .cover_img { width: 30%; padding-right: 20px; } .inventory_table .row .cell:last-child { text-align: right; padding-right: 0; min-width: 90px; } .inventory_table .book_cover { border: 1px solid #cdd2d9; max-width: 100%; height: auto; } .inventory_table .row .cell a { color: #236ece; transition: all .2s ease; } .inventory_table .row .cell a:hover { color: #888; } .inventory_table .header_row .cell { border-bottom: 1px solid #e5e6eb; padding-top: 0; } .book_inventory .inv_download { text-align: right; } .book_inventory .inv_download a { display: block; padding: 10px; width: 100%; max-width: 290px; margin-left: auto; margin-bottom: 12px; } .book_inventory .inv_search_form { text-align: right; display: block; } .book_inventory .inv_search_form .group { border: 1px solid #dce1ea; border-radius: 3px; margin-bottom: 30px; width: 100%; max-width: 320px; display: inline-block; } .book_inventory .inv_search_form input[type="text"] { border: none; width: calc(100% - 40px); float: left; } .book_inventory .inv_search_form input[type="submit"] { width: 40px; height: 40px; padding: 0; float: right; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: url(http://muse.jhu.edu/home/images/icon_search_gray.png) no-repeat center center; background-size: 16px 16px; overflow:hidden; text-indent:-999px; cursor: pointer; opacity: 1; transition: opacity .2s ease; } .book_inventory .inv_search_form input[type="submit"]:hover { opacity: 0.7; } .book_inventory .view_all { text-align: right; padding-top: 20px; } .book_inventory .view_all a { color: #236ece; } /* sliding checkbox */ .sliding_checkbox { display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sliding_checkbox + label { cursor: pointer; font-size: 1em; background-color: #FFF; padding: 9px; border-radius: 50px; display: inline-block; position: relative; width: 38px; height: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sliding_checkbox + label:after { content: ' '; position: absolute; background: #E6332C; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; box-shadow: inset 0 0 20px rgba(0,0,0,0.2); } .sliding_checkbox + label:before { content: ' '; position: absolute; background: white; top: 4px; left: 4px; z-index: 99999; width: 10px; height: 10px; border-radius: 100px; box-shadow: 0 0 2px rgba(0,0,0,0.5), inset 0 -18px 15px -10px rgba(0,0,0,0.05); } .sliding_checkbox + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .sliding_checkbox:checked + label:before { content: ' '; position: absolute; left: 24px; border-radius: 100px; } .sliding_checkbox + label { overflow: hidden; } .sliding_checkbox:checked + label:after { content: ' '; font-size: 1.5em; position: absolute; background: #236ece; } .sliding_checkbox + label:after, .sliding_checkbox + label:before, #checkbox + label { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* JOURNAL LISTS ---------------------------------------------- */ .journal_list_container .box_shadow { padding: 0; } .journal_filters { background: #f0f0f0; padding: 30px; border-radius: 3px 3px 0 0; border-bottom: 2px solid #dedede; } .journal_filters .filter_col:first-child { float: left; width: 50%; } .journal_filters .filter_col:last-child { float: right; width: 46%; } .journal_filters .filter { display: table; width: 100%; margin-bottom: 10px; } .journal_filters .filter .cell { display: table-cell; } .journal_filters .filter .name { font-weight: 600; padding-right: 12px; font-size: 15px; white-space: nowrap; width: 80px; } .journal_filters .filter input { vertical-align: middle; } .journal_filters .filter label { font-size: 14px; vertical-align: middle; line-height: 1.1; } .journal_filters .filter ul { list-style: none; margin: 0; display: table; line-height: 1.3; padding-left: 10px; } .journal_filters .filter ul li { display: table-cell; padding-bottom: 6px; color: #4a4a4a; } .journal_filters .filter ul li:first-child { padding-right: 12px; } .journal_list { padding: 20px 30px 30px; } .journal_section { font-size: 14px; margin-bottom: 30px; } .journal_section_hdr { font-size: 22px; font-weight: 600; padding: 20 10px 10px 10px; } .journal_section .item { border-bottom: 1px solid #e9e9e9; margin: 0; padding: 6px 10px; font-size: 12px; color: #999; } .journal_section .item .title { font-size: 14px; display: inline-block; margin-right: 6px; color: #555; } /* GRANULAR SALES ---------------------------------------------- */ .granular_landing .intro { font-size: 14px; padding-bottom: 10px; } .granular_landing label { display: block; font-family: 'Source Sans Pro'; font-size: 18px; color: #303030; letter-spacing: 0.01em; padding-bottom: 10px; font-weight: 600; } .granular_landing .list { padding-bottom: 20px; } .granular_landing .list h4 { margin: 0; padding-bottom: 10px; font-weight: 600; } .granular_landing .list select { background: none; padding: 4px 0; height: auto; white-space: normal; width: auto; max-width:100%; } .granular_landing .list select option { padding: 2px 10px; } .granular_landing .btn_white { margin: 10px; } .granular_edit_text { font-size: 14px; } .granular_price_wrap { text-align: center; font-family: 'Source Sans Pro'; } .granular_price_wrap .price_table { display: table; width: 100%; background: #f5f5f5; } .granular_price_wrap .price_table .cell { display: table-cell; width: 50%; padding: 20px 10px 30px 10px; vertical-align: middle; border: 1px solid #ddd; } .granular_price_wrap .price_table .cell.divider { width: 20px; background: #fff; border: none; padding: 10px; } .granular_price_wrap label { display: block; font-family: 'Source Sans Pro'; font-size: 16px; color: #303030; letter-spacing: 0.01em; padding-bottom: 10px; font-weight: 600; } .granular_price_wrap .curr { display: inline-block; vertical-align: middle; margin-right: 2px; } .granular_price_wrap input[type="number"], .granular_price_wrap #article_price { width: 100px; vertical-align: middle; -webkit-appearance: none; margin-right: 6px; } .granular_price_wrap .update { display: inline-block; color: #fff; font-size: 15px; line-height: 1; font-weight: 600; padding: 11px 14px; background: #236ece; cursor: pointer; vertical-align: middle; transition: all .2s ease; } .granular_price_wrap .update:hover { background: #1b56a2; } .granular_price_wrap .saved_price { color: #38c322; padding-top: 6px; font-size: 14px; } .granular_price_wrap .fine_print { font-size: 13px; color: #555; font-style: italic; } .granular_list { font-family: 'Source Sans Pro'; } .granular_list h4 { color: #303030; font-weight: 600; padding-bottom: 0; } .granular_list .checkbox_opts { display: table; padding-bottom: 10px; } .granular_list .checkbox_opts .input { display: table-cell; vertical-align: top; padding: 3px 6px 0 0; } .granular_list .checkbox_opts .sliding_checkbox + label { vertical-align: middle; } .granular_list .checkbox_opts .label { display: inline-block; vertical-align: middle; } .granular_list .checkbox_opts .label span { display: block; font-size: 16px; margin-left: 2px; } .granular_list .checkbox_opts .sliding_checkbox ~ .label .yes, .granular_list .checkbox_opts .sliding_checkbox:checked ~ .label .no { display: none; } .granular_list .checkbox_opts .sliding_checkbox:checked ~ .label .yes, .granular_list .checkbox_opts .sliding_checkbox ~ .label .no { display: block; } .granular_list .new_cont .checkbox_opts { float: left; margin-right: 20px; } .granular_list .list_intro { font-size: 14px; line-height: 14px; } .granular_list .list_opts { display: table; width: 100%; } .granular_list .list_opts > div { display: table-cell; vertical-align: middle; padding: 8px 0 14px 0; } .granular_list .view_opts { display: table; font-size: 14px; } .granular_list .view_opts .label { display: table-cell; vertical-align: top; padding-right: 6px; } .granular_list .view_opts .opts { display: table-cell; vertical-align: top; } .granular_list .view_opts .opts .input { display: inline-block; margin-right: 8px; } .granular_list .view_opts .opts input { font-size: 14px; margin-right: 2px; cursor: pointer; } .granular_list .view_opts .opts label { font-size: 14px; cursor: pointer; } .granular_list .list_opts .right { text-align: right; } .granular_list .list_opts .btn_white { font-size: 13px; padding: 4px 8px; margin: 4px; } .granular_list .list_tbl { border: 1px solid #ddd; border-top: none; } .granular_list .list_tbl .issue_name { display: table; width: 100%; font-size: 18px; background: #f5f5f5; border-top: 1px solid #ddd; } .granular_list .list_tbl .issue_name .check { display: table-cell; padding: 10px 0 10px 16px; width: 30px; } .granular_list .list_tbl .issue_name .check input { display: block; margin-top: 7px; } .granular_list .list_tbl .issue_name .desc { display: table-cell; padding: 10px 16px; text-align: left; } .granular_list .list_tbl .issue_name label { font-weight: 600; color: #303030; display: inline-block; vertical-align: top; margin-right: 6px; } .granular_list .list_tbl .issue_name .ext_link { display: inline-block; } .granular_list .list_tbl .issue_name .ext_link img { vertical-align: baseline; } .granular_list .issue_name .btn_toggle { display: table-cell; padding: 0 10px 0 0; text-align: right; vertical-align: middle; } .granular_list .issue_name .btn_toggle a { display: block; float: right; width: 50px; height: 36px; background-image: url(http://muse.jhu.edu/home/images/arrow_down.png); background-position: center center; background-color: transparent; background-repeat: no-repeat; background-size: 44%; transition: all .2s ease; } .granular_list .issue_name .btn_toggle a.open { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .granular_list .article_tbl { display: table; width: 100%; padding-left: 30px; margin-bottom: 16px; font-size: 16px; background: #fff; } .granular_list .article_tbl .row { display: table-row; } .granular_list .article_tbl .row .checkbox { display: table-cell; padding: 10px 0 10px 16px; width: 30px; border-bottom: 1px solid #eee; } .granular_list .article_tbl .row .title { display: table-cell; padding: 10px; border-bottom: 1px solid #eee; } .granular_list .article_tbl .row .title label { cursor: pointer; } .granular_list .article_tbl .row:last-child .checkbox, .granular_list .article_tbl .row:last-child .title { border-bottom: none; } #total_overlay { z-index: 100000; position: fixed; bottom: 0; right: 0; left: 0; width: 100%; /*background: linear-gradient(to right, yellow, red);*/ background: #e9e9e9; font-size: 14px; font-color: #ccc; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4); padding: 20px; display: block; text-align: center; } #total_btns input { margin-top: 12px; } #save_for_sale_button { display: inline-block; color: #fff; font-size: 14px; line-height: 1; font-weight: 600; padding: 11px 13px; background: #236ece; cursor: pointer; vertical-align: middle; transition: all .2s ease; border: none; } #discard_for_sale_button { display: inline-block; color: #fff; font-size: 14px; line-height: 1; font-weight: 600; padding: 11px 13px; background: #838383; cursor: pointer; vertical-align: middle; transition: all .2s ease; border: none; } /* PUB MEETING ---------------------------------------------- */ #meeting_updates { background: #e5e5e5; padding: 20px; margin: 30px 0; } /* FOOTER ---------------------------------------------- */ #footer_block { clear:both; } #footer_block.repositioned_footer { position:absolute; } .footer_content span { color:30363e; padding-left:0.5em; } #footer_contact li { clear:both; } #footer_contact li img, #footer_contact li span { float:left; } #footer_contact li img { padding-top:0.25em; } #footer_connect .footer_content li { padding-bottom:1em; } #footer ul { padding-top:1em; padding-left:0; } #copyright_wrap { margin:0 4em; border-top:1px solid #cdd2d9; padding:0; } .footer_main .clear { clear: both; } .footer_main .color_outerspace { color:#4a4a4a; } .footer_main .color_oxfordblue { color:#071e3e; } .footer_main .footer_text_sm { font-size:9px; } .footer_main .footer_item_addr { font-size:15px; padding-top: 28px; } .footer_main .semiboldit { font-style:italic; font-weight:600; } .footer_main { font-family: 'Source Sans Pro', sans-serif; letter-spacing:0.02em; padding-bottom:2em; width: 100%; } .footer_item_color { padding-top: 4em; padding-bottom: 40px; } .footer_main .footer_item_addr .copy { line-height:1em; } .footer_item_addr p { line-height:20px; } .footer_item_addr a { color: #2ba6cb; } .footer_main .wrap, .footer_border_final.wrap, .footer_item_sub.wrap { margin-left: 4em; margin-right: 4em; padding-left: 0; padding-right: 0; } .footer_border_final { border-bottom:1px solid #a8a8a8; margin-top:4em; } .footer_main ul, .footer_main ol { list-style-type:none; margin-left:0; } .footer_main h5.small { font-family: 'Source Sans Pro', sans-serif; font-size:17px; font-weight:700; text-transform:uppercase; } .footer_item_left { float:left; width:50%; border-right:1px solid #a8a8a8; } .footer_item_left li a, .footer_item_right li a { color:#071e3e; } .footer_item_right { float:right; width:50%; padding-left:3em; } .footer_item_about, .footer_item_res, .footer_item_what, .footer_item_info, .footer_item_addr, .footer_item_logo { float: left; width:50%; } .footer_item_social { float: left; width: 50%; } .footer_item_policy { float: left; width: 50%; text-align: right; } .footer_item_logo { text-align:right; padding-top: 28px; padding-right:0.5em; } .footer_item_logo p { line-height:0.6em; margin-top: 0; } .footer_main .social_icons .list_h { display:inline; padding-right:5px; } .footer_item_addr p.address { margin: 0; } .footer_item_logo img { height:62px; } .footer_item_addr .phone { padding-bottom:1em; margin-top: 0; } /* MENU */ .nav_main ul, .nav_main ol { list-style-type:none; line-height: 1.3; } .menu_hover { background-color:white; border-radius: 3px 3px 0 0; } .header { z-index:101; } .header .nav_main > ul > li.menu_hover > a, .submenu li a, .menu_contain a { color:#27538c; } .submenu li a, .menu_contain a { display: inline-block; } .nav_main > ul > li { /*padding:5px 10px 0px 10px;*/ padding: 0px 10px; } .submenu li.submenu_header a { font-weight:600; } .submenu_header a, .submenu_header span { padding-bottom:5px; } .separate_wrap .content_header h3 { font-size:28px; } .menu_width_50, .menu_width_25, .menu_width_100 { position:absolute; -ms-flex-wrap: wrap; flex-wrap: wrap; display:none; padding:40px; margin-left:0; background-color:white; text-align:left; left:0; right:0; /*box-shadow: 0px 5px 20px 0px #000000;*/ -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2) } .menu_width_100 { right:auto; } .menu_width_100.right { left:auto; } .menu_width_50.right { left:auto; right:0; } .menu_width_50.left { left:0; right:auto; } .menu_width_100.center { left:225px; } .menu_width_100.right { right:0; } .menu_width_50.center { left:150px; } .submenu_header { border-bottom:2px solid #27538c; } .submenu .submenu_header { padding:0; margin: 0 0 6px 0; } .submenu li { padding:6px 0; } .menu_width_100 > li { width:100%; } .menu_width_50 > li { width:50%; padding:6px 0; } .menu_width_25 > li { width:25%; } .menu_width_100 { width:400px; } .menu_width_50, .menu_width_25 { left:-150px; width:950px; /*margin-top:-7px;*/ margin-top: -1px; z-index:-1; } .menu_width_50 { width:475px; } .menu_hover { /*margin-top:3px;*/ } .menu_hover > a { margin-top:3px; display: block; } .menu_hover .menu_top { border-bottom:2px solid #27538c; font-weight:600; z-index:101; } .header .nav_main .expand { display:none; } .hover_active_flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .menu_active { display:block !important; } /* accordion */ .accordion { font-family: 'Source Sans Pro'; } .accordion h2 { border-bottom: 4px solid #f26222; padding: 16px 0 8px 0; margin-bottom: 20px; display: inline-block; } .accordion h3 { padding: 6px 0; font-weight: 600; font-size: 20px; } .accordion .acc_item { margin-bottom: 14px; } .accordion .acc_block { display: none; padding-left: 14px; padding-bottom: 2px; } .accordion .acc_block p { padding: 4px 0 10px 0; margin: 0; } .accordion.noscript .acc_block { display: block; } .accordion .acc_trig { font-weight: 600; font-size: 16px; cursor: pointer; } .accordion .acc_trig > a {display: block;} .accordion .acc_trig > span { position: relative; display: inline-block; padding-left: 16px; } .accordion .acc_trig > span:after { position: absolute; content: ''; display: block; left: 0; top: 7px; width: 5px; height: 10px; background: url(http://muse.jhu.edu/home/images/arrow_right.png) no-repeat center center; background-size: cover; transition: all .3s ease; } .accordion .acc_trig.open > span:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* METADATA PAGE */ .content_wrapper.metadata ol, .content_wrapper.metadata ul { list-style-type:none; margin-left:0; } .meta_label { margin-left:0.5em; } .meta_label_disabled { margin-left:0.5em; color: #999999; list-style-type:none; } .options_wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .options_wrapper > div { width:25%; } .input_button { appearance:none; -moz-appearance:none; -webkit-appearance:none; font-size: 18px; font-weight: 500; background-color: white; border-radius: 5px; box-shadow: 0px 2px 2px 0px #e5e5e5, 0px 0px 2px 0px #e5e5e5; -moz-box-shadow: 0px 2px 2px 0px #e5e5e5, 0px 0px 2px 0px #e5e5e5; z-index: 100; padding:10px 40px; /* color:#2ba6cb; */ color:#236ece; border:none; } .input_button:hover { cursor:pointer; } /* JOURNAL UPLOADER */ #uploader ul { list-style-type:none; padding-left:0; } #pubuploadbody .box_shadow ul, #edit_ip_list ul, #books_list ul, #auth_methods_list, .snazzy_columns { column-count:3; column-gap:50px; } .snazzy_columns { list-style: none !important; padding: 0 !important; } #pubuploadbody .issue_selection { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom:20px; } #pubuploadbody .issue_selection > div { width:50%; padding:20px; } #pubuploadbody .issue_focus { -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); border:2px solid #2ba6cb; border-radius:5px; } #uploader { width:100%; } #pubuploadbody .return_link { padding-top:20px; } #pubuploadbody .prev_icon, #edit_ip_list .prev_icon, #edit_authentication .prev_icon, #change_password_wrap .prev_icon, #edit_journal .prev_icon { height:15px; margin-right:10px; } #pubuploadbody #uploader_container { padding:20px 0; } #pubuploadbody .preprint_wrapper { text-align:center; padding-bottom:40px; } #pubuploadbody .preprint_wrapper label { cursor:pointer; } #pubuploadbody .preprint_wrapper h3 { margin-left:10px; display:inline-block; } #edit_ips_form { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #edit_ips_form ol { list-style-type:none; margin-left:0; } #edit_ips_form .save_button_wrap { float:right; } #edit_ips_form .range_left, #edit_ips_form .range_right { width:50%; } #edit_ips_form .range_right { border:1px solid #e5e5e5; border-radius:5px; padding:20px; } .save_button_wrap_bottom { display:none; } #edit_ip_list .return_wrap, #edit_authentication .return_wrap, #change_password_wrap .return_wrap, #edit_journal .return_wrap { display:inline-block; margin-top:40px; } #pub_promotions .input_button { display:inline-block; } .input_button a { color:#236ece; } p.input_button { padding:10px 0px; } p.input_button a { padding:15px 20px; } #edit_authentication .form-group, #edit_journal .form-group { margin-bottom:1rem; } .overflow_table { overflow:auto; display:block; max-height:90vh; } #pub_promotions .input_button a:hover { text-decoration:none; } #pub_promotions .show_titles img { width:15px; } #pub_promotions .hidden_titles { margin-top:10px; border-top:1px solid #cdd2d9; } #too_small { display:none; } .form-text { display: block; margin-top: .25rem; } .text-muted { color: #6c757d !important; } #ssb_designator .none { padding-bottom:20px; } #ssb_designator .add-potential-book { display:inline-block; float:right; } #ssb_designator .show-for-small { display:none; } #ssb_designator .form-text { padding-bottom:10px; } #ssb_designator .section_wrap { padding-top:20px; } #edit_journal .view_on_muse { margin-left:20px; } #edit_journal .next_icon { height:15px; margin-left:10px; } #edit_journal .icon_ext_link { padding:0px 10px 10px 0px; } /* PUB SERIES */ .series_list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .series_list ul { list-style:none; margin-top: 4px; padding:0; } .series_list ul li { margin-bottom: 9px; font-size: 15px; line-height: 1.2; } .btn_back { padding: 8px 16px 8px 26px; font-size: 14px; background: url(http://muse.jhu.edu/home/images/icon_previous_blue3x.png) no-repeat left 12px center; background-size: 6px 10px; } .series_form { margin-bottom: 0; } .series_form .save_delete { display: table; width: 100%; } .series_form .save_delete > div:first-child { display: table-cell; text-align: left; } .series_form .save_delete > div:last-child { display: table-cell; text-align: right; } .series_title_list { list-style:none !important; padding:0 !important; margin:0 !important; } .series_title_list#sorted { list-style: decimal !important; margin-left: 1.25rem !important; } .series_title_list#sorted li { cursor: grab; margin-bottom: 8px; } .list_table { display: table; width: 100%; } .list_table > div { display: table-cell; } .list_table .add_remove { text-align: right; width: 100px; vertical-align: middle; } .list_table .add_remove > span { font-weight: bold; line-height: 16px; padding-left: 14px; transition: .3s ease all; font-size: 12px; cursor: pointer; display: inline-block; } .list_table .add_remove .remove_entry { color: #828282; background: url(http://muse.jhu.edu/home/images/icon_remove.png) no-repeat left center; background-size: 10px; } .list_table .add_remove .remove_entry:hover { color: #e72424; } .list_table .add_remove .add_entry { color: #05c71c; background: url(http://muse.jhu.edu/home/images/icon_add.png) no-repeat left center; background-size: 10px; } .list_table .add_remove .add_entry:hover { color: #05c71c; } #skip { color: #ffffff; font-size: 12px; position: absolute; top: 0; left: -500px; z-index:1001; } #skip:focus { left:0; } #trial_request .form_block.flex h3 { padding-bottom: 0; } .login_info_header { padding:0.5em 8%; background-color:#0f0f0f; color:white; font-weight:600; font-size:15px; } .pricing_tbl td { border-bottom: 1px solid #9fa1a7 !important; } /* -------------------------------------------------------------------------------------------- */ /* RESPONSIVE ---------------------------------------------- */ @media (max-width: 1080px) { .header { padding: 20px 0; } .header .logo { display: block; margin: 0 auto; width: 110px; } .header .nav_main { float: none; text-align: center; padding-top: 14px; width: 100%; max-width: none; } .header .nav_main > ul { margin: 0 8%; width: 84%; } .header .nav_main > ul > li { text-align: center; } .header .nav_main > ul > li > a { font-size: 14px; } .page_header .wrap { margin: 0 8%; padding: 150px 0 28px 0px; } .page_title { font-size: 36px; margin-bottom: 40px; } .home_page_header .wrap { margin: 0 8%; padding: 260px 0 28px 0px; } .home_search { padding-left: 0; padding-bottom: 80px; } .home_header_tabs { position: static; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .home_header_tabs > a { display: block; border-radius: 10px; } .home_intro .int { padding-left: 0; } .home_title:after { right: 90%; } .home_btm { margin: 0 8%; padding: 80px 0 0 0; } .home_btm .upcoming_event { float: none; width: 100%; margin-bottom: 44px; } .home_btm .upcoming_event_int { float: left; width: 50%; } .upcoming_event .event_pic { float: right; width: 50%; padding: 0; } .upcoming_event .event_pic img { width: 100%; max-width: none; } .home_btm .twitter_feed { float: none; width: 100%; } .home_btm .twitter_feed .btn_twitter { top: -24px; right: 50%; margin-right: -24px; margin-top: 0; } .content_overlap { padding-left: 0; margin: -160px 8% 0 8%; } .pub_landing { padding: 0; } .content_main { margin-left:8%; margin-right:8%; } .content_overlap { padding-right:0; } .content_main .content_header { margin:0; } .content_main .col_right .content_header { margin-left:1.25em; } .standalone_wrap .col_left, .standalone_wrap .col_right { width:100%; padding-left:0; padding-right:0; } .standalone_wrap .col_left { margin-bottom:2em; } .standalone_wrap .col_left > ol, .standalone_wrap .col_right > ol { margin-left:0; margin-right:0; } .standalone_wrap h5 { font-size:25px; } .standalone_wrap .col_item h6 { margin:10px 0; } .standalone_wrap .col_item .standalone_date { margin:2px 30px 2px 0; } .standalone_wrap .standalone_data { vertical-align:top; } .separate_wrap .content_header h3 { font-size:26px; } .standalone_wrap .standalone_date { padding:0.5em 2em; } .content_wide .box_wide_shadow { padding: 60px; margin-bottom: 60px; } .menu_width_50, .menu_width_25, .menu_width_100, .menu_width_50.right, .menu_width_50.left, .menu_width_50.center, .menu_width_100.right { left:8%; right:8%; width:auto; } .menu_width_100 { right:auto; width:400px; } .menu_width_100.right { left:auto; } .menu_width_100.center { left:auto; right:275px; } .dash_blocks .one_third, .dash_blocks .two_thirds { float: left; width: 100%; margin-left: 0; } .dash_blocks .one_third .box_shadow { float: left; width: 48.5%; } .dash_blocks .one_third .box_shadow:nth-child(even) { float: right; } .resources, .my_books, .book_inventory { padding: 0; } .content_default { padding: 0; } #pubuploadbody .box_shadow ul, #books_list ul, #edit_ip_list ul, .snazzy_columns { column-count:2; } .login_info_header { padding:0.5em 0; text-align:center; } } @media (max-width: 768px) { .header { padding: 20px 6%; } .header .logo { display: inline-block; margin: 0; width: 110px; } .header .nav_toggle { display: block; } .header .nav_main { display: none; } #subject_scroller { display: none; } .page_header { padding-bottom: 0 !important; } .page_header:after { display: none; } .page_header .wrap { max-width: 100%; padding-top: 120px; margin: 0; } .page_title_wrap { padding: 0 6%; } .home_page_header .wrap { max-width: 100%; padding-top: 160px; padding-bottom: 0; margin: 0; } .home_search_title { text-align: center; } .home_search_form form { display: block; margin: 0 6%; } .home_search_form .form_int { width: 88%; display: block; margin: 0 6%; } .home_search_form .btn_browse { display: block; width: 168px; margin: 20px auto 0 auto; } .home_search_form .search_or { display: block; text-align: center; } .home_header_tabs { display: block; } .home_header_tabs > a { margin-bottom: 0; width: 100%; border-radius: 0; box-shadow: none; text-align: center; padding-left: 0; } .home_header_tabs .tab_librarians { background-color: #4c89db; } .home_header_tabs .tab_individuals { background-color: #79a7e4; } .home_intro .int { padding: 40px 0; } .home_title { text-align: center; font-size: 28px; font-weight: 600; } .home_title:after { left: 50%; width: 50px; margin-left: -25px; } .home_callout { padding: 8vw 0; font-size: 26px; } .home_callout_int:before { display: none; } .home_btm .twitter_feed { margin-bottom: 40px; } .overlap_page_header { min-height: 0; } .overlap_page_header .page_header_int .wrap { padding-top: 170px; padding-bottom: 200px; } .overlap_page_header .page_cta { padding-bottom: 0; } .content_overlap { margin: -160px 6% 0 6%; } .hide-for-small { display:none; } .footer_main { display:block; text-align:center; background-color:#163a69; color:white; padding-bottom:0; } .footer_item_sub { text-align:center; color:#5a5959; font-family: 'Source Sans Pro', sans-serif; font-size:10px; padding-top:2em; } .footer_item_sub p { margin-top: 0; } .cont_sub ul { margin-bottom:0; } .cont_sub { padding-bottom:2em; } .footer_item_left li a, .footer_item_right li a { color:white; } .footer_item_logo { text-align:center; padding-top:2em; margin-bottom:1em; } .footer_item_left, .footer_item_right { float:none; width:100%; } .footer_item_about, .footer_item_res, .footer_item_what, .footer_item_info, .footer_item_social, .footer_item_policy, .footer_item_addr, .footer_item_logo { width:100%; } .footer_item_policy { text-align: center; } .footer_main svg { width:55px; height:55px; } .footer_main .footer_item_left { border:none; } .footer_main .footer_item_right { padding-left:0; } .footer_main .footer_item_addr { padding-top:1em; } .footer_item_color { padding-top:2em; } .footer_item_logo { padding-top:0; } .footer_item_logo img { height:92px; } .footer_item_social h5, .footer_item_social .social_icons { padding-bottom:0; } .footer_item_social .social_icons { padding-top:20px; padding-bottom:20px; } .footer_item_addr .phone, .footer_item_logo.cont_sub { padding-bottom:0; } .footer_main .hide-for-small { display: none; } .footer_item_sub, .footer_main .hide-for-medium { display: block !important; } .footer_main .show-for-medium { display: none!important; } .footer_item_logo .hide-for-medium { display: inline-block !important; } .pub_landing { padding-top: 50px; margin: 0 6%; } .pub_landing .col_wrap .col:first-child, .pub_landing .col_wrap .col:last-child { float: none; width: 100%; } #pub_featured .col_wrap .col:first-child { margin-bottom: 40px; } .contained_wrap .col_left, .contained_wrap .col_right, .separate_wrap .col_left, .separate_wrap .col_right { width:100%; } .standalone_wrap .content_header h3 { font-size:31px; } .standalone_wrap .standalone_data { width:100%; } .standalone_wrap { margin-bottom:70px; } .standalone_wrap h5 { font-size:20px; } .separate_wrap .col_right > ol { margin:0; } .separate_wrap .content_header { min-height:0; } .separate_wrap .col_right { padding-top:3em; } .content_wide .box_wide_shadow { padding: 30px; } .header { width:99%; } .standalone_data { margin-bottom:18px; margin-top:10px; } .standalone_wrap .col_item h6 { margin:0 0 5px 0; } .header .nav_main > ul { display:block; } .nav_main > ul > li { background-color:#fff; display:block; width:100%; } .header .nav_main >ul { margin:0; position:relative; left:-8%; width:116%; } .nav_main > ul > li { padding:0; } .header .nav_main .menu_contain, .header .nav_main .toggle_menu { text-align:left; padding:20px 0; position: relative; left: 0; width: 100%; z-index: 1; box-shadow: none; } .header .nav_main .toggle_menu a { color:#27538c; font-size:20px; margin-left:7%; } .header .nav_main .toggle_menu span { font-size:20px; margin-left:7%; font-weight:600; } .menu_hover { margin:0; } .menu_hover .menu_top { font-weight:400; border-bottom:none; } .menu_contain:hover, .toggle_menu:hover { cursor:pointer; } .header .nav_main .expand { float:right; max-height:20px; max-width:20px; margin-top:10px; margin-right:7%; display:inline-block; } .menu_width_25 > li, .menu_width_50 > li, .menu_width_100 > li { width:100%; padding: 0; } .menu_contain ol { margin-left:0; } .menu_contain > li { background-color:#27538c; } .nav_main .submenu_header { background-color:#193963; } .header .nav_main .submenu_header, .header .nav_main .menu_item, .header .nav_main .submenu_item { padding:20px 0; } .header .nav_main .submenu_header a, .header .nav_main .submenu_header span, .header .nav_main .menu_item a, .header .nav_main .menu_item span, .header .nav_main .submenu_item a, .header .nav_main .submenu_item span { color:#edf2f8; } .box_wide_shadow { min-height:150px; margin-bottom:4em; } #disc_table { display: none; } .download_table_wrap { display:block; text-align:center; padding:2em 0; } .download_table.large { display:none; } .cc_download { display: none; } .download_table { float:none; } .table, .content_row .country_wrap, #pub_promotions p.input_button { display:none; } .my_books { margin: 40px 0 30px 0; } .my_books .box_shadow { margin-bottom: 30px; } .book_inventory .filter, .book_inventory .search { float: none; width: 100%; } .book_inventory .inv_search_form .group { margin: 10px 0; max-width: none; } .book_inventory .inv_search_form { text-align: left; } .book_inventory .inv_download { text-align: center; padding-bottom: 16px; } .book_inventory .inv_download a { display: inline-block; margin-left: 0; margin-right: 0; } .journal_filters .filter_col:first-child, .journal_filters .filter_col:last-child { float: none; width: 100%; } .journal_list { padding: 20px; } .content_default { padding-top: 20px; margin-left: 6%; margin-right: 6%; } .content_default .col_wrap .col:first-child, .content_default .col_wrap .col:last-child { float: none; width: 100%; } .content_default .col_wrap .col:first-child { margin-bottom: 40px; } .contained_wrap .col_left { border-right: none; border-bottom: 1px solid #eaeaea; } .options_wrapper > div { width:50%; } #pubuploadbody .issue_selection > div { width:100%; } #pubuploadbody .input_button { padding:10px; } .submenu_header, .submenu .submenu_header { border-bottom:none; margin:0; } #edit_ips_form .range_left, #edit_ips_form .range_right { width:100%; } p.input_button { padding:15px 20px; } p.input_button a { padding:15px 0; } #too_small { display:block; text-align:center; } #ssb_designator .hide-for-small { display:none; } #ssb_designator .show-for-small { display:block; } .login_info_header { padding:0.5em 6%; text-align:left; } .granular_price_wrap .price_table .cell { display: block; width: 100%; padding: 20px 10px 30px 10px; vertical-align: middle; } .granular_price_wrap .price_table .cell.divider { display: block; width: 100%; padding: 10px; } .header .nav_main .toggle_menu .menu_login { padding-bottom: 0; } .header .nav_main .toggle_menu .menu_login a { margin-top: 0; display: block; margin-left: 0; padding: 20px 0 20px 7%; color: #fff; text-align: left; } } @media only screen and (min-width:768px) and (max-width:1080px) { .footer_main { display:block; } .footer_main .social_icons .list_h { padding-right:10px; } .footer_main .social_icons .list_h:last-child { padding-right:0; } .footer_item_left, .footer_item_right { width:100%; } .footer_item_left .group, .footer_item_right .group { float:left; width: 50%; } .footer_item_about, .footer_item_res, .footer_item_what, .footer_item_info { width:50%; } .footer_item_social, .footer_item_policy, .footer_item_addr, .footer_item_logo { width:50%; float:left; } .footer_item_policy { text-align: left; } .footer_main .footer_item_addr, .footer_main .footer_item_logo { padding-top:0; } .footer_item_social ol { padding-bottom:10px; } .footer_main svg { width:42px; height:42px; } .footer_item_left > div > div, .footer_item_right > div { padding-left:0.5em; padding-right:0.5em; } .footer_item_left > div:first-child > div:first-child, .footer_item_right > div:first-child { padding-left:0; } .footer_item_left > div:last-child > .footer_item_info, .footer_item_right > div:last-child { padding-right:0; } .footer_item_left { border:none; padding-bottom:2em; } .footer_item_right { padding-left:0; } .footer_item_addr { padding-left:0.5em; } .footer_item_logo { padding-right:0.5em; } .footer_item_logo img { height:75px; } .footer_item_addr .phone { padding-bottom:2em; } } @media (max-width: 640px) { .home_intro .learn_more { text-align: center; } .home_callout { padding: 50px 0; text-align: center; } .home_callout > div { display: block; border: none; position: relative; } .home_callout > div:after { content: ''; display: block; position: absolute; background: #fff; height: 1px; width: 40px; bottom: 0; left: 50%; margin-left: -20px; } .home_callout > div:last-child:after { display: none; } .home_btm .upcoming_event_int { float: none; width: 100%; } .upcoming_event .sub_title { text-align: center; } .upcoming_event .sub_title span { float: none; } .upcoming_event .sub_title .view_all { display: none; } .upcoming_event .event { padding: 20px; } .upcoming_event .event_pic { float: none; width: 100%; padding: 0 20px 20px 20px; text-align: center; } .upcoming_event .event_pic img { width: auto; max-width: 100%; } .upcoming_event .view_mobile { display: block; } .home_btm .twitter_feed_int .twitter_item:last-child { display: none; } .home_btm .twitter_feed .btn_twitter:after { display: none; } .overlap_page_header .page_header_int .wrap { padding-bottom: 160px; } .two_col_wrap .box_shadow { width: 100%; margin-bottom: 20px; } .dash_blocks .box_shadow { margin-bottom: 20px; padding: 20px; } .dash_blocks .two_thirds .left, .dash_blocks .two_thirds .right, .dash_blocks .one_third .box_shadow { float: left; width: 100%; margin-left: 0; } .two_col_wrap .box_shadow, .my_books .box_shadow { padding: 20px; } .two_col_wrap .box_shadow p { font-size: 14px; } .book_inventory .int { padding: 30px 0; } .my_books .book_item { width: 50%; padding-bottom: 16px; } .my_books .book_item .image { margin-bottom: 10px; } .my_books .book_item .title { font-size: 14px; } .my_books .group .book_item:nth-child(odd) { clear: both; } } @media (max-width: 600px) { .form_row .form_half { width: 100%; float: none !important; } .form_row .form_half:nth-child(even) { padding-top: 15px; } .journal_filters .filter .name, .journal_filters .filter .cell { display: block; } .journal_filters .filter .name { padding-bottom: 10px; } .journal_filters .filter ul { padding-left: 0; } .journal_list { padding: 10px; } .journal_section .item { font-size: 11px; } .journal_section .item .title { font-size: 13px; } .options_wrapper > div { width:100%; } #pubuploadbody .box_shadow ul, #edit_ip_list ul, #books_list ul, .snazzy_columns { column-count:1; } .series_list_wrap { margin: -10px -20px; } .series_title_list li { font-size: 14px; } .list_table .add_remove { width: 30px; } .list_table .add_remove span { width: 14px; height: 14px; padding: 0; background-size: contain !important; } .list_table .add_remove span span { display: none; } .book_inventory .inv_download a { font-size: 16px; } .inventory_table .row .cell { display: block; width:100%; border-bottom: 0; padding-bottom: 0; } .inventory_table .row .cover_img { width:100%; } .inventory_table .row .cell:last-child { text-align: center; padding-bottom: 20px; } } @media (max-width:560px) { h1 { font-size: 36px; } #pubuploadbody .plupload_file_status { clear:both; } #pubuploadbody .plupload_file_size, #pubuploadbody .plupload_file_status { padding-top:10px; } #edit_ips_form .save_button_wrap { display:none; } #edit_ips_form .save_button_wrap_bottom { display:block; padding-top:20px; } #edit_ips_form input, #edit_authentication .save_button { width:100%; } #edit_ip_list .return_wrap, #edit_ips_form .range_right { text-align:center; } #edit_ip_list .return_wrap { width:100%; } #edit_journal .view_on_muse { float:right; text-align:center; margin:10px 0 30px 0; width:100%; } .app_form h2 { font-size: 20px; } } @media (max-width: 480px) { .content_default > .box_shadow { padding: 24px; } .granular_list .view_opts .label, .granular_list .view_opts .opts { display: block; width: 100%; } } @media (max-width:420px) { .book_inventory .inv_download a { font-size: 14px; } .inventory_table { font-size: 14px; } #recaptcha_6LcKgE8UAA { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; } }