/* Theme Name: Clean Child Theme URI: http://example.com/twenty-fourteen-child/ Description: Clean Theme Child Author: Ali Author URI: http://blog.coldwellbanker.com/ Template: clean Version: 1.0.0 */ @import url("../clean/style.css"); /* =Theme customization starts here -------------------------------------------------------------- */ /*CSS to be removed later on*/ /* #sidebar, #pageHead, .meta{display:none;} */ /*END*/ /*CHANGE LATER ON*/ .home #content.threeFourths, .search #content.threeFourths{width:100%;} .home #content .post.small img{} #content .post.small img{max-height:180px;/*width:100%;*/} .postThumbnail{position:relative;height:180px;overflow:hidden;} /*END*/ body{font-size:100%;width:auto;height:auto;padding:0 0 0 0;margin:0;background-color:#f7fafc;} /*#header{background-color:#f1f2f2;} #footer{background-color:#f1f2f2;}*/ #header{background-color:#ffffff;} #footer{background-color:#ffffff;} #header .inside{padding:0;} #promo{position:relative;background-color:#000000;width:100%;} #promo #promoContent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;position:absolute;width:100%;top:0;} #promo #promoContent .promoWrapper{width:59em;margin:0 auto;} #promo #promoContent p{color:#FFFFFF;font-size:3.0em;font-weight:bold;} #promo img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;} /*SMALL POSTS CSS - START*/ .posts .post{margin:0 0 30px 2%;padding-bottom:5px;width:96%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none;border:none; vertical-align:top;} .posts .post{/*background-color:#FFFFFF;*/border:1px solid #dbe1e6;width:300px;margin:0 0 20px 20px;overflow:hidden;padding:0; display: inline-block;} .genericBlock .posts .post{width:220px;height:300px;margin-left:20px;border:none;} .posts .post a.thumb{display:block;position:relative;} .posts .post .categoryName{position:absolute;bottom:0;left:0;background-color:#3F6293;color:#FFFFFF;font-size:0.8em;padding:5px 5px;text-transform:uppercase;z-index:100;} .posts .post .categoryName a{color:#FFFFFF;} .posts .post h1{font-size:1.4em !important;line-height:1.1em !important;font-weight:normal !important;} .posts .post h1 a{color:#30517F !important;} .posts .post h1 a:hover{color:#418fde !important;} .posts .post p{color:#272e38;font-size:1.0em;} .posts .post .inside{min-height:270px;position:relative;margin:0 15px !important;padding:20px 0 0 0 !important;color:#272e38;} .posts .post .inside .author-link, .posts .post .inside .post-date{position:absolute;bottom:10px;} .posts .post .inside .author-link{left:0;} .posts .post .inside .post-date{right:0;} /*.posts .post .inside .author-link a, .posts .post .inside .post-date{color:#8b95af !important;}*/ /*SMALL POSTS CSS - END*/ #content a:hover{color:#418fde;} #content h1 a, #content h2 a, #content h3 a, .widgetBox h3 a, #slideshow .slideText h3 a, #content h4 a, #content h5 a{color:#30517F;} #content h1 a:hover, #content h2 a:hover, #content h3 a:hover, .widgetBox h3 a:hover, #slideshow .slideText h3 a:hover, #content h4 a:hover, #content h5 a:hover{color:#418fde;} #content h3{border-top:1px solid #657191;padding:15px 0 0 0;} #content h3 a{font-size:1.2em;line-height:normal;height:80px;overflow:hidden;display:block;font-weight:bold;} #content h3 a sup{vertical-align:top;} #content .page p.category-post{font-size:0.9em;line-height:normal;} #content .page p.category-post a{color:#30517F;} #content .page p.category-post a:hover{color:#418fde;} #content .page{margin:0;} #content .page p{font-size:1.0em;color:#1e232b;line-height:1.8em;} #content ul.namesURL{list-style-type:none;margin:0;padding:0;} #content ul.namesURL li{font-size:1.1em;padding-top:20px;margin:0;} #content ul.namesURL li a{color:#008ff3;} #content ul.namesURL li a:hover{color:#418fde;text-decoration:underline;} #content .page h2{font-size:1.1em;color:#1e232b;margin:0;padding:30px 0 0 0;line-height:normal;} #content .navigation {padding-left: 20px; display: inline-block; } #content .navigation-container .navigation >div {padding: 0 40px;} #content .navigation-container .navigation >div >a span{display: none;} #content .navigation-container { display: block; clear: both; text-align: center; } #content .navigation-container:before, #content .navigation-container:after { content: " "; display: table; } #mainNav ul a{color:#012169;font-size:0.7em;line-height:normal;text-transform:uppercase;font-weight:bold;} #mainNav ul a:hover, #mainNav ul li:hover,#mainNav ul li.sfHover a, #mainNav ul li a:hover, #mainNav ul li:hover{color:#418fde;} .addthis_floating_style{border-radius:0 !important;padding:0 !important;} .addthis_floating_style.addthis_32x32_style, .addthis_floating_style.addthis_32x32_style .addthis_internal_container{width:60px !important;top:150px !important;} .addthis_floating_style.addthis_32x32_style a{display:inline-block !important;padding:12px 22px !important;transition:all 0.2s ease-in-out 0s;} .addthis_floating_style.addthis_32x32_style a:hover{background-color:#385e94;transition:all 0.2s ease-in-out 0s;} .addthis_32x32_style .addthis_internal_container h4{background-color:#30517f;color:#FFFFFF;font-size:0.8em;margin-bottom:0;padding:8px 0;} .addthis_toolbox{background-color:#2c4a74 !important;} .addthis_32x32_style .addthis_internal_container a{margin:0 !important;float: left;} .addthis_32x32_style .at15nc.at300bs, .addthis_32x32_style .at15nc.at15t, .addthis_32x32_style .addthis_internal_container a span{background:url(images/socialIcons.png) no-repeat !important;margin:0 !important;} .addthis_32x32_style .addthis_internal_container a span{float:left;} .addthis_32x32_style .addthis_internal_container a span.aticon_facebook{background-position: -4px 0 !important;width:18px !important;height:17px !important;} .addthis_32x32_style .addthis_internal_container a span.aticon_twitter{background-position: 0 -44px !important;width:18px !important;height:17px !important;} .addthis_32x32_style .addthis_internal_container a span.aticon_linkedin{background-position: 0 -126px !important;width:18px !important;height:17px !important;} .addthis_32x32_style .addthis_internal_container a span.aticon_email{background-position: 0 -168px !important;width:18px !important;height:17px !important;} #contentWrapper{margin:0 auto;max-width:62.5em;padding:0;position:relative;clear:both;} #footerContentWrapper{margin:0 auto;max-width:62.5em;padding:0;position:relative;} .home .slideshow{margin-left:0;width:100%;} #tabs ul{margin-left:22px !important;} #tabs li{display:inline-block;margin-right:20px !important;} #tabs li a{color:#012169;font-size:1.5em;} #tabs li.ui-state-active a{color:#1e232b;border-top:3px solid #cad3dd;padding-top:5px;} #menuBtn{display:none;} #menuSearch, #mainNav{float:right;} #mainNav{margin-right:20px;padding-top:23px;} #menuSearch a{background:url(images/search.png) 22px 20px no-repeat;padding:20px 30px;float:left;border-left:1px solid #dbe1e6;} #menuSearch a span{text-indent:-9999px;float:left;} .footerLinks a{color:#6c6c6c;font-size:0.7em;text-transform:uppercase;margin-right:15px;font-weight:bold;} .footerLinks a:hover, .adminLinks a:hover, .footerRight a:hover, .posts .post a:hover{color:#418fde;} .adminLinks p, .adminLinks a{color:#6c6c6c;font-size:0.7em;margin-right:13px;font-style:italic;float:left;padding:20px 0 0 0;} .footerRight{display:block;text-align:center;float:right;} .footerRight img{display:inline-block;margin-bottom:10px;} .footerRight p{font-size:0.7em;} .footerRight p, .footerRight a{color:#6c6c6c;text-transform:uppercase;font-weight:bold;} #pageHead{/*border-bottom: 3px solid #DDDDDD;border-top: 1px solid #DDDDDD;padding: 25px 0 20px;*/margin:0 0 30px 0;} #sidebar a{color:#4E4E4E;font-size:1.2em;line-height:normal;font-weight:bold;} #sidebar a:hover{color:#418fde;} #sidebar .sidebarBox h3{font-size:1.4em;font-weight:bold;color:#4E4E4E;padding:0 0 20px 0;margin:0;} #sidebar .sidebarBox:first-child{padding-bottom:35px;margin:0 0 40px 0;border-bottom:1px dashed #b8bfd0;} #pageHead{position:relative;} #pageHead .featuredImage{margin:0 auto;height:250px !important;} .postWrapper{background-color:#414042;padding:0;} .postWrapper .videoWrapper{padding:10px 0 40px 0;} .postWrapper iframe, .postWrapper .videoWrapper, .postWrapper .featuredImage{margin:0 auto;display:table;} .pageHeaderBackground{position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*background:rgba(54,77,119,.9);*/ background:url(images/blueBackground.jpg) repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; } .pageHeadWrapper{margin:0 auto;padding:0;width:59em;z-index:100;} .pageHeadWrapper .title{font-size:4em;font-weight:bold;color:#FFFFFF;z-index:100;padding:1em 0 0 0;} .overlaySnippet{position:relative;} .single-post #contentWrapper{margin:-60px auto;max-width:62.5em;padding:0;position:relative;background-color:#FFFFFF;} .single-post #contentWrapper #content, .single-post #contentWrapper #sidebar{margin:30px 0 0 0;} .single-post .categoryNameBlock{margin:0 0 30px 2.7027%;width:auto;color:#bfc1c2;font-size:0.8em;text-transform:uppercase;display:inline-block;position:absolute;left:0;z-index:100;} .single-post .categoryNameBlock a{color:#FFFFFF;background-color:#59585a;padding:5px 15px;margin:0 5px 5px 0;float:left;} .single-post #footer{margin:60px auto 0;} .single-post #footer #footerContentWrapper{margin:0 auto;} .single-post .post-date{float:right;} .wpp-list li{overflow:hidden !important;} .wpp-list li .post-stats{display:none !important;} .search #pageHead .inside{margin:0 auto;width:965px;padding:30px 0;position:relative;} .search h1{color:#333333;font-size:4em;font-weight:bold;margin:0 0 30px 0;} #searchform input{border-radius:0;border:1px solid #dbe1e6;border-top:none;border-right:none;font-size:4em;color:#d6e0ec;background:#FFFFFF;} #searchform{position:relative;} #searchform .searchBtn{border-radius:0;border:none;border-bottom:1px solid #dbe1e6;background:url(images/searchButton.jpg) top right no-repeat;text-indent:-9999px;width:118px;height:118px;padding:0;margin:0;position:absolute;right:15px;} #resultsHead h2{margin:0 auto 20px;width:965px;color:#666666;font-size:1.1em;} #resultsHead h2 span{color:#000000;} .single .inside h1{font-size:3.0em;color:#1e232b;font-weight:bold;line-height:1em;} .single .inside h2{font-size:1.2em;color:#1e232b;margin:0;font-weight:normal;font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;} .single .inside h2 p{margin:0;} .single .post{color:#1e232b;line-height:1.6em !important;} .single .post a{color:#30517F;} .snippetContent{line-height:normal;} #related_posts h1{font-weight:normal;} #related_posts .meta{border-bottom:none;padding:0;margin:0;} #related_posts .meta .author-link a, #related_posts .post-date{font-size:1em !important;} .related-posts h3{color:#1e232b;padding:0 0 0 20px;} .single .meta{border-bottom:1px dashed #657191;line-height:normal;padding:0 0 30px 0;margin:0 0 30px 0;} .single .meta .author-link a, .post-date{/*color:#657191 !important;*/font-size:1.2em !important;} .single .inside .showCategory{padding-bottom:35px;margin:10px 0 40px 0;border-bottom:1px dashed #b8bfd0;} .single .inside .showCategory a{color:#818692;background-color:#e0e9ef;font-size:0.7em;padding:3px 8px;text-transform:uppercase;font-weight:bold;margin-right:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .single .inside .author-image img{float:left;margin-right:25px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .single .inside .author-image h1{font-size:1.0em;color:#30517f;font-weight:bold;line-height:1em;margin:0 0 10px 0;} .single .inside .author-image p{font-size:0.9em;color:#444d5c;font-weight:normal;line-height:1.5em;} .single .inside .author-image h1, .single .inside .author-image p{margin:10px 0;padding:0;clear:none;display:table;} .single .inside .author-image .addthis_toolbox{background:none !important;padding:0 0 0 120px;} .single .inside .author-image .addthis_toolbox .addthis_button_facebook, .single .inside .author-image .addthis_toolbox .addthis_button_twitter, .single .inside .author-image .addthis_toolbox .addthis_button_linkedin{background:url(images/footerSocialICons.png) top left no-repeat;float:left; width:49px;height:50px;margin-right:10px;} .single .inside .author-image .addthis_toolbox .addthis_button_twitter{background-position:-52px 0;} .single .inside .author-image .addthis_toolbox .addthis_button_linkedin{background-position:-104px 0;} .single .inside .author-image .addthis_toolbox .addthis_button_facebook span, .single .inside .author-image .addthis_toolbox .addthis_button_twitter span, .single .inside .author-image .addthis_toolbox .addthis_button_linkedin span{background:none;} .single .inside .author-image .social-widgets{padding:10px 0 0 116px;} .wp-post-navigation div{width:275px;min-height:inherit;} .wp-post-navigation div a:after, .wp-post-navigation a{color:#30517f;font-size:1.6em;font-weight:normal;} .wp-post-navigation a:hover{color:#418fde;} .wp-post-navigation-pre{background:url(images/paginationArrowsLeft.png) left 50% no-repeat;} .wp-post-navigation-next{background:url(images/paginationArrowsRight.png) right 50% no-repeat;} .wp-post-navigation{border:1px dashed #b8bfd0;border-left:none;border-right:none;background-color:#FFFFFF;padding:5px 0;margin:50px 0;} #disqus_thread{margin:0 5%;width:90%;} .flex-caption .post-date, .flex-caption .author-link a{color:#99A3C0 !important;font-size:1em !important;font-weight:bold !important;} .flex-caption p{line-height:1.4em;font-size:1.3em !important;} #pageHead .topBlock{padding:3% 15%;width:70%;background:rgba(54,77,119,.9);display:inline-block;} #pageHead .topBlock h1{font-size:3.8em;color:#FFFFFF;font-weight:bold;line-height:1em;} #pageHead .topBlock p{margin:0;color:#FFFFFF;font-size:1.0em;line-height:1.3em;} #pageHead .topBlock .author-meta{float:left;width:65%;margin-right:5%;} #pageHead .topBlock .author-image{float:left;width:30%;text-align:center;} #pageHead .topBlock .author-image img{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;display:inline-block;margin-bottom:20px;} #pageHead .topBlock .author-image .addthis_toolbox{background:none !important;} #pageHead .topBlock .author-image .addthis_toolbox .addthis_button_facebook, #pageHead .topBlock .author-image .addthis_toolbox .addthis_button_twitter, #pageHead .topBlock .author-image .addthis_toolbox .addthis_button_linkedin{background:url(images/bioSocialICons.png) top left no-repeat;width:49px;height:50px;margin-right:10px;float:none;display:inline-block;} #pageHead .topBlock .author-image .addthis_toolbox .addthis_button_twitter{background-position:-52px 0;} #pageHead .topBlock .author-image .addthis_toolbox .addthis_button_linkedin{background-position:-104px 0;} #pageHead .topBlock .author-image .addthis_toolbox .addthis_button_facebook span, #pageHead .topBlock .author-image .addthis_toolbox .addthis_button_twitter span, #pageHead .topBlock .author-image .addthis_toolbox .addthis_button_linkedin span{background:none;} .contenthover {text-align:center; } .contenthover a.readmore { display:block;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:0;line-height:180px;} .single-post .videoWrapper {width:560px;} .posts .post .videoWrapper {width:auto;height:auto;/*width:300px;height:180px;*/} .infscrBtn span{text-align:center;} .infscrBtn span img{display:inline;} .single-post .rsUni .rsArrowIcn{margin:0;padding:0;background:none;} .single-post .rsUni.rsHor .rsArrowLeft{background:url(../../plugins/new-royalslider/lib/royalslider/skins/universal/arrowSlider.png) left no-repeat;width:24px;left:12%;} .single-post .rsUni.rsHor .rsArrowRight{background:url(../../plugins/new-royalslider/lib/royalslider/skins/universal/arrowSlider.png) right no-repeat;width:24px;right:12%;} .rsUni .rsBullets {display:none;} .posts .post .rsUni .rsPlayBtnIcon, .single-post .rsUni .rsPlayBtnIcon{background:none !important;} .posts .post .rsUni .rsPlayBtn:hover .rsPlayBtnIcon, .single-post .rsUni .rsPlayBtn:hover .rsPlayBtnIcon{background:none !important;} /*.posts .post .rsUni .rsPlayBtnIcon, .single-post .rsUni .rsPlayBtnIcon{background:url(images/playButton.png) center no-repeat;width:63px;height:63px;} .posts .post .rsUni .rsPlayBtn:hover .rsPlayBtnIcon, .single-post .rsUni .rsPlayBtn:hover .rsPlayBtnIcon{background:url(images/playButton.png) center no-repeat;width:63px;height:63px;}*/ .rsUni .rsTmb{display:none} .mobileLogo{display:none;} #articlesHead h2{color:#333333;padding:0 0 0 20px;} .single-post #pageHead .featuredImage{max-height:450px !important;height:auto !important;} table.tftable {float:left;width:100%;} .total_share_count {background: url(images/share-icon.png) no-repeat right center; padding-right:17px;font-weight:bold;} .wp-post-navigation-pre a:after {content: '';} .wp-post-navigation-next a:after {content: '';} #related_posts .yarpp-related a {font-weight: normal !important;} @media only screen and (max-width:1024px) { .flex-caption{ padding:3% 3%; width:94%; } .pageHeaderBackground{ padding:0; } .flex-caption h1 a{ font-size:1.2em; } .pageHeadWrapper{ width:100%; } } @media only screen and (max-width: 600px) { .tftable tr{float:left;width:100%;} .tftable tr td{display:inline-block;width:100%;text-align:center;} #promo #promoContent .promoWrapper{width:100%;} .addthis_floating_style {position:static;float:left;width:100%;} .addthis_floating_style.addthis_32x32_style, .addthis_floating_style.addthis_32x32_style .addthis_internal_container{width:100% !important;} .addthis_32x32_style .addthis_internal_container h4{float:left;width:auto;padding:9px 15px;margin:0;font-weight:bold;} .addthis_floating_style.addthis_32x32_style a{width:auto;float:left;padding:15px 17px !important;margin:0;height:20px;} .dropMenu{display:none;} #menuBtn{display:block;background:url(images/menuIcon.png) 15px 20px no-repeat;width:18px;height:24px;float:right;padding:16px;border-left:1px solid #dbe1e6;} #mainNav{margin-right:0;padding-top:0;width:100%;clear:both;float:left !important;} #mainNav li{width:100%;float:left !important;margin:0;} #mainNav li a{border-top:1px solid #dbe1e6;padding:11px 17px;background-color:#FFFFFF;display:block;} .footerRight{float:left;clear:both;text-align:left;margin-top:20px;} .adminLinks p, .adminLinks a{text-align:left;padding-top:10px !important;} .footerLinks{text-align:left;float:left;} .adminLinks{float:none;clear:both;} #content.threeFourths .post, #content.threeFourths .page, #content.threeFourths #commentBox{width:97%;} #content .page p{clear:both;padding-top:20px;} .genericBlock .posts .post{/*width:100%;*/height:auto;} #content h3 a{height:auto;} #content .page p.category-post{padding:0;height:auto;} .search #pageHead .inside{width:100%;} #resultsHead h2{width:100%;} .single .inside .author-image .addthis_toolbox{margin:10px 0 0 0;padding:0;} .flex-caption p{font-size:0.9em !important;} .author-link a, .post-date{padding-top:10px;} .wp-post-navigation div{width:110px;} .wp-post-navigation div a{font-size:0.9em;} .wp-post-navigation-pre a{float:left;} .wp-post-navigation-next a{float:right;} .postWrapper iframe{width:100% !important;height:100% !important;} .single-post .videoWrapper{width:100%;} .desktopLogo{display:none;} .mobileLogo{background:url('/wp-content/uploads/2019/10/BLUE-MATTER-3-300x64.png') top left no-repeat;background-size:contain;width:165px;height:45px;display:block;margin:0;} .flexslider .slides img{height:250px !important;} #pageHead .featuredImage{height:auto !important;} .posts .post{width:93% !important;} .single .inside h1{font-size:2.2em;} .single-post #contentWrapper #content{margin:0;} .single-post .categoryNameBlock{margin:5% 0 0 7%;position:static;background-color:#394a6e;} .single-post .categoryNameBlock a{margin:0;padding:5px;background-color:#394a6e;} .single .inside .author-image img{margin-right:10px;} .single .inside .author-image .addthis_toolbox .addthis_button_facebook, .single .inside .author-image .addthis_toolbox .addthis_button_twitter, .single .inside .author-image .addthis_toolbox .addthis_button_linkedin{margin-right:0px;} .flexslider, #pageHead{margin:0;} .addthis_toolbox{position:static !important;margin:0 0 30px 0;} #pageHead .topBlock .author-meta{float:none;width:100%;margin-bottom:20px;} #pageHead .topBlock .author-image{width:100%;} #articlesHead h2{padding-top:30px;} #pageHead .topBlock h1{font-size:1.5em;margin:0;padding:0;} #pageHead .topBlock{padding:3%;width:94%;} #pageHead .topBlock p{font-size:0.9em;} #searchform input{font-size:2em;} #searchform .searchBtn{background:url(images/searchButtonMobile.jpg) top left no-repeat;width:82px;height:82px;} body.author #pageHead{background:#364c75;} body.author #pageHead img.wp-post-image{position:absolute;} body.author .pageHeaderBackground{position:static;} .single .inside .author-image .social-widgets{clear:both;display:block;width:100%;padding:0;} .flex-control-nav{display:none !important;} } @media only screen and (max-width: 480px) and (orientation: portrait){ #content .post.small .thumb{margin: 0 0 10px 0;} #content .post.small{padding-top:0;} .single .inside .author-image p{display:inline;} .posts .post{width:84% !important;} #content .alignright, #content img.alignright{float:left;} } /*** CB @ CES 2016 ***/ body.category.category-ces, body.page-template-cb_ces { background-color: #fff; } .cb-ces-pagehead { text-align: center; padding-top: 80px; padding-bottom: 320px; margin-bottom: 0; background-repeat: no-repeat; background-position: center -220px; background-size: 1024px; background-image:url('/wp-content/uploads/2018/01/BlueMatterHeader_1500x500_R1b_2.jpg'); } @media only screen and (min-width:960px) { .cb-ces-pagehead { background-size: 100vw auto; background-position: center 0vw } } .cb-ces-pagehead .cb-ces-page-title { width: 328px; display: inline-block; } .cb-ces-player-wrapper { padding: 0 20px; } @media only screen and (min-width:1024px) { .cb-ces-player-wrapper { padding: 0 40px 0 20px; } } #cb-ces-player { width: 100%; height: 45vw; max-height: 390px; margin-bottom: 80px; } #cbces-twine-feed * { box-sizing: border-box; } .cbces-twine-placeholder { float: right; margin-right: 35px; height: 1501px; width: 300px; margin-bottom: 20px; } #cbces-twine-feed { border: 1px solid #999; margin: 20px; height: 452px; } #cbces-twine-feed .feed-header { border-bottom: 5px solid #d2d3d4; height: 60px; background-color: #efefef; position: relative; } #cbces-twine-feed .feed-header h2 { color: #00B1EE; font-weight: bold; text-transform: uppercase; padding: 12px; margin: 0; font-size: 32px; } #cbces-twine-feed .feed-header h2 span { color: #2F6592; } #cbces-twine-feed .feed-header a.add-your-voice { position: absolute; top: 12px; right: 12px; color: #fff; background-color: #00B1EE; padding: .75em; text-transform: uppercase; font-size: 12px; } #cbces-twine-feed .feed-header a.add-your-voice img { display: inline-block; vertical-align: middle; fill : #fff; color: #fff; height: 15px; width: 15px; margin-right: 3px; } #cbces-twine-feed .feed-wrapper { height: 330px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #cbces-twine-feed .feed-footer { border-top: 5px solid #d2d3d4; text-align: center; height: 60px; line-height: 60px; background-color:#efefef; } #cbces-twine-feed .feed-footer span { display: inline-block; margin-right: 20px; } #cbces-twine-feed .feed-footer a { display: inline-block; vertical-align: middle; height: 34px; width: 34px; margin: 0 2px; text-align: center; } #cbces-twine-feed .feed-footer a img { display: inline-block; } #cbces-twine-feed .feed-footer a.follow-us-facebook { background-color: #3B579D; position: relative; } #cbces-twine-feed .feed-footer a.follow-us-facebook img { width: 15px; height: 30px; vertical-align: baseline; position: absolute; bottom: 0; right: 5px; } #cbces-twine-feed .feed-footer a.follow-us-twitter { background-color: #08ACED; line-height: 39px; } #cbces-twine-feed .feed-footer a.follow-us-twitter img { height: 17px; width: 21px; } #cbces-twine-feed .feed-footer a.follow-us-instagram { background-color: #2e5e86; line-height: 45px; } #cbces-twine-feed .feed-footer a.follow-us-instagram img { height: 24px; width: 24px; } #cbces-loadmore { float: left; clear: both; width: 100%; text-align: center; } #cbces-loadmore[disabled] { opacity: .5; } aside.cb-smart-home-callout { background-color: #8C9DA8; margin: 0 20px; text-align: center; background-image: url('images/smart-home.png'); background-repeat: no-repeat; background-position: right bottom; background-size: auto 60vw; padding-bottom: 60vw; position: relative; box-sizing: border-box; } aside.cb-smart-home-callout * { box-sizing: border-box; } aside.cb-smart-home-callout header { padding: 40px; color: #fff; } aside.cb-smart-home-callout h1 { font-size: 32px; } aside.cb-smart-home-callout h1+p { } aside.cb-smart-home-callout a { background-color: #F7941E; color: #fff; display: inline-block; text-transform: uppercase; border: 2px solid #fff; padding: 10px 20px; position: absolute; white-space: nowrap; bottom: 60vw; left: 50%; transform: translate(-50%, 25%); -webkit-transform: translate(-50%, 25%); } aside.cb-smart-home-callout a:before { content: ''; border: 6px solid transparent; border-left-color: #fff; border-left-width: 8px; border-right-width: 5px; display: inline-block; vertical-align: middle; } @media only screen and (min-width:790px) { aside.cb-smart-home-callout { background-size: cover; height: 320px; padding: 0; text-align: left; float: left; clear: both; width: 100%; margin: 40px 0 0; } aside.cb-smart-home-callout header { width: 50%; padding: 40px 40px 20px; } aside.cb-smart-home-callout a { position: static; transform: translate(0, 0); -webkit-transform: translate(0, 0); margin-left: 40px; } } body.page-template-cb_ces .post, body.page-template-cb-ces-template .post { float: left; } body.page-template-cb_ces #content { position: relative; } body.page-template-cb_ces #content .posts #cbces-loadmore, body.page-template-cb-ces-template #content .posts #cbces-loadmore{ position: relative; display: inline-block; text-align: center; left: 0; } body.page-template-cb_ces #content .post-container, body.page-template-cb-ces-template #content .post-container{ position: relative; display: block; clear: both; } @media only screen and (max-width:999px) { body.page-template-cb_ces .posts:before, body.page-template-cb_ces .posts:after { content: ''; display: table; } body.page-template-cb_ces .posts:after { clear: both; } .cbces-twine-placeholder { display: none; } } @media only screen and (min-width:1000px) { .page-template-cb-ces-template #cbces-twine-feed { top: 0 } #cbces-twine-feed { height: 1499px; position: absolute; right: 35px; width: 300px; margin: 0; } #cbces-twine-feed .feed-wrapper { height: 1237px; } #cbces-twine-feed .feed-header { height: 170px; text-align: center; } .page-template-cb-ces-template #cbces-twine-feed .feed-header h2 { font-size: 55px; } #cbces-twine-feed .feed-header h2 { font-size: 72px; padding-top: 30px; padding-bottom: 20px; } #cbces-twine-feed .feed-header a.add-your-voice { position: static; } #cbces-twine-feed .feed-footer { height: 92px; line-height: 92px; } } .wp-caption{ max-width:100%; } .frm-show-form input[type='submit']:hover{ background-color: #595959!important; } .frm-show-form input[type='submit']{ background-color: #c0c0c0!important; } /* new cbces template css */ .page-template-cb-ces-template .cb-ces-pagehead{ display: inline-block; width: 100%; text-align: center; height: auto; padding-bottom: 0px; padding-top: 0px; } .page-template-cb-ces-template #pageHead {margin-bottom: 0px; background: transparent; padding-top: 0px;} .page-template-cb-ces-template .pagehead-image, .page-template-cb-ces-template .cb-smart-home-callout { background-repeat: no-repeat; background-position: center center; background-size: auto 100%; position: relative; left: 0; width: 100%; display: block; text-align: center; } .page-template-cb-ces-template .pagehead-image IMG{ display: block; margin: 0 auto; } .page-template-cb-ces-template .cb-smart-home-callout { position: relative; top: 0; background: transparent; height: auto; background-repeat: no-repeat; max-width: 100%; width: auto; display: block; padding-bottom: 0px; padding: 20px; } .page-template-cb-ces-template .cb-smart-home-callout IMG{ max-width: 100%; display: block; height: auto; } .page-template-cb-ces-template .cb-smart-home-callout a{ position: relative; bottom: auto; top: auto; text-transform: none; transform: none; background: none; margin: 0; padding: 0; color: inherit; border: none; left: auto; right: auto; } .page-template-cb-ces-template .cb-smart-home-callout a:before{ content: none;} .page-template-cb-ces-template .cb-smart-home-callout a:hover{ text-decoration: underline;} .page-template-cb-ces-template .cb-ces-content{ position: relative; } .page-template-cb-ces-template #cbces-loadmore{ position: absolute;} .page-template-cb-ces-template #cbces-twine-feed{ clear: both;} .page-template-cb-ces-template .ces-nav-listing{ display: block; text-align: center; } .page-template-cb-ces-template .ces-nav-listing{ padding: 20px; } .page-template-cb-ces-template .ces-nav-listing .ces-nav-item{ display: inline-block; padding: 10px 20px; font-size: 120%; font-size: 19px; font-weight: 700; } .page-template-cb-ces-template .ces-nav-listing .ces-nav-item a:hover{ text-decoration: underline; } .page-template-cb-ces-template #cb-ces-player{ margin-bottom: 20px; } .page-template-cb-ces-template .cb-ces-text{ padding: 20px; padding-right: 40px; padding-top: 0px; color: #1e232b; line-height: 1.6em; } @media only screen and (min-width:790px) { .page-template-cb-ces-template .cb-ces-pagehead{padding-bottom: 0px;} .page-template-cb-ces-template .cb-smart-home-callout { padding: 20px; } } .featuredImageSubscribe{ height: 500px; } .subscribe-page .subscribe-title{ text-shadow: 2px 2px 2px #000000; font-weight: 400; } #subscribe-content, #subscribe-content p { color: #ffffff; } #subscribe-content .yikes-mailchimp-form-inline { padding-top: 20px; } #subscribe-content .yikes-mailchimp-form-inline .EMAIL-label input{ font-size: 22px; border: 0px solid #000000; } #subscribe-content .yikes-mailchimp-form-inline .submit-button-inline-label .yikes-easy-mc-submit-button{ background-color: #599de9; border-radius: 0; border: 0px solid #000; font-size: 24px; color: #ffffff; } #subscribe-content .yikes-mailchimp-form-inline .submit-button-inline-label .yikes-easy-mc-submit-button span{ display: inline-block; text-transform: uppercase; font-weight: 700; } #subscribe-content h4{ color: #000; font-size: 22px; margin-bottom: 0px; margin-top: 20px; } #subscribe-content .yikes-easy-mc-success-message{ background: transparent; } .post #subscribe-content{ border-top: 1px solid #657191; margin-top: 40px; } .post #subscribe-content .yikes-mailchimp-form-inline .EMAIL-label input{ background-color: #ffffff; border: 2px solid #f4f4f4; font-size: 20px; } .post #subscribe-content, .post #subscribe-content p, .post #subscribe-content p a { color: #000; } .subscribe-page #subscribe-content p a { color: #fff; } @media only screen and (min-width:790px) { #subscribe-content .yikes-mailchimp-form-inline .submit-button-inline-label{width: 200px; } #subscribe-content .yikes-mailchimp-form-inline .EMAIL-label{ max-width: 390px; width: 100%; padding-right: 20px; } #content .navigation-container .navigation >div >a span{display: inline-block;} } /*Lists------------------*/ #content ul li{ margin: 0 0 10px 10px; font-size:inherit; line-height:inherit; list-style:initial; } /* Call custom build-in post navigation function file */ /* Issue: CBB-146945 */ /* Prevents floating problems from single page */ .misc-content { clear: both; } /* Better alignment for wp-post-navigation */ .wp-post-navigation { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .wp-post-navigation a span { display: block; } .wp-post-navigation .wp-post-navigation-pre span { padding-left: 3rem; } .wp-post-navigation .wp-post-navigation-next span { padding-right: 3rem; } /* better mediaqueries for custom wp post navigation */ @media only screen and (max-width: 600px) { .wp-post-navigation div { width: 45%; } .wp-post-navigation div a { font-size: 0.9em; } .wp-post-navigation .wp-post-navigation-next span { padding-right: 2rem; } }