this is my custom CSS code on theme
/*
// Buttons
*/
.x-btn {
font-weight: 700;
}
.x-btn.x-btn-alt,
.button.x-btn-alt,[type=“submit”].x-btn-alt {
border-color: #02aed6;
background-color: #02aed6;
box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}
.x-btn.x-btn-alt:hover,
.button.x-btn-alt:hover,[type=“submit”].x-btn-alt:hover {
border-color: #0b8ead;
background-color: #0b8ead;
box-shadow: 0 0.25em 0 0 #097690, 0 4px 9px rgba(0, 0, 0, 0.75);
}
/*
// Dropcap
*/
.x-dropcap {
background-color: #02aed6;
}
/*
// Headings - Dark section
*/
.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section h1 a,
.dark-section h2 a,
.dark-section h3 a,
.dark-section h4 a,
.dark-section h5 a,
.dark-section h6 a {
color: #fff;
}
.dark-section h1 a:hover,
.dark-section h2 a:hover,
.dark-section h3 a:hover,
.dark-section h4 a:hover,
.dark-section h5 a:hover,
.dark-section h6 a:hover {
color: #fff;
opacity: 0.65;
}
/*
// Sidebar
*/
.widget a {
color: #02aed6;
}
/*
// Contact Form 7
*/
.wpcf7-form {
margin: 0;
}
@media (min-width: 2980px) {
.x-nav-wrap.desktop {
display: none
}
.x-nav-wrap.mobile {
display: block
}
.x-nav-wrap.mobile.x-collapsed {
display: none;
}
.masthead-inline .x-btn-navbar {
display: block;
float: right
}
.masthead-stacked .x-btn-navbar {
display: inline-block
}
.x-recent-posts .h-recent-posts {
color: rgb(16,169,166);
}