/*!
Theme Name:   skytteanska_theme
Template:     cindy
Theme URI:    
Author:       ITS
Author URI:   
Version: 1.21
Description:  You can change this description text in your child theme's "style.css" file.
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md
and rename CHILD_THEME_NAME and PARENT_THEME_SLUG in this file appropriately!
*/

/* Put your custom CSS styles below... */

/* STYLING MENU */
.site-header .site-header-section,
.main-navigation-section {
  background: linear-gradient(90deg, #990000, #99004d) !important;
}

.site-header .site-branding {
  background-color: transparent;
}

.main-navigation .sub-menu {
  background-color: #990000;
}

.main-navigation a:active:before,
.main-navigation a:focus:before,
.main-navigation a:hover:before,
.menu-primary > li > a:before,
.has-navigation-mobile .menu-primary .current-menu-ancestor > a:before,
.has-navigation-mobile .menu-primary .current-menu-item > a:before,
.main-navigation .current-menu-ancestor > a:before,
.main-navigation .current-menu-item > a:before {
  display: none;
}

.main-navigation li a {
  border-bottom: 3px solid transparent;
}

.main-navigation .sub-menu li a:active,
.main-navigation .sub-menu li a:focus,
.main-navigation .sub-menu li a:hover {
  background-color: #a31919;
  padding-right: 1rem;
  border-bottom: 0;
}

.main-navigation .sub-menu a[aria-current]:not([aria-current="false"]) {
  background-color: #8a0000;
  padding-right: 1rem;
  border-bottom: 0;
}

.main-navigation li a:active,
.main-navigation li a:focus,
.main-navigation li a:hover,
.menu-item a[aria-current]:not([aria-current="false"]) {
  border-bottom: 3px solid #ffffff;
}

/* STYLING FOOTER */
footer.site-footer .site-footer-content .site-branding {
  display: none;
}

.footer-1-widgets-section.footer-widgets-section {
  background: linear-gradient(90deg, #990000, #99004d);
}

.footer-1-widgets-section .footer-1-widgets-content {
  background-color: transparent;
}

/* STYLING MEDIA */
@media (max-width: 1279px) {
  .has-navigation-mobile .main-navigation-container {
    background: linear-gradient(90deg, #990000, #99004d);
  }
}

@media (min-width: 1600px) {
  .site-header .site-branding {
    padding-bottom: 0;
  }
}

@media (max-width: 672px) {
  .site-title {
    font-size: 1em;
  }
}

@media (max-width: 320px) {
  .site-title {
    font-size: 0.9em;
  }
}