style.css

/*
Theme Name:     WebberZone 2020
Theme URI:      https://webberzone.com
Template:       neve
Author:         Ajay D'Souza
Author URI:     https://webberzone.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*
 * The cool thing about Lato and Raleway fonts is that they look great at light (300) and
 * regular (500) font weight. So we only use bold (700) sparingly.
 */
body {
	font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
	font-size: 18px;
	/*BS is 16px;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', Arial, 'Helvetica Neue', sans-serif;
	/*"Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

h1 {
	font-size: 55px;
}

ul,
ol {
	list-style-position: outside;
}

ul {
	list-style-type: circle !important;
	margin-left: 20px;
}

/* Override to remove any content for the Font Awesome Icons. Because TinyMCE keeps stripping away the <i> tags for lack of content */
.fa,
.fas,
.fab {
	content: '';
}

/* Special features */
.site-title {
	color: #ffa500 !important;
	font-family: 'Courgette', 'Lato', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 24pt !important;
}

mark,
.mark {
	background: #fcf8e3;
	color: #000;
	padding: 0.2em;
}

.scrollToTop {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 75px;
	right: 40px;
	display: none;
	z-index: 1000;
}

.scrollToTop:hover {
	text-decoration: none;
}

.wz-home-cover-image {
	background-image: url(https://webberzone.com/wp-content/uploads/2015/06/WZ-Laptop.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #000;
}

.wz-home-cover-image h1 {
	padding: 10px;
}

@media only screen and (max-width: 1000px) {
	.wz-home-cover-image {
		/* The file size of this background image is 93% smaller
		 to improve page load speed on mobile internet connections */
		background-image: url(https://webberzone.com/wp-content/uploads/2015/06/WZ-Laptop-1024x683.jpg);
	}
}

/* Knowledge Base */
.nav-links {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #000;
}

.content-area {
	padding-left: 10px;
}

/* Social menu */
ul.socialmenu {
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 580px;
}

ul.socialmenu li {
	list-style-type: none;
	float: left;
	padding: 0 !important;
}

ul.socialmenu li a i,
.socialmenu .fa {
	background: #205d7a;
	color: #fff;
	border-radius: 40px;
	text-align: center;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
	width: 80px;
	height: 80px;
	padding-top: 15%;
}

.socialmenu .fa-facebook,
.socialmenu .fa-facebook-square {
	background: #3b5998;
}

.socialmenu .fa-linkedin,
.socialmenu .fa-linkedin-square {
	background: #007bb6;
}

.socialmenu .fa-twitter,
.socialmenu .fa-twitter-square {
	background: #00aced;
}

.socialmenu .fa-google-plus,
.socialmenu .fa-google-plus-square {
	background: #dd4b39;
}

.socialmenu .fa-wordpress,
.socialmenu .fa-wordpress-square {
	background: #205d7a;
}

.socialmenu .fa-github,
.socialmenu .fa-github-square {
	background: #000;
}

.socialmenu .fa-rss,
.socialmenu .fa-rss-square {
	background: #fa9b39;
}

ul.socialmenu li a i:hover {
	opacity: 0.7;
}

/* Contact form 7 */
.wpcf7 form {
	position: relative;
}

.wpcf7 form>div,
.wpcf7 form>p {
	margin-bottom: 1.2em;
}

.wpcf7 .wpcf7-form-control-wrap {
	width: 100%;
	display: block;
}

.wpcf7 input:not([type='submit']):focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	background: #fff;
	border-color: #eaeaea;
	outline: 0;
	box-shadow: none;
}

.wpcf7 input:not([type='submit']),
.wpcf7 select,
.wpcf7 textarea {
	width: 100%;
	padding: 0.75em;
}

.wpcf7 input[type='file'] {
	color: #666;
	height: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #eaeaea;
	border-radius: 2px;
	background: #fafafa;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.2s linear;
}

.wpcf7 input[type='checkbox'],
.wpcf7 input[type='radio'] {
	display: inline-block;
	background: #e9eef2;
	color: #555;
	clear: none;
	cursor: pointer;
	line-height: 0;
	height: 1.2em;
	margin: -3px 4px 0 0;
	outline: 0;
	padding: 0;
	border-radius: 0.2em;
	text-align: center;
	vertical-align: middle;
	width: 1.4em;
	min-width: 1.4em;
	transition: all 0.2s linear;
}

.wpcf7 .wpcf7-validation-errors {
	border-color: red;
}

/* Load Google Fonts */
@font-face {
	font-family: 'Courgette';
	font-style: normal;
	font-weight: 400;
	src: local('Courgette Regular'), local('Courgette-Regular'),
		url('fonts/courgette.woff2') format('woff2'),
		url('fonts/courgette.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'),
		url('fonts/lato-light.woff2') format('woff2'),
		url('fonts/lato-light.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'),
		url('fonts/lato-regular.woff2') format('woff2'),
		url('fonts/lato-regular.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'),
		url('fonts/lato-bold.woff2') format('woff2'),
		url('fonts/lato-bold.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: local('Raleway Light'), local('Raleway-Light'),
		url('fonts/raleway-light.woff2') format('woff2'),
		url('fonts/raleway-light.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), url('fonts/raleway-regular.woff2') format('woff2'),
		url('fonts/raleway-regular.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: local('Raleway Bold'), local('Raleway-Bold'),
		url('fonts/raleway-bold.woff2') format('woff2'),
		url('fonts/raleway-bold.ttf') format('truetype');
	font-display: swap;
}