/*
Theme Name: SonnyDesign2019
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept). → CAUTION: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions. → DESCRIPTION: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. → SUPPORT: Please use the official support forum (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "TidyThemes Sucks!" (tidythemes.com/tidythemes-sucks). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css) → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been opened up on GitHub (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate
BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
/*
=============================================== HTML5 BOILERPLATE RESET FILE ===============================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content: none;
}
table {
/* display: block; */
/* float:right; */
border-collapse: collapse;
border-spacing: 0;
}
/* {-webkit-backface-visibility: hidden; Fix for transition flickering }*/
/* -------------------- Headings -------------------- */
h1 {font-size: 32px;padding:10px 0;}
h2 {font-size: 21px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
small {font: 11px'Arial';}
p {font: 14px/21px'Arial', Helvetica, sans-serif;font-family: 'Roboto', sans-serif;}
p.services-single:first-letter {font-size: 60px;color: #fecb00;text-transform: uppercase;}
/* -------------------- Misc -------------------- */
.medf-size {font-size: 21px;}
.smlf-size {font-size: 28px;}
.lgf-size {font-size: 42px;}
.vlf-size {font-size: 72px;}
.bg-shadow {background: none repeat scroll 0 0 #FFFFFF;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.add-top-padding {padding-top: 20px !important;}
.add-margin-bottom {margin-bottom: 30px !important;}
.no-padding {padding: 0 0 0 0 !important;}
.no-padding-left {padding-left: 0 !important;}
.no-padding-right {padding-right: 0 !important;}
.activate-btn {background: none repeat scroll 0 0 #fecb00 !important;}
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: .6;
-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/*
=============================================== PRIMARY STYLES ===============================================
*/
/* General */
* {
font-family: Avenir, Helvetica, Arial, sans-serif !important;
}
body {
line-height: 21px;
}
h1, h2, h3, h4, h5
{
line-height: normal;
}
.container {
width: 74%;
margin: 0 13%;
}
a.post-edit-link {display:block;margin:10px 0;line-height:20px;}
.post.not-found {text-align: center;padding:120px 0;}
.post.not-found header, .post.not-found p {padding:10px;}
.required {
color: #790000;
}
.wp-caption {
display: inline-block;
}
/* Header */
.fullhead {
background-color: #191616;
background-image: url('img/images2019/background-header.jpg');
background-position: center top;
background-repeat: no-repeat;
position: fixed;
width: 100%;
z-index: 599;
}
header#header .logo {
background: url('img/images2019/logo.png') no-repeat 0 0 transparent;
background-size: auto 100%;
color: transparent;
font: 0/0 a;
margin-top: 20px;
text-shadow: none;
}
header#header .contact-information {
text-align: right;
}
header#header .social-media-links {
margin-top: 7px;
}
header#header .social-media-links .new-icon-facebook {
background: url('img/images2019/facebook.png') no-repeat 0 0 transparent;
display: block;
height: 25px;
width: 25px;
}
header#header .social-media-links .new-icon-twitter {
background: url('img/images2019/twitter.png') no-repeat 0 0 transparent;
display: block;
height: 26px;
width: 27px;
}
header#header .social-media-links .new-icon-instagram {
background: url('img/images2019/instagram.png') no-repeat 0 0 transparent;
display: block;
height: 26px;
width: 26px;
}
header#header .contact-list {
line-height: normal;
margin-top: 8px;
}
header#header .contact-list li {
color: #9b9a9a;
font-size: 12px;
font-weight: bold;
}
header#header .contact-list-email {
background: url('img/images2019/envelope.png') no-repeat 0 0 transparent;
height: 18px;
padding-left: 35px;
padding-top: 6px;
}
header#header .contact-list-telephone {
background: url('img/images2019/telephone.png') no-repeat 0 0 transparent;
height: 24px;
margin-left: 8px;
padding-left: 40px;
}
header#header .contact-list-mobile {
background: url('img/images2019/cellphone.png') no-repeat 0 0 transparent;
height: 34px;
margin-left: 8px;
padding-left: 20px;
padding-top: 21px;
}
/* Navigation */
div#nav-wrapper {
background-color: #ffcd05;
}
div#nav-wrapper .navbar-default {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
font-size: 13px;
margin-bottom: 0;
min-height: 30px;
}
/* Body */
.fullbody {
background-color: #e0dfdf;
}
/* Banner */
.banner {
background-color: #ffffff;
margin-bottom: 20px;
}
.banner .container .banner-image {
width: 100%;
}
.banner .container .banner-title {
color: #9b9a9a;
font-size: 18px;
font-weight: bold;
}
.banner .container .banner-title em {
color: #ffcd05;
display: block;
font-size: 76px;
font-style: italic;
margin-left: -20px;
}
.banner .container .banner-subtitle {
color: #9b9a9a;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
}
.banner .container .banner-subtitle ul li {
display: inline;
}
.banner .container .banner-subtitle ul li:after {
color: #ffcd05;
content: " /";
}
.banner .container .banner-subtitle ul li:last-of-type:after {
content: "";
}
/* Home Slider */
.home-slider {
background-color: #ffffff;
margin-bottom: 20px;
}
.home-slider .home-slider-banner {
background-color: #e0dfdf;
color: #9b9a9a;
padding: 20px;
width: 100%;
z-index: 499;
}
.home-slider .home-slider-banner h2 {
font-weight: bold;
margin-bottom: 10px;
}
.home-slider .home-slider-banner p {
text-align: justify;
}
.home-slider .nivoSlider {
max-height: 412px;
}
/* Home Panel */
.home-panels a {
text-decoration: none;
}
.home-panel {
color: #ffffff;
margin-bottom: 20px;
padding: 15px 20px 10px;
text-align: center;
}
.home-panel:hover {
background-color: #fecb00;
}
.home-panel h3 {
font-size: 14px;
font-weight: bold;
padding: 20px 0 10px 0;
}
.home-panel p {
font-size: 12px;
text-decoration: none;
}
.home-panel-logo {
background-color: #e26022;
}
.home-panel-web {
background-color: #dc1627;
}
.home-panel-graphic {
background-color: #7bb225;
}
.home-panel-corporate {
background-color: #50abbe;
}
.home-panel-photo {
background-color: #9e2368;
}
.home-panel-print {
background-color: #f0646d;
}
/* Request Quote */
#sidebar #text-2 {
display: none;
}
body#contact-us #sidebar #text-2 {
display: block;
}
#sidebar #gform_widget-2 {
background-color: #9b9a9a;
color: #ffffff;
font-size: 16px;
padding: 15px 30px;
}
#sidebar #gform_widget-2 h4 {
font-size: 24px;
font-weight: bold;
text-align: center;
}
#sidebar #gform_widget-2 .widget-body {
background-color: #9b9a9a;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#sidebar #gform_widget-2 .gform_footer {
text-align: center;
}
#sidebar #gform_widget-2 .gform_footer #gform_submit_button_4 {
background-color: #ffcd05;
border: none;
color: #ffffff;
font-size: 18px;
padding: 5px 20px;
text-transform: uppercase;
}
/* Latest Projects */
.latest-projects {
margin: 20px 0;
}
.latest-projects h4 {
color: #9b9a9a;
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.latest-projects .latest-projects-panel {
background-color: #dc1627;
margin-bottom: 20px;
}
.latest-projects .latest-projects-panel a {
display: block;
line-height: 0;
}
.latest-projects .latest-projects-panel a img {
width: 100%;
}
.latest-projects .latest-projects-portfolio {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.latest-projects .latest-projects-portfolio a {
color: #9b9a9a;
text-decoration: none;
}
/* Logo Carousel */
.client-carousel {
background-color: #ffffff;
padding: 30px 0;
}
/* Footer */
#footer {
background-color: #191616;
background-image: url('img/images2019/background-footer.jpg');
background-position: center bottom;
background-repeat: no-repeat;
font-size: 14px;
min-height: 400px;
padding: 56px 0;
}
#footer .footer-about-us p {
color: #656363;
text-align: justify;
}
#footer .footer-contact-us {
color: #c5c5c5;
}
#footer .footer-contact-us ul li i {
color: #3b3331;
font-size: 72px;
}
#footer .footer-contact-us ul li .media-heading {
color: #ffffff;
}
/* Copyright */
#copyright {background: none repeat scroll 0 0 #464545;text-align: center;font: bold 11px'Arial', Helvetica, sans-serif;}
#copyright .copyright {line-height: 30px;color: #FFFFFF;}
/* Free Quote */
#free-quote .articles .header .entry-title {
text-transform: uppercase;
}
.request-quotation-input-group {
margin: 10px 0 8px;
}
.request-quotation-label {
font-weight: bold;
}
.request-quotation-input input,
.request-quotation-input select,
.request-quotation-input textarea
{
width: 100%;
}
.request-quotation-submit {
margin-top: 20px;
text-align: center;
}
.request-quotation-submit input {
background-color: #ffcd05;
border: none;
color: #ffffff;
font-weight: bold;
padding: 5px 20px;
text-transform: uppercase;
}
/* Breadcrumb */
.breadcrumb-wrapper {
width: 100%;
margin-bottom: 30px;
}
.breadcrumb-wrapper .breadcrumb {
background: none repeat scroll 0 0 transparent;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
margin: 0 0 0 0;
padding: 8px 30px;
}
.breadcrumb-wrapper .breadcrumb li {
font-size: 12px;
color:#9b9b9b;
}
.breadcrumb-wrapper .breadcrumb li a {
color:#9b9b9b;
}
.breadcrumb-wrapper .breadcrumb li a:hover {
color:#221918;
}
/* Back To Up Plugin */
#backtop {position: relative;display: block;height: 0px;}
#backtop .btn-backtop span {position: absolute;right: 0;bottom: 0;cursor: pointer;display: block;background: none repeat scroll 0 0 #FFFFFF;font-size: 42px;color: #221918;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;padding: 14px 6px;}
#backtop .btn-backtop span:hover {background: none repeat scroll 0 0 #fecb00;color: #FFFFFF;}
/* Divider */
.divider {
border-bottom: 6px solid #b6b6b6;
font-size: 14px;
position: relative;
}
.divider a {
background: none repeat scroll 0 0 #cacbcb;
color: #221918;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
padding: 8px 8px;
position: absolute;
margin-top: -8px;
z-index: 499;}
.divider a:after {top: 0;left: 0;margin: 0 0 0 -8px;content:" ";border-top: 4px solid transparent;border-left: 4px solid transparent;border-right: 4px solid #9b9b9b;border-bottom: 4px solid #9b9b9b;display: block;position: absolute;}
.divider a:before {top: 0;right: 0;margin: 0 -8px 0 0;content:" ";border-top: 4px solid transparent;border-left: 4px solid #9b9b9b;border-right: 4px solid transparent;border-bottom: 4px solid #9b9b9b;display: block;position: absolute;}
/* Article */
.articles {
color: #767676;
margin-bottom: 30px !important;
}
.articles > div > div > article {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
padding: 15px 35px;
}
.articles article {
background-color: #ffffff;
}
.articles article h1.entry-title > a {
color: #221918;
}
.articles article h2 {
color: #221918;
font-weight: bold;
padding: 0 0 4px;
}
.articles article h2 > a {
color: #221918;
}
.articles article h3 {
color: #fecb00;
font-weight: bold;
padding: 7px 0 4px;
}
.articles article p {
padding: 0 0 10px;
text-align: justify;
}
/* Portfolio Navigation */
.portfolio-navigation {background: none repeat scroll 0 0 #FFFFFF;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;-webkit-border-radius: 0 0 0 0;-moz-border-radius: 0 0 0 0;border-radius: 0 0 0 0;margin: 10px 0 20px;}
.portfolio-navigation .navbar-brand {color: #221918;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav {margin: 0 0 0 0;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav > li {padding: 0 0 0;margin: 15px 0;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav > li > a {border-right: 1px solid #544b4a;padding: 0 18px 0;color: #221918;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav > li:first-child > a {padding: 0 18px 0 0;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav > li:last-child > a {padding: 0 8px 0 18px; border-right: none;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav > li > a:hover {color: #fecb00;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav ul.dropdown-menu{background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
.portfolio-navigation #portfolio-navigation-collapse .portfolio-navbar-nav ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #fecb00;}
/* Portfolio Mosaic */
.portfolio-mosaic {
margin: 0 0 30px;
width: 100%;
}
.portfolio-mosaic .img-overlay {position: relative;z-index: 499;}
.portfolio-mosaic .img-overlay .recent-caption {position: absolute;z-index: 599;bottom: 0;width: 100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 60px;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.portfolio-mosaic .img-overlay .recent-caption .p-caption {color: #FFFFFF;width: 100%;text-align: center;padding: 8px 0 8px;top: 0;position: absolute;bottom: 0;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.portfolio-mosaic .img-overlay:hover .recent-caption .p-caption {margin: 54% 0 0;}
.portfolio-mosaic .img-overlay:hover .recent-caption {height: 100%;}
.portfolio-mosaic .img-overlay .recent-icons {position: absolute;z-index: 600;top: 45%;bottom: 0;opacity: 0;left: 50%;margin: 0 0 0 -40px;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.portfolio-mosaic .img-overlay:hover .recent-icons {opacity: 1;}
.portfolio-mosaic .img-overlay .recent-icons a {background: none repeat scroll 0 0 #FFFFFF;display: inline-block;width: 36px;height: 36px;text-align: center;line-height: 36px;color: #221918;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.portfolio-mosaic .img-overlay .recent-icons a:hover {background: none repeat scroll 0 0 #fecb00;color: #FFFFFF;}
/* Gallery */
.gallery .gallery-item .gallery-icon a img {
height: auto;
}
/* Comments */
section#comments {
margin: 20px 0;
}
section#comments .comment-form-comment label {
display: block;
}
section#comments .comment-form-comment textarea {
width: 100%;
}
/* Quick Request Quote */
.quick-request-quote .row {
margin: 0;
}
.quick-request-quote-title {
background-color: #fecd06;
height: 270px;
padding-top: 10px;
}
.quick-request-quote-title h3 {
color: #ffffff;
font-size: 32px;
padding: 15px;
text-align: center;
}
.quick-request-quote-title span {
color: #ffffff;
display: block;
font-weight: bold;
margin-top: 40px;
padding: 15px;
text-align: center;
}
.quick-request-quote-body {
background-color: #1b1517;
height: 270px;
}
.quick-request-quote-body .wpforms-container {
position: relative;
}
.quick-request-quote-body .wpforms-field-container {
padding-top: 15px !important;
position: relative !important;
}
.quick-request-quote-body #wpforms-1061-field_0-container,
.quick-request-quote-body #wpforms-1061-field_1-container,
.quick-request-quote-body #wpforms-1061-field_3-container,
.quick-request-quote-body #wpforms-1061-field_4-container
{
width: 40%;
}
.quick-request-quote-body #wpforms-1061-field_0-container input,
.quick-request-quote-body #wpforms-1061-field_1-container input,
.quick-request-quote-body #wpforms-1061-field_3-container input,
.quick-request-quote-body #wpforms-1061-field_4-container select
{
max-width: 90%;
}
.quick-request-quote-body #wpforms-1061-field_2-container {
padding-top: 25px;
position: absolute;
right: 0;
top: 0;
width: 60%;
}
.quick-request-quote-body .wpforms-submit-container {
position: absolute !important;
bottom: 10%;
right: 0;
text-align: right;
width: 60% !important;
}
.quick-request-quote-body .wpforms-submit-container .wpforms-submit {
background-color: #fecd06 !important;
border: none !important;
color: #ffffff !important;
font-weight: bold;
text-transform: uppercase;
width: 30%;
}