/* 

       ,/|         _.--''^``-...___.._.,;
     /, \'.     _-'          ,--,,,--'''
    { \    `_-''       '    /}
     `;;'            ;   ; ;
 ._.--''     ._,,, _..'  .;.'
  (,_....----'''     (,..--''

 
 
 |\      _,,,---,,_
  /,`.-'`'    -.  ;-;;,_
 |,4-  ) )-,_..;\ (  `'-'      This website was built with assistance from Simba the cat.
'---''(_/--'  `-'\_)
     "Sleepy Floof"

	 
*/
 

 /* ------------------------------ GENERAL CSS OVERRIDES*/
 
/* ------------------------------ To be removed via CSS*/
#first-time{display:none;}		/* ---- Removes 'no front page content added' message on home page. Since we use Blocks this can vanish *waves magic wand* */
.page-header {display: none;}	/* ---- Removes the page header on the front page. Will try to fix this as this is a bit messy.*/
.submitted{display:none;} 		/* ---- Removes submitted author/date on static web pages. Leave this alone.*/

 /* ---- Removes Bullet Points*/
li {list-style: outside none none;}

/*a {
    color: #2780e3!important;
    text-decoration: none!important;
}*/
	.navbar-default .navbar-nav > li > a {
    color: #ffffff!important;
}
/* removes published date and name from search results*/
.search-info {
    display: none;
}

h5, .h5{
	color:#9c9c9c!important;
	font-weight:bold!important;	
	font-family: Open Sans!important;
    font-size: 16px!important;
}

h6, .h6{
	color:#2780E3!important;
	font-weight:bold!important;	
	font-family: source sans pro!important;
    font-size: 30px!important;
	text-align:centre!important;
	text-transform:uppercase!important;
}

#instashow_headding {
    text-align: center;
}

.footer_w {
    background: #fff none repeat scroll 0 0;
	margin-top: 50px;
}
/* ------------------------------ Blocks that are only on the front page*/

.breadcrumb {
    clear:both;;
}

/* Block Title in bold*/
.block-title {font-weight: bold;}

/* ---- Latest Products Block & Top Seller Block, Product Image*/
 .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.views-field.views-field-title {
    text-align: center;
    width: 80%!important;
    margin: 0 auto!important;
}

/* ---- Email Sign Up Block*/

#edit-mailchimp-lists-mailchimp-murchison-monthly-newsletter-title {
    color: #cecece;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
}

#edit-submit--2 {margin-top: 20px;}

/* ---- Latest Products & Top Seller Blocks Product Name*/
.views-field.views-field-title {text-align: center;}
 
/* ---- Latest Products & Top Seller Blocks Product Price*/
.views-field.views-field-sell-price {font-weight: bold; text-align: center;}
 
/* ---- Border for: Latest Product Block
   ---- 			Top Selling Product Block
   ---- 			News Block
   ----				Youtube Block 
   ----				MailChimp Block*/
#block-views-b659239cc264e2bed32dd83083d65d41,
#block-views-top-selling-products-block,
#block-mailchimp-lists-murchison-monthly-newsletter{
    border: 1px solid #cecece;
    border-radius: 2px;
	}












ul#facetapi-facet-search-apimp3-products-index-block-field-catagorey{
	padding-left: 10px!important;
	}





















	
/* ------------------------------ Header Blocks*/


/* ---- Address etc*/
section#block-block-6 {
    color: white;
    float: right;
    height: 5% !important;
    margin-right: -15%;
    margin-top: -15%;
    text-align: right;
    width: auto;
	}
 
/* ---- main menu stuff - <nolink> causes certain menu links not to style correctly */
nolink{
	color: #ffffff;
	padding: 14.5px 11px;	
    line-height: 21px;
	display: block;
    position: relative;
	text-decoration: none;
	background-color: transparent;
	cursor:pointer;
	}

/* ---- more main menu stuff - <nolink> (a Drupal module) causes certain menu links not to style correctly */
nolink:focus, nolink:hover{
	background:#090909;
	}
	


	
#block-views-news-section-block{

}
.item-list > ul {
    margin-left: -36px;
}

/* ------------------------------ News / Article page CSS. Universal across most screens */ 
.views-field.views-field-field-article-gallery img {
    float: left;
	padding: 10px;
	border: 1px solid #c3c3c3;
	margin: 20px;
}

/* ------------------------------ Product Page CSS. Universal across most screens */ 


/* ---- Please Note */
.field.field-name-field-please-note.field-type-text.field-label-above {
    background: #FF4242 none repeat scroll 0 0;
    border: 2px solid #FF4242;
    color: white;
    padding: 5px;
	margin: 20px 0 20px 0;
}

/* ---- Product Image - Product Page - Remove Shadow on Left and/or Right Click*/
.carousel-control.left,
.carousel-control.right{
	background-image:none;
}
/* ---- Product Image - Product Page - Poloroid style border*/
.field.field-name-uc-product-image.field-type-image.field-label-hidden.carousel.slide {
    border: 1px solid #cecece;
    padding: 0 20px;
	margin: 0 0 30px 0;
}


/* ---- This for JuiceBox*/
/* ---- JuiceBox Product Images - Thumbnails - Border - Gallery Pages  */
.field-content.product_image img {
    border: 1px solid #cecece;
    padding: 10px 5px 0;
}
/* ---- JuiceBox Product Images - Main Image - Border - Product Pages  */
.views-field.views-field-uc-product-image img{
	border: 1px solid #cecece;
    padding: 10px 5px 0;
}
/* ---- JuiceBox removes drop shadow on main product image */
.jb-dt-main-frame,
.jb-dt-main-image{
 box-shadow: 0 0 0 rgba(0, 0, 0, 0.0)!important;

}
 
 /* ---- JuiceBox Product Images - Thumbnails - Border - Product Pages  */
.jb-thm-thumb-image{
	box-shadow: none!important;
    border: 1px solid #cecece!important;
    padding: 8px 3px!important;
}
.jb-idx-thb-list .jb-idx-thumb{
	 background-color:none!important;
 }
 
 
/* ---- JuiceBox Product Images - border */
.jb-dt-main-image {
    border: 1px solid #ccc!important;
    padding: 0 7px!important;
}/* ---- End JuiceBox CSS*/



/* ---- Product Supplier Logo */
.field.field-name-field-supplier-logo.field-type-viewfield.field-label-hidden{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
	padding:10px 0 5px 4px;
	background: #dddbdb none repeat scroll 0 0;
}


/* ---- Product Price*/
.display-price {
	float:none;
	clear:none;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
	padding:20px 0 20px 4px;
}

/* ---- Product Options*/
.add-to-cart, .display-price {background: #dddbdb none repeat scroll 0 0;}
.form-control{margin: 0 auto; width: 80%}

/* ---- Product Add to cart button, and text for product options*/
.node-add-to-cart.btn.btn-success.form-submit.icon-before,
.control-label {
    margin-left: 10px;
	margin-bottom: 10px;
}

/* ---- Product Weight, Dimensions, etc*/
.product-info.weight,
.product-info.dimensions,
.field.field-name-field-installation-guides.field-type-file.field-label-above,
.field.field-name-field-key-features-.field-type-text-long.field-label-above {
    background: #dddbdb none repeat scroll 0 0;
	padding:5px;
}
	
.field.field-name-body.field-type-text-with-summary.field-label-hidden{
	margin:20px 0 20px 0;
}	

/* ---- Shopping Cart Block and Cataloge Block*/
#block-uc-cart-cart,
.block.block-uc-cart.contextual-links-region.clearfix{
	background: #dddbdb none repeat scroll 0 0;
	border: 1px solid #dddbdb;
	padding-top:20px;
	padding: 5px;
}

#block-uc-catalog-catalog,
.block.block-uc-catalog.contextual-links-region.clearfix{
	background: #dddbdb none repeat scroll 0 0;
    border: 1px solid #dddbdb;
    margin: 20px 0;
    padding: 5px;
}


/* ---- Video on product pages*/
.field.field-name-field-video-embed.field-type-video-embed-field.field-label-hidden {
    float: left;
    margin-top: 30px;
}


/* ---- Instagram Block */
.social-feed-item {
    float: left;
    margin: 15px;
}


/* ------------------------------ Catalouge Pages*/


/* ---- Featured Product Block */
#block-views-highlighted-products-bars-block img {
    border: 1px solid #dddbdb;
	padding: 8px;
}

.product_title{
	color:#2780e3;
}
	
/* ---- Change items per page / sort by whatever block */
.views-exposed-form {margin-bottom: 40px;}

/* ---- Keeps all product info price/photo/etc centered in it's column*/
.views-field.views-field-display-price,
.views-field-field-fitted-price.fittedpricewrap,
.views-field.views-field-edit-node,
.views-field.views-field-buyitnowbutton {text-align: center;}

/* ---- Add to Cart Button, keeps it tucked up nice and tight*/
.views-field.views-field-buyitnowbutton{margin: -70px 0 30px 0;}

/* ---- Catalouge & Shopping Cart Blocks*/
.block.block-uc-cart.contextual-links-region.clearfix,
.block.block-uc-catalog.contextual-links-region.clearfix{
    background: #EDEDED none repeat scroll 0 0;

}





/* ------------------------------ The Footer*/
footer {
    background: #222222 none repeat scroll 0 0;
}	

	
	/*=================================================  Mobile First Method  ====================================================*/

/* ========================================================= min-width: 320px == Custom, iPhone Retina
   ========================================================= Same as next size up, who has phones this small these days? */ 
@media only screen and (min-width : 320px) {


/* ---- MOBILE: logo*/
.logo.navbar-btn.pull-left > img {
    max-width: 100%;
}

/* ---- MOBILE: Address etc*/
#block-block-6 {
	display:none;
	}

/* ---- MOBILE: social icon changes*/	
.social > img {
    height: 43px !important;
    margin-top: -16px;
    width: 43px !important;
}

/* ---- MOBILE: Search Block */
section#block-search-form {
    float: right!important;
    width: 100%;
	}

/* ---- MOBILE:Phone Number*/
section#block-block-8{
	width:100%;
}
	
/* ---- MOBILE: Social Media Buttons */
#block-block-24 > p {
    float: left;
    margin-top: -1.5%;
    padding-right: 2%;
	}
	
/* ---- MOBILE: Hero slider */	
#block-views-front-page-product-slider-block{
		float: left;
}
	
	
	
/* ---- MOBILE: select jeep */	
#jeep_nav {
    clear: both;
    float: left;
    margin-left: -45px;
    width: 120%;
	background-color: #222222;
    border-bottom: 4px solid #ffdf01;
}
/* ---- MOBILE: select jeep icons */	
#jeep_nav > li {
    float: left;
}	
	
	
/* ---- MOBILE: featured product*/
#block-block-9 img {
    clear: both;
    float: left;
    height: 100%;
    width: 100% !important;
	}
	

/* ---- MOBILE: Border for: Latest Product Block
   ---- 			Top Selling Product Block
   ---- 			News Block
   ----				Youtube Block */
#block-views-b659239cc264e2bed32dd83083d65d41,
#block-views-top-selling-products-block{
    margin-bottom: 40px;
    padding: 0 20px 20px;
}

/* ---- MOBILE: youtube block*/	
#block-block-1{margin-top:20px;}

/* ---- MOBILE: Mail Chimp Sign Up*/	
#block-mailchimp-lists-murchison-monthly-newsletter{
    float: left;
	clear: both;
    height: 100%;
    width: 100%;
	margin-top:20px;
	padding:10px;
	}	

.field.field-name-field-install-guide-file-image.field-type-image.field-label-hidden {
    background: #dddbdb none repeat scroll 0 0;
	padding-top:20px;
	padding-bottom:10px;
	}	
	
/* ---- MOBILE: Footer:  */

.tl {text-align:centre; float:left}

.payment {
    float: left;
    margin: 0px 20px 0px 0px;
	}

.social-foot {
    float: left;
    margin-right: 10px;
	margin: 0px 20px 20px 0px;
	}

#spampoison,
#block-block-30 {
    text-align: center;
	margin-top:10px;
}


}
	

/* ========================================================= min-width: 480px == Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

/* ---- MOBILE: logo*/
.logo.navbar-btn.pull-left > img {
    max-width: 100%;
}
/* ---- MOBILE: Address etc*/
#block-block-6 {
	display:none;
	}
	
/* ---- MOBILE: social icon changes*/	
.social > img {
    height: 43px !important;
    margin-top: -16px;
    width: 43px !important;
}

/* ---- MOBILE: Search Block */
section#block-search-form {
    float: right!important;
    width: 50%;
	}

/* ---- MOBILE: Social Media Buttons */
#block-block-24 > p {
    float: left;
    margin-top: -1.5%;
    padding-right: 2%;
	}

/* ---- MOBILE: select jeep */	
#jeep_nav {
    clear: both;
    float: left;
    margin-left: -45px;
    width: 120%;
}

/* ---- MOBILE: select jeep icons */	
#jeep_nav > li {
    float: left;
}	
	
/* ---- MOBILE: News Sections*/	
#block-views-news-section-block{

}
/* News Section: removes indent on mobile*/
.item-list > ul { margin-left: -36px;}

/* News Section: limits text / read more link (to be added)*/



/* ---- MOBILE: featured product*/
#block-block-9 img {
    clear: both;
    float: left;
    height: 100%;
    width: 100% !important;
	}


/* ---- MOBILE: Mail Chimp Sign Up*/	
#block-mailchimp-lists-murchison-monthly-newsletter{
    float: left;
	clear: both;
    height: 100%;
    width: 100%;
	border: 1px solid #cecece;
	margin-top:20px;
	}	

	
	
/* ---- MOBILE: Product Supplier Logo*/	
.field.field-name-field-supplier-logo.field-type-viewfield.field-label-hidden{
	clear:both!important;
	width:100%;
	}
	
	
/* ---- MOBILE: Product Install PDF*/	
.field.field-name-field-install-guide-file-image.field-type-image.field-label-hidden {
    background: #dddbdb none repeat scroll 0 0;
	padding-top:20px;
	padding-bottom:10px;
	}

	
	/* ---- MOBILE: Footer:  */

.tl {float: left;}

.payment {
    float: left;
    margin-right: 10px;
	}

.social-foot {
    float: left;
    margin-right: 10px;
	}

#spampoison,
#block-block-30 {
    text-align: center;
}

	
}


/* ---- Product Title / Name */
.field.field-name-field-title.field-type-text.field-label-hidden {
    font-size: 1.8em;
}






/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


/* ---- TABLET: Search Block */
section#block-search-form {
    float: right!important;
    width: 50%;
	}

}








/* ========================================================= Medium Devices, Desktops, Laptops - they are still around, just hanging on. Kinda like my will to code Wordpress Themes  */
@media only screen and (min-width : 992px) {


/* ------------------------------ Blocks that are only on the front page*/

/* ---- PC: Top Nav */
.navbar.container.navbar-default {
    border-bottom: 4px solid #ffdf01;
}

/* ------------------------------ Blocks that are only on the front page*/

/* ---- PC: Search Block */
section#block-search-form {
    float: right!important;
    width: 40%;
	}

/* ---- Phone Number*/
section#block-block-8{
	width:20%;
}
	
	
#jeep_nav {
    background: #222222 none repeat scroll 0 0;
    border-bottom: 4px solid #ffdf01;
    height: 118px;
    margin-bottom: 40px;
	width:100%;
	margin-left:0px;
	}



	
/* ---- PC: News Block */
#block-views-news-section-block {
	float: right;
	width:48%
	}	

/* ---- PC: Featured Product Block */	
#block-block-9 {	
	float: left;
	width:48%
	}
	
/* ---- PC: Youtube Block */
#block-block-1 {
	float: left;
	width:48%;
	margin-top:40px;
	}

/* ---- PC: Youtube Block video iframe */
iframe {
    height: 400px;
	}	

/* ---- PC: 4x4 shortcut icons */
#jeep_nav > li {
    float: left;
    width: 120px;
	}

	
/* ------------------------------ Static Pages; about us, etc*/
	
.field.field-name-field-site-info-page-name.field-type-text.field-label-hidden{	
	font-size:2em;
	font-weight:bold;
	maright-bottom: 10px;
}

/* ---- PC: who are we / about us page */

.field.field-name-field-site-info-page-pic1.field-type-image.field-label-hidden,
.field.field-name-field-site-info-sig.field-type-image.field-label-hidden{
	float:right;
	clear:right;
	
}	

.field.field-name-field-site-info-page-pic2.field-type-image.field-label-hidden,
.field.field-name-field-site-info-page-pic3.field-type-image.field-label-hidden,
.field.field-name-field-site-info-page-big-pic.field-type-image.field-label-hidden{
	float:right;
	clear:right;
	}

.field.field-name-field-site-info-page-body.field-type-text-long.field-label-hidden {
    float: left;
    width: 56%;
}
/* ---- PC: Why buy AEV page. Large image on right.  */
.field.field-name-field-site-info-page-big-pic2.field-type-image.field-label-hidden {
    float: right;
}


/* ------------------------------ Services Pages*/

/* ---- PC: the main rotating image. red bc to account for image size. */
.field.field-name-field-service-main-pic.field-type-image.field-label-hidden,
.field.field-name-field-service-rotate.field-type-viewfield.field-label-hidden{
    /*background: red none repeat scroll 0 0;*/
    margin-bottom: 20px;
}

/* ---- PC: small images at bottom of services page */
.field.field-name-field-service-small-1.field-type-image.field-label-hidden,
.field.field-name-field-service-small-2.field-type-image.field-label-hidden,
.field.field-name-field-service-small-3.field-type-image.field-label-hidden,
.field.field-name-field-service-small-4.field-type-image.field-label-hidden{
	float:left;
	margin:20px 50px 0px 0px;
}
.field.field-name-field-service-small-1.field-type-image.field-label-hidden{
	margin-left:50px;
	}
	
.field.field-name-field-service-head-4.field-type-image.field-label-hidden {
    margin-top: 40px;
}	
.field.field-name-field-service-body-4.field-type-text-long.field-label-hidden {
    margin-bottom: 20px;
}
	
/* ------------------------------ 4x4 Model Pages*/	
	
	
/* ---- PC: Gallery for that model */	
.field.field-name-field-jeep-gallery-block.field-type-viewfield.field-label-hidden {
    border: 1px solid #cecece;
    clear: both;
    float: left;
    padding: 10px;
}	

.views-field.views-field-field-gallery-image {
    margin: 10px;
}

/* ------------------------------ Catalouge Pages*/	

/* ---- PC: Images on catalouge grids */
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
	margin-bottom:28px;
}

/* ------------------------------ Product Pages*/	

/* ---- PC: Product Title / Name */
.field.field-name-field-title.field-type-text.field-label-hidden {
    font-size: 2.7em;}


.display-price{
	float:right;
	clear:right;
	width:40%;
}

.add-to-cart{
	float:right;
	clear:right;
	width:40%;
}
.product-info.weight{
	float:right;
	clear:right;
	width:40%;
}
.product-info.dimensions{
	float:right;
	clear:right;
	width:40%;
}
.field.field-name-field-installation-guides.field-type-file.field-label-above{
	float:right;
	clear:right;
	width:40%;
	}

.field.field-name-field-install-guide-file-image.field-type-image.field-label-hidden {
    background: #dddbdb none repeat scroll 0 0;
    clear: both;
    float: right;
    width: 40%;
	padding-top:20px;
	}
	
.field.field-name-body.field-type-text-with-summary.field-label-hidden{
	width:55%;
	}
.field.field-name-field-key-features-.field-type-text-long.field-label-above{
	width:55%;
	}	

.field.field-name-field-supplier-logo.field-type-viewfield.field-label-hidden{
	float:right;
	clear:none;
	width:40%;
}
/* ------------------------------ Footer CSS*/	

.footer {
    border-top:none;
    margin-top: 0px;
    padding-bottom: 36px;
    padding-top: 0px;
}

footer.container {
    width: 100%;
}
.region.region-footer {
    margin-left: auto;
    margin-right: auto;
    width: 1170px;
}
	
/* ---- PC: Footer Links Block 1 - links in block settings */		
#block-block-17 {float: left; padding: 10px 20px 0 0;margin-left:3%;}	
/* ---- PC: Footer Links Block 2 - links in block settings */			
#block-block-18 {float: left; padding: 10px 20px 0 0;margin-left:3%;}	
/* ---- PC: Footer Links Block 3 - links in block settings */			
#block-block-19 {float: left; padding: 10px 20px 0 0;margin-left:3%;}	
/* ---- PC: Footer Links Block 4 - links in block settings */			
#block-block-20 {float: left; padding: 10px 20px 0 0;margin-left:3%;}	
/* ---- PC: Footer Links Blick - links in block settings */		

#block-block-30 {
	clear:left;
    float: left;
	margin-left:30px;
	margin-top:30px;
	}	

.social-foot {
    float: left;
    margin-right: 10px;
}
.social-foot:hover { margin-top: -5px;}

.tl {
	float: left;
	clear:left;}

.payment {
    float: left;
    margin-right: 10px;
}
/* ---- PC: Footer: Spam Poison */	
#block-block-28 {
    clear: both;
    margin-top: 20px;
	text-align:center;
}
/* ---- PC: Footer: Copyright */	
#block-block-29 {
    clear: both;
    margin-top: 10px;
	text-align:center;
	color:#a09f9f;
	
}
.btn-success{
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
	font-family: Open Sans
}
.btn-success:hover{
    background-color: #286090;
    border-color: #204d74;
    color: #fff;

}
/* ---- PC: Footer: Contact Form on every page */
#block-formblock-contact-site {
	width: 500px;
	margin-left: auto;
    margin-right: auto;
}

.form-control{
	width:100%!important;
}
	
	
	
}






/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}