/************************************************************************************************/ /* /* Ap - The Big Story /* /* CSS - v2.0.0 /* /* by - Ap Team /* /* 06/08/2014 /* /************************************************************************************************/ /************************************************************************************************/ /* /* 01 - Reset Style Element HTML /* 02 - Grid Elements /* 03 - Search /* 04 - NavBar /* 05 - Aside Tweets /* 06 - Advertisiment /* 07 - Article toolbar | Share buttons /* 08 - Article Lead Photo /* 09 - Article Content /* 10 - Article pagination Fixed /* 11 - Article Sidebar /* 12 - Article Pagination /* 13 - Article Comments /* 14 - Articles Sub Grid /* 15 - Search Product /* 16 - Load More /* 17 - Footer /* 18 - Overriding ShareThis module styles for icons /* xx - Media Querys /* 19 - Smartphones Portrait and Landscape /* 20 - Mobile max-width 640px /* 20 - Large Screens - min-width 1025px /* 21 - min-width 1025px and max-width 1440px /* 22 - XLarge screens - min-width 1441px, xlarge screens /* 23 - Mobile max-width 768px /* 24 - Mobile max-width 1024x /* 25 - Responsive column count /* 26 - Advertistment display /* 27 - New grid Responsive /* /************************************************************************************************/ /***********************************/ /* 01 - Reset Style Element HTML /***********************************/ .ui-dialog {z-index: 9999!important;} body{background: #fff!important;color: #1e1e1e!important;padding: 0!important;margin: 0!important; font-weight: normal!important;font-style: normal!important;position: relative;cursor: default; font: 16px/1 "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif!important;} h1, h2, h3, h4, h5, h6 {color: #333333;font-style: bold;font-weight: normal;line-height: 1.4;margin-bottom: 0.5rem; margin-top: 0.2rem;text-rendering: optimizelegibility;font-family: "Arial",sans-serif!important;} blockquote, blockquote p {border-bottom: 1px solid #DDDDDD;border-left: 0 none;border-top: 1px solid #DDDDDD; color: #666666;font-size: 1.2em;font-weight: normal;line-height: 1.35em;margin: 0.5em 2.5em 1em 0;padding: 1em 0.5em 0 1em;} p {font-family: inherit;font-size: 1rem;font-weight: normal;line-height: 1.5em;margin-bottom: 1.25rem;text-rendering: optimizelegibility; color: #333;} a:hover {text-decoration: underline;} body.front img{position: relative!important;z-index: 0!important} h2.block-title, h1#page-title, h1#page-title, .ap-article-social h3, div.zem_rp_sidebar_wrap .related_post_title, div.zem_rp_wrap .related_post_title{background-image:none!important;color: rgb(30, 30, 30)!important; text-transform: uppercase!important;width: 100%!important; border-bottom: 1px solid rgb(209, 209, 209)!important; font: normal normal normal 23px/32.20000076293945px Arial, sans-serif;margin: 3.200000047683716px 0px 8px!important;text-shadow:none!important;} .node header, div.primary-title, .block-ap-recent-articles .node, .rss-block .node, .list-page-content .node, h3.related_post_title, .photo-gallery-divider{background: none!important} .list-page-content .node, h3.related_post_title, .photo-gallery-divider, body.node-type-ap-photo-gallery .node-body{background-image: none!important;border-top: 0px none rgb(30, 30, 30)!important; border-right: 0px none rgb(30, 30, 30)!important;border-bottom: 1px solid rgb(209, 209, 209)!important; border-left: 0px none rgb(30, 30, 30)!important} .node-ap-photo .field-name-body, .node-type-video .field-name-body, .node-ap-person .author-bio{border-top: 1px solid rgb(209, 209, 209)!important;border-bottom: 1px solid rgb(209, 209, 209)!important} .list-page-content.clearfix.masonry{width: 100%} .node-type-ap-topic .topic-title{background-image: none!important;} .node-ap-photo .field-name-body, .node-type-video .field-name-body, .node-ap-person .author-bio{border-top: none!important} .list-page-filters {background-image:none!important;border-bottom: 1px solid rgb(209, 209, 209)!important;} div.field-items .field-name-field-pull-quote{ box-sizing: border-box!important; color: rgb(102, 102, 102)!important; cursor: default!important; float: left!important; text-decoration: none solid rgb(102, 102, 102)!important; max-width: 309.984375px; perspective-origin: 154.984375px 135.59375px!important; transform-origin: 154.984375px 135.59375px!important; border-top: 1px solid rgb(221, 221, 221)!important; border-right: 0px none rgb(102, 102, 102)!important; border-bottom: 1px solid rgb(221, 221, 221)!important; border-left: 0px none rgb(102, 102, 102)!important; font: normal normal normal 19px/25.920001983642578px 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif!important; margin: 9.600000381469727px 48px 19.200000762939453px 0px!important; outline: rgb(102, 102, 102) none 0px!important; padding: 19.200000762939453px 9.600000381469727px 19.200000762939453px 19.200000762939453px!important; } div.field-items .field-name-field-pull-quote .cite { box-sizing: border-box!important; color: rgb(255, 255, 255)!important; cursor: default!important; display: block!important; text-decoration: none solid rgb(255, 255, 255)!important; width: 281.203125px!important; perspective-origin: 140.59375px 12.5px!important; transform-origin: 140.59375px 12.5px!important; border: 0px none rgb(255, 255, 255)!important; font: italic normal normal 13px/25.920001983642578px 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif!important; outline: rgb(255, 255, 255) none 0px!important; } div.field-items .field-name-field-pull-quote .cite:before { box-sizing: border-box!important; color: rgb(255, 255, 255)!important; cursor: default!important; text-decoration: none solid rgb(255, 255, 255)!important; content: '— '!important; border: 0px none rgb(255, 255, 255)!important; font: italic normal normal 13px/25.920001983642578px 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif!important; outline: rgb(255, 255, 255) none 0px!important; } #zone-header h2.block-title, #zone-content h2.block-title, #block-boxes-taxonomy-2 h2.block-title, #block-boxes-taxonomy-3 h2.block-title {color: rgb(30, 30, 30)!important;text-transform: uppercase!important; border-bottom: 1px solid rgb(209, 209, 209)!important;font: normal normal normal 23px/32.2px Arial, sans-serif; margin: 3.2px 0px 8px;outline: rgb(30, 30, 30) none 0px!important;letter-spacing: -0.2px!important;} aside#region-sidebar-first{padding-left: 30px!important;padding-right: 0px!important;width: 330px!important;display: block} aside#region-sidebar-first h2.block-title{border-top: 0px none rgb(51, 51, 51)!important; border-right: 0px none rgb(51, 51, 51)!important; border-bottom: 1px solid rgb(209, 209, 209)!important; border-left: 0px none rgb(51, 51, 51)!important; font: normal normal normal 21px/29.1200008392334px Arial, sans-serif!important; margin: 6px 0px 8px!important; outline: rgb(51, 51, 51) none 0px!important;} /***********************************/ /* 02 - Grid Elements /***********************************/ .zone-branding {margin-bottom: 30px!important} #zone-header .medium-4{margin-top:20px;margin-bottom:16px;} #zone-header{max-width:1310px!important;margin:0 auto!important;} .curated-box-threecol{margin-top: 0px!important} #block-boxes-homepage-curated{border: none!important} .section-content{max-width: 1310px!important;margin:auto;} .section-content .region-content{padding: 0px;padding-left: 0px} hr.mobile-home{display: none} .loadMore.show-full-article{display: none} #block-boxes-taxonomy-1 .article.large-4.medium-4.columns.left {margin-top: 16px;} div#zone-header{overflow: visible;} section#section-content{overflow: visible;padding-left: 30px;padding-right: 30px;} .article h5 {margin-bottom: 0.7rem!important;margin-top: 1rem!important;} .article h5 a {color: #081c2f!important;font-family: Verdana, sans-serif!important;font-size: 1.3rem!important;font-weight: normal!important; letter-spacing: 0!important;line-height: 1.65rem !important;text-align: left!important;text-decoration: none!important;word-spacing: -0.1em!important;} .article p.caption {font-family: Verdana, sans-serif!important;font-size: 1rem!important;font-weight: normal!important;line-height: 1.2em !important; text-align: left!important;} .box-list-content.gridlayout-taxonomy_2.clearfix, .box-list-content.gridlayout-taxonomy_3.clearfix {margin-top: 16px!important;} #region-header-first{margin-left: 0px!important;margin-right: 0px!important;padding-left: 30px;padding-right: 30px;max-width: 1310px} #zone-header .large-12.medium-12.columns{padding-left: 5px!important;padding-right: 5px!important} div#zone-header h2.block-title{max-width: 1250px!important;margin: auto!important;margin-bottom: 8px!important} #ad-home-top{padding-left: 0px!important;padding-right: 0px!important} #ad-home-top #dfp-ad-mediumrectangle-wrapper{top: 14px;} .row{margin-top: 0;margin-bottom: 0;} #zone-footer .row{margin:auto!important;} .boxes-box-content{margin-left: -15px; margin-right: -15px;} #boxes-box-ap_twitter .boxes-box-content {margin-left:0px!important;margin-right: 0px!important;} .list-view-more a, .view-more a{margin-right: 15px!important} #section-article-full{width: calc(100% - 330px);float:left;position:relative!important;} div#zone-content {max-width: 1280px!important;margin: auto;margin-left:0px;overflow: hidden!important;} div#zone-content div#region-content{ width: 100%;} #container-thumb1-thumb2{width: calc(100% - 316px);float: left;margin-top: 20px} div#page{overflow-x:hidden} #section-content #zone-postscript-wrapper{max-width: 1280px;margin: auto;} aside#region-sidebar-first{display: block} div.gridlayout-taxonomy_2 div.row, div.gridlayout-taxonomy_3 div.row {margin-right: 0px!important;margin-left: 0px!important} div.gridlayout-taxonomy_1 .container-thumb1-thumb2, div.gridlayout-taxonomy_2 .container-thumb1-thumb2, div.gridlayout-taxonomy_3 .container-thumb1-thumb2 {width: calc(100% - 327px);float: left;margin-top: 20px;margin-bottom: 16px} div.article p {margin-bottom: 0px!important;} h5.no-thumb-title{margin-top: -3px!important;margin-bottom: 2px!important;height: 72px;overflow: hidden;} div.no-thumb h5 {margin-top: -4px!important;} div.no-thumb p {margin-top: -7px;overflow: hidden;} .points-after-text::after{ content: "..."; } h3.entry-title.node-title.title a, .result-item .result-title a{color: rgb(8, 28, 47)!important;overflow-wrap: break-word!important;word-spacing: -2.0799999237060547px!important; word-wrap: break-word!important;font: normal normal normal 21px/24.959999084472656px Verdana, sans-serif!important;outline: rgb(8, 28, 47) none 0px!important; text-decoration: none!important } .context-tags #section-content {/*margin-left: 10px;margin-right: 10px;*/} body.page-search #section-article-full, body.page-taxonomy #section-article-full{padding-right: 30px;} #articleExpand .fade {height: 100px!important;width: 100%;background: url('../images/article_expand_gradient.png') repeat-x scroll left top #FDFDFD; position: relative!important;z-index: 9999!important;bottom: 59px!important;opacity: 0.9!important; } /* ui for admin */ body.toolbar.logged-in #toolbar{z-index:9999!important} body.toolbar.logged-in div#region-page-top{height: 31px!important;} body.toolbar.logged-in.context-users ul.tabs.primary{bottom: 0px!important;z-index: 9999;top: auto!important;right: 0px;background-color: #000; border-top: 1px solid #ccc;} body.toolbar.logged-in.context-users ul.tabs.primary li{float: right!important} body.toolbar.logged-in.context-users ul.tabs.primary li a{font-size: 11px!important;border-radius: 10px; line-height: 12px;height: 21px;} body.toolbar.logged-in.context-users ul.tabs.primary li a:hover{background: #444;} /***************/ .article-layout {padding-bottom: 20px;padding-top: 20px;} .article img{margin: auto;display: block;} section .row{max-width: 1250px!important} #siteFooter .row{max-width: 1280px!important} span.updated {font-size: 12px;font-family: Verdana, sans-serif!important;} body.front div#region-content{margin-right: 0px!important;margin-left: 0px!important} .curated-column3 section#ad-home-desktop{padding-left: 0px!important;padding-right: 0px!important} section#ad-home-desktop, section#ad-home-tablet, section#ad-home-mobile {display: none;} div#block-dfp-curate-box-mobile {padding-top: 20px;} section#ad-home-mobile {padding-top: 15px;padding-bottom: 10px;border: none!important;clear: both;} section#ad-topic_box_1, section#ad-topic_box_2, section#ad-topic_box_3 {padding-bottom: 20px!important;} .curated-column3 div.article{float: left;width: 300px} .ie9-n {margin-right: 17px;} .ie9-n:last-child {margin-right: 0px!important;} body.page-search input#edit-keys {margin-top: 10px;} footer#section-footer {background: #1c94d0;} div#section-article-full article {padding-left: 0px!important;padding-right: 0px!important;} div#siteFooter .medium-4.columns:first-child {padding-left: 0px!important;} div#siteFooter .medium-4.columns:last-child {padding-right: 0px!important;} .byline-dateline #byline,.byline-dateline #dateline {display:inline-block;} select{height: auto!important} .photo-gallery ul.photo-gallery-list li{background-color: #000!important;padding-bottom: 0px!important;} .photo-gallery .slider-controls {padding-top: 40px!important;} .photo-gallery-list[style]{height: none!important} .field-name-caption block p{ height:100%!important; overflow: visible!important; padding-bottom: 30px!important;} /*************************************/ /* /* Fix home hidden block, last article and footer /* /*************************************/ div#region-postscript-second, div#siteFooter {position: relative;z-index: 50!important;} /***********************************/ /* 03 - Search /***********************************/ #search-block-form .button{height: 37px!important} #headerSearch{position: absolute!important;top: 0px!important;left: -298px!important;} #search-block-form .form-text{height: 37px!important;line-height: 19px!important;padding: 8px!important;border: 1px solid #CCC!important;background-image: none!important; padding:8px!important;border: 1px solid #CCC!important;margin-bottom: 16px!important;font-size: 14px!important;background-color: #FFF!important} li.searchForm{margin-top: 10px!important;padding:20px 0px 10px 0px!important;} li.searchForm form{margin:0px!important;height:53px!important;} li.searchForm form #butonsearch{font-size: 0.75rem!important;width: 100%!important;height: 37px!important} #search-block-form .form-text, #ap-find-your-team-form .form-text, #search-form .form-text{background-image:none!important;} .top-bar input, .top-bar .button, .top-bar button {font-size: 0.875rem!important;position: relative!important;top: 7px!important;} /***********************************/ /* 04 - NavBar /***********************************/ .nav-up {top: -60px;} .top-bar {height: 50px;} .top-bar a img{vertical-align: middle;} .top-bar .name {height: 50px!important;} .top-bar .name .ap-logo {top: 0px;height: 60px;} .top-bar, .top-bar-section ul, .top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {background: #081c2f;} .top-bar-section .dropdown li.title.back h5:before {content: "<";position: absolute;top: 9px!important;padding: 0 5px 0px 0px;color: #fff;} .top-bar.expanded .toggle-topbar a span {box-shadow: 0 0px 0 0px #888888, 0 0px 0 0px #888888, 0 0px 0 0px #888888;} .top-bar.expanded .title-area, .top-bar.expanded{background-color: #081c2f!important} li.name h1 {color: #fff;} .menuLinks {padding-top: 3px;} .menuLinks li.hide-for-small.search-li {border-right:1px #666 solid; padding-right:15px;margin-right:3px;} header {background: #fff;transition: top 0.2s ease-in-out;width: 100%;z-index: 101; margin-bottom: 30px;} header.nav-up.show-for-small {top: 0px !important;display: block!important} #article-subheader {background: #fff;position: fixed;top: 0;transition: top 0.2s ease-in-out;width: 100%; z-index: 20;box-shadow: 0px 2px 9px #ccc;height: 45px;} .hide-for-medium label, .show-for-medium label {border-top: 1px solid #4E4E4E} .hide-border {height: 1px;width: 100%;position: absolute;top: 0px;z-index: 9999;background-color: #272727;} li.name .logo {display: block;height: auto;position: relative;width: 291px;} li.name .logo img {position: relative;top: 0px;max-width: auto;height: 60px;width: auto;left: 1em;} .name.show-for-small img {position: relative;top:-1px;max-width: auto;height: 44px;width: auto;} /* logo styles END */ .top-bar-section .divider, .top-bar-section [role="separator"] {border-top: 1px solid #4E4E4E;clear: both;height: 1px;width: 100%;} #headerSearch label {top: 7px;} .show-for-small.searchForm {padding: 20px 0px 10px 0;margin: 10px 0px 0px 0px;} .byline-dateline .timestamp {line-height:1.3em;} /***********************************/ /* 05 - Aside Tweets /***********************************/ .tweets-pulled-listing{margin-left:0px;} /***********************************/ /* 06 - Advertisiment /***********************************/ #block-dfp-mediumrectangle {position: relative;background-image: none!important;width: 100%;background: rgba(0, 0, 0, 0) none repeat-x scroll 0% 100% / auto padding-box border-box;} .ad-block {margin:0 auto 0 auto;text-align: center;} article .ad-block {margin-bottom: 30px;} #article-sub .article.ad-block {min-height: 325px;} #article-sub .article a{text-decoration: none} #article-sub .article a:hover{text-decoration: underline!important;color: #1c94d0;} .ad_nav {padding: 0px 20px 0 15px!important;position: relative!important;top: -2px;} .row.headerAd {margin-bottom: 0px;text-align:center;} .slug {color: rgb(102, 102, 102);float: right;letter-spacing: 1px;position: relative;text-align: center; font: normal normal normal 9px/9px 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; outline: rgb(102, 102, 102) none 0px;position: absolute;right: 0px;top: -11px;} .content>.dfp-tag-wrapper{position: relative;width:300px;float: none;margin:auto;margin-bottom: 30px!important;margin-top: 30px; } .dfp-tag-wrapper iframe{float: right;} #boxes-box-homepage_curated .dfp-tag-wrapper{margin: 0px!important;} #responsive_leaderboard-responsive-ad .dfp-tag-wrapper iframe {float: none!important;display: block!important;margin: auto!important;} div#block-boxes-responsive-leaderboard {margin-top: 30px;overflow: hidden!important;} section.article.large-4.large-push-0.medium-4.columns.ad-block.text-center{width: 300px!important;float: left;border-bottom: 1px solid #ccc;} /***********************************/ /* 07 - Article toolbar | Share buttons /***********************************/ .article_toolbar {background: #f0efef;font-size: 0.9em;padding: 10px 5px 10px 10px;text-transform: uppercase;height: 40px; width: auto;margin-top: 0;margin-bottom: 2em;max-width: none;} .share_bt {float: left;line-height: 20px;margin: 0 12px 0 0;} .share_bt i {background: url("../images/icons.svg") no-repeat;width: 23px;height: 23px;float: left;} .share_bt#facebook i {background-position: 0px 0px;} .share_bt#twitter i {background-position: 0px -26px;} .share_bt#linkedin i {background-position: 0px -76px;} .share_bt#googleplus i {background-position: 0px -101px;} .share_bt#reddit i {background-position: 0px -126px;} .share_bt#tumblr i {background-position: 0px -51px;} .share_bt#email i {background-position: -25px 2px;width: 25px;} .share_bt#shareAll {margin: 0px 0px 0px 10px;} .share_bt#shareAll i {background-position: -54px 0;padding: 0 0 0 23px;} .share_bt#sharesTotal {margin: 0 0 0 0.5em;color: #666;} .share_bt#sharesTotal span {background: none;padding: 5px 0 0 0px;} .share_bt#commentsAnchor {text-align: right;color: #666;} .share_bt#commentsAnchor i {background-position: -78px 1px;padding: 5px 0 0 24px;} #social-dropdown-parent {position: relative;} #social-dropdown {position: absolute;left: 117px;top: 23px;display: none;} #social-dropdown h6 {padding: 20px 0 0px 1px;border-bottom: 1px solid #ddd;margin: 0 0 24px 0;} ul.social-dropdown {float: left;padding: 0 0 13px;width: 100%;margin-left: 0;} ul.social-dropdown li {display: block;float: left;margin: 0;padding: 0 10px;} /* social menu drop down icons */ #social-dropdown .share_bt i {width: 40px;height: 40px;background-size: 700%;} #social-dropdown .share_bt#twitter i {background-position: 0px -43px;} #social-dropdown .share_bt#linkedin i {background-position: 0px -124px;} #social-dropdown .share_bt#googleplus i {background-position: 0px -165px;} #social-dropdown .share_bt#reddit i {background-position: 0px -206px;} #social-dropdown .share_bt#tumblr i {background-position: 0px -83px;} #social-dropdown .share_bt#email i {background-position: -42px 4px;} /* social menu drop down icons END */ ul.social-dropdown li:hover, .f-dropdown li:focus {background: none;} .f-dropdown li:hover, .f-dropdown li:focus {background: none!important;} /***********************************/ /* 08 - Article Lead Photo /***********************************/ .lead-photo {width: auto;max-width: none;position: relative;background: #333;} .lead-photo .photo-count {position: absolute;top: 0;left: 0px;padding: 5px;background: red;z-index: 9;display: block;color: #fff;font-size: 0.8em;} .lead-photo .caption {margin: 0 15px 0 0 0;padding: 3px 8px 3px 8px;float: right;position: relative;right: 24px;top: -2px; text-align: center;background: #fff;border-radius: 50%;border: 1px solid #1C94D0;color: #1C94D0;font-size: 0.9em;font-weight: bold;} .slideshow {margin-bottom: 20px;} .clearing-assembled {margin-bottom: 10px;} .carousel ul.gallery {width: 100%;} .carousel ul.gallery li {float: none;text-align: center;} .carousel ul.gallery li img {text-align: center;} .clearing-blackout {background: #333333;z-index: 1001;} .clearing-assembled .clearing-container .carousel > ul li img {display: block !important;} .clearing-thumbs li, [data-clearing] li {margin: 0 !important;} p.clearing-caption {text-align: left;color: #fff;font-size: 0.9em;line-height: 1.2em;font-weight: normal;font-family: arial, sans-serif; height: 46px;overflow: hidden;width: 100% !important;} .visible-img {overflow: visible;} .visible-img img {max-height: 80% !important;top: 45% !important;} span.caption {cursor:pointer;} .clearing-blackout .clearing-caption {height: 20%;overflow-y: scroll;width: 100% !important;} /* Carousel BEGIN */ .clearing-assembled .clearing-container .carousel {margin-top: 20px;} .clearing-blackout .clearing-container .carousel ul.gallery li a {display: block !important;overflow: hidden;height: 80px;} .clearing-blackout .clearing-container .carousel ul.gallery li a img {display: block !important;overflow: hidden;} /* Carousel END */ /***********************************/ /* 09 - Article Content /***********************************/ section.row.article {margin-top: -6px!important;} .articleHeader {margin: 1em 0 1em 0;} article aside {clear: both;margin: 20px 40px 20px 0px;} h1.story-heading {font-size: 2.2em;font-weight:bold;line-height: 1.09em;text-transform: initial;margin:0.5em 0;} h1.story-heading span {background: #ff322e;display: none;height: 7px;width: 70px;} .byline-dateline {font-size: 0.8em;line-height: 1.8em;color: #666666;padding-right: 15px;} .breadcrumbs {border-radius: 0px;border-width: 1px 0px 0px 0px;background: none;margin: 0px 0px 30px 0px;} .field.field-name-field-byline-original.field-type-text.field-label-hidden{text-align: left;} main.article p {padding-right: 3em;width: 98.9%;} section.article footer {border-top: 1px solid #ddd;margin: 2em 0 0 0;padding: 1em 0;} section.article footer p {font-size: 0.9em;color: #666;} /***********************************/ /* 10 - Article pagination Fixed /***********************************/ .fixed-pagination {position: fixed;top: 45%;visibility:hidden;z-index:10;} .fixed-pagination.left {left:0;margin-top:-100px;} .fixed-pagination.right {right:0;} .fixed-pagination a:hover {text-decoration: none;} .fixed-pagination .article-prev, .fixed-pagination .article-next {background: #e9e8e7;opacity: 0.97;display: block;line-height: 1.2em;width: 38px; overflow: hidden;position: absolute;} .fixed-pagination .article-prev:hover, .fixed-pagination .article-next:hover {transition: width 0.2s ease-in-out;width: 325px;} .fixed-pagination .arrow {display: block;width: 40px;font-size: 0.8em;padding: 25px 4px;} .fixed-pagination .arrow img {max-width: 2em;} .fixed-pagination .article-prev .arrow {border-right: 1px solid #fff;float: left;} .fixed-pagination .article-next .arrow {border-left: 1px solid #fff;float: right;} .fixed-pagination .article-prev {left: 0px;top: 80px;} .fixed-pagination .article-next {right: 0px;top: -6px;} .fixed-pagination .article-prev span, .fixed-pagination .article-next span {display: block;color: #666;text-transform: uppercase;font-size: 0.7em;} .fixed-pagination .article-prev .title, .fixed-pagination .article-next .title {position: absolute;font-size: 0.9em;padding: 5px 20px;width: 87%;} .fixed-pagination .article-prev .title {display: none;float: left;left: 30px;} .fixed-pagination .article-next .title {display: none;float: left;} .fixed-pagination .article-prev:hover > .title, .fixed-pagination .article-next:hover > .title {display: block;} /***********************************/ /* 11 - Article Sidebar /***********************************/ section.sidebar img {width: 100%;} .sidebar ad-block {margin: auto;} .sidebar-articles-list {float: left;margin: 2em 0 0em 0;} section.sidebar h4 {text-transform: uppercase;font-size: 1.3rem;border-bottom: 1px solid #e7e2d8;} .sidebar-articles-list ul {margin: 0px;} .sidebar-articles-list ul li {float: left;width: 100%;border-bottom: 1px solid #e7e2d8;list-style: none;margin: 10px 0px; } .sidebar-articles-list p.meta {font-size: 0.9em;line-height: 1.3em} .sidebar-articles-list p.meta a {color: #333;} .sidebar-articles-list ul li .timestamp {display: block;font-size: 0.8em;color: #666666;display: none;} .sidebar-articles-list ul li .thumbnail {margin: 0 0 10px 10px;max-height: 100px;overflow: hidden;} .sidebar-articles-list .article {border-bottom: 1px solid #ddd;margin: 0 0 20px 0;padding: 0 0 10px 0px;} .sidebar-articles-list .article .caption {display: none;} .topics {margin: 2em 0 2em 0;} .topics a {display: block;float: left;font-size: 0.95em;margin: 1px 0px;padding: 2px 3px;white-space: nowrap;} .topics a:after {content: ",";} .topics a:last-child {content: "";} #block-ap-misc-ap-recent-articles .field-type-ap-photo-ref{float: right;width: 130px;} #block-ap-misc-ap-recent-articles .field-type-ap-photo-ref img{max-width: 100%;height: auto;float: right;padding-right: 8px} #block-ap-misc-ap-recent-articles h4.node-title , #block-ap-misc-ap-recent-articles .article-data span.updated{font: normal normal normal 14px/18.719999313354492px 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif!important; cursor: pointer!important;color: rgb(51, 51, 51)!important; text-decoration: underline solid rgb(51, 51, 51)!important;} #block-ap-misc-ap-recent-articles .article-data span.updated{display: none!important} #block-ap-misc-ap-recent-articles article.node-ap-article.hnews{border-bottom:1px solid #e7e2d8;margin-top: 20px!important} #block-ap-misc-ap-recent-articles article.node-ap-article.hnews:first-child{margin-top: 12px!important} #block-ap-misc-ap-recent-articles{margin-bottom: 50px!important} h2.block-title, .h3_tags{font-size: 1.3rem} #block-ap-misc-ap-recent-articles{margin-bottom: 0px!important} /***********************************/ /* 12 - Article Pagination /***********************************/ #pagination {position: relative;background: #e9e8e7;padding: 0;border-top: 1px solid #ddd;} #pagination .article-prev, #pagination .article-next {float: left;line-height: 1.2em;position: relative;width: 49.9%;padding: 10px 5px;} #pagination .article-prev:hover, #pagination .article-next:hover {background: #333;color: #fff;} #pagination span.arrow {display: block;width: 30px;height: 50px;margin: 5% 0 0 0;} #pagination .article-prev .arrow {background-position: 2px -50px;float: left;} #pagination .article-next .arrow {background-position: 0px 0px;float: right;} #pagination .article-prev span, #pagination .article-next span {display: block;color: #666;text-transform: uppercase;font-size: 0.7em;} #pagination .article-prev .title, #pagination .article-next .title {font-size: 0.9em;width: 88%;min-height: 88px;float: left;padding: 0 0 0 20px;} #pagination .article-prev {padding-left: 0 0 0 20px;} #pagination .article-next {border-left: 1px solid #d4d4d4;padding-left: 0em;} /***********************************/ /* 13 - Article Comments /***********************************/ #articleComments {padding: 2em 0;width: 92%!important;} #articleComments h4 {border-bottom: 1px solid #ddd;} /***********************************/ /* 14 - Articles Sub Grid /***********************************/ #article-sub {background: #252525;color: #fff;padding: 30px 0px 30px 0px;} #article-sub h4, #article-sub h5 {color: #fff;font-family: "Arial",sans-serif;font-weight: normal;line-height: 1.4;margin-bottom: 0.5rem!important; margin-top: 0.2rem;text-rendering: optimizelegibility;} #article-sub h4 {text-transform: uppercase;} #article-sub .article {float: left;text-align: center;margin-bottom: 1em;margin-top: 1em;min-height: 325px;} #article-sub .article a {text-align: left;} #article-sub .article .caption {display: block;text-align: left;} #article-sub label span {background: #333;color: #fff;padding: 3px 10px;display: none;} #article-sub h5 {line-height: 1.2em;} #article-sub p {color: #b6b6ab;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;line-height: 1.2em;font-size: 1rem; font-weight: normal;margin-bottom: 1.25rem;text-rendering: optimizelegibility;} /***********************************/ /* 15 - Search Product /***********************************/ .productType {background: none repeat scroll 0 0 #FFFFFF;color: #666666;line-height: 17px !important;padding: 8px 0 9px !important;top: 7px;} .productType:hover {background: none;color: #333;} .thumbnail {margin: 0px 0px 30px 0px;} .thumbnail .meta {font-size: 0.8em;padding: 2px 0px 0px 0px;} .thumbnail .meta a, .thumbnail .meta span {display: block;padding: 2px 0px 0px 0px;} #side-tools {position:absolute;top: 90px;right: 0;background: #e1e1e1;} /***********************************/ /* 16 - Load More /***********************************/ .loadMore button {margin: auto;display: block;} .hide-for-medium-up.loadMore button {width:100%;} img.ajax-loader {margin: 0px 0 40px 0px;} /* article expand button hide for desktops */ .loadMore.show-full-article {display: none;} /***********************************/ /* 17 - Footer /***********************************/ #siteFooter {background: #1c94d0;color: #fff;padding: 2.5em 0;max-width: 1310px;margin: auto;padding-left: 30px;padding-right: 30px;} #siteFooter ul{font-size: 1rem;line-height: 1.6;margin:0px 0px 1.25rem 1.1rem!important;list-style-position: outside!important;font-family: inherit;} #siteFooter li{line-height: 1.6;margin:0px;padding: 0px} #siteFooter a { color: #fff;font-size: 1rem; font-family:'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; text-decoration:none;} #siteFooter a:hover {text-decoration:underline} #siteFooter h5 {color: #fff;border-bottom: 2px solid #339fd5;width: 100%; margin:3.2px 0px 8px 0px!important;font-weight:normal; font-size: 1.125rem; font-family:"Arial", sans-serif; line-height: 1.4!important } #siteFooter hr {border-width: 2px 0 0!important;border: solid #339FD5;clear: both;margin: 1.25rem 0 1.1875rem!important;height: 0;} /***********************************/ /* 18 - Overriding ShareThis module styles for icons /***********************************/ .stArrow {display:none !important;} .stButton .stButton_gradient {border: none !important;padding: 0 !important;display: inherit !important;height: 23px !important;} .st-facebook-counter, .st-twitter-counter, .st-email-counter, .googleplus, .reddit, .st-linkedin-counter {background-image: url("../images/icons.svg") !important;background-size: initial;background-repeat-x: no-repeat; background-repeat-y: no-repeat;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial; height: 23px !important;float: left;} .st-facebook-counter {background-position: 0px 0px;width: 23px !important;} .st-twitter-counter {background-position: 0px -26px;width: 23px !important;} .st-email-counter {background-position: -25px 0px;width: 25px !important;} .st-linkedin-counter {background-position: 0px -76px;width: 25px !important;} .googleplus {background-position: 0px -101px;width: 25px !important;height: 23px !important;} .reddit {background-position: 0px -127px;width: 25px !important;height: 23px !important;} .st_googleplus_hcount {width: 25px !important;height: 23px !important;} .googleplus, .reddit {color: transparent;} #sticky-article-toolbar {left: auto !important;} #sticky-article-toolbar .st_reddit_hcount, #sticky-article-toolbar .st_googleplus_hcount, #sticky-article-toolbar .st_linkedin_hcount, #sticky-article-toolbar .st_reddit_button, #sticky-article-toolbar .st_googleplus_button, #sticky-article-toolbar .st_linkedin_button { display: none;} #ap-social-container {width: 190px;margin-left: -2px;} #ap-social-container #sharesTotal {font-size: 1.1em;} #shareall-container, .sharethis-wrapper {float: left;} ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;-webkit-padding-start: 40px;} #section-content {padding-top: 30px;padding-bottom: 30px} .primary-title #page-title {order-bottom: 1px solid #D1D1D1;color: inherit;text-transform: uppercase;font-family: "Arial",sans-serif; font-weight: normal;line-height: 1.4;margin-bottom: 0.5rem;margin-top: 0.2rem;text-rendering: optimizelegibility;font-size: 1.4375rem; font-style: normal;margin: 0px;padding: 0px;} .article-list-header h3 {padding-top: 10px;} .article-list-header h3 a {color: #1C94D0 !important;font-family: "Arial",sans-serif;font-size: 1.125rem;font-weight: normal; text-align: left;text-decoration: none;}.article-list-header h3 a:hover {color: #1676A6;text-decoration: underline;} .result-item .result-title a {font-family: "Arial",sans-serif;font-size: 1.125rem;font-weight: normal; text-align: left;text-decoration: none;} .result-item .result-title a:hover {color: #1676A6;text-decoration: underline;} .result-item .result-teaser {font-family: "Arial",sans-serif; font-weight: normal;} .article-list-header h4 {font-family: "Arial",sans-serif} .article-list-header h4 a {font-family: "Arial",sans-serif} /***********************************/ /* xx - Media Querys /***********************************/ /***********************************/ /* 19 - Smartphones Portrait and Landscape /***********************************/ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .loadMore.show-full-article {display: block;width: 100%;} /* article expand button and ad */ .loadMore.show-full-article {float: left;position: relative;top: -250px;z-index: 2;width: 100%; margin-bottom: -185px;} #articleExpand{margin: 0 0 1em 0;float: left;width: 100%;} #articleExpand button {width: 100%;} #articleExpand .fade {background: url("../images/article_expand_gradient.png") repeat-x top left;height: 100px;width: 100%;} #articleExpand .ad-block {padding-top: 30px;background: #fff;} .hide-border{display: none!important} } /***********************************/ /* 20 - Mobile max-width 640px /***********************************/ @media only screen and (max-width: 40em) { /*----------------------------------------------------- Top Bar BEGIN -----------------------------------------------------*/ .top-bar, .top-bar-section ul, .top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button), .top-bar.expanded ul, .top-bar.expanded a, .top-bar.expanded, .top-bar.expanded .title-area .title-area { background: #081c2f!important; } .top-bar-section ul li>a {display: block;width: 100%;color: #fff;padding: 12px 0 12px 15!important;line-height: 1.6!important; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-size: 0.8125rem;font-weight: normal; text-transform: none;} ul.right.medium-3.menuLinks li:not(.divider), ul.right.medium-3.menuLinks li:not(.searchForm) {border-bottom:1px solid #4E4E4E;} ul.right.medium-3.menuLinks li:last-child{border-bottom:none!important;} li.divider.show-for-small{border:none!important;} .dropdown li{border-bottom:none!important;} .hide-border{display: none!important} /*----------------------------------------------------- menuLinks BEGIN -----------------------------------------------------*/ .menuLinks li.hide-for-medium a:hover, .menuLinks li.ad_nav a:hover, .menuLinks li.has-dropdown a:hover, .menuLinks li.ad_nav a:hover {background-color: #1E1E1E!important;} /*----------------------------------------------------- back BEGIN -----------------------------------------------------*/ li.back{line-height: 1!important;position: relative!important;} li.back h5{font-size:18px!important;line-height:18px!important;margin-top: 0.2rem!important;} .top-bar-section .dropdown li.title.back h5:before {content: "<";position: absolute;top: 9px!important;padding: 0 5px 0px 0px!important;color: #fff;font-weight: 400!important} /*----------------------------------------------------- Search BEGIN -----------------------------------------------------*/ #search-block-form input{-webkit-appearance: none;border-radius: 0;} #search-block-form .form-text{padding:8px!important;border: 1px!important;margin-bottom: 16px!important;font-size: 14px!important;background-color: #FFF!important} li.searchForm{margin-top: 10px!important;padding:20px 0px 10px 0px!important;} li.searchForm form{margin:0px!important;height:53px!important;} li.searchForm form #butonsearch{font-size: 0.75rem!important;width: 100%!important;height: 37px!important;top:0px!important;} li.searchForm form input#edit-search-block-form--2 {height: 37px!important;line-height: 19px!important;padding: 8px!important;border: 1px solid #FFF!important;background-image: none!important;top:0px!important;} .ad_nav{padding: 0px!important} .ad_nav a{padding-top: 12px!important} #search-block-form .form-text, #ap-find-your-team-form .form-text, #search-form .form-text{background-image:none!important;} header {margin-bottom: 10px;} .ad_nav {padding: 0 15px 0 0;position: relative;top: 0px;text-align:right;} main.article {margin-top: 0.5em;} section.article p {padding-right: 0;width: 100%;} /* article body */ .articleHeader {margin: 0em 0 1em 0;} h1.story-heading {font-size: 1.1em;line-height: 1.2em;margin: 0.4em 0 0.4em 0;padding-bottom: 10px;border-bottom: 1px solid #d1d1d1;} #article-sub .article {border-bottom: 1px solid #444343;margin: 0px 0px 20px 0px;} #article-sub .article.ad-block {padding-top: 20px;} .byline-dateline {font-size: 0.75em;text-transform: uppercase;color: #666666;line-height: 1.1em;padding-top: 5px;} .article_toolbar {font-size: 0.7em;padding: 10px;} .article_toolbar.scroll-to-fixed-fixed {height: 45px;} #sticky-article-toolbar {margin-left: -13.1333px !important;margin-right: -13.1333px;} .article_toolbar.scroll-to-fixed-fixed #shareAll {padding: 3px 0 20px 0px;} .article_toolbar.scroll-to-fixed-fixed #commentsAnchor {padding: 3px 0 20px 0px;} #pagination span.arrow {display: none;width: 30px;height: 50px;position: absolute;top: 50%;} .row.article article{padding-left:0px!important;padding-right:0px!important;padding-bottom: 81px!important;} .row.article article[style]{height:auto!important;overflow:visible!important;} .gallery.popup-gallery:before{content: " ";display: table;} .gallery.popup-gallery, .gallery.popup-gallery li, .gallery.popup-gallery li a {list-style-position: outside!important;} .byline-dateline {font-size: 0.75rem!important;line-height: 1.8rem!important;color: #666666;} /* Load more mobile buttons */ .loadMore{width: 100%;margin-left: 0px;position: absolute;bottom: 0px;left: 0px;} .loadMore button:before, .loadMore button:after {content: url("../images/arrow_down.svg");position: absolute;top: 33%;} .loadMore button.comments_visible:before, .loadMore button.comments_visible:after {content: url("../images/arrow_up.png");} .loadMore button:before {left: 10%;} .loadMore button:after {right: 10%;} /* Lead Photo clearing-assembled clearing-blackout overlay */ p.clearing-caption {padding: 2em 0.6em 2em 0.6em !important;text-align: left;font-size: 1em;} .visible-img img {max-height: 84% !important;top: 36% !important;} .clearing-caption.On{top: -40px;height: auto !important;max-height: auto !important;overflow-y: scroll !important;background: url("../images/bg_black_80_trans.png");} .slideshow {margin: 0 -0.9375em 2.7em;max-width: none;position: relative;width: auto;} #social-dropdown {left: 10px;} #block-boxes-homepage-curated{padding-bottom: 0px!important;margin-bottom: 0px!important;margin-left: 5px;margin-right: 5px} #section-content{padding-bottom: 0px!important;padding-top: 0px!important;} .page-home .zone-postscript{margin-top: 0px!important} /* footer */ #siteFooter{margin-top: 30px!important} #boxes-box-homepage_curated div.large-12.medium-12.columns, #boxes-box-homepage_curated div.article.large-4.medium-4.columns {padding-left: 0px!important;padding-right: 0px!important} #siteFooter .block-inner h2.block-title{font-size: 1.125rem!important} #information-small span.caption{padding: 3px 8px!important;} hr.mobile-home{display:block!important;height: 1px;width: 100%;left:0px;background-color: #444343;margin-bottom: 0px!important;} #articleComments{margin-bottom: -15px!important;margin-top: 0px!important;padding-top: 0px!important;position: relative;top:-65px;} .field-name-field-pull-quote{width: 100%!important;max-width: none!important} .field-name-caption{display: none;} .article.large-4.medium-4.columns.left {margin-bottom: 16px;margin-top: 16px;} .article.large-3.medium-4.columns.left {margin-top: 16px;margin-bottom: 16px;} .field-name-credit{position: relative!important;top: -6px!important;left: 12px!important} #articleExpand button{position: relative!important;top: -15px!important;width: 100%!important;} .loadMore.show-full-article{display: block!important;background-color: white;} #articleExpand .fade{padding-top: 60px} #articleExpand .ad-block{padding-bottom: 65px;} div#zone-header{overflow: hidden!important;} div#block-boxes-responsive-leaderboard {margin-top: 10px!important;} #zone-header h2.block-title, #zone-content h2.block-title, #block-boxes-taxonomy-2 h2.block-title, #block-boxes-taxonomy-3 h2.block-title{font: normal normal normal 18px/32.20000076293945px Arial, sans-serif!important;} .article.large-5.medium-4.columns, .article.large-4.medium-4.columns, .article.large-3.medium-4.columns {padding-left: 0px!important;padding-right: 0px!important;} .boxes-box-content{margin-left: 0px!important;margin-right: 0px!important;} #container-thumb1-thumb2 div:nth-child(2){margin-top: 30px} aside#region-sidebar-first{display: none!important} #section-article-full{width: 100%!important} #section-article-full article.large-9.medium-8.columns{padding-left: 0px!important;padding-right: 0px!important} .lead-photo .photo-count {left: 15px!important;} .article {width: 100%!important;} .container-thumb1-thumb2-height{overflow: visible!important;} div#zone-content{margin-left: 0px!important} ul.gallery li img{max-width: 100%!important;max-height: none!important;} h1.story-heading{margin-left: 15px!important;margin-right: 15px!important} .byline-dateline{padding-left: 15px!important} .container-column1-column2, .curated-column3 {width: 100%!important} .article-layout {padding: 30px 15px 30px 15px!important} .curated-column2 .article{margin-left:0px!important;margin-right: 0px!important } .container-column1-column2 .columns{padding-left: 0px!important;padding-right: 0px!important} .curated-column3{margin-right: 0px!important} #block-boxes-homepage-curated{margin:0px!important} #region-header-first{padding: 0px!important} .article-layout{margin-left: 15px;margin-right: 15px;max-width: 500px;margin: auto;} div#zone-header h2.block-title {max-width: calc(100% - 30px)!important;margin-left: 15px!important; margin-right: 15px!important;} section#ad-home-top{width: 100%!important;border-bottom: 1px solid #000!important;} #ad-home-top #dfp-ad-mediumrectangle-wrapper {margin: auto!important;float:none!important;width: 300px;} #zone-header .medium-4{margin-top: 0px!important} div#block-dfp-mediumrectangle{padding-top: 24px;} section#section-content, .box-list-content.gridlayout-taxonomy_1.clearfix, .box-list-content.gridlayout-taxonomy_2.clearfix, .box-list-content.gridlayout-taxonomy_3.clearfix {padding-left: 0px!important;padding-right: 0px!important;} .article.large-12.medium-4.columns.left {padding-bottom: 0px!important;margin-bottom: 0px;border-bottom:none!important;} h2.block-title {width: calc(100% - 30px)!important;margin-left: 15px!important;margin-right: 15px!important;} .article.large-12.medium-4.columns.left{margin-bottom: 0px!important} .content>.dfp-tag-wrapper{float: none!important;margin: auto!important;width: 300px!important;} div#block-dfp-topic-box-1, div#block-dfp-topic-box-2, div#block-dfp-topic-box-3, div#block-dfp-topic-box-latest-news {border-bottom: 1px solid #000;padding-bottom: 30px;padding-top: 30px;} section#block-boxes-taxonomy-1 h2 {padding-top: 30px;} #boxes-box-homepage_curated .article-layout{border-bottom:none!important;} .curated-box-threecol.clearfix{padding-left: 0px!important;padding-right: 0px!important;} .curated-column2 {padding-left: 0px!important;} .not-front #section-content{padding-left: 0px!important;padding-right: 0px!important} body.page-search #section-article-full {padding-left: 15px!important;padding-right: 15px!important;} #section-article-full {padding-right: 0px!important;} #articleComments {margin: 20px 1em 0 1em;} .loadMore{margin-bottom: 15px} .byline-dateline #byline,.byline-dateline #dateline {display:block!important;} .byline-dateline #byline .field-item.even{padding-right: 0px!important;padding-left: 0px!important} .field-item.even{padding-right: 15px!important;padding-left: 15px!important} .entry-content{max-height:915px;overflow:hidden} } /***********************************/ /* 20 - Large Screens - min-width 1025px /***********************************/ @media only screen and (min-width: 64.063em) { .row {max-width: 80em !important;} #article-sub .ad-block {width: 25%;} /* Flushed left style */ .gallery.flushLeft {width: 400px;margin: 0 20px 20px 0;float: left;} .topic-header .field .field-items .field-item a img { float:right; padding-top: 50px; } } /***********************************/ /* 21 - min-width 1025px and max-width 1440px /***********************************/ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /***********************************/ /* 22 - XLarge screens - min-width 1441px, xlarge screens /***********************************/ @media only screen and (min-width: 90.063em) { main.article p {width: auto;} } /***********************************/ /* 23 - Mobile max-width 768px /***********************************/ @media only screen and (max-width: 48em) { div#zone-content div#region-content{ width: 100%} div.gridlayout-taxonomy_2, div.gridlayout-taxonomy_3 { width: 100%} section.ad-block{margin: auto;display: block;float: none!important;} #ad-home-tablet {clear:both; padding-top: 20px;} div#boxes-box-taxonomy_1 .article {width: 50%;} div#boxes-box-taxonomy_1 .container-thumb1-thumb2 {width: 100%;} section.block-ap-twitter{display: none!important} div.field-items .field-name-field-pull-quote{max-width: 100%!important} .byline-dateline #byline .field-item.even{padding-right: 0px!important;padding-left: 0px!important} } /***********************************/ /* 24 - Mobile max-width 1024x /***********************************/ @media only screen and (max-width: 64em) { #container-thumb1-thumb2{width: 100%!important} #ad-home-top{margin: auto;float: none!important;padding-top: 10px;padding-bottom: 10px;} #ad-home-top .block-inner.clearfix {padding-top: 25px;} div.gridlayout-taxonomy_1 .container-thumb1-thumb2, div.gridlayout-taxonomy_2 .container-thumb1-thumb2, div.gridlayout-taxonomy_3 .container-thumb1-thumb2 {width: 100%!important} section.ad-home{float:none!important;} .curated-column1 .article-layout, .curated-column2 .article-layout{max-width: 500px!important} } @media only screen and (max-width: 1200px) { div#boxes-box-taxonomy_1 .article {width: 50%;} div.gridlayout-taxonomy_1 .container-thumb1-thumb2{width: inherit;} .gridlayout-taxonomy_1 .ad-block{float:none!important;} } @media only screen and (max-width: 900px) { .curated-column1, .curated-column2 {width: 100%!important;} .curated-column2{padding-left: 15px;} } /***********************************/ /* 25 - Responsive column count /***********************************/ @media only screen and (min-width: 1279px) { .box-list-content.gridlayout-taxonomy_1.clearfix, .box-list-content.gridlayout-taxonomy_2.clearfix, .box-list-content.gridlayout-taxonomy_3.clearfix{ -webkit-column-count: 4; -webkit-column-gap: 17px; -moz-column-count: 4; -moz-column-gap: 17px; -ms-column-count: 4; -ms-column-gap: 17px; column-count: 4; column-gap: 17px; padding-right: 14px;padding-left: 14px; } } @media only screen and (min-width: 980px) and (max-width: 1278px) { .box-list-content.gridlayout-taxonomy_1.clearfix, .box-list-content.gridlayout-taxonomy_2.clearfix, .box-list-content.gridlayout-taxonomy_3.clearfix{ -webkit-column-count: 3; -webkit-column-gap: 40px; -moz-column-count: 3; -moz-column-gap: 40px; -ms-column-count: 3; -ms-column-gap: 40px; column-count: 3; column-gap: 40px; padding-right: 14px;padding-left: 14px; } } @media only screen and (min-width: 641px) and (max-width: 979px){ .box-list-content.gridlayout-taxonomy_1.clearfix, .box-list-content.gridlayout-taxonomy_2.clearfix, .box-list-content.gridlayout-taxonomy_3.clearfix{ -webkit-column-count: 2; -webkit-column-gap: 40px; -moz-column-count: 2; -moz-column-gap: 40px; -ms-column-count: 2; -ms-column-gap: 40px; column-count: 2; column-gap: 40px; padding-right: 14px;padding-left: 14px; } } @media only screen and (max-width: 640px) { .box-list-content.gridlayout-taxonomy_1.clearfix, .box-list-content.gridlayout-taxonomy_2.clearfix, .box-list-content.gridlayout-taxonomy_3.clearfix{ -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; -ms-column-count: 1; -ms-column-gap: 0px; column-count: 1; column-gap: 0px; padding-right: 14px;padding-left: 14px; } } /***********************************/ /* 26 - Advertistment display /***********************************/ @media only screen and (min-width: 641px){ section#ad-home-desktop{display: block!important;} } @media only screen and (min-width: 641px) and (max-width: 900px){ section#ad-home-tablet{display: block!important;} } @media only screen and (max-width: 640px) { section#ad-home-mobile{display: block!important;} } /***********************************/ /* 27 - New grid Responsive /***********************************/ .container-column1-column2 {width: calc(100% - 358px);float: left} .curated-column1 {float: left;width: calc(60% - 40px);} .curated-column1 .article.large-6.medium-6.columns.container-thumb1-thumb2-height {float: left;width: 100%;} .curated-column1 .article-layout {max-width: 500px;} .curated-column2 {float: left;width: calc(40% - 5px);} .curated-column2 .article.large-3.medium-4.columns.left {width: 100%;} .curated-column2 .article-layout {max-width: 400px;} .curated-column3 {width: 300px;margin-right: 15px;} .curated-column3 .article.large-3.medium-4.columns.left {width: 100%;border-bottom: 1px solid #ccc;} #boxes-box-homepage_curated .article-layout{border-bottom: 1px solid #ccc;} .curated-column1 .article.large-6.medium-6.columns.container-thumb1-thumb2-height {padding-right: 0px!important;} section.ad-home.article.large-4.large-push-0.medium-4.columns.ad-block.text-center {padding: 0px;} .article.large-12.medium-4.columns.left {padding-left: 0px!important;padding-right: 0px!important; display: inline-block;float: none!important} div#boxes-box-taxonomy_1 .article,div#boxes-box-taxonomy_2 .article,div#boxes-box-taxonomy_3 .article{width:100%!important} .article.large-12.medium-4.columns.no-thumb { padding: 0px!important; } .thumb.thumb-grid img {max-width: 100%!important;height: auto;} .gridlayout-taxonomy_1 .article {padding: 0px!important;} .gridlayout-taxonomy_2 .article {padding: 0px!important;} .gridlayout-taxonomy_3 .article {padding: 0px!important;} .article.large-12.medium-4.columns.left {border-bottom: 1px solid #ccc; padding-bottom: 20px} section.block-taxonomy-1 h2.block-title a.title-viewmore, section.block-taxonomy-2 h2.block-title a.title-viewmore, section.block-taxonomy-3 h2.block-title a.title-viewmore {text-transform: uppercase;letter-spacing: normal; float: right; text-align: right; font-family: "Arial",sans-serif!important; height: auto; width: 120px; font-size: 18px; color:#cececf; font-weight: bold; } section.block-taxonomy-1 h2.block-title a.title-viewmore:hover, section.block-taxonomy-2 h2.block-title a.title-viewmore:hover, section.block-taxonomy-3 h2.block-title a.title-viewmore:hover {color:#424242; } /*** SECTION TOPIC PAGE **/ body.node-type-ap-interactive-block #section-article-full, body.node-type-ap-topic #section-article-full{ width:100% } body.node-type-ap-topic #section-article-full .featured-col1{ float: left; width: 25%; } body.node-type-ap-topic #section-article-full .featured-col2{ float: left; width: 25%; } body.node-type-ap-topic #section-article-full .featured-col3{ float: left; width: calc(50% - 300px); } body.node-type-ap-topic #section-article-full .featured-ad{ float: left; max-width: 300px; min-width: 300px; width: 300px; } body.node-type-ap-topic #section-article-full .featured-col1 .rows div, body.node-type-ap-topic #section-article-full .featured-col2 .rows div, body.node-type-ap-topic #section-article-full .featured-col3 .rows div{ width: 100%; } body.node-type-ap-topic #boxes-box-topic_1 {} body.node-type-ap-topic #boxes-box-topic_1 .box-list-content {padding:20px} body.node-type-ap-topic #boxes-box-topic_2 {} body.node-type-ap-topic #boxes-box-topic_2 .box-list-content {padding:20px; height: auto!important} body.node-type-ap-topic #zone-postscript-row-two {width:100%} body.node-type-ap-topic #boxes-box-topic_3 .box-list-content {padding:20px} body.node-type-ap-topic #boxes-box-topic_4 .box-list-content {padding:20px} #wrap-not-click {position: absolute; width: 100%; height: 100%; z-index: 498;} .list-page-filters .label {color:#000 !important; background: #fff !important; font-weight: bold;} .topic-header .field .field-items .field-item a img { float:right; }