/* Theme Name: BloggingLoveTheme Theme URI: https://www.blogginglove.com/home Author: Ravi Chahar Author URI: https://www.blogginglove.com Version: 1.1 Description: BloggingLove Theme is developed to improve the user experience by minizising its code to the maximum. This may be one of the lightest themes you can have. License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: blogginglovetheme Tags: post-formats, one-column, two-columns, right-sidebar, featured-images */ body{ font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6em; color: #333;margin: 0px !important; box-sizing: border-box; background-color: #ececec; } a:link, a:visited { color: #006ec3;text-decoration: none;} p{line-height: 2em;text-align: justify;} h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px; font-weight: 300; line-height: 1.3em; } /* General Layout */ div.container {max-width: 1230px;margin: 0 auto;padding: 10px;box-sizing: border-box;margin-top: 3em;margin-bottom: 30px;} /* Content Area */ p.post-info {color: #b1bdbf;} article.post1 {margin: 0px 0px 35px 0px;border-bottom: 2px solid #efefef;} article.post {margin: 0px 0px 35px 0px;border-bottom: 2px solid #efefef;} article.post h1 {font-size: 35px;color: #1e1e1e;} article.post-single h2 {font-size: 34px;font-weight: 400;color: #1e1e1e;} article.post-single h3 {font-size: 34px;font-weight: 400;color: #1e1e1e;} article.post-single h3 { font-size: 34px; font-weight: 400; color: #1e1e1e } article.post-single h4 { font-size: 34px; font-weight: 400; color: #1e1e1e } article.post-single h5 { font-size: 34px; font-weight: 400; color: #1e1e1e } article.post h1 a { font-size: 36px; color: #1e1e1e; text-decoration: none; } article.post h1 a :hover { color: #00bcd4; } article.post-single { margin-bottom: 20px; } article.post-single h1 { font-size: 36px; color: #1e1e1e; } article.post-page { margin-bottom: 30px; } article.post-page h1 { font-size: 36px; color: #1e1e1e; text-align: center; padding: 10px; border-bottom: 2px solid #5ec2ed; } /* Page Layout */ article.post.has-thumbnail h1 a { font-size: 36px; text-decoration: none; line-height: 1.3em; color: #1e1e1e; } article.post.has-thumbnail h1 a:hover { color: #00bcd4; } article.post.has-thumbnail p.post-info { padding: 0px; } article.post1 h1 a{ font-size: 36px; text-decoration: none; line-height: 1.3em; color: #1e1e1e; } article.post1 h1 a:hover { color: #00bcd4; } a.read-button { background-color: #1e1e1e; color: white; padding: 3px 0px; text-decoration: none; float: right; margin: 10px 0px 35px 5px; border-radius: 3px; Width: 100%; text-align: center; } p.post-para a.read-button:hover{ background-color: #00bcd4; } /* Clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Featured Post Styles */ /* Aside Styles */ article.post-aside, article.post-link {font-size: 14px;background-color: green;padding: 20px;border-radius: 5px;color: white;border-bottom: none; } .mini-meta {font-size: 10px;margin: 0px;color: yellow;display: block;} /* Header */ .site-header {border-bottom: none;text-align: center; border-top: 3px solid #1e1e1e; background-color: white;} .site-header h1{padding-top: 0.5em; font-size: 30px;text-transform: uppercase; font-weight: 900; } h5#head_tagline1{font-size: 14px;padding-bottom: 1em;} .site-header a{color: #1e1e1e;} div#head_111 { max-width: 1130px;margin: 0 auto;} /* Newsletter */ div.newsletter_box{margin-bottom: 35px;height: 350px;background-color: #1e1e1e;box-sizing: border-box;padding: 30px 40px;} div#newsheading{color: white;font-size: 20px;} div#news1{color: #eae5e5;line-height: 16px;font-size: 14px;margin-top: 0px;padding-top: 20px;} .newsletter_box form {text-align: center;padding-top: 20px;} .newsletter_box form input#mce-FNAME{padding: 13px 35px;margin-bottom: 20px;text-align: center;font-size: 14px;} .newsletter_box form input#mce-FNAME:focus{background-color: #efefef;} .newsletter_box form input#mce-EMAIL{padding: 13px 35px;margin-bottom: 20px;text-align: center;font-size: 14px;} .newsletter_box form input#mce-EMAIL:focus{background-color: #efefef;} .newsletter_box form input#mc-embedded-subscribe{padding: 15px 82px;color: white;background-color: #00bcd4;border: none; text-transform: uppercase;} .newsletter_box form input#mc-embedded-subscribe:hover{background-color: #5ec2ed;cursor: pointer;} /* Footer */ .site-footer {overflow: hidden;color: white;} /* Footer Widget Area */ .footer-widgets {padding: 50px 40px 30px 40px;margin-right: -40px;background-color: #1e1e1e;} .footer-widget-area {width: 30%;float: left;box-sizing: border-box;margin-right: 2%; } .widget-item {padding-right: 0px 20px;margin-bottom: 20px;} .widget-item ul li {list-style-type: none;border-bottom: 1px solid #afa5a5;padding-bottom: 15px;margin-bottom: 20px;} .widget-item ul {padding: 0px;font-size: 15px;line-height: 1.5em;} .widget-item ul li a {text-decoration: none;color: #7f7f7f;} .widget-item ul li a:hover {color: #5ec2ed;} p#footer_text {background-color: #262626;margin: 0px;color: white;padding: 5px 10px;text-align: center;box-sizing: border-box;} p#footer_text a{text-decoration: none;color: #00bcd4;} #footer_text a:hover{color: #5ec2ed;} /* Navigation menus */ .site-nav ul { margin: 0px; padding: 0px;} .site-nav ul:before, .site-nav ul:after { content: ""; display: table;} .site-nav ul:after { clear: both; } .site-nav ul { *zoom: 1;} .site-nav ul li {list-style-type: none;} .site-nav ul li a:link, .site-nav ul li a:visited {display: block;} .site-nav ul ul {position: absolute;left: -999em;} .site-nav ul li ul {border: none;} .site-nav ul li ul li {float: none;} .site-nav ul li:hover ul li a {color: white;background-color: #2b2727;width: 130px;text-align: center;opacity: 0.8;border: none;padding-top: 2px;padding-bottom: 2px;} .site-nav ul li:hover ul li a:hover {background-color: #2b2727;opacity: 1.0;} .site-nav ul li:hover ul {left: auto;} /* Site Header Menu */ .site-header nav { text-align: center;} .site-header nav ul { font-weight: 700; font-size: 14px; line-height: 32px; } .site-header nav ul li {margin-right: 0px;display:inline-block;} .site-header nav ul li a:link, .site-header nav ul li a:visited {display: block;padding: 10px 18px;border-bottom: none;text-decoration: none;text-transform: uppercase;color: #1e1e1e;} .site-header nav ul li a:hover { color: white; background-color: #1e1e1e;} .site-header nav ul li:hover ul li { display: block;} .site-header nav ul li:hover ul li a { font-size: 12px;} /* Footer Menu */ .site-footer nav {text-align: center;} .site-footer nav ul { padding: 8px 10px;} .site-footer nav ul li {margin-right: 10px; padding-right: 10px;border-right: 1px solid white;display: inline-block;} .site-footer nav ul li a {color: white; } .site-footer nav ul li a:hover {color: #5ec2ed;} .site-footer nav ul li:last-of-type {border-right: none;} .site-footer nav {background-color: #262626; color: white;} /* Image Styles */ img { max-width: 100%;height: auto;} img:hover{filter: contrast(80%) brightness(70%);} /* Header Search */ div.searchbox { margin: 30px 0px;background-color: #1e1e1e;padding: 15px 10px;} div.searchbox form label {position: absolute;left: -9999px;} div.searchbox form input#searchsubmit{background-color: #564b4b;color: #FFF;padding: 15px 40px;border: none;vertical-align: top;text-transform: uppercase; } div.searchbox form input#searchsubmit:hover{background-color: #5ec2ed;} div.searchbox form input#s {vertical-align: top;padding: 15px 25px;border: none;margin-right: 2px;margin-left: 4px;} div.searchbox form input#s:focus{background-color: #eae5e5;} /* Main Column */ div.main-column { width: 67.5%; float: left; padding: 0px 0px; margin-right: 1%; box-sizing: border-box; background-color: white; padding: 2em 1.5em; } /* Secondary Column */ div.secondary-column { width: 30%; float: right; box-sizing: border-box; background-color: white; padding: 2em 1.3em; } div.widget-item h4 {color: white;background-color: #1e1e1e;padding: 8px 0px 8px 15px;text-transform: uppercase;font-size: 16px;line-height: 24px;font-weight: 600;margin-bottom: 30px; } /* Author-box */ .author-box {padding: 20px 10px;margin: 40px 0px 40px 0px;background-color: #f4f4f4;} .author-avatar img {float: left;margin: 0px 20px 60px 0px;border-radius: 50%;} .author-description {text-align: justify;} .author-description h3 a {text-decoration: none;} .author-description h3 a:hover {color: #f9e875;} /* Comments */ .comments-area {clear: left;margin: 20px 0px;} h3#reply-title {font-family: 'Century Gothic';margin-top: 40px;} h2.comment-title {font-size: 28px;line-height: 32px;margin-bottom: 40px;} article.comment-body {padding: 15px 5px; padding-right: 15px;margin: 20px 0px;} div.comment-metadata a {color: #bfb7b7;text-decoration: none;font-size: 12px;} ol.comment-list {list-style-type: none;margin: 0px 0px;background-color: #f4f4f4;} ol.children li {padding: 0px 10px 0px 10px;border: 2px solid white;border-right: none;} ol.comment-list li {list-style-type: none; } div.comment-author img{float: left;padding: 0px 10px 20px 0px;} div.comment-content {clear: left;margin: 5px 0px 30px 0px;} div.reply a {background-color: black;padding: 8px 15px;color: white;text-decoration: none;} div.reply a:hover {background-color: #ed4204;color: white;} div.comment-respond {padding: 10px 10px;} .comment-respond h3 {font-size: 28px;font-family: Georgia, "Times New Roman", Times, serif;} p.comment-form-comment label {position: relative;top: 0px;} p.comment-form-author label {position: absolute;} p.comment-form-email label {position: absolute; } p.comment-form-url label {position: absolute;} textarea#comment {width: 100%;height: 150px;background-color: #f9f9f9;} input#author {position: relative;top: 30px;padding: 5px 0px;margin-bottom: 30px;} input#email {padding: 5px 0px;position: relative;top: 30px;margin-bottom: 30px;} input#url {padding: 5px 0px;position: relative;top: 30px;margin-bottom: 30px;} input#submit {border: none;background-color: #1e1e1e;padding: 10px 10px;color: white;font-family: 'Century Gothic';margin-top: 10px;} input#submit:hover {background-color: #5ec2ed;} /* Pagination */ nav a.page-numbers {background-color: #1e1e1e;padding: 8px 13px;color: white;text-decoration: none;border-radius: 5px;} nav a.page-numbers:hover {background-color: #5ec2ed;} nav span.page-numbers.current {background-color: #00bcd4;padding: 8px 13px;border-radius: 5px;color: white;} nav span.page-numbers.current:hover {background-color: #5ec2ed;} .handle{width: 100%;background-color: yellow;cursor: pointer;box-sizing: border-box;padding: 15px 10px;display: none;} /* Media Screen */ @media screen and (max-width: 920px){ div.main-column {width: 100%;float: none;margin-right:0px;margin-bottom:20px;} div.secondary-column {width: 100%;float: none;} div.secondary-column div.widget-item ul {padding:20px;} .footer-widget-area{width:47%;margin-right:1%;} .footer-widget-area:last-of-type{width:100%;padding-right:35px;} .site-header nav ul {display: block;} } @media screen and (max-width: 770px){ .footer-widget-area{width:100%;margin-right:0px;float:none;padding-right: 35px;} .site-header nav ul {display: block;} div.newsletter_box{height:250px;} #headerimage { padding-left: 20px;} } @media screen and (max-width: 550px){ div.one-half{width:100%;float:none;margin-right:0px;} .site-header nav ul { display: none;} .site-header nav ul li{ box-sizing:border-box; width: 100%} .handle{display: block; color: white; background-color: #2b2727; text-align: center;} div.searchbox #s { padding-right: 0px; padding-left: 0px; margin-bottom:6px;} div.searchbox #searchsubmit {Padding-right: 10px; padding-left: 10px;margin: 0px 0px 0px 4px; } div.newsletter_box form{text-align: left;padding-left: 4px;} div.newsletter_box{height: 330px;} .newsletter_box form input#mce-FNAME{padding-left:5px; padding-right: 5px;} .newsletter_box form input#mce-EMAIL{padding-left:5px; padding-right: 5px;} .newsletter_box form input#mc-embedded-subscribe {padding-left:52px; padding-right: 52px;} #headerimage { padding-left: 5px;} } /* Leave Comment Link */ .comment-link:hover { background-color: none; color: #5ec2ed; } .comment-link { text-decoration: none; } /* Jetpack Smiley */ img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden} /*Header New*/ div.header_main{ max-width: 1220px; margin: 0 auto; box-sizing: border-box; } div.header_left{ float: left; width: 30%; margin: none; box-sizing: border-box; } div.header-right{ float: right; width: 70%; margin: none; box-sizing: border-box; } @media screen and (max-width: 920px){ div.header_left{ float:none; width: 100%; text-align: center;} div.header-right{float: none; width: 100%;} } @media screen and (max-width: 620px){ article.post1 h1 a{font-size: 30px;} article.post-single h1 {font-size: 30px;} article.post h1 a{font-size: 30px;} article.post-page h1 {font-size: 30px;} article.post.has-thumbnail h1 a{font-size: 30px;} } div.main_home_front{ max-width: 1400px; } /* Main Header */ div.header_background{ background-image: url("http://localhost/wordpress/wp-content/uploads/2017/11/pexels-photo-325924-1.jpeg"); padding: 13em 3em; background-attachment: cover; background-repeat: no-repeat; } div.header_background h1{ font-size: 3.2em; color: #1e1e1e; font-weight: 700; } div.header_background h4{ padding-bottom: 1.9em; font-size: 1.4em; } div.header_background a{ font-size: 2em; color: white; background-color: #00bcd4; font-weight: 500; padding: 10px 20px; } div.header_background a:hover{ background-color: #1e1e1e; } /*First Section*/ div.first_main{ padding: 6em 1em 1em 1em; box-sizing: border-box; background-image: url("http://localhost/wordpress/wp-content/uploads/2017/11/business-woman-2756210_1280-1.jpg"); background-repeat: no-repeat; background-color: white; } div.first_section_below{ float: right; width: 53%; margin: none; text-align: center; padding: 1em 1.5em; box-sizing: border-box; } div.first_section_below h4{ padding-bottom: 3.8em; } div.first_section_below h1{ font-size: 2.5em; padding-bottom: 15px; } div.first_section_left{ float: left; width: 50%; margin: 0px; box-sizing: border-box; } div.first_section_left h1{ font-size: 2em; font-weight: 700; color: #00bcd4; } div.first_section_right{ float: right; width: 50%; margin: 0px; box-sizing: border-box; } div.first_section_right h1{ font-size: 2em; font-weight: 700; color: #00bcd4; } /*Second Section*/ div.second_main{ box-sizing: border-box; background-color: #1e1e1e; text-align: center; color: white; } div.second_main h1{ font-size: 6.5em; font-weight: 900; padding-bottom: 10px; } div.second_section_one{ float: left; width: 33%; margin: 0px; background-color: #ffdd3c; box-sizing: border-box; padding: 4em 1.5em; } div.second_section_two{ float: left; width: 34%; margin: 0px; background-color: #00bcd4; box-sizing: border-box; padding: 4em 1.5em; } div.second_section_third{ float: right; width:33%; margin: 0px; background-color: #ff160a; box-sizing: border-box; padding: 4em 1.5em; } /*Third Section*/ div.third_main{ box-sizing: border-box; text-align: center; background-image: url("http://localhost/wordpress/wp-content/uploads/2017/11/pexels-photo-256307.jpeg"); padding: 12em 2em; background-repeat: no-repeat; background-position: right; background-color: white; } div.third_section_one{ float: left; width: 55%; margin: 0px; box-sizing: border-box; } div.third_section_one h1{ font-size: 4em; } /*Fourth Section*/ div.fourth_main{ text-align: center; box-sizing: border-box; } div.fourth_section_one{ margin: 0px; background-color: #f18902; padding: 5em 3em; box-sizing: border-box; color: white; } div.fourth_section_one h1{ font-size: 4em; } div.header_background span{ font-size:1.8em; color: #00bcd4; } @media screen and (max-width: 920px){ div.first_main{background-size: 0 0;} div.first_section_below{float: none;width: 100%;} div.header_background{padding: 8em 2em;} div.header_background a{font-size: 1.5em;} div.header_background span{font-size: 1em;} div.second_section_one{float: none;width: 100%;} div.second_section_two{float: none;width: 100%;} div.second_section_third{float: none;width: 100%;} div.third_main{background-size: 0 0;padding: 6em 2em;background-color: #ececec;} div.third_section_one{float: none;width: 100%;} } @media screen and (max-width: 740px){ div.first_section_left {float: none;width: 100%;} div.first_section_right{float: none;width: 100%;} div.fourth_section_one h1{font-size: 3em;} div.third_section_one h1{font-size: 3.5em;} div.first_section_below h1{font-size: 2em;} div.header_background h1{font-size: 2em;} div.third_main{padding: 5em 1em;} } @media screen and (max-width: 530px){ div.header_background span{font-size: 0.8em;} div.fourth_section_one h1{font-size: 2em;} div.third_section_one h1{font-size: 3em;} } /* WordPress Classes */ .wp-caption, .wp-caption-text, .sticky, .screen-reader-text, .gallery-caption, .bypostauthor, .alignright, .alignleft, .aligncenter{box-sizing: border-box;}