/*
 Theme Name:   Gabriel Theme
 Theme URI:    
 Description:  Child Theme of Sparkling
 Author:       Torre Automotive
 Author URI:   http://www.torreauto.co.za
 Template:     sparkling
 Version:      1.0.0
 Tags:         Gabriel, Shock Absorbers, Part of your family for life, safety
 Text Domain:  gabriel
*/

/*
For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where twentyfourteen is the name of the directory where the theme resides:

Make sure you uncomment out this import line below if you want to include the parent CSS and the wp_enqueue_style() is not working. If you do not then you will not have any styling in your child theme from the parent theme.
*/



@import url("../sparkling/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* HEADER */

body { 
background:url(images/background2.jpg) no-repeat center top fixed;
}

.navbar.navbar-default { 
background-color: #790508; 
padding-bottom:20px;
}

.nav>li>a { 
padding: 25px 10px 10px 10px;
}

.navbar-header { 
width:30%; 
}

#home-serach { 
width:20%; float:right; margin-top:-100px; z-index:1;
}

#s, #searchsubmit { 
height:25px; font-size:10px; 
}

.container { 
padding-bottom: 0px; padding-top: 20px; 
}


/* #masthead { position:fixed; }*/

#header-image { 
background: url(images/header-badge.gif) no-repeat center; height:430px; margin-top:-70px; 
}

#header-text { 
color:#FFFFFF; font-size:26px; font-weight:bold; width: 350px; margin:auto; padding-top:20px; 
}

#media-header-text { 
color:#FFFFFF; font-size:26px; font-weight:bold; width: 100%; margin-top:-50px;
}

#media-header-text p { 
margin: auto; 
}

/*#frontpageheading #header-text p {text-align:center; line-height:16px; padding-top:30px; }*/

#media-btn { 
width:242px; padding-top:80px; 
}

#go-btn { 
width:242px; margin-top:-90px;
margin-right: 80px;
float:right 
}

#go-btn a:hover {
	size:90%;
}

#sign-btn { 
margin:auto; width:85%; 
}

#sign-btn img { 
width:12%;
}

#footer-menu img { 
width:12%;
}

#footer-menu { 
margin:auto; 
width:70%;
}

.site-navigation-inner { 
margin-top:20px;
}


/* CONTENT */

h3 .Wp-Normal-P { 
padding-top:15px; 
}

#main { 
background-color:#FFFFFF; padding-bottom:20px; 
}

.page-template-page-fullwidth-shocks-php 
.col-md-8 { 
width: 100%;
}

.page-template-page-fullwidth-map-php 
.col-md-8 { 
width: 100%;
}

.page-template-page-fullwidth-worn-php 
.col-md-8 { 
width: 100%;
}

.page-template-page-fullwidth-mediacenter-php 
.col-md-8 { 
width: 100%;
}

.search-php 
.col-md-8 { 
width: 100%;
}

h3 { clear:both;}
h2 { clear:both;}

.yourcustomclass { 
clear:both;
}

.page-title { 
padding-left:50px; 
padding-bottom:30px; 
}

.entry-title {
	margin-left: 50px;
}

.page-content, 
.entry-content, 
.entry-summary { 
padding: 0 50px 50px 50px; 
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 
color:#980002; 
font-family: 'Roboto Slab', serif; 
}

/* MEDIA */

#media-page-top { 
background:url(images/media-center-bg.png) no-repeat bottom; 
height:560px; 
background-size:100%; 
margin:-10px 15px 0 15px; 
position: relative; 
top: 0px; 
left: 0px;  
}

#go-campaign-page-top { 
background:url(images/go-campaign-header.png) no-repeat top; 
height:420px; 
background-size:100%; 
margin:-50px 15px 0 15px; 
position: relative; 
top: 0px; 
left: 0px;  
}

#go-campaign-page-top2 { 
background:url(images/Go-Campaign-header2.png) no-repeat top; 
height:449px; 
background-size:100%; 
margin:-50px 15px 0 15px; 
position: relative; 
top: 0px; 
left: 0px;  
}

#go-campaign-page-top3 { 
background:url(images/Go-Campaign-header3.png) no-repeat top; 
height:404px; 
background-size:100%; 
margin:-50px 15px 0 15px; 
position: relative; 
top: 0px; 
left: 0px;  
}

#media-menu { 
position: absolute; 
bottom: 0px; 
left:20px; 
padding-bottom:45px; 
width:100%; 
}

#media-menu img { 
bottom:0px; width:16%;
}

pre {
display: block;
padding: 0;
margin: 0 0 0;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #FFFFFF;
border: none;
border-radius: 0px;
}


/* MENU */

.navbar-default 
.navbar-nav > li > a { 
line-height: 0;
}

.nav.navbar-nav { 
padding-top:20px;
}

#menu-footer-menu {font-size:10px !important;
}


/* HOME PAGE CONTENT */

.post-inner-content { 
padding: 0px 50px 25px 50px; 
background-color: none; 
border: 0; 
border-top: 0;
}

.post-inner-content:first-child { 
border-top: 0;
}

/*#frontpageheading h1, p { text-align:center;}*/

#page-top { 
padding-right:15px; 
padding-left:15px;
}

#gocampaign-page-top { 
padding-right:15px; 
padding-left:15px;
margin-top:-50px;
}

h1 { 
margin: 0 0 .67em 0;
}

.entry-content, 
.entry-summary { 
margin: 0 0 1.5em 0;
}

.main-content-area { 
margin-bottom: 0px;
}

/* FOOTER */

#footer-area { 
background-color: #ffffff; 
color: #999;
}

#footer-area a { 
color:#646464;
}

#footer-area a:hover { 
color:#CF0003;
}

#colophon {
background-color: #ffffff;
padding: 5px 0;
border-top: 0;
}

.footer-nav.nav { 
padding-left:20px;
}

.copyright { 
padding-right:40px; margin-top: 20px;
}

/* TOOLTIPS (You need to specify aria-label="Your copy here" in your <a> tag to activate tooltip) */

.tooltipped {
position: relative;
}

.tooltipped-n:before, 
.tooltipped-ne:before, 
.tooltipped-nw:before {
top: -5px;
right: 50%;
bottom: auto;
margin-right: -5px;
border-top-color: rgba(0,0,0,0.8);
}

.tooltipped:before {
position: absolute;
z-index: 1000001;
display: none;
width: 0;
height: 0;
color: rgba(0,0,0,0.8);
pointer-events: none;
content: "";
border: 5px solid transparent;
}

.tooltipped-multiline.tooltipped-s:after, 
.tooltipped-multiline.tooltipped-n:after {
right: auto;
left: 50%;
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}

.tooltipped-multiline:after {
width: -moz-max-content;
width: -webkit-max-content;
max-width: 250px;
word-break: break-word;
word-wrap: normal;
white-space: pre-line;
border-collapse: separate;
}

div.wpcf7-mail-sent-ok {
	background-color:#67AC00;
	color:#FFFFFF;
}

/* Media Queries
-------------------------------------------------------------- */

@media (max-width: 1200px) {
	
}
@media (max-width: 992px) {
  
#header-image {
background: url(images/header-badge.png) no-repeat center;
background-size: 100%;
height: 430px;
}


#media-btn img{ 
width:85%;
}

#media-btn {
padding-top: 80px;
}

#footer-menu {
width: 65%;
}

#footer-menu img {
width:23%;
}

.post-inner-content {
padding: 0px 30px 25px 30px;
}

.container {
padding-right: 5px; 
padding-left: 5px;
}

#media-page-top { 
height:360px; 
}

#home-serach {
width: 30%;
float: right;
height: 20px;
margin-top: -170px;
}

.navbar-header {
width: 100%; 
}

}

@media (max-width: 767px) {
  
#header-image {
height: 330px; 
padding:0 20px;
}


#media-btn img { 
width:65%;
}

#media-btn {
padding-top: 40px;
}

#sign-btn { 
width: 75%;
}

#sign-btn img { 
width:24%;
}

#home-serach {
width: 40%;
float: left;
height: 20px;
margin-top: -20px;
margin-left:30px;
z-index:100;
}

.navbar-default 
.navbar-collapse, 
.navbar-default 
.navbar-form {
background-color:#630001;
}

}

@media (max-width: 450px) {

#header-image {
height: 200px;
}

#media-btn img { 
width:40%;
}

#media-btn {
padding-top: 15px;
}

#footer-menu { 
width: 100%;
}

#footer-menu img {
width:24%;
}

#header-text {
font-size: 16px; 
width: 100%; 
margin: auto;
}

#media-header-text {
font-size: 16px; 
margin-top:-50px;
}

#media-header-text {
font-size: 16px; 
width: 100%; 
margin: auto;
}

#home-serach { 
width:80%; 
float:left;
margin-top:-18px; 
}

.navbar-toggle {
margin-top: 30px;
}

#media-page-top { 
height:160px; 
}
  
.site-info { 
font-size: 10px !important;
}

.nav>li>a { 
padding: 5px 10px 5px 10px;
}

.copyright {
padding-right: 0px;
}

.page-content, .entry-content, .entry-summary {
padding: 0 0 0 0;
}

.entry-title {
margin-left: 0;
}

}