/*



Theme Name: Wynnum Marine



Theme URI: http://www.wynnummarine.com.au/



Author: Joey Morgan - Slydev



Author URI: www.slydev.com.au



Description: Simple Bootstrap theme



Version: 0.1



*/







body {



	font-family: "Raleway",sans-serif;



	//background:url('img/bg_home.jpg');



	background-repeat: no-repeat;



	background-color:#e6e8ea;



	font-size: 14px;



	background-position: center 60px;



}







a {



	color:#337ab7;



	text-deoration: none;



}







ol, ul {



	line-height: 1.6em;



	padding-left: 25px;



}







a:hover {

	color: #23527c;

	transition: all .2s ease-in-out;

}







.nav-container {

	border-top:1px solid #fff;

	border-bottom:1px solid #fff;

}



.navbar-nav > li {

	text-align:center;

}




.navbar-nav > li > a{
	color:#fff;
	font-size:105%;
	transition: all .2s ease-in-out;
	padding: 10px 15px 10px 14px;
  font-weight:800;
}




.nav>li>a:focus, .nav>li>a:hover {

background-color:rgba(0,0,0,0.2); !important;

}







.navbar-nav > .current_page_item > a {



	color:#fff !important;



}



.footer-top  {
	background-image: linear-gradient(180deg,rgba(25,99,202,1.00) 0%,rgba(50,151,253,1.00) 100%);
  color:#e2ebf5;
  text-shadow:1px 1px 1px #444;
   margin-top: 40px;
   padding:30px 0px 30px 0px;
   border-bottom:2px solid #6f95bd;
  }

.footer-top a {
  color:#fff;
  }
.footer-top   h2  {
  font-size:170%;
  color:#fff;
	background:none;
  }

.caret,.footer-caret {



	display:none;



}




.menu-item-has-children .caret {

	display:block;

	color:#fff;

	float:right;

	margin-top:-22px;

	margin-right:5px;
 

}



.icon-bar {

    background-color: #aba9ab;

	font-size:150%;

}



.main-content {

	margin-top:40px;

}







.footer {


    background-color:#092848;

    min-height: 75px;

    padding: 10px;

    color: #D6E3E4;

	position: relative;
 
	width: 100%;

	bottom: 1px;

	min-width: 300px;


}







.footer-menu {



	float:right;



    list-style-type: none;



	color:#B9C6D1;



	padding-top:5px;



	width:100%;



}







.footer-caret {



	border-top: 0;



    border-bottom: 4px dashed;







	display: inline-block;



    width: 0;



    height: 0;



    margin-left: 2px;



    vertical-align: middle;







    border-right: 4px solid transparent;



    border-left: 4px solid transparent;



}







.menu-item-has-children .footer-caret {



	display:inline;



	color:#fff;



	float:right;



	margin-top:-27px;



}







.bluegradient {

	background-image: linear-gradient(180deg,rgba(25,99,202,1.00) 0%,rgba(50,151,253,1.00) 100%)

}


.vc_btn3-color-juicy-pink {

	background-image: linear-gradient(180deg,rgba(25,99,202,1.00) 0%,rgba(50,151,253,1.00) 100%) !important;

}





.logobox {



	padding-top:20px;



}







.phone {



	font-size:235%;

		font-weight: bold;

		line-height: 30px;

		padding: 20px 0 1vh 0;



	}



	



.phone .subheading {

		color: #76b9fe;

		text-transform: uppercase;

	font-size:60%;

		line-height: 40px;


	}



	



.phone a {



	color: #fff;



	letter-spacing: 0px;	



}







.margin-0 {margin: 0;}



.margin-10 {margin: 10px;}



.margin-20 {margin: 20px;}



.margin-30 {margin: 30px;}







.padding-0 {padding: 0;}



.padding-10 {padding: 10px;}



.padding-20 {padding: 20px;}



.padding-30 {padding: 30px;}







.pad-left-10 {padding-left: 10px;}



.pad-left-20 {padding-left: 20px;}



.pad-right-10 {padding-right: 10px;}



.pad-right-20 {padding-right: 20px;}







.mar-bottom-10 {margin-bottom: 10px;}



.mar-bottom-20 {margin-bottom: 20px;}



.mar-top-10 {margin-top: 10px;}



.mar-top-20 {margin-top: 20px;}







.padding-bottom-0 {padding-bottom: 0;}







.margin-bottom-0 {margin-bottom: 0;}







.img-rounded, .img-rounded figure div img {border-radius: 10px;}







.img-border, .img-border figure div img {border: 1px solid #D7D7D7;}







.panel, .panel.nobase {



	padding: 0 !important;



	border: none;	



	border-radius: 6px;



	box-shadow: 1px 1px 4px rgba(0,0,0,0.1);



}







.nopad {



	padding-top: 0;



	padding-bottom: 0;



}







.panel-body.nopad {



	padding-top: 0;



	padding-bottom: 0;



}







.panel.nobase .content {



	padding-bottom: 0;



}







.panel .vc_element {



	padding: 0 !important;	



}







.panel .content {



	padding: 1.2em;



}







.panel .panel-heading {



	background-color: #337ab7;



	background-image: linear-gradient(180deg,rgba(25,99,202,1.00) 0%,rgba(50,151,253,1.00) 100%);



	margin-bottom: 0;



}







.panel .panel-heading h3, .panel .panel-heading h1, .pricep {

	font-size: 125%;

	color: #fff;

	margin: 0;

}







.panel h3 {


	font-size: 130%;

	color: #0084FF;

}



.singboat-main  {
  padding: 10px;  margin-right:20px; font-size: 100%;
  min-height:40px;
  }



.lead {

	color: #003E79;	

}







.nobase {



	margin-bottom: 0 !important;



}







.vc_separator {

	font-size: 130%;

	color:#0064FF;

	text-transform: capitalize;

}







.text-large {

	font-size: 2em;


}







/* MAGAZINE COLUMNS */







.magazine {



	-moz-column-count: 2 !important;



	-moz-column-gap: 20px !important;



	-webkit-column-count: 2 !important;



	-webkit-column-gap: 20px !important;



	column-count: 2 !important;



	column-gap: 20px !important;



	padding-left: 20px; padding-right: 20px;



}







.magazine-3 {



	-moz-column-count: 3 !important;



	-moz-column-gap: 20px !important;



	-webkit-column-count: 3 !important;



	-webkit-column-gap: 20px !important;



	column-count: 3 !important;



	column-gap: 20px !important;



	padding-left: 20px; padding-right: 20px;



}







.magazine-4 {



	-moz-column-count: 4;



	-moz-column-gap: 20px;



	-webkit-column-count: 4;



	-webkit-column-gap: 20px;



	column-count: 4;



	column-gap: 20px;



	padding-left: 20px; padding-right: 20px;



}







	.brand-jumbotron {



		color: #fff;


		text-transform: uppercase;


		font-size: 140%;

		font-weight: bold;



		text-shadow: 2px 2px 20px rgba(0,0,0,0.9);



		padding:50px;


		background-color: rgba(0,0,0,0.2);


		border-radius:20px;

		margin-bottom:20px;


	}







	.brand-jumbotron p {



		margin-bottom: 10px;



	}







	.panel p {



		padding: 10px 1em 0 1em;



	}







	.newspost .type-post div {



		padding: 10px;



	}



	.newspost .type-post div img {



		padding-bottom: 10px;



	}



	.newspost .type-post div button {



		padding-top: 10px;



		float:right;



	}







	.home-featured p {padding: 0 10px;}





	.normal-span {



		color: #fff;



		text-transform: none;



	font-size: 105%;



		text-shadow: 2px 2px 6px rgba(0,0,0,0.9);



		font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;



		background: rgba(0,0,0,0.7);



		padding: .4em;



	}



	.jumbo-span {



		color: #fff;



		text-transform: uppercase;



	font-size: 120%;



		text-shadow: 2px 2px 6px rgba(0,0,0,0.9);



		font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;



		background: rgba(0,0,0,0.7);



		padding: .4em;



	}







	.under-jumbo {



	font-size: 125%;



	}



@media (min-width:500px) { 
#calliconto  {
  display:none;
  }
}

	.btn-group-justified {


		display: table;

		width: 100%;


		table-layout: fixed;

		border-collapse: separate;



	}



	



	/* ============ BUTTONS ============ */







	.btn-default {


		margin-bottom: 5px;	

		background-color: #E4E4E4;


	}



	



	button a:hover {



		text-decoration: none;



	}



	



	.btn {


		padding: 8px;	

		margin-bottom: 0;


	}



	



	.btn-wynnum {



		box-shadow: inset 0 0 1px 1px #A7E8E9;



		border: 1px solid #2a86ec;



		background-color: #2a86ec;



		border-radius: 4px;



		margin-right: 1em;



		padding: 5px;



		transition: background ease-out .2s, box-shadow ease-out .2s;



		position: relative;



		color: #D9E5F0;

font-size:85%;

	}



		.btn-wynnum:hover {



			color: #fff;



			background-color: #006CD0;



			box-shadow: inset 0 0 1px 1px #A7E8E9, 0 2px 6px rgba(0,0,0,0.3);



		}



		.btn-wynnum:active,.btn-wynnum:focus {



			background-color: #a1d8ff;



			color: #fff;



		}



		



		.btn-wynnum a {

			color: #fff;

			Text-transform: uppercase;

			letter-spacing: 1px;

		}



		.btn-wynnum i, .btn-default i {



			margin-left: 10px;



			font-weight: normal;



			font-size: 100%;



			top: -1px;



			position: relative;



		}



		.btn-wynnum.search {



			padding: 8px 10px;



		}



		.btn-wynnum.search a i {



			margin-left: 0;



		}



		



	.btn-wynnum-o {



		background-color: #E2964C;


		color: #513100;


		border-color: #965D11;


		box-shadow: inset 0 0 1px 1px #ffdea3;


font-size:85%;

padding:8px;
	}



	



		.btn-wynnum-o:hover {



			background-color: #DA990C;	



			color: #000;



			box-shadow: inset 0 0 1px 1px #986800, 0 2px 6px rgba(0,0,0,0.3)



		}



	







	.btn-wynnum-o:hover {



		background-color: #DA990C;



		color: #000;



		box-shadow: inset 0 0 1px 1px #986800, 0 2px 6px rgba(0,0,0,0.3);



	}







	.blue-hover:hover {



		cursor:pointer;



		box-shadow: 0 0 10px 5px rgba(20,130,255,0.5);



		transition: all .2s ease-in-out;



	}







	.panel-body {

		border-top:none;

		border-bottom-left-radius:5px;

		border-bottom-right-radius:5px;

		padding: 20px;

		font-size: 100%;



	}







	.panel-body.nobase {



		padding-bottom: 0;



	}







	.hero-gallery img {



		width:100%;



		height:auto;



		padding:10px;



	}







	.2-col-gallery img {



		max-width:50%;



		height:auto;



		margin-bottom:5px;



		border:1px solid #ccc;



		border-radius:5px;



		padding:5px;



	}







	.boat-spec {



		padding:20px;



	}







	.boat-spec td:first-child {



		background-color: #CAE5FF;



		color: #002B54;



		text-align: right;



	}







	.boat-spec h3 {



		width:100%;



		padding:10px;



		background:#0084FF;



		color:#fff;



		font-weight:bold;



	}







	.features h4 {



		font-weight: bold;



		margin-top: 20px;



	}



	



	.boat-features {



		padding:20px;



		-webkit-columns: 100px 1; /* Chrome, Safari, Opera */



		-moz-columns: 100px 1; /* Firefox */



		columns: 100px 1;



	}







	.boat-features td {



		border:none !important;



	}







	.boat-features img {



		width:100%;



		height:auto;



		border:1px solid #ccc;



		border-radius:5px;



		padding:5px;



	}







	.boat-features td {

		max-width:50%;


		width:50%;

	}

h2.panel-title  {
    font-size: 180%; 
  padding-top: 3px;
  }

  
	.panel-title .boat-title {

    font-size: 140%; 

		font-weight: bold;

	}







	.panel-title .price {

		font-size: 150%;

		font-weight: bold;

		color: #fff;

	}







	.pull-title {



		background:#0084FF;



		padding: 5px 5px 5px 24px;



		margin-left: -5px;



		max-width:50%;



		color:#fff !important;


    font-size: 130%; 


		font-weight: bold;



	}


	.pull-title2 {



		background:#0084FF;


		padding: 5px 5px 5px 24px;


		margin-left: -5px;


		color:#fff !important;


    font-size: 130%; 


		font-weight: bold;


	}





	.video-wrapper {



		width:100%;



		height:auto;



	}







	.boat-main iframe {



		max-width:100%;



	}



	



	.outboard-table {



		padding:20px;



	}



	.outboard-table table {



		width:100%;



	}



	.outboard-table td:first-child {



		background-color: #768290;



		color: #fff;



		border-color:#fff;



	}



	.outboard-table td{



		padding:5px;



		text-align:center;



		border:1px solid #656565;



	}



	

.top-social a {
  padding:5px 5px 0px 5px;
  font-size:25px;
  color:#fff;
  text-decoration:none;
  }





/* Regular screen size styles */



@media screen and (min-width: 768px) {



	.menu-header-menu-container {



		float:right;



		position:relative;



		left:-50%;



	}







	.navbar-nav {

		position:relative;

		left:50%;

	}


.footer	.navbar-nav {
		position:relative;
		left:0%;
	}


	.sub-menu {



		background: rgba(38,119,200,1);



		background: linear-gradient(top, rgba(38,119,200,1) 0%, rgba(64,145,227,1) 100%);



		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2677c8', endColorstr='#4091e3', GradientType=0 );



		display:none;



		transition: all .2s ease-in-out;



		list-style-type: none;



		z-index:100;



		padding: 0;



		margin: 0;



		margin-top: -1px;



		border-radius: 0 0 5px 5px;



	}







	.sub-menu > li {



		background: none;



		padding: 0px;



		text-align: left;



		min-width: 120px;



	}







	.sub-menu > li > a {



		text-decoration: none;



		color: #fff;



		width: 100%;



		display: block;



		text-transform: uppercase;



		padding: 6px 10px;



		margin: 0;



    font-size: 110%; 



	}







	.sub-menu > li > a:hover {



		background: #2850A9;



	}



	



	.sub-menu > li > .caret {



		display: none;	



	}







	.sub-menu > li:last-child:after {



		display:none;



	}







	.sub-menu > li:first-child {



		padding-top:5px;



	}







	.sub-menu > li:last-child {



		padding-bottom:5px;



	}







	.sub-menu > li > a {



		white-space: nowrap;



	}







	.nav>li:hover > .sub-menu{



		display:block;



		position:absolute;



	}



	



	.vc_col-sm-6 {



		width: 49% !important;



		margin-right: 1% !important;



	}



	



	h3 {



		margin-top: 0;



		color: #0084FF;



	}



}







/* Mobile Screen Styles */



@media screen and (max-width: 767px) {



	.main-content {



		border:none;



		margin-top:none;



	}

.panel-bow {
  clear:both !important;
  }
  

.panel .panel-heading h3, .panel .panel-heading h1, .pricep {

	font-size: 100%;

	color: #fff;

	margin: 0;
	font-weight:600;

}	



	.navbar-nav > li {



		width:100%;



		text-align:center;



		padding-bottom:8px;



	}







	.navbar-nav>li>a {



		line-height:12px;



    font-size: 130%; 



	}







	.sub-menu {

		width:100%;



		list-style-type: none;


		padding:0px;



		padding-top:5px;



	}







	.sub-menu > ul {

		width:100%;



		text-align:center;



		padding-bottom:8px;



	}







	.sub-menu > li > a{



		color:#fff;

		line-height:12px;

     font-size:110%;

		text-transform:uppercase;

		transition: all .2s ease-in-out;



		text-decoration:none;



	}







	.sub-menu>li>a:focus, .sub-menu>li>a:hover {

		background-color:#fff !important;

		color:#000;
  		transition: all .2s ease-in-out;

	}



	



	/* MAGAZINE COLUMNS */







	.magazine {



		-webkit-columns: 100px 2; /* Chrome, Safari, Opera */



    		-moz-columns: 100px 2; /* Firefox */



    		columns: 100px 2;



	}



}







.video_new_view_title {



	padding: 10px 30px;



}







.text-blue-strip {



	color: #fff !important;



	margin-bottom: .5em;



	font-weight: bold;



	padding: 5px 10px;



	padding-left: 35px;



	margin-left: -20px;



	background-color: #0084ff;



}







.text-blue-strip h3 {

	color: #fff;

    font-size: 128%; 

}







.newspost .text-blue-strip {



	margin-left: -5px;



	margin-right: 15px;



}







.newspost .text-blue-strip:nth-child(even) {



	margin-left: 0px;



}







.wpcf7-form-control {



 width: 90%;



 margin: 0 auto;



}







.sold .panel-heading {



	background-image: none;



	background-color: #D4D4D4;



}







.sold .boat-title {



	color: #696969;



}







.sold .pull-title {



	background-color: #D4D4D4;



	color: ##6F6F6F !important;



}







.sold img.boat-f-img {



	-webkit-filter: grayscale(100%);



	filter: grayscale(100%);



}











/* WOO COMMERCE CUSTOM STYLING */







h1.product_title {



	font-weight: bold;



}







small.woocommerce-price-suffix {



    font-size: 115%; 



}







.img-responsive-sub img {



	display: block;



	max-width: 100%;



	height: auto;



}







.quick-quote {



	padding-left: 2em;



	padding-right: 2em;



	line-height: 1.7em;



	font-style: italic;



    font-size: 130%; 



	color: gray;



}







.woo-price {



    font-size: 135%; 



	letter-spacing: .6px;



}



.woo-price.amount {



	color: #0084ff;



}











.quanitity { font-size: 125%; padding: 10px 0;}



.quantity input {



	padding: 5px 10px 5px 20px;



    font-size: 125%; 



	font-family: tahoma;



	font-weight: bold;



	color: #0084ff;



}



.btn-2x {



	padding: .4em 1em;



	font-size: 1.2em;



	margin: 0 10px 0 0;



}







p.stock.in-stock {



    font-size: 130%; 



	padding-left: 30px;



}



h1 {
  font-size:200%;
  }


.panel-heading h1 {

	margin-top: 10px;

	color: #fff;



}







.product-details h3 {



    font-size: 130%; 



	margin: 20px;



}



.product-details .col-xs-12 h3 {



	margin-left: 0;



	padding-left: 0;



}







.thumbnails.columns-3 img {



	width: 29%;



	margin: 2%;



	height: 29%;



	border: 1px solid lightgray;



}



.variations .label {



	color: black;



    font-size: 120%; 



}



.variations tr {



	margin-bottom: 15px;



	display: inline-block;



}



.variations tr td {



	margin-right: 20px;



}







li.product-category.product {



	width: 300px;



	margin: 20px;



	float: left;



	list-style-type: none;



}







.product-category a h3 {



	display: block;



	text-align: center;



	text-transform: uppercase;



    font-size: 140%; 



	padding: 10px;



	width: 300px;



	background-color: #fff;



}







.product h3 .count {



    font-size: 105%; 



}







.dhvc-woo-pagination {



	margin: 30px auto;



	width: 80%;



    font-size: 145%; 



}



.page-title {



    font-size: 140%; 



}







.gallery-columns-4 img {



	max-width: 95%;



	max-height: 130px;



}







.btn .fa {



	margin-left: 15px;



}







.boat-features .gallery-caption b {



	display: block;



    font-size: 130%;  !important;



	width: 100%;



	padding: 6px 2px;



	text-align: center;



	text-transform: uppercase;



}







.boat-features h3 {



	clear: both;



	text-transform: uppercase;



    font-size: 130%; 



}







.boat-features .gallery .gallery-item {



	display: block;



	margin-bottom: 60px;



	padding: 0 10px;



}







.boat-features .gallery .gallery-item .gallery-caption {



	padding: 0 5%;



}







.attachment-shop_single {



	width: 100%;



	height: 100%;



}







.woocommerce-variation-add-to-cart .single_add_to_cart_button {



	margin-top: 20px;



	padding: 0.5em 0.8em;



	background-color: orange;



	border: 2px solid #B7812F;



	border-radius: 6px;



}







.images .thumbnails {



	margin-top: 10px;



}







.product-details p {



	padding-left: 30px;



	padding-right: 30px;



}







.tight-edge {



	margin-right: -15px;



	margin-left: -15px;



}







/* Tuck in produt category page images tighter */



.dhvc-woo-images .dhvc-woo-thumbnail {



	background-color: #fff;



}







.dhvc-woo-images .dhvc-woo-thumbnail img {



	width: 90% !important;



	margin-left: 5% !important;



}







/* contact for sent successfully in correct location */



div.wpcf7-response-output {



	margin: 2em 0.5em 1em 10%;



	padding: 0.5em 1em;



	width: 80%;



	display: block;



	clear: both;



	text-align: right;



	background-color: rgba(100,255,100,0.2);



}







.text-large, .text-large a {    font-size: 120%; }











/* Home page feature box */







.home-featured {



	padding-bottom: 15px;



}







.home-featured .home-latestboat-img {



	min-height: 200px;



	width: 94%;



	margin: 10px 3%;



	display: block;



	background-size: cover;



}







.home-featured h4 a {



    font-size: 125%; 



	text-align: left;



	font-weight: bold;



	margin-left: 10px;



}







.home-featured .blurb {



    font-size: 110%; 



	margin: 5px 10px 15px 10px;



}







.home-featured .home-buttons {



	text-align: right;



}







.fullwidthbanner-container, #rev_slider_1_1_wrapper {



	height: auto !important;



}







.panel-heading .wpb_wrapper h4 {



	margin: 0;



	color: #fff;



}







.store3col {



	width: 70%;



	margin-left: auto !important;



	margin-right: auto !important;



}







.blueborder {



	border: 2px solid #1e73be !important;



}







.tp-revslider-slidesli {



   width: 98.5%; 



  }



  



 .rev_slider_wrapper {



      padding: 5px;



      min-height: 370px;



    }







.vc_column-inner {padding-left: 0 !important; padding-right: 0 !important;}



.stacer .newboat .panel-body img {height: 160px !important;}

.mastercraft .newboat .panel-body img {height: 160px !important;}

.mastercraft .panel .panel-heading h2 {font-size: 140%;  !important;}

.mastercraft .panel .panel-heading h3 {font-size: 120%; !important;}

.mastercraft .magazine {-moz-column-count: 1 !important;



	-moz-column-gap: 20px !important;



	-webkit-column-count: 1 !important;



	-webkit-column-gap: 20px !important;



	column-count: 1 !important;}

	

.form-errors {

	padding: 12px;

	background-color: #EBD5D6;

    font-size: 125%; 

	color: #7B0002;

}

.form-errors ul li { font-size: 120%; }



.form-control {font-family: arial, san-serif;}





/* More WooCommerce Edits */



.dhvc-woo-row-fluid {

	padding: 0 10px !important;

}



#sidebar {

	display: none;

}



.woocommerce-breadcrumb {

	background-color: #fff;

	padding: 5px 12px;

	border-radius: 4px;display: inline-block;

}



.woocommerce-breadcrumb a {

	color: #FDB236;

}



.page-title {color: #fff;}



.woocommerce {background-color: #fff; padding-bottom: 20px;}

.woocommerce .woocommerce-Price-amount {    font-size: 130%; }



.coupon .input-text {margin-right: 12px; padding: 4px 12px; font-size: 125%;  min-width: 200px;}

.checkout-button {float: right;}

.wc-proceed-to-checkout {padding-right: 20px;}

form.checkout.woocommerce-checkout {padding: 0 25px;}

#order_review_heading {margin-top: 30px;}

input {padding-left: 10px;}



.newboat > .panel > .panel-body > a {

 min-height: 325px;

}

.instockboat {display: block; height: 322px; width: 100%;}

.news .date {display:none;}

.custom-cart .cart-contents {
	position: absolute;
	background-color: rgb(25,99,202);
	margin-top: 2px;
	padding: 5px 20px;
	text-align: right;
	color: #fff;
	border: 1px solid #87C8FF;
	border-top: 0;
}
.custom-cart a {color: #fff !important;}