/* Theme Name: Fifteen Eighty Four Theme URI: http://www.clicky.co.uk Author: Clicky Media Version: 1.0 License: GNU General Public License */ /* Mobile Hidden Styling */ .mobile_menu, .mobile_search { display: none; } .find_a_subject { display: none; transition: 0.3s; -webkit-transition:0.3s ease; cursor: pointer; font-family: 'HelveticaNeueLTStd-Md'; } .find_a_subject #categories { display: none; padding-top: 5px; } .find_a_subject li { transition: 0.3s; -webkit-transition:0.3s ease; background: none; margin: 0; padding: 6px 0; } #header .ipad_search { display: none; cursor: pointer; } #header .mobile_wrapper { display: none; } /* Main Styles */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } * { margin: 0 auto; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } html { overflow-x: hidden; } body { background: #f3f3f3 url(images/bg.jpg) repeat; font-family: Arial, Helvetica, sans-serif; margin: 0 auto;} html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } img { border: none; } a { outline: none; color: #D2461D; text-decoration: none; } a:hover { color: #b53c18; text-decoration: none; } .left { float: left; } .right { float: right; } h1,h2,h3,h4,h5,h6 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; margin: 0 0 15px 0; font-weight: normal; -webkit-font-smoothing: antialiased;} h1 { font-size: 28px; line-height: 36px; color: #D2461D; font-weight: normal; } h2 { font-size: 26px; line-height: 34px; color: #D2461D; font-weight: normal; } h3 { font-size: 24px; line-height: 32px; color: #D2461D; font-weight: normal; } h4 { font-size: 22px; line-height: 30px; color: #D2461D; font-weight: normal; } h5 { font-size: 19px; line-height: 27px; color: #D2461D; font-weight: normal; } h6 { font-size: 16px; line-height: 22px; color: #7A7AAC; font-weight: normal; } p { color: #676767; margin: 0 0 15px 0; font-size: 13px; line-height: 19px; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 0 15px 15px 0; } .alignright { float: right; margin: 0 0 15px 15px; } strong { font-weight: bold; } em { font-style: italic; } li { list-style: none; } ul, ol { padding: 0; margin: 0 0 15px 0; } li { background: url(images/bullet_list.png) no-repeat top left; background-position: 0 2px; padding: 0 0 0 23px; color: #676767; margin: 0 0 7px 15px; font-size: 13px; line-height: 19px; } hr { background-color:#dedede; border-width:0; color: #dedede; height:1px; line-height:0; margin: 0 0 15px 0; page-break-after:always; text-align:center; width:100%; clear: both; } .wp-caption { border: 1px solid #E5E5E5; text-align: center; background-color: #f1f1f1; padding-top: 6px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 16px; color: #676767; padding: 5PX 6px 7px; margin: 0; } blockquote { background: url(images/blockquote_icon.png) no-repeat top left; background-position: 0 5px; font-size: 22px; line-height: 28px; color: #676767; float: right; max-width: 400px; width: auto; margin: 0 0 20px 20px; text-align: left; } blockquote p { font-size: 22px; line-height: 28px; color: #676767; text-align: left; margin: 0; padding: 0 0 0 75px; } /** * Slick */ .slick-slider .slick-track, .slick-slider .slick-list { z-index: 10; } .slick-dots { margin: 5px 0 0; } .slick-dots li { background: none; padding: 0; margin: 0; margin-right: 5px; display: inline-block; cursor: pointer; } .slick-dots li:last-child { margin-right: 0; } .slick-dots li button { appearance: none; background-color: transparent; border: 0; border-radius: 0; padding: 0; font-family: inherit; text-indent: -999px; width: 13px; height: 13px; border-radius: 50%; overflow: hidden; background-color: rgba(127, 160, 200, 0.45); transition: 0.3s; outline: none; cursor: pointer; } .slick-dots li.slick-active button { background-color: #7fa0c8; } a.btn { border-radius: 5px; padding: 7px 18px; display: inline-block; transition: 0.3s; font-size: 15px; } a.btn.blue { background: #444c7d; color: white; border-color: #444c7d; } a.btn.blue:hover { background: white; color: #444c7d; } a.btn.orange { background: #d2481f; color: white; } a.btn.orange:hover { background: white; color: #d2481f; } /* Fonts */ @font-face { font-family: 'HelveticaNeueLTStd-Bd'; src: url('fonts/helveticaneueltstdbd.eot'); src: url('fonts/helveticaneueltstdbd.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneueltstdbd.woff') format('woff'), url('fonts/helveticaneueltstdbd.ttf') format('truetype'), url('fonts/helveticaneueltstdbd.svg#helveticaneueltstdbd') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-Md'; src: url('fonts/helveticaneueltstdmd.eot'); src: url('fonts/helveticaneueltstdmd.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneueltstdmd.woff') format('woff'), url('fonts/helveticaneueltstdmd.ttf') format('truetype'), url('fonts/helveticaneueltstdmd.svg#helveticaneueltstdmd') format('svg'); font-weight: normal; font-style: normal; } #container { max-width: 1150px; height: auto; margin: 0 auto; -webkit-box-shadow: 0px 0px 4px 4px #e4e4e4; box-shadow: 0px 0px 4px 4px #e4e4e4; -moz-box-shadow: 0px 0px 4px 4px #e4e4e4; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } .wrap { max-width: 1150px; margin: 0 auto; } .bg_overlay { background: url(images/bg_overlay.jpg) no-repeat top center; height: auto; max-height: 2600px; } .social_icon { margin: 0 0 20px 0; display: block; } .social_icon_pinterest { margin: 40px 0 20px 0; display: block; } ul.calendar, ul.weekdays { width: auto !important; max-width: 903px; } /* Header */ #header { height: 165px; width: auto; } #header .logo { float: left; position: relative; z-index: 7000; top: 0px; left: -25px; } /* Menu */ #menu { background-color: #474575; height: 51px; width: auto; position: relative; margin: -9px 0 0 0; } #menu ul { padding: 0; margin: 0; float: left; position: absolute; top: 0px; left: 0px; } #menu ul li { background: none; padding: 0; margin: 0; font-family: 'HelveticaNeueLTStd-Md'; font-weight: normal; list-style: none; float: left; display: inline; font-size: 17px; line-height: 17px; position: relative; } #menu ul li a { color: #fff; text-decoration: none; display: block; padding: 19px 25px 15px 25px; } #menu ul li.menu-item-9453 a { background: url(images/menu_arrow.png) no-repeat; background-position: 88% 25px; padding: 19px 35px 15px 25px; } #menu ul li a:hover, #menu ul li.current-menu-item a { background-color: #3c3a68; } #menu form#search { float: right; margin: 11px 15px 0 0; } #menu form#search p { } #menu form#search input { height: 28px; line-height: 28px; padding: 0 10px; border: none; width: 200px; float: left; font-size: 11px; color: #666; font-style: italic; } #menu form#search input#submit { background: url(images/search_button.png) no-repeat; height: 28px; width: 30px; background-position: 0 0; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; cursor: pointer; } #menu form#search input#submit:hover { background: url(images/search_button.png) no-repeat; background-position: 0 -28px; } #menu #subjectsDrop { background-color: #3c3a68; height: auto; left: 264px; position: absolute; top: 51px; width: 198px; display: none; z-index: 7000; } #menu #subjectsDrop ul { padding: 0; margin: 0; } #menu #subjectsDrop li { float: left; position: relative; } #menu #subjectsDrop a { background-color: #3c3a68; font-size: 14px; padding: 12px 25px 5px 25px; width: 155px; border-bottom: 1px solid #2c2a51; border-left: 1px solid #2c2a51; border-right: 1px solid #2c2a51; display: block; } #menu #subjectsDrop ul ul { display: none; float: left; margin: 0; position: absolute; top: -1px; left: 206px; width: 188px; z-index: 99999; border-top: 1px solid #2c2a51; } #menu #subjectsDrop ul ul ul { left: 100%; top: 0; } #menu #subjectsDrop ul ul a { width: 168px; } #menu #subjectsDrop li:hover > a, #menu #subjectsDrop ul ul :hover > a, #menu #subjectsDrop a:focus { background-color: #373561; } #menu #subjectsDrop li:hover > a, #menu #subjectsDrop a:focus { background-color: #373561; } #menu #subjectsDrop ul li:hover > ul { display: block; } /*#menu #subjectsDrop ul li { display: block; } #menu #subjectsDrop ul li a { background-color: #3c3a68; font-size: 14px; padding: 12px 25px 5px 25px; width: 155px; border-bottom: 1px solid #2c2a51; } #menu #subjectsDrop ul li a:hover { background-color: #373561; } #menu #subjectsDrop ul li ul { }*/ /* Content */ #content { background: #fff url(images/content_bg.png) repeat-y; max-width: 1150px; height: auto; } #content .page_content {float: left; width: 940px; max-width: 100%; } #content .single_content { padding: 20px 30px; } /* 404 Error Page */ #content.fourohfour { padding: 50px 20px 20px 20px; width: 1110px; } #content.fourohfour h1 { font-size: 170px; line-height: 170px; text-align: center; padding: 0; margin: 0; } #content.fourohfour p { text-align: center; font-size: 18px; line-height: 18px; } /* Slideshow */ #slideshow { width: 940px; height: 325px; float: left; position: relative; } #slideshow .slideshow_left { width: 655px; height: 325px; float: left; position: relative; } #slideshow .flex-center { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } #slideshow img { position: absolute; top: 0px; left: 0px; width: 100%; } #slideshow .cat { float: left; clear: left; position: relative; z-index: 7000; } #slideshow .cat p { font-family: 'HelveticaNeueLTStd-Md'; font-weight: normal; background-color: #D3461D; font-size: 18px; line-height: 18px; color: #fff; margin: 40px 0 0 0; padding: 12px 10px 10px 10px; } #slideshow .cat p a { color: #fff; text-decoration: none; } #slideshow .cat p a:hover { color: #eee; } #slideshow .cat span { background: url(images/slideshow_arrow1.png) no-repeat; width: 18px; height: 10px; position: relative; top: 0px; right: 25px; float: right; } #slideshow h2 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 34px; line-height: 40px; margin: 0; position: relative; top: -4px; left: 0px; z-index: 2000; padding: 0 10px; max-width: 560px; } #slideshow h2 span { padding: 9px 0 5px 0; background-color: #fff; line-height: 33px; box-shadow: -15px 0px 0 #FFF, 15px 0px 0 #FFF; -moz-box-shadow: -15px 0px 0 #FFF, 15px 0px 0 #FFF; -webkit-box-shadow: -15px 0px 0 #FFF, 15px 0px 0 #FFF; } #slideshow h2 a { color: #60628C; text-decoration: none; } #slideshow h2 a:hover { color: #41456D; } #slideshow .slides_container { left: 0px; float: left; width: 940px; height: 325px; margin: 0; padding: 0; } #slideshow .slides_container .slide { width: 940px; } #slideshow .slides_container:first-child .slide { display: none; } #slideshow #featured-slider a.prev { display: none; } #slideshow #featured-slider a.next { display: none; } #slideshow ul.pagination { padding: 0; margin: 0; position: absolute; bottom: 10px; right: 295px; z-index: 7; } #slideshow ul.pagination li { float: left; margin: 0 5px 0 0; background: none; padding: 0; } #slideshow ul.pagination li a { background: url(images/slider_arrows.png) no-repeat; height: 15px; width: 15px; background-position: 0 0; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; float: left; cursor: pointer; } #slideshow ul.pagination li.current a { background: url(images/slider_arrows.png) no-repeat; height: 15px; width: 15px; background-position: 0 -15px; } html[data-useragent*='MSIE 10.0'] #slideshow h2, html[data-useragent*='Chrome'][data-platform='Win32'] #slideshow h2, html[data-useragent*='Firefox'][data-platform='Win32'] #slideshow h2 { top: -10px; } html[data-useragent*='MSIE 10.0'] #slideshow h2 span, html[data-useragent*='Chrome'][data-platform='Win32'] #slideshow h2 span, html[data-useragent*='Firefox'][data-platform='Win32'] #slideshow h2 span { padding: 0px 0 5px 0; } /* Top Article */ .top_article { float: right; width: 245px; height: auto; max-height: 325px; padding: 0 20px 0 0; } .top_article h3 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 20px; line-height: 23px; margin: 25px 0 10px 0; } .top_article h3 a { color: #60628C; text-decoration: none; } .top_article h3 a:hover { color: #4B4E77; } .top_article p { margin: 0 0 10px 0; } .top_article .written { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 32px; line-height: 32px; } .top_article .written p { font-size: 13px; line-height: 32px; color: #999; margin: 0 0 0 10px; } .top_article .written span { color: #7A7AAD; font-weight: bold; } .top_article a.read { font-family: 'HelveticaNeueLTStd-Md'; font-weight: normal; background-color: #D3461D; font-size: 13px; line-height: 13px; color: #fff; text-decoration: none; padding: 9px 10px 7px 10px; float: left; margin: 12px 0 0 0; } .top_article a.read:hover { background-color: #B73415; } .top_article p.readmore { display: none; } /* Columns */ .col { float: left; width: 300px; margin: 20px 20px 20px 0; background: #fff url(images/col_bg.png) repeat-x bottom left; } .col .image { height: 170px; width: 100%; position: relative; } .col .image img { position: absolute; top: 0px; left: 0px; z-index: 1000; width: 100%; height: 100%; object-fit: cover; } .col .image a { border: none; text-decoration: none; } .col .image a:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; } .col .image .cat { float: left; clear: left; position: relative; z-index: 6000; } .col .image .cat p { font-family: 'HelveticaNeueLTStd-Md'; font-weight: normal; font-size: 14px; line-height: 14px; color: #fff; margin: 25px 0 0 0; padding: 7px 10px 5px 10px; } .col .image .cat p a { color: #fff; text-decoration: none; } .col .image .cat p a:hover { color: #eee; } .col .image .cat p.shade1 { background-color: #60628C; } .col .image .cat span { background: url(images/shade1_bg.png) no-repeat; width: 13px; height: 10px; position: relative; top: 0px; left: 25px; float: left; } .col .image h3 { transition: 0.3s; font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; color: #60628C; font-size: 23px; line-height: 25px; margin: 0; position: relative; top: -4px; left: 0px; z-index: 2000; padding: 0 10px; max-width: 265px; } .col .image h3 span { padding: 10px 0 3px 0; background-color: #fff; line-height: 31px; box-shadow: -10px 0px 0 #FFF, 10px 0px 0 #FFF; -moz-box-shadow: -10px 0px 0 #FFF, 10px 0px 0 #FFF; -webkit-box-shadow: -10px 0px 0 #FFF, 10px 0px 0 #FFF; } .col .image h3 a { color: #60628C; text-decoration: none; } .col .image a:hover h3 { color: #41456D; } .col .area { border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 15px; min-height: 115px; height: auto; } .col .area p { margin: 0; font-family: 'HelveticaNeueLTStd-Md'; overflow: hidden; display: -webkit-box; display: -ms-flex; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .col.last { float: right; margin: 20px 0 20px 0; } .col p.readmore { display: none; } .col .author { margin: 10px 0 0; } .col .author a { color: #444c7d; font-size: 14px; } .col .author a:hover { color: #444c7d; } html[data-useragent*='MSIE 10.0'] .col .image h3, html[data-useragent*='Chrome'][data-platform='Win32'] .col .image h3, html[data-useragent*='Firefox'][data-platform='Win32'] .col .image h3 { top: -9px; } html[data-useragent*='MSIE 10.0'] .col .image h3 span, html[data-useragent*='Chrome'][data-platform='Win32'] .col .image h3 span, html[data-useragent*='Firefox'][data-platform='Win32'] .col .image h3 span { padding: 3px 0 3px 0; } /* Trending */ .trending { float: left; width: 620px; margin: 0 0 20px 0; } .trending h2 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; background-color: #60628C; line-height: 18px; font-size: 18px; color: #fff; padding: 14px 15px 10px 15px; width: auto; margin: 0; } .trending .bottom { border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 15px; background: #fff url(images/col_bg.png) repeat-x bottom left; } .trending .bottom ul { padding: 0; margin: 0; } .trending .bottom ul li { list-style: none; float: left; width: 590px; margin: 0 0 20px 0; background: none; padding: 0; } .trending .bottom ul li .date { color: #474575; font-size: 14px; line-height: 16px; font-weight: bold; float: left; width: 90px; } .trending .bottom ul li a { color: #676767; text-decoration: none; font-size: 14px; line-height: 16px; font-weight: bold; float: left; } .trending .bottom ul li a:hover { color: #555; } .trending .bottom ul li span.read { font-size: 14px; line-height: 16px; float: right; font-weight: bold; margin: 0 0 0 20px; } .trending .bottom ul li span.read a { color: #D3461D; text-decoration: none; } .trending .bottom ul li span.read a:hover { color: #B23518; } /* Latest Tweets */ .latest_tweets { height: 176px; width: 280px; float: left; margin: 0 0 0 20px; background: #5E608A; position: relative; } .latest_tweets .disqus_rcw_avatar { display: none; } .latest_tweets:after { content: ""; display: block; background-image: url(images/after-twitter.png); width: 67px; height: 50px; position: absolute; bottom: -25px; z-index: 6000; right: 0; } .latest_tweets .twitter img { margin: 25px 10px 5px; float: left; max-width: 22px; padding-left: 10px; } .latest_tweets h3 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 19px; line-height: 19px; margin: 0; color: #fff; margin: 27px 0 0 0; } .latest_tweets li { background: none; font-size: 14px; line-height: 19px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 3px 0 25px 0; margin: 0; } .latest_tweets li a { color: #7FA0C7; text-decoration: none; } .latest_tweets li a:hover { color: #93B1CE; } .latest_tweets .slides_container { left: 0px; float: left; width: 240px; height: 105px; margin: 5px 0 0 20px; padding: 0; overflow: hidden; } .latest_tweets .slides_container .slide { width: 240px; } .latest_tweets .slides_container:first-child .slide { display: none; } .latest_tweets #featured-slider3 a.prev { display: none; } .latest_tweets #featured-slider3 a.next { display: none; } .latest_tweets ul.pagination {padding: 0;margin: 0;position: absolute;bottom: -23px;left: 2px;z-index: 7000;} .latest_tweets ul.pagination li { float: left; margin: 0 5px 0 0; background: none; padding: 0; } .latest_tweets ul.pagination li a { background: url(images/latest_tweets_bullets.png) no-repeat; height: 13px; width: 13px; background-position: 0 0; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; float: left; cursor: pointer; } .latest_tweets ul.pagination li.current a { background: url(images/latest_tweets_bullets.png) no-repeat; height: 13px; width: 13px; background-position: 0 -13px; } /* Latest Comments */ .latest_comments { background: #c84620; height: 176px; width: 280px; float: left; margin: 0 0 20px 20px; position: relative; } .latest_comments .disqus_rcw_avatar { display: none; } .latest_comments .disqus_rcw_author_name { top:0; } .latest_comments:after { content: ""; display: block; background-image: url(images/comments-after.png); width: 67px; height: 50px; position: absolute; bottom: -25px; z-index: 6000; left: 0; } .latest_comments .comments img { margin: 25px 10px 5px; float: left; max-width: 22px; padding-left: 10px; } .latest_comments h3 {font-family: 'HelveticaNeueLTStd-Bd';font-weight: normal;font-size: 19px;line-height: 19px;margin: 0;color: #fff;margin: 24px 0 3px 59px;} .latest_comments p { font-size: 14px; line-height: 19px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 3px 0 25px 0; margin: 0; } .latest_comments a { color: #fff; text-decoration: none; } .latest_comments a:hover { color: #eee; } .latest_comments span { color: #fff; font-weight: bold; font-size: 14px; line-height: 18px; margin: 0; padding: 0; } .latest_comments .slides_container { left: 0px; float: left; width: 240px; height: 98px; margin: 0 0 0 20px; padding: 0; overflow: hidden; } .latest_comments .slides_container h2.offscreen { display: none; } .latest_comments .slides_container li { background: none; } .latest_comments .slides_container .slide { width: 240px; } .latest_comments .slides_container:first-child .slide { display: none; } .latest_comments #featured-slider2 a.prev { display: none; } .latest_comments #featured-slider2 a.next { display: none; } .latest_comments ul.pagination { padding: 0; margin: 0; position: absolute; bottom: 3px; right: 2px; z-index: 7000; } .latest_comments ul.pagination li { float: left; margin: 0 5px 0 0; background: none; padding: 0; } .latest_comments ul.pagination li a { background: url(images/latest_comments_bullets.png) no-repeat; height: 13px; width: 13px; background-position: 0 0; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; float: left; cursor: pointer; } .latest_comments ul.pagination li.current a { background: url(images/latest_comments_bullets.png) no-repeat; height: 13px; width: 13px; background-position: 0 -13px; } @media (min-width: 767px) { .latest_podcasts { min-height: 200px; } } .latest_podcasts { float: left; position: relative; } .latest_podcasts .inner { background: #7fa0c8; color: white; padding: 22px 20px; } .latest_podcasts .podcast_background { position: absolute; right: -7%; height: 80%; transform: rotate(14deg); opacity: 0.22; bottom: 7%; width: 72%; } .latest_podcasts .podcast_icon, .latest_podcasts .title h5 { display: inline-block; vertical-align: middle; margin: 0; } .latest_podcasts .podcast_icon { margin-right: 15px; width: 18px; height: 25px; } .latest_podcasts .title { margin-bottom: 15px; } .latest_podcasts .title h5 { width: calc(100% - 35px); } .latest_podcasts .description p, .latest_podcasts .description h6 { margin: 0; } .latest_podcasts .description p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; display: -ms-flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; } .latest_podcasts iframe { display: none; } .latest_podcasts .content *:not(p) { display: none; } .latest_podcasts p:empty { display: none; } .latest_podcasts .date p { font-style: italic; } .latest_podcasts * { color: inherit; } .latest_podcasts .slide:hover { color: currentColor; } .latest_podcasts .call_to_action { margin: 15px 0 0; } .latest_podcasts .slide:hover .call_to_action span:after { transform: translateX(5px); } .latest_podcasts .call_to_action span { font-family: 'HelveticaNeueLTStd-Bd'; font-size: 14px; } .latest_podcasts .call_to_action span:hover { color: white; } .latest_podcasts .call_to_action span:after { content: ">"; position: relative; display: inline-block; margin-left: 5px; vertical-align: middle; transition: 0.3s; } .page_bottom .trending .bottom ul li { display: none; } .page_bottom .trending .bottom ul li:nth-child(-n+2) { display: block; } .page_bottom .trending .bottom ul li:nth-child(2) { margin: 0; } .page_bottom .column { box-sizing: border-box; max-width: initial; float: none; display: inline-block; vertical-align: top; margin: 0 26px 20px 0; width: calc(33.33% - 21px); } @media (min-width: 1200px) { .page_bottom .column:nth-child(3n) { margin-right: 0; } } .page_bottom .trending .bottom ul li { float: none; width: auto; } .page_bottom .trending .bottom ul li .date { float: none; width: auto; display: inline; margin-left: 5px; } .page_bottom .trending .bottom ul li .date span { float: none; display: inline-block; vertical-align: middle; } .page_bottom .trending .bottom ul li .date:before { content: "|"; display: inline-block; vertical-align: middle; color: #676767; margin-right: 5px; } .page_bottom .trending .bottom ul li .read { float: none; width: 100%; display: block; margin: 3px 0 0; } .page_bottom .trending .bottom ul li a { float: none; width: auto; } /*.page_bottom .trending_tags .bottom ul li h3 { width: auto; float: left; }*/ /*.page_bottom .trending_tags .bottom ul li { display: flex; flex-wrap: wrap; align-items: center; } */ /* Trending */ .trending_tags { float: left; margin: 0 0 20px 20px; width: 300px; } .trending_tags h2 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; background-color: #7d9ec3; line-height: 18px; font-size: 18px; color: #fff; padding: 14px 15px 10px 15px; width: auto; margin: 0; } .trending_tags .bottom { border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 0px; background: #fff url(images/col_bg.png) repeat-x bottom left; } .trending_tags .bottom ul { padding: 0; margin: 0; } .trending_tags .bottom ul li { background: none; margin: 0; list-style: none; border-bottom: 1px dashed #E6E6E6; padding: 10px 15px; } .trending_tags .bottom ul li:last-child { border: none; } .trending_tags .bottom ul li h3 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 17px; line-height: 19px; margin: 0 0 3px 0; padding: 0; float: right; width: 88%; } .trending_tags .bottom ul li.span-0 h3 a { color: #474575; } .trending_tags .bottom ul li.span-0 span { color: #474575; } .trending_tags .bottom ul li.span-0 h3 a:hover { color: #2E2E56; } .trending_tags .bottom ul li.span-1 h3 a { color: #7A7AAD; } .trending_tags .bottom ul li.span-1 span { color: #7A7AAD; } .trending_tags .bottom ul li.span-1 h3 a:hover { color: #57578C; } .trending_tags .bottom ul li.span-2 h3 a { color: #919CC9; } .trending_tags .bottom ul li.span-2 span { color: #919CC9; } .trending_tags .bottom ul li.span-2 h3 a:hover { color: #7685B2; } .trending_tags .bottom ul li p { color: #999; font-size: 12px; line-height: 12px; margin: 0; float: right; width: 88%; } .trending_tags .bottom ul li p a { color: #999; text-decoration: none; } .trending_tags .bottom ul li p a:hover { color: #777; } .trending_tags .bottom ul li span { float: left; font-size: 32px; line-height: 32px; font-weight: bold; margin: 1px 10px 0 0; padding: 0; } /* Breadcrumbs */ .breadcrumbs { background-color: #E5E5E5; height: 41px; max-width: 920px; padding: 0 20px 0 0; } .breadcrumbs .written { float: right; } .breadcrumbs .written p { font-size: 13px; line-height: 41px; color: #999; margin: 0 0 0 10px; } .breadcrumbs .written span { color: #7A7AAD; font-weight: bold; } .breadcrumbs ul.post-categories { float: left; padding: 0; margin: 0; } .breadcrumbs ul.post-categories li { font-family: 'HelveticaNeueLTStd-Md'; font-weight: normal; list-style: none; background: none; float: left; display: inline; padding: 0; margin: 0; position: relative; } .breadcrumbs ul.post-categories li span { background: url(images/breadcrumbs_icons.png) no-repeat top left; float: left; } .breadcrumbs ul.post-categories li a { float: left; color: #fff; text-decoration: none; font-size: 18px; line-height: 18px; padding: 13px 15px 10px 15px; } .breadcrumbs ul.post-categories li.breadcrumb-anthropology-archaeology a { padding: 13px 15px 10px 48px; } .breadcrumbs ul.post-categories li.breadcrumb-anthropology-archaeology span { background-position: -294px 0; height: 24px; width: 28px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-astronomy a { padding: 13px 15px 10px 61px; } .breadcrumbs ul.post-categories li.breadcrumb-astronomy span { background-position: 0 0; height: 24px; width: 37px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-behind-the-scenes a { padding: 13px 15px 10px 49px; } .breadcrumbs ul.post-categories li.breadcrumb-behind-the-scenes span { background-position: -322px 0; height: 24px; width: 25px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-cambridge-book-club a, .breadcrumbs ul.post-categories li.breadcrumb-into-the-intro a { padding: 13px 15px 10px 54px; } .breadcrumbs ul.post-categories li.breadcrumb-cambridge-book-club span, .breadcrumbs ul.post-categories li.breadcrumb-into-the-intro span { background-position: -139px 0; height: 24px; width: 30px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-economics a { padding: 13px 15px 10px 53px; } .breadcrumbs ul.post-categories li.breadcrumb-economics span { background-position: -62px 0; height: 24px; width: 29px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-history-classics a { padding: 13px 15px 10px 38px; } .breadcrumbs ul.post-categories li.breadcrumb-history-classics span { background-position: -348px 0; height: 24px; width: 14px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-language-linguistics a { padding: 13px 15px 10px 49px; } .breadcrumbs ul.post-categories li.breadcrumb-language-linguistics span { background-position: -114px 0; height: 24px; width: 25px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-law-government a { padding: 13px 15px 10px 47px; } .breadcrumbs ul.post-categories li.breadcrumb-law-government span { background-position: -91px 0; height: 24px; width: 23px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-literature a { padding: 13px 15px 10px 48px; } .breadcrumbs ul.post-categories li.breadcrumb-literature span { background-position: -169px 0; height: 24px; width: 24px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-mathematics a { padding: 13px 15px 10px 44px; } .breadcrumbs ul.post-categories li.breadcrumb-mathematics span { background-position: -387px 0; height: 24px; width: 20px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-medicine a { padding: 13px 15px 10px 48px; } .breadcrumbs ul.post-categories li.breadcrumb-medicine span { background-position: -193px 0; height: 24px; width: 24px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-multimedia a { padding: 13px 15px 10px 53px; } .breadcrumbs ul.post-categories li.breadcrumb-multimedia span { background-position: -408px 0; height: 24px; width: 29px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-music-theatre-art a { padding: 13px 15px 10px 53px; } .breadcrumbs ul.post-categories li.breadcrumb-music-theatre-art span { background-position: -218px 0; height: 24px; width: 29px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-philosophy-religion a { padding: 13px 15px 10px 49px; } .breadcrumbs ul.post-categories li.breadcrumb-philosophy-religion span { background-position: -363px 0; height: 24px; width: 24px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-politics a { padding: 13px 15px 10px 45px; } .breadcrumbs ul.post-categories li.breadcrumb-politics span { background-position: -248px 0; height: 24px; width: 21px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-psychology a { padding: 13px 15px 10px 44px; } .breadcrumbs ul.post-categories li.breadcrumb-psychology span { background-position: -436px 0; height: 24px; width: 20px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-sci-tech a { padding: 13px 15px 10px 48px; } .breadcrumbs ul.post-categories li.breadcrumb-sci-tech span { background-position: -269px 0; height: 24px; width: 24px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li.breadcrumb-sociology a { padding: 13px 15px 10px 65px; } .breadcrumbs ul.post-categories li.breadcrumb-sociology span { background: url(images/breadcrumbs_icons_sociology.png) no-repeat top left; float: left; background-position: 0 0; height: 24px; width: 38px; position: absolute; top: 8px; left: 12px; } .breadcrumbs ul.post-categories li:nth-child(1n+0) a { background-color: #D2461D; } .breadcrumbs ul.post-categories li:nth-child(1n+0) a:hover { background-color: #c33f18; } .breadcrumbs ul.post-categories li:nth-child(2n+0) a { background-color: #DFA533; } .breadcrumbs ul.post-categories li:nth-child(2n+0) a:hover { background-color: #d0982a; } .breadcrumbs ul.post-categories li:after { content:""; position: absolute; bottom: -10px; right: 20px; border-width: 10px 10px 0 0px; border-style: solid; border-color: #474575 transparent; display: block; width: 0; } .breadcrumbs ul.post-categories li:nth-child(1n+0):after { border-color: #D2461D transparent; } .breadcrumbs ul.post-categories li:nth-child(2n+0):after { border-color: #DFA533 transparent; } /* Single Template */ #content .page_content.single .other_single_top { background: url(images/other_single_top.png) no-repeat top center; height: 20px; width: 880px; margin: 20px 0 10px 30px; } #content .page_content.single .top_single { max-width: 940px; height: auto; margin: 10px 0 -10px 0; } #content .page_content.single .top_single .top_single_top { background: url(images/top_single_bg_top.png) no-repeat top center; width: 940px; height: 27px; position: relative; z-index: 6000; } #content .page_content.single .top_single .top_single_bottom { background: url(images/top_single_bg_bottom.png) no-repeat top center; width: 940px; height: 27px; margin: -3px 0 0 0; position: relative; z-index: 6000; } #content .page_content.single .top_single .left_col { background-color: #fff; float: left; height: auto; width: auto; padding: 0 20px 0 0; margin: 0; position: relative; } #content .page_content.single .top_single .left_col .image { margin: 0; float: left; } #content .page_content.single .top_single .left_col .caption { background: url(images/caption_bg.png) repeat-x; height: 45px; width: 92%; position: absolute; bottom: 3px; left: 0px; padding: 0 15px; } #content .page_content.single .top_single .left_col .caption p { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 16px; line-height: 45px; padding: 0; color: #fff; margin: 0; } #content .page_content.single .top_single .right_col { padding: 20px 25px 0 0; margin: 0; } #content .page_content.single .top_single .right_col h2 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 20px; line-height: 25px; color: #60628B; margin: 0 0 15px 0; border-bottom: 1px solid #dedede; padding: 0 0 15px 0; } /* Single Top */ #content .page_content.single .date { background: url(images/date_bg.png) no-repeat; float: left; height: 79px; width: 67px; margin: 20px 20px 0 0; } #content .page_content.single .date h6 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 27px; line-height: 27px; margin: 13px 0 0 0; color: #fff; width: 67px; text-align: center; } #content .page_content.single .date p { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 19px; line-height: 19px; margin: -4px 0 1px 0; color: #fff; text-transform: lowercase; width: 67px; text-align: center; } #content .page_content.single .date h4 { font-size: 15px; line-height: 15px; color: #fff; margin: 0 0 -1px 0; padding: 0; text-align: center; text-transform: lowercase; } #content .page_content.single .title { float: left; max-width: 520px; height: auto; margin: 20px 0 0 0; } #content .page_content.single .title h2.single_title { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 27px; line-height: 32px; color: #60628B; margin: 0; max-width: 530px; } #content .page_content.single .title .written p { color: #D2631D; font-size: 13px; line-height: 13px; width: 530px; font-weight: bold; margin: 3px 0 15px 0; } #content .page_content.single .title .written p span { font-style: italic; font-weight: normal; } #content .page_content.single .share { background: url(images/share_line.jpg) no-repeat top right; background-position: 157px 1px; float: right; width: 295px; margin: 20px 0 0 0; } #content .page_content.single .share p { font-size: 13px; line-height: 13px; color: #7A7AAC; text-align: left; font-weight: bold; } #content .page_content.single .share a.comment { color: #989898; font-size: 13px; text-align: left; text-decoration: none; } #content .page_content.single .share a.comment:hover { color: #777; } #content .page_content.single .share .share_icons { float: left; margin: 0 0 10px 0; position: relative; width: 295px; } #content .page_content.single .share .share_icons .st_sharethis { float: right; margin: 0; position: absolute; top: 2px; right: 27px; } /* Single Bottom */ #content .page_content.single .single_bottom { margin: 15px 0 0 0; padding: 0 30px 20px 30px; } #content .page_content.single .single_bottom p { color: #7A7AAC; font-weight: bold; font-size: 16px; line-height: 16px; margin: 0 20px 30px 0; float: left; } #content .page_content.single .single_bottom .share_icons_bottom { float: left; margin: 0 0 30px 0; position: relative; width: 295px; } #content .page_content.single .single_bottom .share_icons_bottom .st_sharethis { float: right; margin: 0; position: absolute; top: 2px; right: 27px; } #content .page_content.single .single_bottom .about_author { float: left; width: 483px; margin: 0 25px 0 0; } #content .page_content.single .single_bottom .about_author .image { float: left; width: 75px; height: 95px; margin: 0 15px 15px 0; } #content .page_content.single .single_bottom .about_author .image img { height: 95px; width: 75px; border: 1px solid #dcdcdc; } #content .page_content.single .single_bottom .about_author p { float: none; } #content .page_content.single .single_bottom .about_author h2 { background-color: #60628C; font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; height: 35px; line-height: 35px; font-size: 16px; color: #fff; padding: 0 10px; margin: 0; } #content .page_content.single .single_bottom .about_author h2 span { font-family: Arial, Helvetica, sans-serif; font-style: italic; } #content .page_content.single .single_bottom .about_author h2 span a { color: #fff; text-decoration: none; } #content .page_content.single .single_bottom .about_author h2 span a:hover { color: #eee; } #content .page_content.single .single_bottom .about_author .bottom { background-color: #f8f9fb; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; padding: 15px; height: auto; } #content .page_content.single .single_bottom .about_author .bottom p { font-size: 12px; line-height: 16px; color: #666; margin: 0 0 10px 0; font-weight: normal; } #content .page_content.single .single_bottom .about_author .bottom a { color: #D2631D; font-size: 13px; line-height: 13px; font-weight: bold; text-decoration: none; } #content .page_content.single .single_bottom .about_author .bottom a:hover { color: #BC5115; } #content .page_content.single .single_bottom .about_author span.bottom_image { background: url(images/about_author_bottom.png) no-repeat; height: 22px; width: 485px; float: left; position: relative; z-index: 7000; top: -1px; } #content .page_content.single .single_bottom .more_articles { float: left; width: 335px; } #content .page_content.single .single_bottom .more_articles h2 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 18px; line-height: 18px; margin: 0 0 15px 0; color: #D2461D; } #content .page_content.single .single_bottom .more_articles .article_col { float: left; width: 140px; margin: 0 20px 0 0; } #content .page_content.single .single_bottom .more_articles .article_col h6 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 12px; line-height: 15px; color: #60628B; margin: 10px 0 0 0; } #content .page_content.single .single_bottom .more_articles .article_col h6 a { color: #60628B; text-decoration: none; } #content .page_content.single .single_bottom .more_articles .article_col h6 a:hover { color: #4d4f76; } #content .page_content.single .single_bottom .more_articles .article_col .image { width: 140px; height: 90px; border: 1px solid #dcdcdc; } /* Category Template */ #content .page_content.category .category_title { float: left; max-width: 710px; margin: 0 0 15px 0; } #content .page_content.category .category_title h2 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; line-height: 45px; color: #D2461D; margin: 0; padding: 0; } #content .page_content.category .category_title p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #676767; font-weight: bold; margin: 3px 0 0 0; padding: 0; } #content .page_content.category .category_title .category_icon { background: url(images/category_icons.png) no-repeat top left; height: 37px; margin: 0 15px 0 0; float: left; } #content .page_content.category .category_title .category_icon.astronomy { width: 58px; background-position: 0 0; } #content .page_content.category .category_title .category_icon.economics { width: 42px; background-position: -97px 0; } #content .page_content.category .category_title .category_icon.law { width: 38px; background-position: -139px 0; } #content .page_content.category .category_title .category_icon.language { width: 38px; background-position: -177px 0; } #content .page_content.category .category_title .category_icon.into { width: 46px; background-position: -215px 0; } #content .page_content.category .category_title .category_icon.literature { width: 37px; background-position: -261px 0; } #content .page_content.category .category_title .category_icon.medicine { width: 37px; background-position: -298px 0; } #content .page_content.category .category_title .category_icon.music { width: 46px; background-position: -335px 0; } #content .page_content.category .category_title .category_icon.politics { width: 34px; background-position: -381px 0; } #content .page_content.category .category_title .category_icon.science { width: 38px; background-position: -415px 0; } #content .page_content.category .category_title .category_icon.archaeology { width: 44px; background-position: -453px 0; } #content .page_content.category .category_title .category_icon.behind { width: 38px; background-position: -497px 0; } #content .page_content.category .category_title .category_icon.history { width: 24px; background-position: -535px 0; } #content .page_content.category .category_title .category_icon.maths { width: 31px; background-position: -597px 0; } #content .page_content.category .category_title .category_icon.multimedia { width: 44px; background-position: -628px 0; } #content .page_content.category .category_title .category_icon.philosophy { width: 38px; background-position: -559px 0; } #content .page_content.category .category_title .category_icon.psychology { width: 31px; background-position: -672px 0; } #content .page_content.category .category_title .category_icon.sociology { background: url(images/sociology_icon.png) no-repeat top left; height: 37px; margin: 0 15px 0 0; float: left; width: 58px; background-position: 0 0; } #content .page_content.category ul.category_sub_nav { padding: 5px 15px; margin: 5px 0 15px 0; background-color: #919cc9; text-align: center; display: none; } #content .page_content.category ul.category_sub_nav li { background: none; list-style: none; margin: 0 0 9px 0; display: inline-block; margin: 5px 10px 5px 0; padding: 0 10px 0 0; border-right: 1px solid #fff; font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 14px; line-height: 14px; } #content .page_content.category ul.category_sub_nav li a { color: #fff; text-decoration: none; } #content .page_content.category ul.category_sub_nav li:last-child { border: none; } #content .page_content.category ul.category_sub_nav li a:hover { color: #eee; } #content .page_content.category ul.category_sub_nav li.current-cat a { color: #474575; } /* Follow Us */ #content .page_content.category .follow_us { background: url(images/follow_us_bg.png) no-repeat; height: 105px; width: 181px; float: right; margin: 0 0 15px 0; } #content .page_content.category .follow_us h5 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 20px; line-height: 20px; color: #fff; margin: 31px 0 15px 15px; } #content .page_content.category .follow_us ul { padding: 0; margin: 0 0 0 15px; } #content .page_content.category .follow_us ul li { list-style: none; float: left; background: none; padding: 0; margin: 0; float: left; margin: 0 8px 0 0; } #content .page_content.category .follow_us ul li a { background: url(images/follow_us_social_icons2.png) no-repeat; height: 22px; width: 23px; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; cursor: pointer; float: left; } #content .page_content.category .follow_us ul li a.twitter { background-position: 0 0; } #content .page_content.category .follow_us ul li a.twitter:hover { background-position: 0 -22px; } #content .page_content.category .follow_us ul li a.facebook { background-position: -23px 0; } #content .page_content.category .follow_us ul li a.facebook:hover { background-position: -23px -22px; } #content .page_content.category .follow_us ul li a.youtube { background-position: -46px 0; } #content .page_content.category .follow_us ul li a.youtube:hover { background-position: -46px -22px; } #content .page_content.category .follow_us ul li a.rss { background-position: -69px 0; } #content .page_content.category .follow_us ul li a.rss:hover { background-position: -69px -22px; } #content .page_content.category .follow_us ul li a.mail { background-position: -92px 0; } #content .page_content.category .follow_us ul li a.mail:hover { background-position: -92px -22px; } /* Filter Bar */ #content .page_content.category .filter_bar { background: url(images/filter_bar_bg.png) repeat-x; border: 1px solid #E5E5E5; max-width: 910px; height: 41px; margin: 0 0 15px 0; } #content .page_content.category .filter_bar p { font-size: 13px; line-height: 41px; color: #676767; float: left; margin: 0 15px; } #content .page_content.category .filter_bar ul { padding: 0; margin: 0; } #content .page_content.category .filter_bar ul li { background: none; padding: 0; list-style: none; font-size: 13px; line-height: 41px; margin: 0 10px 0 0; float: left; display: inline; } #content .page_content.category .filter_bar ul li.other { margin: 0 12px 0 5px; } #content .page_content.category .filter_bar ul li a { color: #676767; text-decoration: none; } #content .page_content.category .filter_bar ul li a:hover, #content .page_content.category .filter_bar ul li.active a { color: #474575; } #content .page_content.category .filter_bar ul li a.grid { padding: 0; } #content .page_content.category .filter_bar ul li a.grid span { background: url(images/grid_view_icon.png) no-repeat top left; background-position: 0 0; width: 16px; height: 13px; float: left; margin: 13px 8px 0 0; } #content .page_content.category .filter_bar ul li a.grid:hover span, #content .page_content.category .filter_bar ul li.active a.grid span { background-position: 0 -13px; } #content .page_content.category .filter_bar ul li a.list { padding: 0; } #content .page_content.category .filter_bar ul li a.list span { background: url(images/list_view_icon.png) no-repeat top left; background-position: 0 0; width: 15px; height: 16px; float: left; margin: 13px 8px 0 0; } #content .page_content.category .filter_bar ul li a.list:hover span, #content .page_content.category .filter_bar ul li.active a.list span { background-position: 0 -16px; } #content .page_content.category .filter_bar form.db_posts_per_page_form input { font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; cursor: pointer; margin: 15px 10px 0 0; float: left; padding: 0; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.eight { background: url(images/filter_list_numbers.png) no-repeat; height: 11px; width: 7px; background-position: 0 0; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.eight:hover { height: 11px; width: 7px; background-position: 0 -11px; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.sixteen { background: url(images/filter_list_numbers.png) no-repeat; height: 11px; width: 14px; background-position: -8px 0; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.sixteen:hover { height: 11px; width: 14px; background-position: -8px -11px; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.thirtytwo { background: url(images/filter_list_numbers.png) no-repeat; height: 11px; width: 14px; background-position: -22px 0; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.thirtytwo:hover { height: 11px; width: 14px; background-position: -22px -11px; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.all { background: url(images/filter_list_numbers.png) no-repeat; height: 11px; width: 46px; background-position: -36px 0; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.all:hover { height: 11px; width: 46px; background-position: -36px -11px; } /* List View */ #content .list_view { border: 1px solid #E5E5E5; max-width: 908px; padding: 0; margin: 0 0 15px 0; background: none; } #content .list_view .left_col { float: left; max-width: 230px; position: relative; } #content .list_view .left_col .date { position: absolute; left: 0px; top: 0px; background-color: #474575; padding: 10px; float: left; } #content .list_view .left_col .date h5 { font-size: 27px; line-height: 27px; color: #fff; margin: 0; padding: 0; text-align: center;} #content .list_view .left_col .date h6 { font-size: 19px; line-height: 19px; color: #fff; margin: -1px 0 3px 0; padding: 0; text-align: center; text-transform: lowercase; } #content .list_view .left_col .date h4 { font-size: 15px; line-height: 15px; color: #fff; margin: 0 0 -1px 0; padding: 0; text-align: center; text-transform: lowercase; } #content .list_view .left_col .image { float: left; max-width: 230px; height: 145px; border-right: 1px solid #E5E5E5; } #content .list_view .left_col .image a { display: block; height: 145px; max-width: 230px; } #content .list_view .right_col { background: #fff url(images/col_bg.png) repeat-x bottom left; float: left; max-width: 648px; padding: 15px; min-height: 115px; height: auto; } #content .list_view .right_col h4 { font-size: 26px; line-height: 30px; margin: 0 0 10px 0; color: #60628C; padding: 0; } #content .list_view .right_col h4 a { color: #60628C; text-decoration: none; } #content .list_view .right_col h4 a:hover { color: #45486D; } #content .list_view .right_col p { margin: 0 0 12px 0; padding: 0; } #content .list_view .right_col a.read { background-color: #D3461D; font-size: 12px; line-height: 12px; color: #fff; text-decoration: none; padding: 5px 10px; } #content .list_view .right_col a.read:hover { background-color: #B2381B; } #content .list_view .right_col p.readmore { display: none; } /* Grid View */ #content .grid_view { border: 1px solid #E5E5E5; max-width: 445px; min-height: 175px; height: auto; padding: 0; margin: 0 0 15px 0; background: none; float: left; } #content .grid_view.last { float: right; } #content .grid_view .left_col { float: left; max-width: 225px; position: relative; } #content .grid_view .left_col .date { position: absolute; left: 0px; top: 0px; background-color: #474575; padding: 10px; float: left; } #content .grid_view .left_col .date h5 { font-size: 27px; line-height: 27px; color: #fff; margin: 0; padding: 0; text-align: center;} #content .grid_view .left_col .date h6 { font-size: 19px; line-height: 19px; color: #fff; margin: -1px 0 3px 0; padding: 0; text-align: center; text-transform: lowercase; } #content .grid_view .left_col .date h4 { font-size: 15px; line-height: 15px; color: #fff; margin: 0 0 -1px 0; padding: 0; text-align: center; text-transform: lowercase; } #content .grid_view .left_col .image { float: left; max-width: 225px; height: 175px; border-right: 1px solid #E5E5E5; } #content .grid_view .left_col .image a { display: block; height: 175px; max-width: 225px; } #content .grid_view .right_col { background: #fff url(images/col_bg.png) repeat-x bottom left; float: left; width: 190px; padding: 10px 15px; min-height: 155px; height: auto; } #content .grid_view .right_col h4 { font-size: 19px; line-height: 23px; margin: 0 0 5px 0; color: #474575; padding: 0; } #content .grid_view .right_col h4 a { color: #474575; text-decoration: none; } #content .grid_view .right_col h4 a:hover { color: #34335d; } #content .grid_view .right_col p { margin: 0 0 12px 0; padding: 0; line-height: 16px; } #content .grid_view .right_col a.read { background-color: #D3461D; font-size: 12px; line-height: 12px; color: #fff; text-decoration: none; padding: 5px 10px; } #content .grid_view .right_col a.read:hover { background-color: #B2381B; } #content .grid_view .right_col p.readmore { display: none; } /* External View */ #content ul#external { padding: 0; margin: 0 0 15px 0; } #content ul#external li { border: 1px solid #E5E5E5; list-style: none; float: left; margin: 0 0 15px 0; width: 390px; padding: 15px 25px; background: #fff url(images/col_bg.png) repeat-x bottom left; position: relative; } #content ul#external li.last { float: right; } #content ul#external li h3 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 19px; line-height: 23px; margin: 0 0 3px 0; } #content ul#external li h3 a { color: #60628B; text-decoration: none; } #content ul#external li h3 a:hover { color: #434668; } #content ul#external li p { margin: 0; padding: 0; } #content ul#external li a.read { background-color: #D3461D; font-size: 12px; line-height: 12px; padding: 8px 10px 5px 10px; color: #fff; text-decoration: none; font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; float: left; margin: 15px 0 0 0; } #content ul#external li a.read:hover { background-color: #BC3B1D; } #content ul#external .date { background-color: #474575; padding: 10px; float: left; float: left; margin: 0 15px 0 0; } #content ul#external .date h5 { font-size: 23px; line-height: 23px; color: #fff; margin: 0 0 2px 0; padding: 0; text-align: center;} #content ul#external .date h6 { font-size: 19px; line-height: 19px; color: #fff; margin: -1px 0 3px 0; padding: 0; text-align: center; text-transform: lowercase; } #content ul#external .date h4 { font-size: 15px; line-height: 15px; color: #fff; margin: 0 0 -1px 0; padding: 0; text-align: center; text-transform: lowercase; } #content ul#external .left_col { float: left; max-width: 50px; margin: 0 15px 0 -25px; } #content ul#external .right_col { float: left; max-width: 350px; } #content ul#external .meta { color: #D2631D; font-size: 12px; line-height: 14px; margin: 0 0 10px 0; padding: 0; } #content ul#external .meta span { font-style: italic; } /* Authors Box */ #content .page_content.category .authors_box { width: 440px; float: left; } #content .page_content.category .authors_box h2 { background: url(images/author_box_bg.png) repeat-x; font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; color: #fff; font-size: 18px; line-height: 18px; padding: 12px 15px 11px 15px; margin: 0; } #content .page_content.category .authors_box .bottom { background: #fff url(images/author_box_bg_new.png) repeat-x bottom left; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding: 20px 0 0 0; position: relative; } #content .page_content.category .authors_box .author_small { margin: 0 0 20px 20px; float: left; width: 190px; } #content .page_content.category .authors_box .author_small .ava { float: left; margin: 0 10px 0 0; width: 29px; height: 37px; } #content .page_content.category .authors_box .author_small .ava img { height: 37px; width: 29px; border: 1px solid #E5E5E5; } #content .page_content.category .authors_box .author_small .text_content { float: left; width: 140px; } #content .page_content.category .authors_box .author_small h6 { font-size: 15px; line-height: 17px; color: #D3461D; margin: 0 0 3px 0; padding: 0; } #content .page_content.category .authors_box .author_small p { color: #999; font-size: 11px; line-height: 14px; margin: 0 0 3px 0; padding: 0; } #content .page_content.category .authors_box .author_small p a { color: #D3461D; text-decoration: none; } #content .page_content.category .authors_box .author_small p a:hover { color: #b23916; } #content .page_content.category .authors_box .slides_container { left: 0px; float: left; width: 438px; height: auto; margin: 0; padding: 0; } #content .page_content.category .authors_box .slides_container .slide { width: 438px; height: auto; float: left; } #content .page_content.category .authors_box .slides_container:first-child .slide { display: none; } #content .page_content.category .authors_box #featured-slider4 { width: 438px; height: auto; float: left; } #content .page_content.category .authors_box #featured-slider4 a.prev { display: none; } #content .page_content.category .authors_box #featured-slider4 a.next { display: none; } #content .page_content.category .authors_box ul.pagination { padding: 0; margin: 0; float: right; z-index: 7000; border-top: 1px solid #E5E5E5; width: 418px; padding: 9px 10px; } #content .page_content.category .authors_box ul.pagination li { float: left; margin: 0 5px 0 0; background: none; padding: 0; } #content .page_content.category .authors_box ul.pagination li a { background: url(images/author_bullets.png) no-repeat; height: 12px; width: 13px; background-position: 0 0; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; float: left; cursor: pointer; } #content .page_content.category .authors_box ul.pagination li.current a { background: url(images/author_bullets.png) no-repeat; height: 12px; width: 13px; background-position: 0 -12px; } /* Newsletter Box */ #content .page_content.category .newsletter_box { background: #fff url(images/col_bg.png) repeat-x bottom left; float: right; max-width: 440px; } #content .page_content.category .newsletter_box h2 { background: url(images/newsletter_box_bg.png) repeat-x; font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; color: #fff; font-size: 18px; line-height: 18px; padding: 12px 15px 11px 15px; margin: 0; } #content .page_content.category .newsletter_box .bottom { border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding: 20px; } #content .page_content.category .newsletter_box .bottom h6 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #60628B; font-weight: bold; margin: 0 0 10px 0; } #content .page_content.category .newsletter_box .bottom p.first { height: auto; margin: 0 0 15px 0; } #content .page_content.category .newsletter_box .bottom p { color: #666; font-size: 12px; line-height: 17px; margin: 0; position: relative; float: left; max-width: 392px; height: 59px; } #content .page_content.category .newsletter_box .bottom form#newsletter { margin: 10px 0 0 0; } #content .page_content.category .newsletter_box .bottom form#newsletter input { background: #fff url(images/newsletter_input_bg.png) repeat-x bottom; border: 1px solid #E5E5E5; height: 36px; padding: 0 10px; width: 370px; max-width: 100%; font-size: 15px; line-height: 36px; color: #777; font-style: italic; } #content .page_content.category .newsletter_box .bottom form#newsletter input#submit { background: url(images/sign_up_today_button.png) no-repeat; height: 34px; width: 160px; float: left; background-position: 0 0; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; cursor: pointer; margin: 0; } #content .page_content.category .newsletter_box .bottom form#newsletter input#submit:hover { background-position: 0 -34px; } #content .page_content.category .newsletter_box .bottom form#newsletter p.small { font-size: 11px; line-height: 11px; color: #999; float: right; margin: 13px 0 0 0; width: 230px; height: auto; } #content .page_content.category .newsletter_box .bottom form#newsletter p.small a { color: #999; text-decoration: underline; } #content .page_content.category .newsletter_box .bottom form#newsletter p.small a:hover { color: #666; } #content .page_content.category .newsletter_box .bottom form#newsletter .select { position: absolute; top: 0px; left: 0px; width: 332px; height: 38px; padding: 0 50px 0 10px; font-weight: normal; font-size: 15px; line-height: 38px; color: #777; font-style: italic; background: url(images/newsletter_select_field.png) no-repeat; overflow: hidden; } #content .page_content.category .newsletter_box .bottom form#newsletter select.styled { width: 392px !important; height: 38px; cursor: pointer; } #content .page_content.category .newsletter_box .bottom form#newsletter span.ValidationErrors { color: #D2461D; font-size: 11px; line-height: 11px; font-style: italic; float: left; width: 392px; padding: 5px 0 0px 0; position: relative; } /* Author Template */ #content .page_content.author { padding: 20px 15px; width: 910px; } #content .page_content.author .image_wrap { float: left; margin: 0 20px 20px 0; height: auto; width: 150px; } #content .page_content.author .image_wrap img { height: 190px; width: 150px; border: 1px solid #dedede; } #content .page_content.author .image_wrap p { color: #777; font-size: 14px; line-height: 17px; font-style: italic; margin: 5px 0 0 0; text-align: center; } #content .page_content.author .author_title { float: left; width: 740px; margin: 0 0 20px 0; position: relative; } #content .page_content.author .author_title h2 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 40px; line-height: 45px; color: #D2461D; margin: 0; padding: 0; } #content .page_content.author .author_title p { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 19px; color: #676767; font-weight: bold; margin: 0; padding: 0; } #content .page_content.author .author_title .author_title_left { float: left; width: 735px; } #content .page_content.author .author_title ul { padding: 0; margin: 15px 0 0 0; float: left; width: 100%; } #content .page_content.author .author_title ul li { list-style: none; float: left; background: none; padding: 0; margin: 0; } #content .page_content.author .author_title ul li a { background: url(images/author_social_icons_new.png) no-repeat; height: 30px; width: 30px; float: right; background-position: 0 0; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; cursor: pointer; margin: 0 8px 0 0; } #content .page_content.author .author_title ul li a.rss { background-position: 0 0; } #content .page_content.author .author_title ul li a.rss:hover { background-position: 0 -30px; } #content .page_content.author .author_title ul li a.twitter { background-position: -60px 0; } #content .page_content.author .author_title ul li a.twitter:hover { background-position: -60px -30px; } #content .page_content.author .author_title ul li a.linkedin { background-position: -30px 0; } #content .page_content.author .author_title ul li a.linkedin:hover { background-position: -30px -30px; } #content .page_content.author .author_title ul li a.google { background-position: -120px 0; } #content .page_content.author .author_title ul li a.google:hover { background-position: -120px -30px; } #content .page_content.author .author_title ul li a.website { background-position: -150px 0; } #content .page_content.author .author_title ul li a.website:hover { background-position: -150px -30px; } #content .page_content.author .author_title ul li a.alt_profile { background-position: -180px 0; } #content .page_content.author .author_title ul li a.alt_profile:hover { background-position: -180px -30px; } #content .page_content.author .author_view { border: 1px solid #E5E5E5; max-width: 908px; padding: 0; margin: 0 0 15px 0; background: none; } #content .page_content.author .author_view .left_col { float: left; max-width: 80px; position: relative; } #content .page_content.author .author_view .left_col .image { float: left; width: 80px; height: 80px; border-right: 1px solid #E5E5E5; } #content .page_content.author .author_view .left_col .image a { display: block; height: 80px; width: 80px; } #content .page_content.author .author_view .right_col { background: #fff url(images/col_bg.png) repeat-x bottom left; float: left; max-width: 798px; padding: 12px 15px 15px 15px; min-height: 53px; height: auto; } #content .page_content.author .author_view .right_col h4 { font-size: 19px; line-height: 23px; margin: 0 0 7px 0; color: #60628C; padding: 0; } #content .page_content.author .author_view .right_col h4 a { color: #60628C; text-decoration: none; } #content .page_content.author .author_view .right_col h4 a:hover { color: #45486D; } #content .page_content.author .author_view .right_col a.read { background-color: #D3461D; font-size: 12px; line-height: 12px; color: #fff; text-decoration: none; padding: 5px 10px; margin: 0; } #content .page_content.author .author_view .right_col a.read:hover { background-color: #B2381B; } /* Comments */ #comments { } #comments .bar { background-color: #60628C; padding: 22px 25px 16px 25px; } #comments .bar h2 { float: left; font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; line-height: 22px; color: #fff; font-size: 22px; color: #fff; margin: 0; } #comments .bar p { float: right; color: #fff; font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 16px; line-height: 16px; margin: 0; } .discus_wrap { padding: 20px 25px; } .discus_wrap #discovery { display: none; } /* More Articles Bottom */ .more_articles_bottom { padding: 0 30px; margin: 25px 0 40px 0; } .more_articles_bottom h2 { font-family: 'HelveticaNeueLTStd-Md'; font-weight: normal; color: #D2461D; font-size: 22px; line-height: 22px; margin: 0 0 20px 0; } .more_articles_bottom .more_col { float: left; max-width: 190px; margin: 0 30px 0 0; } .more_articles_bottom .more_col h4 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 17px; line-height: 21px; color: #60628B; margin: 10px 0 0 0; } .more_articles_bottom .more_col h4 a { color: #60628B; text-decoration: none; } .more_articles_bottom .more_col h4 a:hover { color: #484B72; } .more_articles_bottom .more_col .image { max-width: 190px; height: 120px; border: 1px solid #dcdcdc; } /* Featured Video */ @media (min-width: 1300px) { .featured_video { max-width: 280px; } .featured_video .video { max-width: 280px; } } .featured_video { float: left; margin: 0 0 20px 20px; } .featured_video h2 { background-color: #60638b; line-height: 18px; font-size: 18px; font-weight: normal; color: #fff; padding: 13px 15px 11px 15px; width: auto; margin: 0; } .featured_video .video { height: 165px; position: relative; } .featured_video .video img {position: absolute;top: 0px;left: 0px;z-index: 4000;width: 100%;object-fit: cover;} .featured_video .video .overlay { height: 165px; max-width: 280px; background-color: #000; position: absolute; top: 0px; left: 0px; z-index: 5000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)"; filter: alpha(opacity=66); -moz-opacity: 0.66; -khtml-opacity: 0.66; opacity: 0.66; } .featured_video .video:hover .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; } .featured_video .video a { width: 100%; max-width: 100%; position: relative; border: none; text-decoration: none; display: block; height: 165px; } .featured_video .video h4 { left: 50%; padding: 0; right: auto; color: #fff; font-size: 17px; text-align: center; font-weight: normal; display: block; position: relative; top: auto; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 6000; width: 100%; margin: 0; } .featured_video .video:hover h4 { color: #eee; } .featured_video .video .center { height: 100%; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; z-index: 6000; display: flex; display: -webkit-flex; display: -ms-flex; justify-content: center; -webkit-justify-content:center; -ms-flex-align:center; align-items: center;flex-direction: column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-flex-direction:column; } .featured_video .video span.play { margin-bottom: 5px; background: url(images/play_button.png) no-repeat; height: 58px; background-repeat: no-repeat; transform: scale(0.5); width: 95px; text-indent: -9999px; border: none; cursor: pointer; position: relative; left: auto; right: auto; bottom: auto; top: auto; z-index: 99999999999; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .featured_video .video:hover span { background: url(images/play_button.png) no-repeat; background-position: 0 -58px; } /* Sidebar */ #sidebar { float: right; max-width: 170px; height: auto; padding: 0 20px 20px 0; } #sidebar h2 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 20px; line-height: 24px; color: #474575; margin: 0 0 13px 0; } #sidebar p.small { color: #4D4D4D; font-size: 11px; line-height: 14px; margin: 0; } #sidebar .find, #sidebar .month { background: url(images/find_bg.png) no-repeat; height: 57px; max-width: 139px; margin: 20px 0; padding: 25px 15px 15px 15px; } #sidebar .find h5, #sidebar .month h5 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 19px; line-height: 19px; margin: 5px 0 8px 0; color: #4D4D4D; } #sidebar .find p, #sidebar .month p { color: #555; font-size: 11px; line-height: 14px; margin: 0; } #sidebar .looking { background: url(images/looking_bg.png) no-repeat; height: 55px; max-width: 139px; margin: 20px 0; padding: 27px 15px 15px 15px; } #sidebar .looking h5 { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; font-size: 15px; line-height: 15px; margin: 0 0 12px 0; color: #4D4D4D; } #sidebar .looking p { color: #555; font-size: 11px; line-height: 14px; margin: 0; } #sidebar ul#social { padding: 0; margin: 20px 0 0 0; } #sidebar ul#social li { background: none; padding: 0; list-style: none; float: left; display: inline; margin: 0 5px 0 0; } #sidebar ul#social li a {text-decoration: none;background: url('images/social3.png') no-repeat;height: 37px;max-width: 37px;float: left;font-size: 0px;line-height: 0px;text-indent: -9999px;border: none;cursor: pointer;display: block;height: 37px;width: 50px;} #sidebar ul#social li a:first-child { margin-left:0; } #sidebar ul#social li a.twitter { background-position: 0 0; } #sidebar ul#social li a.twitter:hover { background-position: 0 -37px; } #sidebar ul#social li a.facebook { background-position: -37px 0; } #sidebar ul#social li a.facebook:hover { background-position: -37px -37px; } #sidebar ul#social li a.youtube { background-position: -74px 0px; } #sidebar ul#social li a.youtube:hover { background-position: -74px -37px; } #sidebar ul#social li a.pinterest { background-position: -111px 0px; } #sidebar ul#social li a.pinterest:hover { background-position: -111px -37px; } #sidebar ul#archives { padding: 0; margin: 0; } #sidebar ul#archives li { background: none; padding: 0; font-family: Arial, Helvetica, sans-serif; list-style: none; font-size: 14px; line-height: 22px; font-weight: bold; float: left; max-width: 170px; margin: 0 0 15px 0; position: relative; } #sidebar ul#archives li a { color: #fff; text-decoration: none; display: block; float: left; clear: left; padding: 5px 12px; width: 146px; } #sidebar ul#archives li:nth-child(1n+0) a { background-color: #D2731D; } #sidebar ul#archives li:nth-child(1n+0) a:hover { background-color: #C1661B; } #sidebar ul#archives li:nth-child(2n+0) a { background-color: #DFA533; } #sidebar ul#archives li:nth-child(2n+0) a:hover { background-color: #D19833; } #sidebar ul#archives li:nth-child(3n+0) a { background-color: #D2631D; } #sidebar ul#archives li:nth-child(3n+0) a:hover { background-color: #C4591E; } #sidebar ul#archives li:nth-child(4n+0) a { background-color: #D2461D; } #sidebar ul#archives li:nth-child(4n+0) a:hover { background-color: #C13A1B; } #sidebar ul#archives li:after { content:""; position: absolute; bottom: -10px; left: 20px; border-width: 10px 0 0 10px; border-style: solid; border-color: #D2731D transparent; display: block; width: 0; } #sidebar ul#archives li:nth-child(1n+0):after { border-color: #D2731D transparent; } #sidebar ul#archives li:nth-child(2n+0):after { border-color: #DFA533 transparent; } #sidebar ul#archives li:nth-child(3n+0):after { border-color: #D2631D transparent; } #sidebar ul#archives li:nth-child(4n+0):after { border-color: #D2461D transparent; } #sidebar ul#categories { padding: 0; margin: 0; } #sidebar ul#categories li { background: none; padding: 0; font-family: Arial, Helvetica, sans-serif; list-style: none; font-size: 14px; line-height: 22px; font-weight: bold; float: left; max-width: 170px; margin: 0 0 15px 0; position: relative; } #sidebar ul#categories li a { color: #fff; text-decoration: none; display: block; float: left; clear: left; padding: 5px 12px; max-width: 146px; } #sidebar ul#categories li:nth-child(1n+0) a { background-color: #474575; } #sidebar ul#categories li:nth-child(1n+0) a:hover { background-color: #3B3B66; } #sidebar ul#categories li:nth-child(2n+0) a { background-color: #919CC9; } #sidebar ul#categories li:nth-child(2n+0) a:hover { background-color: #8591BA; } #sidebar ul#categories li:nth-child(3n+0) a { background-color: #7FA0C7; } #sidebar ul#categories li:nth-child(3n+0) a:hover { background-color: #7296BA; } #sidebar ul#categories li:nth-child(4n+0) a { background-color: #7A7AAD; } #sidebar ul#categories li:nth-child(4n+0) a:hover { background-color: #6E6EA0; } #sidebar ul#categories li:after { content:""; position: absolute; bottom: -10px; left: 20px; border-width: 10px 0 0 10px; border-style: solid; border-color: #474575 transparent; display: block; width: 0; } #sidebar ul#categories li:nth-child(1n+0):after { border-color: #474575 transparent; } #sidebar ul#categories li:nth-child(2n+0):after { border-color: #919CC9 transparent; } #sidebar ul#categories li:nth-child(3n+0):after { border-color: #7FA0C7 transparent; } #sidebar ul#categories li:nth-child(4n+0):after { border-color: #7A7AAD transparent; } #sidebar p.maxlist-more { float: right; margin: 5px 0 25px 0; } #sidebar p.maxlist-more a { font-size: 13px; line-height: 13px; float: right; text-align: right; text-decoration: none; color: #D2631D; } #sidebar p.maxlist-more a:hover { color: #AA4B17; } /* Archives Page */ #content ul#archives_page { padding: 0; margin: 5px 0 0 0; } #content ul#archives_page li { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; list-style: none; background: none; padding: 0; margin: 0; float: left; margin: 0 15px 15px 0; font-size: 15px; line-height: 15px; position: relative; } #content ul#archives_page li a { background-color: #000; color: #fff; text-decoration: none; padding: 9px 12px 7px 12px; float: left; } #content ul#archives_page li:nth-child(1n+0) a { background-color: #D2731D; } #content ul#archives_page li:nth-child(1n+0) a:hover { background-color: #C1661B; } #content ul#archives_page li:nth-child(2n+0) a { background-color: #DFA533; } #content ul#archives_page li:nth-child(2n+0) a:hover { background-color: #D19833; } #content ul#archives_page li:nth-child(3n+0) a { background-color: #D2631D; } #content ul#archives_page li:nth-child(3n+0) a:hover { background-color: #C4591E; } #content ul#archives_page li:nth-child(4n+0) a { background-color: #D2461D; } #content ul#archives_page li:nth-child(4n+0) a:hover { background-color: #C13A1B; } #content ul#archives_page li:after { content:""; position: absolute; bottom: -10px; left: 20px; border-width: 10px 0 0 10px; border-style: solid; border-color: #D2731D transparent; display: block; width: 0; } #content ul#archives_page li:nth-child(1n+0):after { border-color: #D2731D transparent; } #content ul#archives_page li:nth-child(2n+0):after { border-color: #DFA533 transparent; } #content ul#archives_page li:nth-child(3n+0):after { border-color: #D2631D transparent; } #content ul#archives_page li:nth-child(4n+0):after { border-color: #D2461D transparent; } #content ul#archives_page li:after { content:""; position: absolute; bottom: -10px; left: 20px; border-width: 10px 0 0 10px; border-style: solid; border-color: #D2731D transparent; display: block; width: 0; } #content ul#archives_page li:nth-child(1n+0):after { border-color: #D2731D transparent; } #content ul#archives_page li:nth-child(2n+0):after { border-color: #DFA533 transparent; } #content ul#archives_page li:nth-child(3n+0):after { border-color: #D2631D transparent; } #content ul#archives_page li:nth-child(4n+0):after { border-color: #D2461D transparent; } /* Subjects Page */ #content ul#subjects_page { padding: 0; margin: 5px 0 0 0; } #content ul#subjects_page li { font-family: 'HelveticaNeueLTStd-Bd'; font-weight: normal; list-style: none; background: none; padding: 0; margin: 0; float: left; margin: 0 15px 15px 0; font-size: 15px; line-height: 15px; position: relative; } #content ul#subjects_page li a { background-color: #000; color: #fff; text-decoration: none; padding: 9px 12px 7px 12px; float: left; } #content ul#subjects_page li:nth-child(1n+0) a { background-color: #474575; } #content ul#subjects_page li:nth-child(1n+0) a:hover { background-color: #3B3B66; } #content ul#subjects_page li:nth-child(2n+0) a { background-color: #919CC9; } #content ul#subjects_page li:nth-child(2n+0) a:hover { background-color: #8591BA; } #content ul#subjects_page li:nth-child(3n+0) a { background-color: #7FA0C7; } #content ul#subjects_page li:nth-child(3n+0) a:hover { background-color: #7296BA; } #content ul#subjects_page li:nth-child(4n+0) a { background-color: #7A7AAD; } #content ul#subjects_page li:nth-child(4n+0) a:hover { background-color: #6E6EA0; } #content ul#subjects_page li:after { content:""; position: absolute; bottom: -10px; left: 20px; border-width: 10px 0 0 10px; border-style: solid; border-color: #474575 transparent; display: block; width: 0; } #content ul#subjects_page li:nth-child(1n+0):after { border-color: #474575 transparent; } #content ul#subjects_page li:nth-child(2n+0):after { border-color: #919CC9 transparent; } #content ul#subjects_page li:nth-child(3n+0):after { border-color: #7FA0C7 transparent; } #content ul#subjects_page li:nth-child(4n+0):after { border-color: #7A7AAD transparent; } /* Contact Form */ #content form#contact_form { background: #fff url(images/col_bg.png) repeat-x bottom left; border: 1px solid #dedede; padding: 20px; float: left; } #content form#contact_form p { height: 80px; margin: 0; } #content form#contact_form p.large { height: auto; margin: 0 0 20px 0; } #content form#contact_form p.large2 { float: left; width: 266px; } #content form#contact_form input { font-family: Arial, Helvetica, sans-serif; background: #fff url(images/input_bg.png) repeat-x bottom; height: 32px; line-height: 32px; padding: 0 7px; border: none; width: 250px; font-size: 12px; color: #666; font-style: italic; border: 1px solid #dedede; } #content form#contact_form textarea { font-family: Arial, Helvetica, sans-serif; background: #fff url(images/input_bg.png) repeat-x bottom; height: 120px; line-height: 15px; padding: 7px; border: none; width: 535px; font-size: 12px; color: #666; font-style: italic; border: 1px solid #dedede; } #content form#contact_form label { color: #666; font-size: 13px; line-height: 13px; float: left; width: 250px; margin: 0 0 2px 0; } #content form#contact_form span { color: #D2461D; font-size: 13px; line-height: 13px; } #content form#contact_form span.ValidationErrors { font-style: italic; font-size: 12px; line-height: 12px; float: left; width: 250px; margin: 4px 0 0 0; } #content form#contact_form .left_col { float: left; width: 266px; margin: 0 20px 0 0; } #content form#contact_form .right_col { float: left; width: 266px; } #content form#contact_form input#submit { background: url(images/submit_button.png) no-repeat; height: 32px; width: 115px; background-position: 0 0; font-size: 0px; line-height: 0px; text-indent: -9999px; border: none; cursor: pointer; } #content form#contact_form input#submit:hover { background: url(images/submit_button.png) no-repeat; background-position: 0 -32px; } /* Footer */ #footer { background-color: #181817; height: 52px; width: auto; margin: 40px 0 0 0; } #footer .logo { float: left; } #footer p { float: right; line-height: 52px; margin: 0; color: #969492; font-weight: bold; font-size: 12px; } #footer ul { padding: 0; margin: 0 0 0 20px; float: left; } #footer ul li { background: none; padding: 0; list-style: none; display: inline; float: left; line-height: 52px; font-size: 12px; font-weight: bold; margin: 0 15px; } #footer ul li a { color: #969492; text-decoration: none; } #footer ul li a:hover { color: #fff; } /* Fancybox */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* Tooltip */ #powerTip { cursor: default; background-color: #D88936; color: #fff; display: none; padding: 5px 25px 5px 20px; position: absolute; white-space: nowrap; z-index: 2147483647; } #powerTip:before { content: ""; position: absolute; } #powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; } #powerTip.s:before { border-bottom: 10px solid #D88936; border-bottom: 10px solid #D88936; top: -10px; } #powerTip p { color: #fff; margin: 12px 0; line-height: 19px; } #powerTip a { color: #fff; text-decoration: none; } #powerTip a:hover { color: #eee; } #powerTip a.twitter_handle { background: url(images/small_twitter.png) no-repeat top left; background-position: 0 3px; padding: 5px 0 5px 29px; } #powerTip a.facebook_handle { background: url(images/small_facebook.png) no-repeat top left; background-position: 0 3px; padding: 5px 0 5px 29px; } #powerTip a.youtube_handle { background: url(images/small_youtube.png) no-repeat top left; background-position: 0 3px; padding: 5px 0 5px 29px; } #powerTip a.rss_handle { background: url(images/small_rss.png) no-repeat top left; background-position: 0 3px; padding: 5px 0 5px 29px; } #powerTip a.mail_handle { background: url(images/small_mail.png) no-repeat top left; background-position: 0 3px; padding: 5px 0 5px 29px; } /* Responsive Code - 27 July 2017 */ /* Mobile Overlay */ .mobile_overlay { border-left: 1px solid rgba(255, 255, 255, 0.17); overflow-x: hidden; transition: 0.4s; -webkit-transition:0.4s; visibility: hidden; position: fixed; top: 0; right: 0; width: 0; height: 100%; background: #474575; z-index: 999999; } .mobile_overlay .close_nav { position: absolute; top: 20px; right: 20px; color: white; font-size: 30px; } .mobile_overlay .menu { margin-top: 50px; } .mobile_overlay .menu li {background: transparent;margin:0;padding: 1px 0;display: block;text-indent: 20px;} .mobile_overlay .menu li a {color: white;font-size: 16px;margin: 0;padding: 13px 0;display: block; font-family: 'HelveticaNeueLTStd-Bd'; } .mobile_overlay .menu li a:hover { background-color: #3c3a68;} .overlay_visible { visibility: visible; width:250px; } /* Search Overlay */ .search_overlay { transition:0.3s; -webkit-transition:0.3s; visibility: hidden; position: fixed; top: -100px; right: 0; width: 100%; height:0; background: #474575; z-index: 999999; } .search_overlay .close_search { cursor: pointer; position: absolute; top: 20px; right: 20px; color: white; font-size: 30px; } .search_overlay .search_wrapper { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .search_overlay .search_wrapper input[type="text"]{display: inline-block;height: 50px;width: 250px;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius: 0;background: white;background-image: url('images/zoom-in.svg');background-repeat: no-repeat;background-position: right 20px center;font-size: 14px;padding-left: 20px;/* display: block; */margin: 0 auto;font-style: italic;transition: 0.3s ease;cursor: pointer;background-size: 3%;width: 75%;height: 100px;padding: 0 35px;} .search_overlay .search_wrapper input[type="text"]:hover {background-size: 3.5%;transition: 0.3s ease;} /*.search_overlay .search_wrapper input#submit { text-transform: uppercase; margin:15px auto;display: inline-block;color: white;width: 200px;padding: 0 20px;height: 48px;background: #504d80;border: none;box-shadow: none;text-align: left;}*/ .search_visible { visibility: visible; top:0; height:100%; } #container { max-width: 1150px; } #content { max-width: 1150px; } .wrap { max-width: 1150px; } /* Hero Banner */ .hero_banner { overflow: hidden; height: 302px; position: relative; } /* Podcasts */ .podcasts_content .col .image .cat p.shade1 { background: #7fa0c8; } .podcasts_content .col .image .cat span { background: url('images/podcasts_after.png') no-repeat; } .podcasts_content .col h3 { color: #7fa0c8; } @media (min-width: 1367px) { #content.podcasts_content .page_content.category { padding: 0; width: calc(100% - 210px); } } .podcasts_content .col .image .cat p.shade1 .podcast_icon { height: 15px; position: relative; width: auto; object-fit: unset; width: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; min-width: auto; max-width: auto; } .podcasts_content .page_content .podcasts_grid .col:nth-child(3n) { margin-right: 0; } .podcasts_grid .podcasts_message { text-align: center; margin: 20px auto; width: calc(100% - 40px); } .podcasts_grid .col .area { min-height: auto; } .podcasts_grid .col .author { margin: 0; } .podcasts_grid iframe { display: none; } .podcasts_grid .podcasts_message h2 { margin: 0; } .hero_banner.podcasts .text, .hero_banner.podcasts .image_wrapper { float: left; height: 100%; } .hero_banner.podcasts .text { width: calc(50% - 95px); background: #7fa0c8; } .hero_banner.podcasts .text > .inner { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; max-width: 85%; margin: 0 auto; z-index: 10; } .hero_banner.podcasts .text > .inner:after { content: ""; top: -7%; position: absolute; right: 0; height: 129%; background: #7ea0c9; width: 20%; transform: rotate(11deg) translateX(55px); box-shadow: 23px 0 40px -6px rgba(0, 0, 0, 0.5); z-index: -1; } .hero_banner.podcasts .heading { color: #d2481f; font-size: 50px; margin-bottom: 35px; font-family: Arial, Helvetica, sans-serif; } .hero_banner.podcasts .heading .inner { color: #444c7d; display: block; margin-top: 8px; } .hero_banner.podcasts .bottom_heading { color: white; font-size: 65px; } .hero_banner.podcasts .subscribe { margin: 0; display: inline-block; margin-right: 15px; font-size: 15px; color: white; } .hero_banner.podcasts .image_wrapper { width: calc(50% + 95px); overflow: hidden; } .hero_banner.podcasts .image_wrapper img { max-width: 100%; height: 100%; object-fit: cover; object-position: right; } .hero_banner.podcasts .text .buttons { margin: 20px 0 0; } .hero_banner.podcasts .text .btn:not(:last-child) { margin-right: 10px; } /* Responsiveness */ @media (min-width: 767px) and (max-width: 1300px) { .page_bottom .column { width: calc(99.99% * (1 / 2) - (20px - 20px * 1 / 2)); margin-right: 20px; float: left; } .page_bottom .column:nth-child(2n) { margin-right: 0; float: right; } .page_bottom .column:nth-child(2n + 1) { clear: both; } .page_bottom .column.latest_tweets { margin-bottom: 50px; } .page_bottom .latest_comments .slides_container li { margin:0; padding: 0; } } @media (max-width: 1135px){ #content:before, #content:after { content: " "; /* 1 */ display: table; /* 2 */ } #content:after { clear: both; } .flex { display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } } /* Desktop */ @media (min-width: 600px){ .featured_video .video img { position: relative; } #content .page_content.category .category_title h2 { font-size: 45px; } #sidebar ul#categories li a { width: 146px; } #content .page_content.category .category_title { width: 710px; } } /* Mobile */ /* @media (min-width: 768px) and (max-width: 1200px) and (orientation:portrait) { body #content .col { width: 48.5%; float: left; } }*/ /* Tablets */ /* Pagination Breakpoint */ @media (min-width: 992px) and (max-width: 1200px){ #slideshow ul.pagination { bottom: 30px; left: 70px; } } @media (max-width: 1366px) { .hero_banner.podcasts .text { width: 45%; } .hero_banner.podcasts .image_wrapper { width: 55%; } } @media (max-width: 1150px) { .hero_banner.podcasts .text > .inner:after { transform: rotate(11deg) translateX(90%); box-shadow: none; } .hero_banner.podcasts .text { width: 50%; } .hero_banner.podcasts .image_wrapper { width: 50%; } } @media (min-width: 767px) and (max-width: 1135px){ #content .page_content.single .other_single_top { background: transparent; } #content .list_view { display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; } #content .list_view .left_col { flex: 1; } #content .list_view .right_col { flex: 4; } /* #content .list_view .left_col .image, #content .list_view .left_col .image a, #content .list_view .left_col .image a img { height: 100%; min-height: 100%; max-height: 100%; } */ #content .list_view .left_col .image a img { object-fit: cover; } .hero_banner.podcasts .text > .inner:after { content: ""; right: 2px; transform: rotate(11deg) translateX(85%); width: 25%; top: -20%; } .hero_banner.podcasts .image_wrapper img { object-position: 66%; } .hero_banner.podcasts .text .btn:last-child { margin-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .page_bottom .trending .bottom ul li .date { display: block; margin: 0; } .page_bottom .trending .bottom ul li .date:before { display: none; } .search_overlay .search_wrapper input[type="text"] {height: 60px;width: 64%;padding: 0 25px;background-size: 7%;} .search_overlay .search_wrapper input[type="text"]:hover { background-size: 6%; } #content .page_content.category .filter_bar ul.right { display: none; } #content ul#external li.last { float: left; max-width: 100%; } #content .page_content.category .newsletter_box .bottom form#newsletter input { background: transparent; max-width: 100%; width: 240px; } .latest_comments, .latest_tweets { width: 100%; } #content .col { margin:15px 0; flex-basis: 100%; -webkit-flex-basis: 100%; width: 100%; } /* General Blog Styling */ #sidebar p.maxlist-more { margin:0; float: none; } #sidebar p.maxlist-more a { float: none; display: block; text-align: left; margin:15px 0; } #sidebar ul#archives { margin:15px 0; } .children .children .children .postbox, .mobile .postbox { margin:0; } .more_articles_bottom .more_col { width: 43%; margin: 20px 10px; } .more_articles_bottom .more_col:nth-child(even){ margin-left:0; } .more_articles_bottom .more_col:nth-child(odd){ margin-right:0; } .more_articles_bottom { display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; justify-content: space-between; -webkit-justify-content:space-between; } #content .page_content.single .single_bottom .more_articles { width: 100%; max-width: 100%; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #content .page_content.single .single_bottom .more_articles .article_col { margin: 0 10px; width: 46%; } #content .page_content.single .single_bottom .more_articles .article_col:first-of-type { margin-left:0; } #content .page_content.single .single_bottom .more_articles .article_col:nth-child(3) { margin-right:0; } #content .page_content.single .single_bottom .more_articles .article_col .image { max-width: 100%; width: 100%; } #content .page_content.single .single_bottom .more_articles .article_col .image img { max-width: 100%; width: 100%; object-fit: cover; } #content .page_content.single .top_single .left_col .image img { max-width: 100%; height: auto; } #content .page_content.single .title .written p { max-width: 100%; } .more_articles_bottom .more_col h4 { word-wrap: break-word; } .more_articles_bottom .more_col .image { max-width: 100%; width: 100%; } .more_articles_bottom .more_col .image img { max-width: 100%; object-fit: cover; } #no-posts { height: auto; line-height: initial; margin: 0 0 20px; } .top_article { width: 100%; background: white; padding: 20px; } .top_article p { overflow: hidden; display: -webkit-box; display: -ms-flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #676767; font-family: 'HelveticaNeueLTStd-Md'; } .top_article h3 { margin: 0 0 15px; overflow: hidden; /*display: -webkit-box; display: -ms-flex; -webkit-line-clamp: 1; -webkit-box-orient: vertical;*/ } .trending_tags .bottom ul { flex-flow: wrap column; } #slideshow ul.pagination { bottom: 267px; width: 100%; left: 20px; } .col .area { min-height: auto; } #content .page_content.category .category_title { font-size: 25px; margin: 0; } body.home h1 { font-size:29px; } body h1 { font-size:29px; } body.home h2 { font-size:22px; } #sidebar h2 { font-size: 22px; } body h2 { font-size:22px; } body.home h3 { font-size:18px; } body h3 { font-size:18px; } body.home h4 { font-size:16px; } body h4 { font-size:16px; } #content .page_content.category .follow_us { float: left; width: 100%; } #content .list_view .right_col h4 { width: 90%; font-size: 17px; margin-bottom: 0; } #content .page_content.single .top_single .top_single_top { background: transparent; } #content .page_content.category .authors_box h2 { padding: 10px;background: #d2461d; } #content .page_content.category .newsletter_box h2 { background: #5e6089; padding: 10px; } #content .page_content.category .newsletter_box .bottom form#newsletter input#submit { width: 100%; margin:20px 0; } #content .page_content.category .newsletter_box .bottom form#newsletter .select { width: 100%; background: transparent; border: 1px solid #dedede; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #content .page_content.category .authors_box .author_small { width: 100%; } #content .page_content.single .title { max-width: 100%; } #content .page_content.single .other_single_top { background: transparent; } #content .page_content.single .top_single .left_col .caption { max-width: 100%; height: auto; background: black; padding: 10px 15px; } #content .page_content.single .top_single .left_col .caption p { max-width: 92%; word-wrap: break-word; line-height: 1.5em; } #content .page_content.category .newsletter_box .bottom form#newsletter select.styled { max-width: 200px !important; } #content .page_content.category .newsletter_box .bottom form#newsletter p.small { float: left; } #content .page_content.single .title h2.single_title { font-size: 25px; } #sidebar ul#archives { width: 100%; float: left; } #content .page_content.author .author_title h2 { font-size: 25px; } #content .page_content.author .author_title p { font-size: 14px; } #content .list_view .left_col { min-width: 100%; width: 100%; max-width: 100%; } .find_a_subject #categories li a { font-size: 15px; width: 100%; display: block; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.all { width: 52px; } body.single-post #content .page_content { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; } /* Author Page */ #content .page_content.author .author_view { max-width: 100%; width: 100%; } #content .page_content.author .author_view .left_col .image a { width: 100%; } #content .page_content.author .author_view .left_col .image { width: 100%; } #content .page_content.author .author_view .left_col .image img { width: 100%; object-fit: cover; } #content .page_content.author .author_view .left_col { width: 100%; max-width: 100%; } body.tax-author-profile #content .page_content { background: transparent; padding:0; } #content .page_content.author .author_view .right_col { width: 100%; max-width: 100%; background: white; } .latest_tweets .slides_container { margin:5px 0 0; } .latest_tweets li { padding: 0; margin: 0; } .latest_comments .slides_container li { margin: 5px 0 0; padding: 0; } .latest_comments h3 { margin: 27px 0 0 0; } .latest_comments .comments img { margin-right: 15px; } .trending_tags .bottom ul li h3 a { font-size:15px; } .trending_tags h2, .featured_video h2, .trending h2 { font-size: 16px; } body.home .trending_tags h2, body.home .featured_video h2, body.home .trending h2 { font-size: 17px; } .tweets_comments_flex {display: flex;display: -ms-flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-around;-webkit-justify-content:space-between;width: 100%;} .page_bottom { margin: 0; } .page_bottom .column { width: 100%; margin: 0 0 15px; } .page_bottom .latest_comments, .page_bottom .latest_tweets { margin: 0 0 45px; } .hero_banner.podcasts { height: auto; } .hero_banner.podcasts .text, .hero_banner.podcasts .image_wrapper { width: 100%; float: none; box-sizing: border-box; } .hero_banner.podcasts .text { padding: 20px 0; } .hero_banner.podcasts .text > .inner:after { display: none; } .hero_banner.podcasts .text > .inner { max-width: 90%; } .hero_banner.podcasts .image_wrapper img { height: auto; } .hero_banner.podcasts .heading { font-size: 35px; line-height: 0.8; margin-bottom: 20px; } .hero_banner.podcasts .bottom_heading { font-size: 40px; } .hero_banner.podcasts .text .buttons { margin: 0; } } @media (max-width: 1335px) and (min-width: 643px) and (orientation: landscape){ .featured_video .video {height: 193px;} } @media (min-width: 643px) and (max-width: 1135px){ .bg_overlay { background: #F0F0F0; } /* Find a Subject */ .find_a_subject:hover { background: #F0F0F0; } .find_a_subject span:after { border-style: solid; border-width: 0.1em 0.1em 0 0; content: ''; display: inline-block; height: 0.7em; position: relative; top: -1px; transform: rotate(135deg); width: 0.7em; float: right; margin-right: 5px; } .find_a_subject li:hover {background: #4e4c7b; text-indent: 10px; } .find_a_subject li:hover a { color: white; } #content { max-width: 100%; max-width: 100%; width: calc(100% - 40px); background: transparent; overflow: hidden; margin: 0 auto; } #content .page_content { width: 71%; float: left; margin: 0 auto;} #sidebar { width: 24%; border-left: 1px solid #F0F0F0; padding-left: 30px; } body { background: #F0F0F0; } #container { width: 96%; margin: 0 2%; background: white; padding-bottom: 30px; } .col { background: white; margin-right: 20px; width: calc(50% - 10px); } .col:nth-child(2n){ margin-right: 0; } .trending .bottom ul li span.read { margin-left: 15px; } .trending .bottom ul li .date { margin-right: 15px; } div.clear.mobile-clear { clear: none; } .trending { max-width: 100%; width: 100%; margin-top: 10px; } #slideshow { max-width: 100%; } #slideshow .slideshow_left { max-width: 100%; } .top_article { width: 100%; max-width: 100%; } .top_article .written p { margin:0; } #slideshow .slides_container { width: 100%; } #slideshow .slides_container .slide { width: 100%; } #slideshow { max-width: 100%; } #slideshow .slideshow_left { max-width: 100%; } #slideshow .slides_container { width: 100%; } #slideshow .slides_container .slide { width: 100%; } #slideshow .top_article { width: 100%; background: white; padding: 20px; } #slideshow .top_article .inner { max-width: 95%; width: 28%; float: left; padding: 0 41px;} .top_article h3 { margin:15px 0 10px; } .trending_tags { margin-left: 0; width: 48%; } .featured_video {width: 48.6%;max-width: initial;margin-right: 0;} .featured_video .video { min-width: 100%; } .featured_video .video a { height: 100%; } .featured_video .video img { height: 100%; } /* Slideshow */ #slideshow { height: 537px; margin-bottom: 20px; } #slideshow .slideshow_left {height: 322px;background: white; width: 100%;} #slideshow .slides_container {width: 100%;height: 595px;/* float: none; *//* background: white; *//* padding: 0 15px; */} #slideshow #featured-slider {width: 100%;/* height: 500px; */} #slideshow ul.pagination { position: absolute; top: auto; bottom: 45%; left: 25px; right: 0; text-align: center; transform: translate(-45%, -50%); display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -ms-flex-align: center; } #slideshow img {object-fit: cover;} #slideshow h2 { max-width: 90%; } #slideshow h2 a { font-size: 20px; } #slideshow .cat p { margin-top: 0; } } @media (min-width: 849px) and (max-width: 1135px){ #content .page_content { width: 75%; } } @media (min-width: 800px) and (max-width: 1041px){ #content .page_content { width: 70.5%; margin-left: 15px; } } @media (min-width: 800px) and (max-width: 897px) { .latest_comments, .latest_tweets { width: 45.4%; } .latest_comments .slides_container { max-width: 240px; width: 87%;} .latest_tweets .slide li { width: 80%; } } @media (max-width: 800px){ body #sidebar { display: none; } #content .page_content { width: 100%; } } @media (min-width:800px) and (max-width: 1135px){ #content { margin-top: 20px; } #sidebar .find, #sidebar .month { margin: 0 0 20px; } .trending_tags .bottom ul li p, .trending_tags .bottom ul li h3 { width: 79%; display: inline-block; } .trending_tags .bottom ul li h3 { margin-top: 10px; } #slideshow .top_article .inner { width: 29%; } } @media (max-width: 876px){ .find_a_subject { display: block; padding:10px; background: #f0f0f0; position: relative; margin:15px 0; } #sidebar { display: none; } } @media (min-width: 648px) and (max-width: 692px) { .trending_tags .bottom ul li h3 { width: 89.4%; float: left; margin: 0; } } @media (max-width: 1135px){ /* Footer */ #footer { text-align: center; } #footer .logo { float: none; margin: 20px 0; } #footer ul li { float: none; display: block; line-height: 2.5em; } #footer ul li a { color:#f0f0f0; } #footer p { display: block; } #footer ul { float: none; } #footer p, #footer a { color:white; float:none; } #footer .wrap { background: #181817; padding:30px 0 10px; } } @media (min-width: 643px) and (max-width: 948px){ #menu form#search { display: none; } } @media (min-width: 847px) and (max-width: 1135px){ .trending_tags .bottom ul li { width: 70%; } } /* iPad Pro */ @media (max-width: 1366px) and (min-width: 1024px){ #sidebar { width: 24%; border-left: 1px solid #F0F0F0; padding-left: 30px;} #content .page_content.category { width: 71%; } #content .list_view .right_col { width: 61%; } #content .page_content.single .top_single .left_col, #content .page_content.single .top_single .left_col .image, #content .page_content.single .top_single .left_col .image img { width: 100%; } #content .page_content.author { padding: 0; } .trending .bottom ul li span.read { margin-left: auto; } .trending .bottom ul li { width: 100%; } #menu form#search input { display: none; } #content .page_content.single .single_bottom { padding: 0; } .discus_wrap { padding: 0; } .more_articles_bottom { padding: 0; } .postbox section { padding: 0; margin: 20px 0 0; } .breadcrumbs { background: transparent; } #content .page_content.single .top_single .top_single_bottom { background: transparent; } #content .page_content.single .top_single .top_single_top { background: transparent; margin:0; } #content .page_content.category .authors_box { width: 100%; margin: 20px 0; } #content .page_content.category .newsletter_box { width: 100%; float: left; max-width: 100%; } #content .page_content.category .newsletter_box .bottom form#newsletter input#submit { width: 100%; } #content .page_content.category .newsletter_box .bottom form#newsletter p.small { width: 100%; float: left; margin: 0 0 10px; } #content .page_content.single .date { width: 10%; } #content .page_content.single .share { width: 100%; float: left; } #content .page_content.single .top_single img { height: auto; max-width: 300px; } #content .page_content.single .top_single .left_col .image { width: auto; } #content .page_content.single .top_single .left_col { width: auto; } #content .page_content.single .single_bottom .about_author { margin: 0 0 30px; } #content .page_content.category .category_title { width: 50%; } } /* iPad Pro Landscape */ @media (min-width: 1024px) and (max-width: 1366px) and (orientation:landscape){ #content .page_content { width: 71.5%; margin-left: 15px; } .col { width: 31%; } .trending { width: 100%; } div.clear.mobile-clear { clear: none; } .latest_tweets, .latest_comments { width: 47.5%; margin-bottom: 40px; } #content .page_content.author { padding: 0; width: 70%; margin: 20px 0 0 40px; } } /* iPad Landscape */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){ .latest_comments, .latest_tweets { width: 46.7%; } .latest_tweets .slide li { width: 80%; } .trending_tags .bottom ul li { width: 100%; } #footer ul li { display: inline-block; } #content .single_content { padding:0; } #content .list_view .right_col { width: 61%; } #content .page_content.category { width: 71%; } #content .page_content.category .authors_box { width: 100%; } #content .page_content.category .newsletter_box { min-width: 100%; float: left; margin: 15px 0 0; } #content .page_content.category .newsletter_box .bottom form#newsletter input#submit { width: 100%; margin: 10px 0; } #content .page_content.single .share { float: left; width: 100%; } .breadcrumbs { background: transparent; } #content .page_content.single .top_single .top_single_top { width: 100%; } #content .page_content.single .top_single .top_single_bottom { width: 100%; } #content .page_content.single .single_bottom .about_author { width: 100%; } #header .ipad_search { position: absolute; bottom: 30px; right: 20px; display: block; } #header .ipad_search img { width: 30px; } } /* iPad */ @media (min-width: 768px) and (max-width: 1024px){ .latest_tweets .slides_container { margin:10px 0; } .latest_tweets li { padding: 0; margin: 0; } .latest_comments h3 { margin: 27px 0 0 0; } .latest_comments .comments img { margin-right: 15px; } .latest_comments .slides_container { margin: 0; } #content .page_content.category .authors_box .bottom { background: white; } #slideshow .top_article { background: #F0F0F0; } #content .grid_view { width: 48%; } #content .grid_view .left_col, #content .grid_view .left_col .image, #content .grid_view .left_col .image img { width: 100%; min-width: 100%; max-width: 100%; } #content .grid_view .left_col .image a { width: 100%; min-width: 100%; max-width: 100%; } #content .grid_view .left_col .image img { object-fit: cover; } #content .page_content.single .top_single .left_col, #content .page_content.single .top_single .left_col .image, #content .page_content.single .top_single .left_col .image img { width: 100%; } #content .page_content.author { width: 71%; } #header { position: relative; } .latest_tweets, .latest_comments {width: 48.5%;} #content .page_content.category .category_title { width: 72%; } #content .page_content.category .category_title h2 { font-size: 30px; } #content .page_content.author { padding: 0; } #content .page_content.category { padding: 0; max-width: 100%; } #content .list_view .right_col { width: 61%; } .trending .bottom ul li span.read { margin-left: auto; } .trending .bottom ul li { width: 100%; } .tweets_comments_flex {display: flex;display: -ms-flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content:space-between;width: 100%;} .flex_col { justify-content: space-between;-webkit-justify-content:space-between; } #content ul#external li { width: 100%; max-width: 100%; } #content .page_content.category .authors_box { width: 100%; margin: 0 0 20px; } #content .page_content.category .newsletter_box { width: 100%; max-width: 100%; } #content .page_content.category .newsletter_box .bottom form#newsletter input#submit { width: 100%; margin:10px 0; } #content .page_content.single .single_bottom { padding: 0; margin: 15px 0 30px; } .more_articles_bottom .more_col { width: 28%; margin: 0 0 15px; padding-right: 30px; } .more_articles_bottom .more_col:first-of-type { margin-left: 0; } .discus_wrap { padding: 0; } .more_articles_bottom { padding: 0; } .breadcrumbs { background: transparent; } #content .page_content.single .top_single .top_single_bottom { background: transparent; } #content .page_content.single .top_single .top_single_top { background: transparent; margin:0; } #menu ul li.menu-item-9453 a { display: none; } .find_a_subject { font-size: 18px; } #menu ul li a { font-size: 16px; } #content .page_content.category .newsletter_box .bottom form#newsletter p.small { width: 100%; float: left; margin: 0 0 10px; } #content .page_content.single .date { width: 10%; } #content .page_content.single .share { width: 100%; float: left; } .page_content.single .breadcrumbs { margin-bottom: 15px; } #content .page_content.single .top_single img { height: auto; max-width: 300px; } #content .page_content.single .top_single .left_col .image { width: auto; } #content .page_content.single .top_single .left_col { width: auto; } #content .page_content.single .single_bottom .about_author { margin: 0 0 30px; } #content .page_content.category .filter_bar form.db_posts_per_page_form input.all { width: 52px; } #content .page_content.single .single_bottom .about_author { width: 100%; } #content .page_content.single .single_bottom { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; justify-content: space-between; -webkit-justify-content:space-between; } #content .page_content.single .single_bottom .about_author { flex: 1; width: auto; flex-basis: 45%; display: inline-block; width: 31%; padding-right: 20px; } #content .page_content.single .single_bottom .about_author span.bottom_image { max-width: 100%; } .find_a_subject li a { display: block; } } /* iPad Portait */ @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) { #header .ipad_search { position: absolute; bottom: 20px; right: 20px; display: block; } #header .ipad_search img { width: 27px; } #content .single_content { padding: 20px 0; } .discus_wrap { padding: 0; } #menu ul li.menu-item-9453 a { display: none; } } @media (max-width: 643px){ .find_a_subject { margin-top: 0; background: white; } /* Content Styling */ #content .page_content.category .newsletter_box .bottom { background: white; } #content .list_view .left_col { max-width: 100%; min-width: 100%; width: 100%; } #content .page_content.author .author_title .author_title_left { max-width: 100%; } #content .page_content.author .author_title { max-width: 100%; } #content .page_content.category .filter_bar { background: white; } #content .page_content.category .category_title h2 { float: left; } #content .list_view .left_col .image { min-width: 100%; width: 100%; max-width: 100%; overflow: hidden; } #content .list_view .left_col .image img {object-fit: cover;width: 100%;max-width: 100%; min-width: 100%; width: 100%; max-width: 100%; height: auto;} #content .list_view { min-width: 100%; border:none; } #content .list_view .left_col .image a { max-width: 100%; } .top_article { float: left; width: 100%; -webkit-overflow-scrolling:touch; max-height: 214px; overflow: scroll; box-sizing: border-box;} .featured_video { min-width: 100%; } /* Breadcrumbs */ .breadcrumbs { background: transparent; } /* General Blog Styling */ #content .page_content.single .top_single .left_col { width: 100%; margin:20px 0; background: transparent; } #content .page_content.single .top_single .top_single_bottom { background: transparent; } #content .page_content.single .single_bottom { padding:0; margin:20px 0; } #content .page_content.single .single_bottom .about_author { margin: 0 0 20px; max-width: 100%; } #comments .bar { padding: 15px 20px; } #comments .bar h2 { float: none; display: block; } #comments .bar p { float: none; margin:10px 0 0; display: block; } #content .page_content.author { padding: 20px 0; } /* General */ #container { box-shadow: none; border:none; } #content { width: calc(100% - 40px); background: transparent; overflow: hidden; margin: 0 auto; } #content .single_content { padding: 0; } #content .single_content img { max-width: 100%; height: auto; } body { background: #f0f0f0; } #container { width: auto; max-width: 100%; margin: 0 auto; } .wrap { width: auto; } #content .page_content { width: auto; max-width: 100%; } #slideshow {width: 100%;height: 564px;} #menu { display: none; } .col .image img { min-width: 100%; max-width: 100%; object-fit: cover;} .trending .bottom ul li { max-width: 100%; position:relative; } .trending .bottom ul li:after { border-color: #d54d25; border-style: solid; border-width: 0.1em 0.1em 0 0; content: ''; display: inline-block; height: 1em; transform: rotate(45deg); width: 1em; position: absolute; top:50%; transform: rotate(45deg) translate(0, -50%); right: 10px; } #content .page_content.category { width: 100%; padding: 0; } #content .page_content.single .share { float: none; clear: both; } /* Top Article */ .top_article .written p { margin: 0; } /* Find a Subject */ .find_a_subject span:after { border-style: solid; border-width: 0.1em 0.1em 0 0; content: ''; display: inline-block; height: 0.7em; position: relative; top: -1px; transform: rotate(135deg); width: 0.7em; float: right; margin-right: 5px; } /* Header */ #header { text-align: right; height: 0; background: #474575; padding: 41px 0; margin-bottom: 20px;} #header .mobile_wrapper { display: block; width: calc(100% - 40px); position: relative; margin: 0 auto; max-width: 1150px; } #header .desktop_wrapper { display: none; } #header .logo { float: none; max-width: 200px; left: 0; position: absolute; top: -42px; } #header #content { position: relative; } #slideshow .slideshow_left { width: 100%; } #slideshow .slides_container .slide { width: 100%; } #slideshow .slides_control { max-width: 100%; } /* Nav */ .mobile_overlay .menu li.menu-item-9453 { display: none; } body.category #content .page_content { background: transparent; } /* Slideshow */ #slideshow .slideshow_left {height: 322px;background: white;} #slideshow .slides_container {width: 100%;height: 595px;/* float: none; *//* background: white; *//* padding: 0 15px; */} #slideshow #featured-slider {width: 100%;/* height: 500px; */} #slideshow img {object-fit: cover;} #slideshow h2 { max-width: 90%; } #slideshow h2 a { font-size: 20px; } #slideshow .cat p { margin-top: 0; } /* Sidebar */ #sidebar { margin:0 auto; max-width: initial; margin: 0 auto; max-width: initial; width: 100%; background: white; padding: 15px; float: left; } #sidebar ul#categories { display: none; } #sidebar .find, #sidebar .month { display: none; } #sidebar .looking { display: none; } /* White Background for page */ .bg_overlay { background: transparent; } /* Mobile Menu */ .mobile_menu, .mobile_search {display: inline-block;color:white;margin-left: 15px;vertical-align: text-top;} .mobile_search img { width:18px; } .mobile_menu span {font-weight:bold;/* vertical-align: bottom; */} .mobile_menu span:after {border-style: solid;border-width: 0.1em 0.1em 0 0;content: '';display: inline-block;height: 0.7em;left: 0.15em;position: relative;top: -1px;transform: rotate(135deg);width: 0.7em;/* vertical-align: middle; */margin-left: 10px;} .latest_comments, .latest_tweets { margin: 0 0 45px; } .latest_tweets ul.pagination { position: absolute; bottom: -26px; } /* Columns */ .col { background: white; } .col .area { border:none; } .col .image { min-width: 100%; max-width: 100%; } .col .image .cat span { right: 10px; float: right; left: auto; } .col .image .cat span { transform: translateY(-20%) scale(0.8); -webkit-transform: translateY(-20%) scale(0.8); } .col .area p { color: #676767 } .col .image h3 span { padding: 10px 0 10px 0; } #content .col { float: left; width: 100%; flex:1; -webkit-flex:1; -ms-flex:1; flex-basis: 100%; -webkit-flex-basis: 100%; margin: 15px 0; } /* Latest Comments */ .disqus_rcw_author_name { top:0; } .disqus_rcw_single_comment_wrapper img { display: none; } .latest_comments .slides_container li { margin:0; margin-top: 5px; } .latest_comments h3 { margin-bottom: 0; } /* Trending */ .trending { width:100%; max-width: 100%; } .trending .bottom { border:none; } .trending h2 span.hide_mobile { display: none;} .page_bottom .trending .bottom ul li .read { display: none; } /* Search Page */ #content .grid_view { max-width: 100%; } #content .grid_view .left_col { max-width: 100%; } /* Trending Tags */ .trending_tags { margin:0 auto; width: 100%; } .trending_tags .bottom ul { display: flex; display: -ms-flex; display: -webkit-flex; } body.home .trending_tags .bottom ul span { padding:10px; background: #7fa0c7;color: white;text-align: center; margin-bottom: 10px; margin-right: 15px; } body.home .trending_tags .bottom ul li:nth-child(2) span { background: #7a7aad; } body.home .trending_tags .bottom ul li:nth-child(3) span { background: #919cc9; } .trending_tags .bottom { padding:10px 15px; border:none; background: white; } .trending_tags .bottom ul li h3, .trending_tags .bottom ul li p { float: none; } .trending_tags .bottom ul li { padding:0; padding:5px 0; border-bottom: 1px solid #f0f0f0; margin: 10px 0 0; flex-basis: 100%; -webkit-flex-basis: 100%; } .trending_tags .bottom ul li:first-child { padding-top: 0; } /* Featured Video */ .featured_video { margin:20px auto; width: 100%; } .featured_video .video { width: auto; min-width: 100%; } /* Social */ #sidebar p.small { color: #8c8c8c; font-family: 'HelveticaNeueLTStd-Md'; width: 85%; } /* Mobile Clear */ body div.clear.mobile-clear { clear: none; } #content .page_content.category .authors_box { width: 100%; max-width: 100%; } #content .page_content.category .newsletter_box { width: 100%; max-width: 100%; margin: 20px 0; } #content .list_view .right_col { min-width: 100%; background: white; max-width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /* Contact Form */ #content form#contact_form { float: none; padding: 0; border: none; width: 100%; background: transparent; } .home #content .page_content { padding:0; } .home #content .page_content { background: transparent; } .search-results #content .page_content { background: transparent; } #content .page_content { width: 100%; background: white; padding:15px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } #content form#contact_form .left_col, #content form#contact_form .right_col { max-width: 100%; width: 100%; } #content form#contact_form input { width: 100%; max-width: 95%; } #content form#contact_form textarea { width: 100%; max-width: 95%; } #content form#contact_form p.large2 { width: 100%; } /* More Articles */ .more_articles_bottom { padding: 20px 0; } /* Discus Wrap */ .discus_wrap { padding:20px 0; } .auth-section.logged-out { margin:20px 0; } /* Sidebar Social */ #sidebar ul#social li a { margin: 0 2px;transform: scale(0.9); } #sidebar ul#social { margin: 10px 0; } #content .page_content.category .authors_box .bottom { background: white; } #content .page_content.category .newsletter_box .bottom p { width: 100%; max-width: 100px; min-width: 100%; } #content .page_content.category .newsletter_box .bottom form#newsletter input { max-width: 100%; width: 100%; } #content .page_content.category .newsletter_box input { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; } } /* iPhone 5 */ @media (max-width: 350px){ .overlay_visible { width: 200px; } #header .logo { max-width: 160px; } .trending .bottom ul li:after { display: none; } body.home h1, body h1 { font-size: 22px; } body.home p, body p, body.home a, body a { font-size:13px; } body.home h4, body h4 { font-size:18px; } body #content .page_content.category .category_title h2 { } #content .list_view .right_col h4 { font-size: 18px; } body.home h2, body h2 { font-size: 20px; } #content .page_content.single .title h2.single_title { font-size: 20px; } #content .page_content.author .author_title h2 { font-size: 20px; } #content .page_content.author .author_title p { font-size: 13px; } #content .page_content.category .filter_bar ul { margin:15px 0; } #content .page_content.category .newsletter_box .bottom form#newsletter input { width: 100%; } #content .page_content.category .newsletter_box .bottom form#newsletter .select { width: 74%; } .latest_tweets .slides_container { margin: 5px 20px; } .latest_comments .slides_container { margin: 5px 20px; } .hero_banner.podcasts .subscribe { width: 100%; margin: 0 0 10px; } .hero_banner.podcasts .bottom_heading { margin-bottom: 5px; } } @media (min-width: 1000px) { .podcasts_grid .podcasts_message { margin: 20px auto 0; } #content .page_content.category { padding: 20px 15px; width: 910px; } .page_bottom { margin: 20px; } }