/*
Theme Name: Hydra
Author: The BoldGrid Team
Theme URI: https://www.boldgrid.com/hydra
Author URI: https://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.25.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boldgrid-hydra
Tags: custom-background, custom-colors, custom-menu, editor-style, responsive-layout, rtl-language-support, translation-ready, boldgrid-theme-32
*/
/*------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------
# Base Styles
## Positioning
## Typography
## Titles
## Buttons
## Et Cetera
# Header
# Navigation
## Main Menu
## Other Menus
## Social Menus
# GridBlocks
# Modules
## Global
## Alpha
# Pages
# Posts
# Plugins
## WP Canvas Gallery
## WooCommerce
# Footer
------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
# Base Styles
------------------------------------------------------------------------*/
/*-----------------------------------------------
## Positioning
-----------------------------------------------*/
/* Extra small devices (phones, less than 768px) */
.entry-content {
margin-top: 12%;
padding-top: 25px;
padding-bottom: 25px;
}
.archive .main.container-fluid > *,
.single .main.container-fluid > *,
.search .main.container-fluid > * {
margin: 0 auto;
}
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.entry-content {
margin-top: 30%;
}
.archive .main.container-fluid > *,
.single .main.container-fluid > *,
.search .main.container-fluid > * {
width: 750px;
}
}
/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.entry-content {
margin-top: 12%;
}
.archive .main.container-fluid > *,
.single .main.container-fluid > *,
.search .main.container-fluid > * {
width: 970px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.archive .main.container-fluid > *,
.single .main.container-fluid > *,
.search .main.container-fluid > * {
width: 1170px;
}
}
.single .main,
.archive .main {
margin-top: 3em;
}
.blog .entry-title,
.single .entry-title {
padding: 0;
}
.blog .entry-content,
.single .entry-content,
.archive .entry-content {
margin-top: 0;
}
.blog .entry-meta,
.blog .entry-footer {
text-align: center;
}
.blog .entry-meta {
padding-top: 10px;
}
.blog .container-fluid .boldgrid-section {
margin-right: 0;
margin-left: 0;
}
/*-----------------------------------------------
## Typography
-----------------------------------------------*/
.entry-title,
.mod-beta h2 {
font-weight: bold;
}
.mod-alpha h2 {
line-height: normal;
}
a:hover,
a:focus,
.site-footer a {
text-decoration: underline;
}
a,
.button-primary:hover,
.button-primary:focus,
.button-primary:active,
.open > .dropdown-toggle.btn-primary,
.button-secondary:hover,
.button-secondary:active,
.site-footer a:hover,
.site-footer a:focus {
text-decoration: none;
}
.site-title,
.site-description,
.call-to-action,
.entry-title,
.navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
#secondary-menu,
#tertiary-menu,
.menu-social,
.icon,
.heading p,
.site-footer,
.xs-center,
.mod-img,
.mod-img-circle,
.p-button-primary,
.p-button-secondary {
text-align: center;
}
.cat-item,
.archive .entry-title,
.menu-item-object-page,
#footer-widget-area {
text-align: left;
}
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.site-title,
.site-description,
#menu-social-media li a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
text-align: left;
}
.menu-social,
.navbar-nav > li > a {
text-align: right;
}
}
/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.xs-center,
.mod-img,
.mod-img-circle,
.gridblock .p-button-primary,
.gridblock .p-button-secondary,
.single .entry-title {
text-align: left;
}
}
/*-----------------------------------------------
## Titles
-----------------------------------------------*/
.page-template-page_home .entry-title {
display: none;
}
.page-template-default .entry-content {
margin-top: 0;
}
.hentry {
margin: 0 auto;
}
.hentry:first-child ~ .hentry {
margin-top: 50px;
}
/* Headings */
.heading h3 {
margin-top: 10px;
}
.heading {
margin-bottom: 15px;
}
/* Extra small devices (phones, less than 768px) */
.entry-title {
padding-bottom: 1.5em;
}
.entry-title a,
.entry-title a:hover,
.entry-title a:focus {
color: #fff;
text-decoration: none;
text-shadow: 0.1em 0.1em 0.05em #333;
}
.archive .entry-title {
margin-top: 0;
padding-top: 25px;
padding-bottom: 15px;
text-shadow: none;
}
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.entry-title {
padding-top: 1em;
padding-bottom: 3em;
}
.archive .entry-title,
.single .entry-title {
margin-left: -15px;
}
}
/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.entry-title,
.entry-title a {
padding-top: 1.5em;
padding-bottom: 2.5em;
}
}
/*-----------------------------------------------
## Buttons
-----------------------------------------------*/
.button-primary,
.button-secondary {
margin: 10px 0;
padding: 10px 25px;
background: none;
transition: all .5s ease 0s;
}
/* Positioning */
.p-button-primary,
.p-button-secondary,
.gridblock .p-button-primary {
margin: 30px 0;
}
.gridblock .p-button-secondary {
margin: 0;
}
/* Call to Action */
.call-to-action .button-primary {
margin: 25px 0 0;
padding: 20px 25px;
transition: all .5s;
}
/* Block vs. Inline */
.button-primary,
.button-secondary {
display: block;
margin-top: 15px;
}
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.button-primary,
.button-secondary {
display: inline;
margin-top: 0;
}
.gridblock .p-button-secondary {
margin: 30px 0;
}
}
/*-----------------------------------------------
## Et Cetera
-----------------------------------------------*/
hr {
margin-top: 65px;
margin-bottom: 50px;
}
.table-striped > tbody > tr:nth-of-type(2n+1),
.pager li > a {
background: transparent;
}
input,
select {
color: #333;
}
/*------------------------------------------------------------------------
# Header
------------------------------------------------------------------------*/
.site-header {
/* Box Shadow */
-webkit-box-shadow: 0 3px 8px 2px rgba(38, 38, 38, 0.5);
-moz-box-shadow: 0 3px 8px 2px rgba(38, 38, 38, 0.5);
box-shadow: 0 3px 8px 2px rgba(38, 38, 38, 0.5);
}
/* Sticky Header Scroll */
.site-header {
z-index: 99;
}
.smaller {
transition: all .3s;
}
/* Call to Action */
.call-to-action {
margin-bottom: 40px;
padding-top: 60px;
}
.page-template-default .call-to-action,
.page-template-page_home .header-title {
display: none;
}
/* Extra small devices (phones, less than 768px) */
.site-title {
padding-top: 20px;
}
.site-description {
margin-top: -20px;
margin-left: 2px;
padding-top: 10px;
}
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.site-title {
margin-bottom: 5px;
padding-top: 0;
padding-bottom: 0;
}
.site-header {
position: fixed;
top: 25;
left: 0;
margin-bottom: 50px;
padding-bottom: 0;
width: 100%;
}
.classie-spacer {
height: 45px;
}
.smaller {
padding-bottom: 0;
}
.smaller .classie-spacer {
height: 20px;
}
.smaller #primary-navbar {
padding-top: 0;
}
.page .smaller .social-media {
padding-top: 20px;
}
.call-to-action {
padding-top: 130px;
}
}
/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.menu-social {
margin-top: 8px;
padding: 15px 0 0;
}
.navbar-nav li.menu-social {
margin-top: 0;
}
}
/*------------------------------------------------------------------------
# Navigation
------------------------------------------------------------------------*/
/*-----------------------------------------------
## Main Menu
-----------------------------------------------*/
.navbar {
margin-top: -10px;
margin-bottom: 0;
}
.navbar-default {
padding-right: 0;
border: none;
background: none;
}
.navbar-nav > li > a {
padding: 12px 10px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background: transparent;
}
/* Dropdown */
.navbar-nav > li > .dropdown-menu {
border-top-right-radius: 5px;
}
.dropdown-menu {
border: none;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.176);
}
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#primary-navbar {
padding-right: 0;
}
.navbar-default {
float: right;
}
.navbar-nav {
float: right;
}
}
/*-----------------------------------------------
## Other Menus
-----------------------------------------------*/
#secondary-menu a,
#tertiary-menu a,
#menu-social a {
padding: 0 5px;
}
.boldgrid-framework-menu li::after {
content: none;
}
/*-----------------------------------------------
## Social Menus
-----------------------------------------------*/
.menu-social {
padding: 0;
}
.menu-social li {
display: inline;
padding-right: 10px;
}
#menu-social li a {
display: inline-block;
}
/*------------------------------------------------------------------------
# GridBlocks
------------------------------------------------------------------------*/
.gridblock ul {
padding-left: 26px;
list-style-type: none;
}
.gridblock ul li:before {
position: relative;
display: inline-block;
margin-right: 8px;
width: 6px;
height: 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
content: "";
}
.gridblock hr {
margin-top: 10px;
margin-bottom: 30px;
height: 1px;
border: 0;
}
.dynamic-gridblock hr {
margin-top: 20px;
margin-bottom: 20px;
}
/*------------------------------------------------------------------------
# Modules
------------------------------------------------------------------------*/
/*-----------------------------------------------
## Global
-----------------------------------------------*/
blockquote,
.mod-blockquote {
padding: 0 20px;
}
/*-----------------------------------------------
## Alpha
-----------------------------------------------*/
.mod-alpha {
margin: 0 auto;
padding-top: 50px;
width: 80%;
height: 100%;
background: url("images/quote.png") no-repeat;
background-position: left;
}
/*------------------------------------------------------------------------
# Pages
------------------------------------------------------------------------*/
/* 404 page */
.error404 .list-group-item {
border: none;
background: transparent;
}
.error404 .button-primary {
margin: 0;
}
/* Search */
.search .button-primary {
margin: 0;
}
.search .jumbotron {
background: none;
}
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.search .jumbotron {
padding-left: 0;
}
}
/*------------------------------------------------------------------------
# Posts
------------------------------------------------------------------------*/
.nav-links {
margin: 25px 0;
}
/* Comments */
.panel-footer {
padding: 25px 15px;
border-top: 1px solid transparent;
}
.panel-default > .panel-heading {
border: none;
}
.panel {
box-shadow: none;
}
/* Call to Action */
.single .call-to-action {
display: none;
}
/*------------------------------------------------------------------------
# Plugins
------------------------------------------------------------------------*/
/*-----------------------------------------------
## WP Canvas Gallery
-----------------------------------------------*/
.gallery-icon img:hover {
-webkit-filter: brightness(35%);
-ms-filter: brightness(35%);
filter: brightness(35%);
-moz-filter: brightness(35%);
-o-filter: brightness(35%);
}
/*-----------------------------------------------
## WooCommerce
-----------------------------------------------*/
.woocommerce-account p.order-again .btn.button-primary {
padding: 12px 24px;
}
/*------------------------------------------------------------------------
# Footer
------------------------------------------------------------------------*/
.site-footer {
padding: 1em 0;
}
.menu-item-object-page,
.cat-item {
list-style: none;
}
#footer-widget-area {
border-top: 1px solid #dee0e0;
padding-top: 15px;
}
ul#footer-center-items {
padding: 0;
}
.attribution-theme-mods {
margin-top: 0;
}