/*basic*/ #unsibscribe_redirect_message { position: fixed; width: 100%; left: 0; top: 100px; padding: 20px; border-radius: 5px; text-align: center; z-index: 3000; background-color: #FE6700; color: #FFFFFF; display: none; } .container-fluid { padding: 0; } .overlay-create-user-new { box-sizing: border-box; position: fixed; top: 41px; left:0; width: 100%; height: 100%; border: 0; text-align: center; display: none; z-index: 2000; } html, body { height: 100%; } body { background: #f5f5f5; /*font-family: 'Open Sans', sans-serif;*/ color: #666; font-family: 'Montserrat', sans-serif; } h1 { border: 0; /*font-family: 'Open Sans', sans-serif;*/ font-weight: 400; padding: 0 0 20px; font-size: 27px; color: #333; } .company-blog * > h2 { font-weight: 300; color: #666; font-size: 18pt; padding: 0px 0 5px 0; margin: 0 0 40px; font-weight: normal; font-size: 14px; text-transform: uppercase; font-weight: bold; } h2 { font-weight: 300; color: #666; font-size: 18px; padding: 0px 0 5px 0; margin: 0 0 40px; font-weight: normal; font-size: 14px; text-transform: uppercase; font-weight: bold; } .company-blog h1.entry-title, .company-blog h2.entry-title >a { font-size: 25pt; color: #000; } h1.entry-title, h2.entry-title { border: 0; font-weight: 300; padding: 0 0 0px; font-size: 30px; color: #333; text-transform: none; margin: 0 0 15px; font-family: 'Montserrat', sans-serif; } .company-blog * > h3{ font-weight: 300; color: #666; font-size: 16px; } h3 { font-weight: 300; color: #666; font-size: 30px; } .company-blog * > h4{ font-weight: 300; color: #666; font-size: 14pt; } h4 { font-weight: 300; color: #666; font-size: 20px; } h5 { text-transform: uppercase; font-size: 13px; letter-spacing: .1rem; font-weight: 700; padding: 0; margin: 0; color: #333 } h6 { text-transform: uppercase; font-size: 10px; letter-spacing: 2px; font-weight: 00; padding: 0; margin: 0; color: #333 } h6:after { display: block; margin: 2px auto 5px; width: 30px; height: 1px; background-color: #ccc; content: " "; } /*extend*/ .js-stream-overview-article.stream-overview-article { margin-bottom: 80px; margin-left: 0px; margin-right: 0px; padding-left: 10px; padding-right: 10px; } .center { text-align: center; } .small { font-size: 11px; } .dark-grey { color: #222; } .grey { color: #666; } .light-grey { color: #888; } .lighter-grey { color: #aaa; } .white { color: #fff; } .green { color: green; } .margin-right-35 { margin-right: 35px; } /*Primary Content*/ .main {} .main-top { padding: 41px 0 0px; } /*Buttons*/ .wpsocialite-container { display: none; } .btn-primary { color: #FFF; text-shadow: none; background: none; background-color: #9465a9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: none; border: 0; padding: 20px 5px; width: 277px; border-bottom: 3px solid #6B467C; font-weight: 400; text-transform: uppercase; font-size: 12px; letter-spacing: .1rem; } .company-blog * > btn-more{ background: none; color: #FFF; text-shadow: none; background-color: #000; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); */border: 0; border-bottom: 3px solid #232323; padding: 5px 20px; } .btn-more { background: none; color: #FFF; text-shadow: none; background-color: #9465a9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border: 0; border-bottom: 3px solid #6B467C; padding: 5px 20px; } #form-create .btn-primary { background-color: #FE6700; border-bottom: 3px solid #FE6700; } .slider .btn-primary { padding: 25px 45px; } .btn-primary:hover,.btn-more:hover { background-color: #9465a9; opacity: 0.8; filter: alpha(opacity=80); } .company-blog * > btn-more:hover{background-color: #191919; color: #FFF} .btn-group>.btn { background: none; text-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #999; border: none; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; font-weight: 400; background: #ddd } .btn-group>.btn.active { background: #1abc9c; color: #fff; } .btn-group>.btn:hover { color: #444; } .input-prepend .add-on:first-child { border: 0; background: #ddd; text-shadow: none; color: #999; } .input-prepend input { text-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 0; background: #ddd; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: .1rem; font-weight: 700; color: #999; } input[class*="span"], textarea[class*="span"] { background: #FFF; border: 0; border-bottom: 3px solid #DDD; padding: 15px 15px; } /*Title*/ .title { background: #34495e; padding: 50px 0; color: #fff; font-weight: 400; font-family: 'Open Sans', sans-serif; } .title h1 { color: #EBEFF5; padding: 0 0 15px 0; } .title p { font-size: 26px; font-weight: 300; color: #C9D3E3; line-height: 175%; } .title-links { padding: 20px 0 0; } .title a { color: #C9D3E3; } .title-links a { padding: 0 0 3px; color: #EBEFF5; font-weight: 300; border-bottom: 1px dotted #ddd; text-decoration: none } .title-links a:hover { color: #fff; } /*Header*/ .navbar .nav { margin: 0; } .navbar-fixed-top .navbar-inner { background: #f5f5f5; border-bottom: 1px solid #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; font-size: 13px; } .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus { color: #333; text-decoration: none; background-color: #f5f5f5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar .nav li.dropdown.open>.dropdown-toggle { background: none; color: #000; } .navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle { background: none; color: #000; } .menu-bloggerliv a { font-weight: 700 !important; color: #E67E22!important; } .dropdown-menu { background: #F5F5F5; border: 1px solid #DDD; border-top: 1px solid #F5F5F5; border-radius: 0px; margin: 0 0 0 -31px; padding: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dropdown-menu:before, .dropdown-menu:after { border: none !important; content: none !important; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a { background: none; color: #1abc9c } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background: none; color: #1abc9c; } .container, .navbar-static-top .container { max-width: 1050px; } .logo-div { padding: 10px 0 0 5px; } .logo { opacity: 0.4; width: 105px; height: 20px; background: url(/wp-content/themes/bloggersdelight/assets/img/sprite.png) 0 0; display:inline-block; margin-top: 9px; margin-right: 20px; } .social { text-align: right; color: #999; font-size: 12px; font-weight: 700; margin-right: -9px; } .social a:hover, .social a:focus { text-decoration: none; } .navbar .nav>li>a { color: #666; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; font-weight: 400; text-shadow: none; } .navbar .nav>li>a { padding-left: 0; } .nav>li>a:hover { color: #34495e; } .nav>li>a:focus, a:focus { outline: none; } .menu-span { min-height: 0 !important; } /*Content*/ .filter-features { background-color: rgba(51, 51, 51, 0.70); } .filter-fade-out { opacity: 0.2 } .filter-container { text-align: left; position: fixed; bottom: 25px; z-index: 50; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .filter-padding { padding: 0px 30px; } .filter-filter { padding: 25px 0 25px 30px; } .filter-filter .btn-group, .filter-filter .input-prepend { margin-left: 0px; padding: 5px 15px 5px 0px; } .container-content { padding: 90px 0; } .page-header { padding-bottom: 9px; margin: 0px 0 0px; border-bottom: 0px; } .blog { background: #fff; } .blog-post { border-bottom: 1px solid #ddd; padding: 0 0 45px 0; margin: 0 0 45px 0; } .blog-post-meta { font-weight: 300; margin: 15px 0 15px 0; color: #999 } .blog-post-img { margin: 0 0 20px; } .go-to-blog-icon { padding: 4px 0 0; font-size: 41px; color: #bbb; } /*-----------------SPLIT-line----------------------*/ /*Footer*/ .content-info {} footer { background: #fff; padding: 50px 0 50px; color: #666; font-size: 12px; border-top: 1px solid #eaeaea; } .signup { background: #1abc9c; padding: 50px 0; margin: 0 0 0px; } .signup-headline { font-size: 20px; font-weight: 400; color: #f5f5f5; padding: 13px 0 0 } .signup .btn { background: #148F76; border-bottom: 3px solid #117864; } .footer-logos { margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid #ddd; text-align: center; } .footer-logos-headline { text-align: center; font-size: 14px; color: #aaa; padding: 0 0 25px; } .footer-social a:hover { text-decoration: none; } /*fade*/ .main { -webkit-animation-name: Navfade; -webkit-animation-duration: 0.5s; } @-webkit-keyframes Navfade { from { opacity: 0; -webkit-transition: opacity; } to { opacity: 1; } } .medium [name=rememberme] { margin: 0; } .lh { line-height: 195%; } .almost-black { color: #333; text-transform: lowercase !important; } .error-highlight { border-bottom: 3px solid #CC0000 !important; -webkit-box-shadow: 0 0 6px #A9667B; -moz-box-shadow: 0 0 6px #A9667B; box-shadow: 0 0 6px #A9667B; } .hide-wrapper { background: none !important; background-color: transparent!important; } /*Search*/ .filter-search { padding: 30px 10px 0 0; margin-left: 0px; } .search-input { height: 20px !important; } .search-input-prepend { margin-right: 80px; margin-bottom: 0px; } .search-input-prepend input, .search-input-prepend textarea, .search-input-prepend .uneditable-input { width: 206px; } .mobile-search { float: right; margin-top: 5px; vertical-align: middle; } .search-form { display: inline; } .search-container { display: inline; } #search input:focus { width: 70px; -moz-transition: width 0.5s ease-out; -webkit-transition: width 0.5s ease-out; transition: width 0.5s ease-out; } #search input { margin: 0; padding: 0; box-shadow: none; border: 0; font-size: 11px; text-transform: uppercase; background: #f5f5f5; letter-spacing: .1rem; font-weight: 700; width: 27px; -moz-transition: width 0.5s ease-out; -webkit-transition: width 0.5s ease-out; transition: width 0.5s ease-out; } /*Slider*/ .slider { border-bottom: 1px solid #DDD; min-height: 310px; padding: 125px 0 85px; background-image: -webkit-linear-gradient(38deg, #CAB4D5, #CAB4D5 50%, #B9B4D5 50%, #B9B4D5 100%); background-image: -moz-linear-gradient(38deg, #CAB4D5, #CAB4D5 50%, #B9B4D5 50%, #B9B4D5 100%); text-align: center; font-size: 35px; color: #ddd; font-weight: 300; line-height: 150%; z-index: 1; } .create-button-div { margin: 30px 0 15px; position: relative; z-index: 2; } .callout { color: #fff; position: relative; z-index: 2; } .known-from-container { width: 253px; margin: 30px auto 0; position: relative; z-index: 2; } .known-from { letter-spacing: 0.2em; font-style: italic; position: relative; z-index: 2; } .line { display: block; width: 10px; height: 1px; margin: 20px 10px 0; border-top: solid 1px #FFF; } .pattern-overlay { background: url(/wp-content/themes/bloggersdelight/assets/img/pattern.png) repeat; min-width: 100%; left: 0; top: 0; position: absolute; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); -moz-opacity: 0.15; -khtml-opacity: 0.15; opacity: 0.15; height: 537px; } /*sticky footer*/ .wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -160px; background-image: -webkit-linear-gradient(38deg, #f5f5f5, #f5f5f5 50%, #eee 50%, #eee 100%); background-image: -moz-linear-gradient(38deg, #f5f5f5, #f5f5f5 50%, #eee 50%, #eee 100%); } .push { height: 160px; } .fill { position: relative; } /*Login*/ .msg { margin: 20px 0 20px; } /*.forgot-form { width: 277px; }*/ /*top entry*/ .top-entry { padding: 20px 0; border-bottom: 1px solid #ddd; } .top-entry a { color: #333; font-weight: bold; } .number { position: absolute; background-color: #34495E; color: #fff; opacity: 0.8; padding: 0 4px; } .top-entry a { color: #333; text-transform: lowercase !important; display: block; } .top-entry a::first-letter { text-transform: uppercase !important; } /*Stream*/ .stream { margin: 0 0 600px 0; } .stream p { font-size: 16px; line-height: 175%; color: #666; } div.stream-overview-title::first-letter { text-transform: uppercase !important; } .stream-reader-container, .stream-overview-container { padding-top:50px } .stream-content-loaded { display: flex; flex-flow: wrap; } .stream-overview-article { perspective: 800px; margin: 0 0 80px 0; position: relative } .stream-overview-blog-name { font-size: 8px; letter-spacing: 2px; } .stream-overview-blog-name:after { display: block; margin: 2px auto 5px; width: 30px; height: 1px; background-color: #ccc; content: " "; } .stream-overview-read-more-arrow { font-size: 13px; font-weight: bold !important; } .stream-overview-read-more:before { display: block; margin: 15px auto 5px; width: 25px; height: 1px; background-color: #bbb; content: " "; } .stream-overview-title { margin: 0 0 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .stream-overview-img { position: relative; transform-style: preserve-3d; transition: transform 1s; } .stream-category-link .dropdown-menu { padding: 0 13px 0 12px; margin: 0 0 -4px !important; background: #e6e6e6; text-transform: uppercase; border: none; min-width: 0px; -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 1px; -webkit-border-bottom-left-radius: 1px; -moz-border-radius: 5px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px; border-radius: 5px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .stream-category-link .dropdown-menu>li>a { font-size: 10px; letter-spacing: 1px; font-weight: 400; padding: 3px 0; } .stream-overview-time { padding: 1px 4px; padding-left: 50px; color: #bbb; width: calc(100% - 50px); text-align: left; } .stream-overview-content { position: absolute; top: 0; left: 50%; margin-left: -102px; width: 204px; opacity: 0.6; height: 100%; color: #fff; height: 200px; width: 202px; opacity: 0.15; filter: alpha(opacity=15); } .stream-overview-content-back { position: absolute; top: 0; left: 50%; margin-left: -102px; width: 204px; height: 100%; color: #f5f5f5; height: 200px; width: 202px; } .stream-overview-content-back a { display: block; width: 100%; height: 100%; color: #ddd; } .stream-overview-content-back a:hover { text-decoration: none; color: #ddd; } .stream-overview-content-back div { padding: 40px; } .stream-loading { padding: 100px 100px 1000px 0; text-align: center; } .stream-load-more { padding: 0px 100px 40px 0; text-align: center; display: none; } .stream-reader-blog-post { border-bottom: 1px solid #ddd; margin: 0 0 60px; padding: 0 0 60px; } .stream-reader-title { border: 0; font-weight: 300; padding: 0 0 0px; font-size: 30px; color: #333; text-transform: none; margin: 0 0 0px; font-family: 'Montserrat', sans-serif; } .stream-reader-time { font-size: 8px; letter-spacing: 2px; margin: 0 0 25px; } .stream-reader-time:before { display: block; margin: 5px auto 2px; width: 30px; height: 1px; background-color: #ccc; content: " "; } /*Blog meta*/ .blog-meta { margin: 0 0 15px; font-size: 12pt; color: #494949; } .blog article { margin: 0 0 45px; padding: 0 0 45px; border-bottom: 1px solid #ddd; } .entry-content { font-size: 16px; line-height: 170%; } .entry-content img { margin: 20px 0 20px; } .blog-more { margin: 15px 0 0; } .blog-fb-like { margin: 25px 0 0; } .blog-post-container .entry-content { border-bottom: 1px solid #ddd; padding: 0 0 45px; margin: 0 0 45px; } .media-list li { border-bottom: 1px solid #ddd; padding: 0 0 25px; margin: 0 0 25px } .media-list li img.avatar { padding: 0 20px 0 0; float: left; } .media-list li:last-child { border: none; } .media-heading { font-size: 14px; } .subscribe-to-comments label { display: inline-block; padding: 5px 0 0; font-size: 11px; color: #999; margin: 10px 0 0; } .excerpt-bloggers{ font-size: 13pt; color: #000; text-align: justify; } /*Support*/ .faq-overview { padding: 90px 0; background: #f7f7f7 } .server-status { padding: 90px 0; background: #fff } .server-status-headline { font-size: 20px; font-weight: 300; color: #333; } .qa-faq { margin: 25px 0 0; border-bottom: 1px solid #DDD; padding: 0 0 25px 0; } .qa-category { margin: 0 0 40px 0; } .qa-category h5 { margin: 0 0 30px 0; } .qa-faq:last-child { border: none; } /*Advertisement*/ .advertisement-types { background: #fff; padding: 90px 0; } .advertisement-types .types { padding: 50px 0; margin: 50px 0; color: #666; } .types .type-one { min-height: 150px; background: #CEE1E9; color: #78ACBF; margin: 0 0 50px; padding: 20px; border-radius: 5px; border-bottom: 3px solid #78ACBF; } .advertisement-types .span4 { line-height: 175%; } .testimonials { background: #f1f1f1; } .testimonials div { padding: 30px; } .customer-logos-div { padding: 50px 0 50px; background: #f7f7f7; } .customer-logos { border-bottom: 1px solid #ddd; } .customer-logos:last-child { border: 0; } .customer-logos div { padding: 30px 0; border-right: 1px solid #ddd; } .customer-logos div:last-child { border: 0; } /*Blogs*/ .blogs { padding: 90px 0; background: #fff; } .blogs-blog-content img { display: block; margin: 0 auto 30px; } .premium-category { padding: 0 0 40px 0; } /*Sidebar*/ .sidebar {} .sidebar-widget { border-bottom: 1px solid #ddd; padding: 0 0 50px 0; margin: 0 0 50px 0; } .sidebar-create-blog { background: #66A972; border-bottom: 3px solid #4F8C5A; } .sidebar-create-blog .headline { color: #fff; padding: 20px; } /*About*/ .about { padding: 90px 0; background: #fff; line-height: 180%; font-size: 16px; text-align: center } .team { padding: 90px 0 90px; background: #F7F7F7; } .team-info { margin: 20px 0 0; } .team-info-bottom { border-top: 1px dotted #ddd; padding: 10px 0 70px; } .team a { color: #666; } /*Posts*/ .hentry header {} .hentry time {} .hentry .byline {} .hentry .entry-content {} .hentry footer {} /*Image wall*/ .image-wall-img { margin: 0 !important; padding: 0; width: 25% !important; position: relative; } .image-wall-img figure { padding: 0; height: 200px; overflow: hidden; float: left; margin: 0; } .image-wall-img img { width: 100%; } .image-wall-text { position: absolute; bottom: 50px; width: 100%; height: 100%; color: #fff; text-align: center; display: table; visibility: hidden; } } .image-wall-text .vcenter { display: table-cell; vertical-align: middle; text-align: center; } .image-wall-text a:hover { color: #fff; text-decoration: none } /*popular*/ .top-entry { padding: 20px 0; border-bottom: 1px solid #ddd; } .top-entry a { color: #333; font-weight: bold; } /*telephone*/ #telephone { display: none; } .qa_cats { display: none; } /*WordPress Generated Classes*/ .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; } .alignright { float: right; } figure.alignnone { margin-left: 0; margin-right: 0; } /*circular and flip-container*/ .flip-container .front { width: 200px; margin: 0 auto; } .flip-container .back { position: absolute; left: 50%; margin-left: -100px; top: 63px; } .circular { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; behavior: url(PIE.htc); width: 200px; height: 100%; } .circular-image { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; behavior: url(PIE.htc); width: 200px; height: 200px; } @media (orientation:portrait) { .flip-container .front { width: 150px; } .circular { width: 150px; height: 100%; } } /*fix placeholder in firefox*/ input { height: 100% !important; } ul { margin: 0; } li { margin: 0; padding: 0; } .modal { width: 650px; margin-left: -325px; padding: 50px; min-height: 500px; } .modal-body { max-height: 500px; } .dots { text-overflow: ellipsis; width: 200px; white-space: nowrap; overflow: hidden; } .scrollup { opacity: 0.8; position: fixed; bottom: 52px; right: 55px; z-index: 60; font-size: 25px; color: #000; } .scrolldown { opacity: 0.8; position: fixed; bottom: 52px; right: 80px; z-index: 60; font-size: 25px; color: #000; } .scrolldown:hover, .scrollup:hover, .scrolldown:focus, .scrollup:focus { text-decoration: none !important; } /*Opret blog*/ .create { padding: 60px 0 60px; /*background: #f7f7f7*/ } .create-brands-headline { font-size: 10px; font-weight: 400; } .create-brands-headline:after { display: block; margin: 2px auto 5px; width: 30px; height: 1px; background-color: #ccc; content: " "; } .login-form { border: 0px; width:400px; position: fixed; right: 20px; left: auto; top: 40px; border: 1px solid #ddd; height: 320px; overflow: hidden; display: none; z-index: 100; } .login-form .login-form-body { padding: 20px; } .login-li { padding-right: 0; } a span.btn-create-blog { color: #FFF; font-weight: bold; font-size: 10px; background: #9C1ABC; padding: 6px 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } a span.btn-create-blog:hover { background: #9C1ABC; opacity: 0.8; filter: alpha(opacity=80); } /*Meet*/ .meet-div { background: #34495e; padding: 0px 0 60px; } .meet { background: #2B3D50; padding: 35px; color: #C9D3E3; } .meet-text { padding: 20px 15px 0; } .meet h5 { font-size: 14px; font-weight: 400; color: #EBEFF5; margin: 0 0 8px 0; } .meet .btn { background: #3D5671; width: 100%; margin: 25px 0 0; border-bottom: 3px solid #22303F; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Media Queries*/ @media screen and (min-device-width: 1200px) { .stream-overview-img img:hover { opacity: 0.8; } } @media (max-width: 1099px) { .hidden-1100 { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .hidden-tablet { display: none; } .navbar-fixed-top { margin-bottom: 0px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .hidden-tablet-portrait { display: none; } } @media (max-width:979px){ #nav-container > nav li a{ padding-right:5px; } .navbar-fixed-top{ margin-bottom: 0px; } } @media (max-width: 979px) and (min-width: 768px) { .login-form { top: 196px; } .row-fluid .sm-40p { width: 40%; } .row-fluid .sm-20p { width: 20%; } .row-fluid .sm-social { float: right } .dropdown.login-li a[role=button] { text-align: center; } .mt-25px { margin-top: 25px; } #header_top_submit_login { color: #FFF; } #header_top_submit_login:hover { color: #777; } } .navbar .btn-navbar { background: none; border: none; padding-right: 5px; margin-right: 0px; padding-left: 5px; margin-left: 0px; } } .navbar .btn-navbar:hover { background-color: transparent; } #menu-new-bloggers-delight li { padding-left: 8px; } @media (max-width: 767px) { body { padding-left: 0px; padding-right: 0px; } .modal { width: auto; margin-left: auto; padding: 0px; min-height: 100px; } .title { text-align: center; } .main-top { padding: 0 0 0px; } .navbar-fixed-top { margin-bottom: 0px; } .title [class*="span"]:first-child { padding: 20px; } .navbar-fixed-top .navbar-inner { padding-left: 10px; padding-right: 5px; } .navbar-fixed-top { margin-left: 0px; margin-right: 0px; position: fixed; } .navbar .nav>li { padding-left: 14px; } .footer-info { text-align: center; } .footer-info [class*="span"] { padding-bottom: 20px; } .container-content>[class*="span"], .signup>[class*="span"] { padding: 0 20px 0px 20px; } .signup-headline { padding: 0 0 20px 0; } .customer-logos { text-align: center; } footer { padding-bottom: 0; } .nav-collapse .btn { color: #fff !important; } .btn-primary:hover, .btn-more:hover { background-color: #9465A9 !important; opacity: 0.8; filter: alpha(opacity=80); } .stream { margin: 0 0 200px 0; } .meet { text-align: center } .meet-div { padding: 0; } .create .span16 { padding-left: 20px; padding-right: 20px; } .blogs>[class*="span"], .about>[class*="span"], .team>[class*="span"], .faq-overview>[class*="span"], .advertisement-types>[class*="span"] { padding: 0 20px 40px 20px; } .scrollup { bottom: 20px; right: 20px; } .scrolldown { bottom: 20px; right: 45px; } .filter-filter { padding: 10px; } .filter-padding { padding : 0 10px; } } /*mobile media*/ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .mobile-hidden, .scrollup, .scrolldown, .zopim { display: none; } body .modal { font-size: 30px; width: auto; margin-left: 0; } } .blog-meta{ padding-top: 5px; } .entry-title{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height:130px; /*Height of 3 lines (120) + 10 px margin*/ } .excerpt-bloggers{ } .blog-box-footer{ vertical-align: middle; margin-top: 20px; bottom: 10px; } .article-front{ height:950px; position: relative; padding-bottom: 0px; margin-bottom: 65px; } .company-blog-btn > a{ background: none; color: #FFF; text-shadow: none; background-color: black; border: 0; padding: 5px 20px} .blog-box-footer > .span8.footer-align{ padding-top: 6px; } .search-input.mobile-top-search{ width:100px; display:none; } div.span16.menu-span.frontpage-topbar-menu{ padding-left: 10px; text-align: right; } .sm-social{ display: inline-block; padding: 9px; } .footer-manage-cookie-consent-frontpage { text-transform: none; font-size: 10px; display: inline; margin-right: 5px; color: #ededed; cursor: pointer; }