/*
Theme Name: Grid One
Author: The BoldGrid Team
Theme URI: http://www.boldgrid.com/grid-one
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.18
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boldgrid-gridone
Tags: custom-background, custom-colors, custom-menu, editor-style, responsive-layout, rtl-language-support, translation-ready, boldgrid-theme-40
*/

/*------------------------------------------------------------------------
>>> 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;
}

/*-----------------------------------------------
## Positioning
-----------------------------------------------*/
.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: #333;
	font-family: 'Open Sans';
  	font-size: 14px;
  	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-family: 'Oswald';
	margin: 1em 0;
}
h2 {
	font-size: 24px;
	font-weight: 700;
}
h3 {
	font-size: 20px;
	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: 'Oswald';
	font-size: 30px;
}
.title-main {
	border-bottom: 1px solid #333;
    border-top: 1px solid #333;
	color: #333;
  	font-family: 'Oswald';
  	font-size: 85px;
  	font-weight: 700;
  	margin: 0;
    padding: 20px 0;
}
.post-title-hidden .entry-meta {
    margin-top: 50px;
}
.entry-title {
	display: block;
	font-family: 'Oswald';
	font-size: 20px;
	font-weight: 300;
	margin: 60px 0;
	position: relative;
	text-align: center;
    z-index: 1;
}
.entry-title:before {
	bottom: 0;
    content:"";
	left: 0;
    margin: 0 auto;
    position: absolute; 
    right: 0;
	top: 50%;
    z-index: -1;
}
.entry-title span { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    padding: 0 15px; 
}

/* xs */
.title-main {
	text-align: center;
}

/* md */
@media (min-width: 992px) {
	.title-main {
		text-align: right;
	}
}

/*-----------------------------------------------
## Links
-----------------------------------------------*/

/*-----------------------------------------------
## Buttons
-----------------------------------------------*/
.button-primary,
.button-secondary,
input[type="submit"] {
	border-radius: 2px;
	display: inline-block;
	font-size: 14px;
	padding: 8px 15px;
	text-transform: none;
}
.button-primary:hover,
.button-primary:active,
input[type="submit"]:hover,
input[type="submit"]:focus {
	text-decoration: none;
}
.button-secondary:hover,
.button-secondary:active {
	text-decoration: none;
}

/* Positioning */
.p-button-primary,
.p-button-secondary {
	margin: 25px 0;
	padding-top: 15px;
}

/* 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;
	}
	.gridblock .p-button-secondary {
		margin: 25px 0;
	}
}

/*-----------------------------------------------
## Et Cetera
-----------------------------------------------*/
hr {
	background: #333;
	border: 0;
	height: 1px;
}

/*------------------------------------------------------------------------
# Header
------------------------------------------------------------------------*/
.site-title {
	font-weight: normal;
}
.site-title a {
	color: #333;
}

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

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

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

/*-----------------------------------------------
## Main Menu
-----------------------------------------------*/
/* Typography */
#site-navigation {
	font-family: "Oswald";
	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 {
    color: #333;
    padding: 10px;
}
.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: #337ab7;
}

/* 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: #fff;
}

/* 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: #fff;
}

/* Nav Toggle */
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #337ab7;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #ddd;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #25374a;
}

/* 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: #25374a;
}

/* sm */
@media (min-width: 768px) {
	.navbar-default .navbar-nav,
	.navbar-default .navbar-nav .open .dropdown-menu {
		text-align: left;
	}
	/* Dropdown Child Default */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    	color: #25374a;
	}
	.navbar-default {
		float: right;
	}
}

/*-----------------------------------------------
## Other Menus
-----------------------------------------------*/
#secondary-menu a,
#tertiary-menu a,
#menu-social a {
	color: #3e3e3e;
	font-family: "Oswald";
    font-size: 12px;
	padding: 0 5px;
    text-transform: uppercase;
}
#secondary-menu,
#tertiary-menu {
    background: none;
    text-align: center;
}
#secondary-menu a[href]:hover,
#tertiary-menu a[href]:hover {
    color: #337ab7;
} 
.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: 0px;
}
#menu-social ul li {
    position: relative;
    display:  inline-block;    
}
#menu-social li a {
	display: inline-block;
	text-align: right;
	color: #666;
	-webkit-font-smoothing: antialiased;
}
#menu-social li a:hover,
#menu-social li a:focus {
	color: #337ab7;
}
.navbar-nav .menu-social {
    margin-top: 0;
}

/* sm */
@media (min-width: 768px) {
	.menu-social {
		margin-top: 15px;
	    padding-right: 15px;
	    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
-----------------------------------------------*/
.gridblock .font-alt {
	font-family: 'Oswald';
}
.gridblock .heading-alt {
	color: #738599;
	font-family: 'Oswald';
	font-size: 22px;
	font-weight: 400;
}

/*------------------------------------------------------------------------
# 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 #333;
	margin: 4em 0;
}
.mod-divider p {
	margin-top: -45px;
	text-align: center;
}
.mod-divider a {
	background: #fff;
	color: #333;
	font-size: 60px;
}
.mod-icon-circle i {
	border: 2px solid #333;
    border-radius: 50%;
    font-size: 35px;
    padding: 15px;
}
.mod-icon-circle .fa-lightbulb-o {
	padding: 15px 20px;
}

/* Blockquote */
.mod-blockquote {
	border-left: 7px solid #333;
	padding-bottom: 0;
	padding-top: 0;
}
.mod-blockquote p {
	font-size: 24px;
	line-height: 28px;
	padding-left: 15px;
}

/*-----------------------------------------------
## Alpha
-----------------------------------------------*/

/*-----------------------------------------------
## Beta
-----------------------------------------------*/

/*-----------------------------------------------
## Gamma
-----------------------------------------------*/

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

/*------------------------------------------------------------------------
# Posts
------------------------------------------------------------------------*/
.widget-title, 
.page-title {
    font-family: 'Oswald';
    font-size: 18px;
}
.widget-area {
    border: 1px solid #ccc;
	margin-top: 25px;
    padding: 25px;
    list-style:none;
}

/* Comments */
.comment-reply-title,
.comments-title {
    font-family: 'Oswald';
    font-size: 24px;
}
.comment-form-comment label {
    float: left;
    padding-right: 15px;
}
.comments-area .comment-content p {
	color: #333;
}
.color1-text-contrast {
	color: #337ab7;
}
.panel-footer {
    padding: 20px 15px;
}

/* Call to Action */
.single .call-to-action {
	display: none;	
}

/* Buttons */
.form-submit .submit {
	background: #ccc;
	color: #337ab7;
	margin-bottom: 10px;
}
.form-submit .submit:hover,
.form-submit .submit:focus {
	background: #337ab7;
	color: #ccc;
}

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

/*-----------------------------------------------
## WooCommerce
-----------------------------------------------*/
.woocommerce .page-title {
	margin: 0;	
}
.woocommerce #respond input#submit, 
.woocommerce a.button,
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce p.buttons a.button {
    background-color: #a46497;
    color: #fff;
}
.woocommerce p.buttons a.button:hover {
	background-color: #dad8da;
    background-image: none;
    color: #515151;
    text-decoration: none;
}

/*------------------------------------------------------------------------
# Footer
------------------------------------------------------------------------*/
.site-footer p,
.site-info,
.attribution {
	text-align: center;
}
.site-footer a {
	text-decoration: underline;
}
.site-footer a:hover,
.site-footer a:focus {
	text-decoration: none;
}
.site-info {
	margin-bottom: -10px;
}
.footer-center-items {
	padding-left: 0;
}
.footer-center-items li a {
	padding: 5px;
}
.attribution {
	padding-bottom: 30px;
}

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