/*
Theme Name: Bakewell Media
*/

/*--------------------------------------------------
	:: IMPORTS
--------------------------------------------------*/

	@import url(/wp-content/themes/bwm/frontend/css/bwm_wp_defaults.css);
	@import url(/wp-content/themes/bwm/frontend/css/rgc_grid.css);

/*--------------------------------------------------
	:: BROWSER RESETS
--------------------------------------------------*/

	body {
		margin:0;
		padding:0;
		font-family: sans-serif;
	}
	div, img { 
		/* divs and images are "blocks" and should have padding inside and margin outside */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	p {
		margin:0px 0px 12px 0px;
		padding:0;
	}
	img {
		vertical-align:bottom; /* make images align with text; removes line-height */
	}
	iframe {
		max-width: 100%; /* make youtube embeds responsive */
	}

/*--------------------------------------------------
	:: Container

	rgc_container 
			- will set div to center align (margin: 0 auto;)
			- does not add any padding
		rgc_content_container
				- main container holding content and sidebar
				- white background and top padding
			rgc_content
					- holds content
			rgc_sidebar
					- holds sidebar

--------------------------------------------------*/

	.rgc_container {
		margin:0 auto; 
		padding:0;
		max-width: 1200px;
	}
	.rgc_content_container {
		background-color:#FFF; 
		padding:18px 7px; 
	}
	.rgc_content {
		width: calc(100% - 500px);
	}
	.rgc_content.rgc_content_no_sidebar {
		width: 100%;
	}
	.rgc_sidebar {
		max-width:500px; /* 160 sky + 300 tile + 20 padding between them + 20 pixel left of entire sidebar */
		padding-left: 20px; /* space between content and sidebar (if sidebar is shown) */
	}
	.rgc_sidebar_thin {
		background-color:#FFF;
		max-width:160px;
	}
	.rgc_sidebar_wide {
		background-color:#FFF;
		max-width:300px;
		margin-left: 20px;
	}

	@media (max-width: 980px) {
		.rgc_content { 
			float: none;
			width: 100%;
		}			
		.rgc_sidebar {
			float: none;
			padding-left: 0px;
		}
	}

/*--------------------------------------------------
	:: LINKS
--------------------------------------------------*/

	a,
	a:link,
	a:visited {
		color:#4693bf; /* #e31e2c; */
		text-decoration:none;
	}
	a:active,
	a:focus,
	a:hover {
		color:#e31e2c; /* #f8ab07; */
		text-decoration:underline;
	}
	
	/* hide admin links: <span class="rgc_hidden_admin_links"><a> */
	.rgc_hidden_admin_links a,
	.rgc_hidden_admin_links a:link,
	.rgc_hidden_admin_links a:visited {
		color:#ddd;
	}
	
	/* top links */
	a.rgc_top_links {
		display: inline-block;
    	position: relative;
		font-size: 17px;
	}
	a.rgc_top_links::after {
		display: inline-block; /* needed to stop hover showing underline */
		content: '|';
		color: #000;
		padding: 0px 0px 0px 3px;
	}
	a.rgc_top_links:last-child::after {
		display: none;
	}
	a.rgc_top_links_no_after::after {
		display: none;
	}
	a.rgc_top_links_yes_before::before {
		display: inline-block; /* needed to stop hover showing underline */
		content: '|';
		color: #000;
		padding: 0px 3px 0px 0px;
	}
	
	/* top link in mobile menu */
	a.rgc_navbar_mobile_top_links,
	a.rgc_navbar_mobile_top_links:link,
	a.rgc_navbar_mobile_top_links:visited {
		line-height: 22px;
		color: #fff;
	}
	a.rgc_navbar_mobile_top_links::after {
		display: inline-block; /* needed to stop hover showing underline */
		content: '\2022';
		color: #fff;
		padding: 0px 0px 0px 3px;
	}
	a.rgc_navbar_mobile_top_links:last-child::after {
		display: none;
	}

	/* navigation links */
	a.rgc_navbar_link {
		position: relative;
		display:inline-block;
		padding: 13px 20px;
		color:#FFF;
		background-color: #B10D00;
		font-weight: bold;
		font-size:17px;
	}
	/* navigation links: spacer */
	a.rgc_navbar_link::after {
		content: '';
		border-left: 2px solid #EEE;
		position: absolute;
		height: 4%;
		left: 0;
		top: 49%;
	}
	a.rgc_navbar_link:first-child::after {
		display:none;
	}
	a.rgc_navbar_link:hover::after {
		display:none;
	}
	/* navigation links: active/hover */
	a.rgc_navbar_link_active,
	a.rgc_navbar_link:active,
	a.rgc_navbar_link:focus,
	a.rgc_navbar_link:hover {
		background-color:#17312F;
		text-decoration:none;
	}

	/* standout links */
	a.rgc_link_standout {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 16px;
	}
	
	/* Dropdown menu */
	.bwm_dropdown {
	    position: relative;
	    display: inline-block;
	    padding-bottom: 10px; /* needed to retain hover when moving mouse to "top" of .bwm_dropdown_list */
	}
	.bwm_dropdown a {
	    -webkit-transition: all 0.2s ease;
	    -moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	    text-decoration: none;
	}
	.bwm_dropdown .bwm_dropdown_button { 
	    display: block;
	    border: 1px solid #ddd;
	    background: white;
	    color: #666;
	    font-weight: 700;
	    font-size: 13px;
	    width: 98px;
	    line-height: 30px;
	    height: 30px;
	    text-align: center;
	}
	.bwm_dropdown .bwm_dropdown_button:hover,
	.bwm_dropdown .bwm_dropdown_button:active,
	.bwm_dropdown .bwm_dropdown_button:focus {
	    border-color: #999;
	    color: #333;
	}
	.bwm_dropdown .bwm_dropdown_list {
	    list-style: none;
	    display: none;
	    position: absolute;
	    z-index: 2;
	    background: white;
	    margin: 0;
	    padding: 8px 0 10px;
	    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
	    width: 150px;
	    top: 42px;
	    right: 0px;
	}
	.bwm_dropdown .bwm_dropdown_list:before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 0;
	    border: 10px solid transparent;
	    border-bottom-color: white;
	    top: -20px;
	    position: absolute;
	    right: 30px;
	}
	.bwm_dropdown .bwm_dropdown_list a {
	    color: #AF1110;
	    background: white;
	    font-size: 15px;
	    display: block;
	    line-height: 24px;
	    padding: 0 8px;
	    font-size: 15px;
	    line-height: 27px;
	}
	.bwm_dropdown .bwm_dropdown_list a:hover,
	.bwm_dropdown .bwm_dropdown_list a:active,
	.bwm_dropdown .bwm_dropdown_list a:focus {
	    background: #F42134;
	    color: white;
	}
	.bwm_dropdown .bwm_dropdown_divider {
	    margin: 0 8px 7px;
	    padding-bottom: 8px;
	    border-bottom: 1px solid #DDDDDD;
	}
	/* display the menu on hover or click on mobile */
	.bwm_dropdown:hover .bwm_dropdown_list,
	.bwm_dropdown:focus .bwm_dropdown_list,
	.bwm_dropdown:active .bwm_dropdown_list {
	    display: block; 
	}

/*--------------------------------------------------
	:: Mobile Menu Icon
--------------------------------------------------*/

	.rgc_navbar_mobile_menu_icon {
		display: inline-block;
		padding:9px 11px 12px;
		font-size:19px; 
		color: #fff;
		border-right:2px solid #000;
		cursor:pointer;
	}
	.rgc_navbar_mobile_menu {
		display: none;
		position: absolute; 
		top:0px; 
		left:0px; 
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		padding:15px;
		width:300px; 
		z-index: 4;
		color:#fff;
		/* don't use rgc_shadow_bottomright due to z-index and position conflict */
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 	3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 		3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	}
	.rgc_navbar_mobile_menu_close {
		cursor:pointer; 
		text-align:right;
		padding:15px 5px 10px 0px;
	}


/*--------------------------------------------------
	:: Shadows and Gradients
--------------------------------------------------*/

	.rgc_shadow_left {
		/* shadow */
		-webkit-box-shadow: -3px 0px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 	-3px 0px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 		-3px 0px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		/* make sure shadow overlays other divs nearby */
		z-index:1;
		position:relative;
	}
	.rgc_shadow_right {
		/* shadow */
		-webkit-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 	3px 0px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 		3px 0px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		/* make sure shadow overlays other divs nearby */
		z-index:1;
		position:relative;
	}
	.rgc_shadow_bottom {
		/* shadow */
		-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 	0px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 		0px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		/* make sure shadow overlays other divs nearby */
		z-index:1;
		position:relative;
	}
	.rgc_shadow_bottomleft {
		/* shadow */
		-webkit-box-shadow: -3px 3px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 	-3px 3px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 		-3px 3px 0px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		/* make sure shadow overlays other divs nearby */
		z-index:1;
		position:relative;
	}
	.rgc_shadow_bottomright {
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 	3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 		3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		z-index:1;
		position:relative;
	}

    .rgc_fade_out_bottom {
      position: relative;
    }
    .rgc_fade_out_bottom:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: linear-gradient( rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 100% );
    }


/*--------------------------------------------------
	:: Content Styles :: Dividers
--------------------------------------------------*/

	.rgc_divider_content {
		margin: 0px 0px 17px 0px;
		padding: 50px 0 0px;
		font-size: 24px;
		line-height: 35px;
		color: #333;
		font-weight: 700;
		border-top: 1px solid #eee;
		border-bottom: 3px solid #333;
	}
	
/*--------------------------------------------------
	:: Content Styles :: Blocks
--------------------------------------------------*/

	.rgc_blocks_overlay {
		position: relative;
		margin-left: 15px;
		margin-right: 5px; /* image boder will stretch over this */
		margin-bottom: 10px; /* this will match <p> margin bottom on promo units in listings */
	}
	.rgc_blocks_overlay_spacer {
		/* this will do spacing without allowing for parent/child margin collapse */
		line-height:23px;
		font-size:23px;
	}
	.rgc_blocks_overlay.rgc_blocks_overlay_2_columns {
		width: 255px;
		margin-right: 15px;
		margin-bottom: 30px;
	}
	.rgc_blocks_overlay > img,
	.rgc_blocks_overlay > a > img {
		max-width: 100%; 
		border: 1px solid #333;
	}
	.rgc_blocks_overlay > span {
		position: absolute; 
		z-index: 3;
		top:5px; /* this is relative to the rgc_blocks_overlay div */
		left:-15px;
		min-width: 115px;
		background-color: #333;
		color: #FFF;
		padding:8px 15px;
		
		/* shadow */
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		
		/* rounded */
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}

/*--------------------------------------------------
	:: Content Styles :: Listings
--------------------------------------------------*/

	.rgc_listing_container {
		width:100%; 
		padding-bottom:8px; /* use padding so div margins don't collapse */
	}
	.rgc_listing_container img {
		max-width: 100%; /* any image inside of the listing display */
	}

	a.rgc_listing_title {
		font-weight: 600;
		font-size:1.5em; 
		line-height:1.5em;
		text-transform: uppercase;
	}

	.rgc_listing_date {
		font-size:14px;
		font-weight: 600;
		font-style: italic;
	}
/*--------------------------------------------------
	:: Content Styles :: Single
--------------------------------------------------*/

	.rgc_single_content {
		position: relative; /* needed for paywall absolute overlay */
	}
	.rgc_single_title {
		margin: 0px 0px 17px 0px;
		font-size: 24px;
		line-height: 35px;
		color: #333;
		font-weight: 700;
		border-bottom: 3px solid #333;
	}
	.rgc_single_title a {
		color: #333;
	}
	.rgc_single_meta {
		/* date, author, etc */
		border-bottom: 1px dotted #333;
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 22px;
	}
	.rgc_single_meta_author {
		/* author */
	}
	.rgc_single_meta_date {
		/* author */
	}
	.rgc_single_content a {
		font-weight: bold;
	}
	.rgc_single_content img {
		max-width: 100%;
	}

/*--------------------------------------------------
	:: Content Styles :: Gallery
--------------------------------------------------*/

	.rgc_gallery_content {
		text-align:center;
	}
	.rgc_gallery_content img {
		max-width: 95%;
		border: 2px solid #000;
		margin: 8px 5% 30px 5%;
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	}


/*--------------------------------------------------
	:: FORMS
--------------------------------------------------*/

	.rgc_form_text {
		border:none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 3px 10px;
		font-size:18px;
	}

	.rgc_form_button {
		border:none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 5px 7px;
		font-size: 15px;
	}
		
	/* woocommerce */
	
	.woocommerce .quantity .qty {
	    font-size: 18px;
    	line-height: 28px;
    }
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
	.woocommerce #respond input#submit.alt,	.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
		color: #fff;
    	background-color: #5cb85c;
    }
    .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
	.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
		color: #555;
    	background-color: #8FEB8F;
    }

    .woocommerce .woocommerce-MyAccount-navigation > ul {
    	list-style-type: none;
    	margin: 0px 0px 20px 0px;
    	padding: 0;
    }
    .woocommerce .woocommerce-MyAccount-navigation > ul:before,
    .woocommerce .woocommerce-MyAccount-navigation > ul:after{display:table;line-height:0;content:""}
    .woocommerce .woocommerce-MyAccount-navigation > ul:after{clear:both}
    .woocommerce .woocommerce-MyAccount-navigation > ul > li > a {
    	display: inline-block;
    	float: left;
    	margin: 2px;
    	padding: 5px 10px;
    	border: 1px solid #ddd;
    	background-color: #eee;
    }
    .woocommerce .woocommerce-MyAccount-navigation > ul > li > a:active,
    .woocommerce .woocommerce-MyAccount-navigation > ul > li > a:focus,
    .woocommerce .woocommerce-MyAccount-navigation > ul > li > a:hover {
    	text-decoration: none;
    	background-color: #ccc;    	
    	color: #da2226;
    }
    
/*--------------------------------------------------
	:: ADVERTISING/ADSENSE
--------------------------------------------------*/

	.bwm_widget_ad_callout > div {
		background-color: #333;
		font-size: 13px !important;
	    color: #eee;
    	text-align: center;
    	padding: 3px 0px;
    }


/*--------------------------------------------------
	:: PRINT
--------------------------------------------------*/

	@media print {

		.rgc_hide_print {
			display: none;
		}

		.rgc_content { 
			width: 100%; 
		} 

	}

/*--------------------------------------------------
	:: DEBUG
--------------------------------------------------*/
	/*

	body { background-color:red; }
	.rgc_container { background-color:blue; }
	.rgc_row { background-color:green; margin-bottom:10px; }
    [class*="rgc_column"],
    [class*="rgc_col_"] {
    	border: 1px solid yellow;
    }
	*/