/*
Theme Name: Wedge
Author: The BoldGrid Team
Theme URI: http://www.boldgrid.com/wedge
Author URI: http://www.boldgrid.com/the-team
Description: Designed specifically for use with the BoldGrid suite of plugins, all BoldGrid themes are highly customizable, responsive to a wide range of devices, and of course, beautiful. Every BoldGrid theme includes five pre-selected color palettes and an advanced tool for creating your own unique palette. In addition, all themes feature multiple menu locations and widget areas, which are easily customizable to suit your needs. So if you're looking for a theme that looks great, feels modern and professional, and offers plenty of features to make it your own, you've chosen well.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boldgrid-wedge
Tags: custom-background, custom-colors, custom-menu, editor-style, responsive-layout, rtl-language-support, translation-ready, boldgrid-theme-44
*/

/*------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------
# Base Styles
	## Background
	## Positioning
	## Typography
	## Titles
	## Links
	## Buttons
	## Et Cetera
# Header
# Navigation
	## Main Menu
	## Other Menus
	## Social Menus
# GridBLocks
	## Positioning
	## Alternates
# Modules
	## Universal
	## Global
	## Alpha
	## Beta
	## Gamma
# Pages
# Posts
# Plugins
	## WooCommerce
# Footer
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
# Base Styles
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Background
-----------------------------------------------*/
body,
.custom-background {
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.background-primary,
.background-primary::before,
.background-primary::after {
    background-color: #fff;
}
.background-secondary,
.background-secondary::before,
.background-secondary::after {
    background-color: #d9d9d9;
}
.background-tertiary,
.background-tertiary::before,
.background-tertiary::after {
    background-color: #1a1a1a;
}

/* Container Fluid */
.entry-content > .container-fluid {
	margin-left: -15px;
	margin-right: -15px;
	padding: 70px 0 150px 0;
	position: relative;
    z-index: 100;
}
.entry-content > .container-fluid::before,
.entry-content > .container-fluid::after {
	content: "";
    height: 50px;
    position: absolute;
    top: -50px;
	width: 50%;
}
.entry-content > .container-fluid::before {
	left: -20px;
	/* Skew */
	-webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
}
.entry-content > .container-fluid::after {
	right: -20px;
	/* Skew */
	-webkit-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
}

/* xs */
.entry-content > .container-fluid:last-child {
	padding-bottom: 0;
}

/* md */
@media (min-width: 992px) {
	.entry-content > .container-fluid:last-child {
		padding-bottom: 75px;
	}
}

/*-----------------------------------------------
## Positioning
-----------------------------------------------*/
.site-content {
    overflow-x: hidden;
}
.site-main {
	margin-bottom: 50px;
	min-height: 700px;
}
.page-template-page_home .site-main {
	margin-bottom: 0;
}

/* xs */
.xs-center,
.mod-img,
.mod-img-circle,
.p-button-primary,
.p-button-secondary {
	text-align: center;
}

/* md */
@media (min-width: 992px) {
	.xs-center,
	.mod-img,
	.mod-img-circle,
	.p-button-primary,
	.p-button-secondary {
		text-align: left;
	}
}

/*-----------------------------------------------
## Typography
-----------------------------------------------*/
body {
	color: #1a1a1a;
	font-family: "Open Sans";
  	font-size: 14px;
  	font-weight: 400;
}
h2 {
	color: #1a1a1a;	
	font-family: "Julius Sans One";
  	font-weight: 400;	
}
h3 {
	color: #1a1a1a;
	font-family: "Open Sans";
	font-size: 24px;
	font-weight: 600;
}
h4 {
	color: #a347ff;
	font-family: "Open Sans";	
	font-size: 20px;	
  	font-weight: 400;	
}
h5 {
	color: #1a1a1a;	
	font-family: "Open Sans";	
	font-size: 14px;
	font-weight: 800;
}
h6 {
	color: #a347ff;	
	font-family: "Open Sans";	
	font-size: 12px;
  	font-weight: 400;	
}
p {
	margin-bottom: 15px;
}
ul,
ol {
	font-family: "Open Sans";
	line-height: 26px;
}

/*-----------------------------------------------
## Titles
-----------------------------------------------*/
.page-template-page_home .entry-title {
	display: none;
}
.entry-title {
	font-family: "Julius Sans One";
}
.entry-title:first-letter {
	color: #a347ff;
    font-size: 200%;
}

/*-----------------------------------------------
## Links
-----------------------------------------------*/
a,
.link-primary {
	color: #a347ff;
}
.link-secondary {
	color: #1a1a1a;
	text-decoration: none;
}
a:hover,
a:focus,
.link-primary:hover,
.link-primary:focus,
.link-secondary:hover,
.link-secondary:focus {
	color: #d9d9d9;
	text-decoration: none;
}

/* Removes Blue Box in Chrome */
*:focus {
	outline: 0;
}

/*-----------------------------------------------
## Buttons
-----------------------------------------------*/
.button-primary,
.button-secondary,
input[type="submit"] {
	border: none;
	border-radius: 2px;
	display: inline-block;
	font-size: 14px;
	padding: 8px 45px;
	text-transform: none;
}
.button-primary,
input[type="submit"] {
	background: #a347ff;	
	color: #fff;
}
.button-secondary {
	background-color: #d9d9d9;
	color: #1a1a1a;
}
.button-primary:hover,
.button-primary:focus,
.button-secondary:hover,
.button-secondary:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #1a1a1a;
	color: #fff;
	text-decoration: none;
}

/* Call To Action */
.call-to-action .button-primary {
	background-color: #1a1a1a;
	border: none;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	padding: 8px 45px;
	text-transform: none;
}
.call-to-action .button-primary:hover,
.call-to-action .button-primary:focus {
	background: #a347ff;
	color: #fff;
}

/* Positioning */
.p-button-primary,
.p-button-secondary {
	margin: 25px 0;
	white-space: nowrap;
}

/* Block vs. Inline */
.button-primary,
.button-secondary {
	display: block;
    margin-top: 15px;
}
.call-to-action .p-button-primary {
	margin-top: 0;
}

/* sm */
@media (min-width: 500px) {
	.button-primary,
	.button-secondary,
	.call-to-action .p-button-primary {
		display: inline;
    	margin-top: 0;
	}
}

/*-----------------------------------------------
## Et Cetera
-----------------------------------------------*/
hr {
	background: #a347ff;
	border: 0;
	height: 2px;	
	margin: 0 0 30px 0;
}
hr::after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #a347ff;
	content: "";
    height: 0;
	left: 50%;
	margin-left: -8px;
	position: absolute;
    width: 0;
}
.well {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.widget.well, 
.widget.well a {
	color: #fff;
}
.hentry {
    margin: 0;
}

/*------------------------------------------------------------------------
# Header
------------------------------------------------------------------------*/
.site-header {
	background-color: #1a1a1a;
}
.site-title {
	font-weight: normal;
	font-weight: 300;
}
.site-title:first-letter {
    color: #a347ff;
}
.site-title a,
.site-title a:hover,
.site-title a:active,
.site-description {
	color: #fff;
}
.site-description {
	font-family: "Julius Sans One";
	font-size: 24px;
	font-weight: 400;
	margin-left: 5px;
    margin-top: 0;
}

/* xs */
.site-title,
.site-description {
	text-align: center;
}

/* md */
@media (min-width: 992px) {
	.site-title,
	.site-description  {
		text-align: left;
	}
}

/*-----------------------------------------------
## Call To Action
-----------------------------------------------*/
.call-to-action-wrapper {
	background-color: rgba(255, 255, 255, 0.8);
	margin-bottom: 80px;
}
.call-to-action {
	margin-bottom: 35px;
}
.slogan {
	color: #1a1a1a;
	font-family: "Julius Sans One";
	font-size: 42px;
  	font-weight: 400;
  	word-wrap: break-word;
}
.tagline {
	color: #1a1a1a;
	line-height: 1.6em;
}
.call-to-action hr {
	background: #1a1a1a;
	margin-top: 0;
}
.call-to-action hr:after {
    border-left: none;
    border-right: none;
    border-top: none;
	content: "";
	position: absolute;
}

/* sm */
@media (min-width: 992px) {
	.call-to-action-wrapper {
	    background: transparent;
	    margin-bottom: 0;
	}
	.call-to-action {
		margin: 0;
		min-height: 650px;
	}
	.slogan {
		margin-top: 100px;
	}
}

/*------------------------------------------------------------------------
# Navigation
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Main Menu
-----------------------------------------------*/
/* Typography */
#site-navigation {
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

/* Nav Reset */
.navbar {
	background-color: none;
	border: none;
	min-height: 0;
	/* Border Radius */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
}
.navbar-default {
	background: none;
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}

/* Links */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a {
    color: #fff;
    padding: 10px 20px;
}
.navbar-default .navbar-nav > li:first-child > a {
	margin-left: 0;
}

/* Hover & Active */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: none;
  	color: #a347ff;
}

/* Dropdown Menu */
.dropdown-menu {
	background-color: #1a1a1a;
}	

/* Dropdown Parent */
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .current-menu-parent > a {
	background: none;
	color: #a347ff;
}

/* Dropdown Child */
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background: none;
	color: #a347ff;
}

/* Nav Toggle */
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #a347ff;
}

/* xs */
.navbar-default .navbar-nav,
.navbar-default .navbar-nav .open .dropdown-menu {
	text-align: center;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

/* sm */
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > .active > a {
		background: transparent;
		border-bottom: 3px solid transparent;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .current-menu-parent > a {
		border-bottom: 3px solid #a347ff;
	  	color: #fff;
	}
	.navbar-default .navbar-nav,
	.navbar-default .navbar-nav .open .dropdown-menu {
		text-align: left;
	}
	.navbar-default {
		float: right;
	}
}

/*-----------------------------------------------
## Other Menus
-----------------------------------------------*/
#secondary-menu a,
#menu-social a {
	color: #a347ff;
	font-family: "Open Sans";
    font-size: 12px;
	padding: 0 5px;
    text-transform: uppercase;
}
#secondary-menu {
    background: none;
    text-align: center;
}
#secondary-menu .current-menu-item a,
#secondary-menu a[href]:hover,
#secondary-menu a[href]:focus,
#tertiary-menu .current-menu-item a,
#tertiary-menu a[href]:hover,
#tertiary-menu a[href]:focus,
#footer-center-menu .current-menu-item a,
#footer-center-menu a[href]:hover,
#footer-center-menu a[href]:focus {
    color: #fff;
}
#tertiary-menu {
	margin-left: -5px;
}
#tertiary-menu li {
	padding: 0 5px;
}
.boldgrid-framework-menu li::after {
	content: none;
}
.footer-center-items li::after, 
.boldgrid-framework-menu li::after {
    content: "";
}

/*-----------------------------------------------
## Social Menus
-----------------------------------------------*/
.menu-social {
	padding: 0;
	text-align: center;	
}
.menu-social ul {
	padding-left: 0;
}
.menu-social li {
	display: inline;
	list-style: none;
	padding-right: 10px;
}
#menu-social ul {
	padding-left: 0;
}
#menu-social ul li {
    display:  inline-block;
    position: relative;
}
#menu-social li a {
	color: #fff;	
	display: inline-block;
	text-align: right;
	-webkit-font-smoothing: antialiased;
}
#menu-social li a:hover,
#menu-social li a:focus,
#menu-social .current-menu-item a {
	color: #a347ff;
}

/* sm */
@media (min-width: 768px) {
	.menu-social {
		margin-top: 24px;
	    padding-right: 20px;
	    text-align: right;
	}
}

/*------------------------------------------------------------------------
# GridBlocks
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Positioning
-----------------------------------------------*/
.gridblock h1, 
.gridblock h2, 
.gridblock h3, 
.gridblock h4, 
.gridblock h5, 
.gridblock h6,
.gridblock ol, 
.gridblock ul, 
.gridblock li,
.gridblock p {
	margin: 10px 0;
}

/*-----------------------------------------------
## Alternates
-----------------------------------------------*/
.heading-alt {
	font-size: 20px;
}

/*------------------------------------------------------------------------
# Modules
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Universal
-----------------------------------------------*/
.mod-reset {
	margin: 0 !important;
	padding: 0 !important;
}
.mod-space,
.mod-space-2x,
.mod-space-3x,
.mod-space-4x,
.mod-space-5x {
	background: none;
}
.mod-space {
	height: 15px;
}
.mod-space-2x {
	height: 30px;
}
.mod-space-3x {
	height: 45px;
}
.mod-space-4x {
	height: 60px;
}
.mod-space-5x {
	height: 75px;
}

/* Images */
.mod-img,
.mod-img-circle,
.image-gallery img,
.video-gallery img,
.slideshow-gallery img {
	margin-bottom: 15px;	
}
.mod-img-circle img {
	border-radius: 50%;
}

/*-----------------------------------------------
## Global
-----------------------------------------------*/
/* Divider */
.mod-divider {
	border-top: 1px solid #a347ff;
	margin: 4em 0;
}
.mod-divider p {
	margin-top: -45px;
	text-align: center;
}
.mod-divider a {
	background: #fff;
	color: #a347ff;
	font-size: 60px;
}

/* Blockquote */
.mod-blockquote {
	border-left: 5px solid #a347ff;
	padding-top: 2px;
}
.mod-blockquote p {
	line-height: 28px;
	padding-left: 15px;
}

/* First Letter of Paragraph */

/* Style intentionally commented out in Wedge v1.0
 * Compatibility issues with Editor plugin in Chrome
 * Remove these comments to restore drop cap style

.mod-first-letter > p::first-letter {
    float: left;
    font-size: 600%;
    line-height: 0.75;
    margin-bottom: 1px;
}

/*-----------------------------------------------
## Alpha
-----------------------------------------------*/
.mod-alpha {
	text-align: center;	
}
.mod-alpha img {
    border: 3px solid #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.75);
	margin-bottom: 30px;
}
.mod-alpha h3 {
	margin-bottom: 20px;
}

/*-----------------------------------------------
## Beta
-----------------------------------------------*/
.background-tertiary,
.background-tertiary h2,
.background-tertiary h3,
.background-tertiary h5 {
	color: #fff;
}
.mod-beta,
.mod-beta p {
	text-align: center;
}
.mod-beta img {
	border: 3px solid #fff;
}
.mod-beta-1 {
	background-color: #fff;
	border-radius: 5px;
	color: #1a1a1a;
	margin: 10%;	
	padding: 15px;
	text-align: center;
}
.mod-beta-1:before {
    border-bottom: 20px solid #fff;	
	border-left: 12px solid transparent;
    border-right: 12px solid transparent;
	content: "";
    height: 0;
	left: 50%;
	margin: -35px 0 0 -10px;
	position: absolute;
    width: 0;
}

/* sm */
@media (min-width: 768px) {
	.mod-beta-1 {
		margin-top: 15%;	
	}
}

/*------------------------------------------------------------------------
# Pages
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Home
-----------------------------------------------*/
.page-template-page_home h2 {
	font-size: 42px;
}
.page-template-page_home .entry-footer {
	background-color: #1a1a1a;
	margin-left: -15px;
	margin-right: -15px;
}
.page-template-page_home .post-edit-link {
	margin-left: 14px;
}

/*------------------------------------------------------------------------
# Posts
------------------------------------------------------------------------*/
.widget-title, 
.page-title {
    font-family: "Julius Sans One";
    font-size: 40px;
	margin-top: 50px;
}
.widget-area {
    border: 1px solid #d9d9d9;
    list-style: none;	
	margin-top: 25px;
    padding: 25px;
}

/* Comments */
.comment-reply-title,
.comments-title {
    font-family: "Open Sans";
    font-size: 24px;
}
.comment-form-comment label {
    float: left;
    padding-right: 15px;
}
.comments-area .comment-content p {
	color: #1a1a1a;
}

/*------------------------------------------------------------------------
# Plugins
------------------------------------------------------------------------*/

/*-----------------------------------------------
## WooCommerce
-----------------------------------------------*/
/* Buttons */
.woocommerce #respond input#submit, 
.woocommerce a.button,
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce p.buttons a.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: #a347ff;
    color: #fff;
}
.woocommerce p.buttons a.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
	background-color: #d9d9d9;
    color: #1a1a1a;
    text-decoration: none;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: #a347ff;
}
.woocommerce div.product {
	margin-top: 40px;
}
.woocommerce span.onsale {
    background-color: #a347ff;
	color: #fff;
}

/* Product Page Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #1a1a1a;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #d9d9d9;
}	
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #a347ff;
}	
.panel {
    background: transparent;
	box-shadow: none;
}	

/* Messages */
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before {
	color: #a347ff;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
    border-top-color: #a347ff;
}

/*------------------------------------------------------------------------
# Footer
------------------------------------------------------------------------*/
.site-footer {
	background-color: #1a1a1a;
}
.site-footer p,
.site-info,
.attribution {
	color: #fff;
	margin-top: 10px;
	text-align: center;
}
.site-info {
	margin-bottom: -10px;
	margin-top: 30px;
}
.footer-center-items {
	padding-left: 0;
}
.footer-center-items li a {
	padding: 5px;
}
.attribution {
	padding-bottom: 30px;
}

/* Disabled Footer */
.disabled-footer .site-footer {
	height: 75px;
}
.disabled-footer .attribution {
	padding-bottom: 0;
}
.disabled-footer .attribution a {
	margin-top: -15px;
}
.disabled-footer.page-template-page_home .entry-footer {
	margin-bottom: -15px;
    padding-bottom: 15px;
}

/* Sticky Footer */
html,
body,
.site,
.site-content {
	height: 100%;
}
#boldgrid-sticky-wrap {
  height: auto !important;
  height: 100%;
  min-height: 100%; 
}