/*
 Theme Name:   LHV Accel
 Description:   Customised theme for LHV Garage Doors & Gates
 Author:    Jason Bridges
 Template:     accelerate
 Version:   1.0.0
 Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, blog, threaded-comments, theme-options, translation-ready, rtl-language-support, e-commerce
 Text Domain:  lhvaccel
*/

/* =HEADER
----------------------------------------------- */

#page {
    border-top: none !important;
}


#header-left-sidebar {
	max-width: 33%;
}

#header-logo-image {
    max-width: 250px;
	max-height: auto;
}

.header-right-sidebar {
	max-width: 67%;
}

.lhv-facebook img {
	margin: 10px 0%;
	padding-left: 20px;
}

.quote img {
	margin: 10px 0%;
}

/* =THINGS
----------------------------------------------- */

#new-royalslider-1 {
    background: none;
}

.home .rsOverflow grab-cursor  {
    background: none;
}

.facebook_home img {
    margin-bottom: 0px; 
}

.quote img {
    margin-bottom: 0px;
}

.sub-toggle {
    display: inline-block;
    color: #68FF39;
    font-size: 25px;
    margin-top: 5%;
    margin-bottom: 5%;
}

#page {
    background-color: transparent;
    box-shadow: none;
    border-top: none;
}

#header-text-nav-container {
    border-bottom: none;
    background-color: transparent;
}

/* =MASTER SLIDER
----------------------------------------------- */

.ms-info {
	text-align: center;
	color: white;
}

/* =NAVIGATION
----------------------------------------------- */

.main-navigation {
	background: rgb(40,40,40) !important; /* Old Browsers */
	background: -webkit-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgb(40,40,40), rgb(0, 0, 0)) !important; /*Standard*/
	border: 1px solid black;
	-webkit-border-radius: 7px;
	border-radius: 7px;
    margin-bottom: 7px;
}

.main-navigation a {
    float: left;
    zoom: 1;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #c9c9c9;
    line-height: 42px;
/*	background: url(images/droparrow.png) no-repeat right center transparent;
	margin-left: 15px; */
    text-transform: uppercase;
	padding: 0 15px;
}

.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
    color: #68FF39 !important;
	background-color: transparent !important;
}


#header-text-nav-wrap {
    padding: 10px 0 10px;
}

/* #menu-main > li {
	width: 16%;
} */

/* =DROP DOWN
----------------------------------------------- */
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
	border: 1px solid black !important; 
}

.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
	background: rgb(40,40,40) !important; /* Old Browsers */
	background: -webkit-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgb(40,40,40), rgb(0, 0, 0)) !important; /*Standard*/
    color: #68FF39 !important;
	border: 1px solid black !important; 
}

.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
	padding: 0px 14px;
	color: #FFFFFF;
	background: rgb(40,40,40) !important; /* Old Browsers */
	background: -webkit-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgb(40,40,40), rgb(0, 0, 0)) !important; /*Standard*/
	border: 1px solid black !important; 
}


/* =HOME
----------------------------------------------- */

.home h1 {
	color: white;
	font-family: segoe ui;
	font-weight: bold;
	text-align: center;
}

.home h2 {
	color: white;
	font-family: segoe ui;
	font-weight: bold;
}

.home #content {
    background: #272324;
    border: 1px solid #000;
    display: block;
    padding: 15px;
    margin: 20px 0px;
    color: white;
	margin: 31px 0px 20px 0px;
}


/* =SLIDER
----------------------------------------------- */

.slider-title-head .entry-title a {
	background: linear-gradient(to bottom, rgb(104, 255, 57), rgb(84,170,0)); /*Standard*/
}

.footer-socket-wrapper {
    background-color: transparent;
}

.rsUni .rsBullet.rsNavSelected span {
    background-color: #68ff39 !important;;
}

.rsUni .rsBullet span {
    width: 150% !important;
    height: 150% !important;
}

#new-royalslider-3 {
    box-shadow: 0px 20px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

/* =GENERAL SPACING (salutes)
----------------------------------------------- */

#main {
    padding-top: 10px;
}

/* HOME PAGE GALLERY
----------------------------------------------- */

#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0 {
    color: #CCCCCC;
    display: table-cell;
    font-family: arial;
    font-size: 16px;
    font-weight: normal;
    height: inherit;
    padding: 2px;
    text-shadow: 0px 0px 0px #888888;
    vertical-align: middle;
    width: inherit;
    word-wrap: break-word;
}


/*  SUBPAGES
----------------------------------------------- */

.product-content h2 {
	color: white;
	font-family: segoe ui;
	font-weight: bold;
}

.subdetails h2 {
	color: #68ff39;
}

.product-content h3 {
	color: white;
	font-family: segoe ui;
	font-weight: bold;
	font-size: 22px;
}

.product-title {
	color: white !important;
    font-family: segoe ui !important;
}

.entry-title {
    font-family: segoe ui !important;
	color: #68ff39;
}

.page-content {
    background: #272324;
    border: 1px solid #000;
    display: block;
    padding: 15px;
    margin: 20px 0px;
    color: white;
    margin: 0px 0px 20px 0px;
}

.page-content h2 {
	color: white;
	font-family: segoe ui;
	font-weight: bold;
}

.featured-page {
    box-shadow: 0px 20px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*  PRODUCT
----------------------------------------------- */

.product-content  {
    background: #272324;
    border: 1px solid #000;
    display: block;
    padding: 15px;
    margin: 20px 0px;
    color: white;
	margin: 31px 0px 20px 0px;
}

.product-content h2 {
	margin-top: 25px;
    color: #68ff39;
	padding-bottom: 1px;
}

.cta-button {
	color: #272324;
	display: block;
	overflow: hidden;
	width: 20%;
	text-align: center;
    font-family: segoe ui !important;
	text-transform: uppercase;
    padding: 10px 20px !important;
	font-weight: bold;
	background: linear-gradient(to bottom, rgb(104, 255, 57), rgb(84,170,0)); /*Standard*/
	border-radius: 3px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

.cta-button a {
    font-size: 22px;
    line-height: 32px;
	color: white;
}

/*  BLOG
----------------------------------------------- */

#content .post {
    background: #272324;
    border: 1px solid #000;
    display: block;
    padding: 15px;
    color: white;
	margin: 31px 0px 20px 0px;
}

h2.entry-title {
    color: #68ff39;
	padding-bottom: 2px;
}

.post .entry-content h2 {
	color: white;
	font-family: segoe ui;
	font-weight: bold;
	font-size: 24px;
}

.post .entry-title a {
    color: #68ff39;
	padding-bottom: 2px;
}

#secondary h3.widget-title {
	color: white;
	font-family: segoe ui;
	font-weight: bold;
}

.post .entry-content {
	color: #CBCBCB;
}


.entry-meta .byline {
	display: none;
}

.cat-links {
	display: none;
}

/*  CONTACT
----------------------------------------------- */

.googlemaps {
	margin-bottom: 18px;
}

/*  FOOTER
----------------------------------------------- */

#colophon, #colophon p {
	background-color: #1D191A;
	color: white;
}

.footer-widgets-wrapper {
    background-color: transparent !important;
	border-top: 1px solid #000;
}

.footer-widgets-area .column-2 {
    color: white;
}

.footer-widgets-wrapper .inner-wrap {
    margin: 0 auto;
    max-width: 1100px;
	border-radius: 7px;
	color: #FFFFFF;
	border-top: none !important;
/*	background: rgb(40,40,40) !important; Old Browsers
    background-color: transparent;
	background: -webkit-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; Safari 5.1-6
	background: -o-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; Opera 11.1-12
	background: -moz-linear-gradient(top,rgb(40,40,40),rgb(0, 0, 0)) !important; Fx 3.6-15
	background: linear-gradient(to bottom, rgb(40,40,40), rgb(0, 0, 0)) !important; Standard*/
}

#colophon .widget-title {
	font-family: segoe ui;
}

#colophon .widget ul li {
    border-bottom: none !important;
}

.footer-socket-wrapper {
    border-top: none !important;
}

.column-2 {
	font-size: 15px;
	margin-left: 40px !important;
}

/*.address-info-2 {
	margin-left: ;
} */

.icon-transparent .material-icons {
	color: transparent;
}

.material-icons {
    color: #68ff39;
	margin-right: 5%;
}

/*  CONTACT
----------------------------------------------- */

.contact-name {
    width: 31%;
	padding:0 30px 0 0;
    float: left;
}

.contact-email {
    width: 31%;
    float: left;
}

.contact-subject {
    width: 31%;
	padding: 0 0 0 30px;
    float: right;
}

.contact-lower {
    width: 100%;
    float: left;
}

.contact-phone {
    padding: 1%;
    border: 1px solid #EAEAEA;
    line-height: 20px;
    width: 98% !important;
    margin: 0 0 20px;
    background-color: #F8F8F8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* =SCROLL DOWN
----------------------------------------------- */
a#scroll-down {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	background-color: #77CC6D;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	padding: 10px 16px;
	border-radius: 2px;
}
a#scroll-down i {
	color: #FFFFFF;
}
a#scroll-down:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}


/*  OTHER
----------------------------------------------- */