/*
Theme Name:     botriverwines
Theme URI:      http: //www.thissideupmedia.co.za
Description:    Child theme for Canvas 
Author:         This Side Up Media
Author URI:     http: //thissideupmedia.co.za
Template:       canvas
Version:        1.0.0
*/

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


#gform_login_widget-2 {
 position: absolute;
top: -5000px;
left: -5000px;
}


.post-1684 .aligncenter { width: 100% !important; }
.post-1700 .woo-image { width: 100% !important; }

.single-post .post-1700 .post-meta,
.single-post .post-1700 .woo-image,
.single-post .post-1700 #post-author,
.single-post .post-1700 #connect { display: none; }

.single-post .post-1700 h3,
.single-post .post-1700 h4,
.single-post .post-1700 header { background: #1c2f5a; margin: 0; text-align: center; color: #ffffff !important;}

.single-post .post-1700 h1 { color: #ffffff !important; }



.single-post .post-1700 h4 { padding: 0.5em; border-radius: 0 0 10px 10px; }
.single-post .post-1700 header { padding: 0.5em;   border-radius: 10px 10px 0 0;}


.img,
img,
.img.thumbnail,
img.thumbnail,
.woo-image,
.aligncenter, 
.postid-1428 .img,
.postid-1428 .img.thumbnail,
.postid-1428 .woo-image,
.type-event .img,
.type-event .img.thumbnail,
.post-id-1428 .img.thumbnail {
    border-width: 0 !important;
}

#menu-item-1460 { background: #265a6e; }

/* btn-glow */

@-webkit-keyframes greenPulse {
  from { background-color: #265a6e; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #3f7c94; -webkit-box-shadow: 0 0 18px #3f7c94; }
  to { background-color: #265a6e; -webkit-box-shadow: 0 0 9px #333; }
}


.menubtn,
a.green.button {
  -webkit-animation-name: greenPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}

.menubtn a {
color: #ffffff !important;
}



/* == MOBILE NAV == */
@media only screen and (max-width: 767px) {

#navigation h3 { display: none; }
.nav-toggle { background-color: #3f7c94 !important; background-image: none !important; }

/* #navigation #main-nav .menu-item span.description { display: none; }  */

#navigation { background-color: #3f7c94 !important; }

ul.nav li a { color: #ffffff; }
ul.nav li ul li a { color: #ffffff !important; }

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
    background: #1a5b75;
	color: #ffffff !important; }
}

#navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents {     background: #ffffff;
}

#navigation .nav-home:before, #navigation .nav-close:before, #navigation ul.rss li a:before, #navigation ul.cart a.cart-contents:before, #navigation ul.nav-search a.search-contents:before { color: #3f7c94 !important; }

}


/* ==========  GRAVITY  ======  */
#gform_wrapper_5,
#gform_wrapper_2 { width: 100% !important; max-width: 100% !important; }
#input_2_1 { width: 90% !important; }
#input_2_2 { width: 90% !important; }
#input_2_3_1_container { width: 49% !important; }
#input_2_3_container { width: 100% !important; max-width: 100% !important; }
#input_5_3, #input_2_3 { width: 95% !important; }
#input_2_3_2 { width: 89% !important; }
.gform_wrapper .top_label textarea.textarea { width: 95% !important; }
.gform_wrapper textarea.medium { height: 90px !important; }


/*
#recaptcha_area, #recaptcha_table {
    width: 268px !important;
}
*/

/* ===== FOOTER ===== */
.boxed-layout #footer {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

#footer img { vertical-align: middle !important; }


/*  ======================================  COLUMNS  ===========================================  */
/*  ============================================================================================  */

/*  ====== 4 GRID http://webdesignerwall.com/tutorials/responsive-column-layouts ===============  */

.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/* col */
.col {
	float: left;
	margin-left: 3.2%;
	margin-bottom: 0;
        vertical-align: bottom;
        line-height: 30px;
        text-align: center !important;
}

/* grid4 col */
.grid4 .col {
	width: 22.6%;
}

/* grid3 col */
.grid3 .col {
	width: 31.2%;
}

/* grid2 col */
.grid2 .col {
	width: 48.4%;
}

@media screen and (max-width: 740px) {
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}

@media screen and (max-width: 600px) {
	/* change grid4 to 2-column */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* change grid3 to 2-column */
	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

@media screen and (max-width: 400px) {
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}