/*
 Theme Name:   rEADesign
 Theme URI:    https://ead.se
 Description:  Child Theme
 Author:       EAD
 Author URI:   https://ead.se
 Template:     generatepress
 Version:      0.1
*/

/* Toppband */
.home .inside-top-bar, .home .inside-top-bar a {color: #fff;}
.home .inside-top-bar:hover, .home .inside-top-bar a:hover {color: #d2dab5;}
.head1 {float: left;left: 24%;position: absolute;top: 80px;z-index: 9998;}
.head2 {position: absolute;float: right;right: 24%;text-align: right;top: 80px;z-index: 9998;}
@media (max-width:768px) {
	.head1 {top: 8px;left: 24%;font-size:12px;font-weight: normal;}
	.head2 {top: 8px;right: 24%;font-size:12px;font-weight: normal;}
}

/* Head - all except home */
body:not(.home) .top-bar {position: relative;}
body:not(.home) .head1 {top: 60px;}
body:not(.home) .head2 {top: 60px;}
@media (max-width:768px) {
body:not(.home) .head1 {top: 8px;left: 24%;}
body:not(.home) .head2 {top: 8px;right: 24%;}
}

@media (min-width: 769px) and (max-width: 1200px) {
.head1 {left: auto;right: auto;left: 7%;}
.head2 {right: 7%;}
.top-bar {position: relative;}
}

/* Mobile header */
.main-navigation.toggled .main-nav li {text-align: center;}
#mobile-header.main-navigation .main-nav ul li a {padding: 10px;}
#mobile-header.toggled .main-nav > ul {padding-bottom: 20px;}

.gb-menu-container.gb-menu-container--mobile.gb-menu-container--toggled {z-index: 9999;}

.home .header-wrap:has(#mobile-header.toggled) .head1,
.home .header-wrap:has(#mobile-header.toggled) .head2 {display: none;}
.home .header-wrap:has(#mobile-header.toggled) .top-bar {background-color: rgb(247, 242, 232);}

/* STARTPAGE HEADER */
.home .inside-header {padding: 10px 40px 30px;}

/* STICKY NAV */
/*.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container{justify-content: flex-start;}*/
.sticky-enabled .main-navigation.is_stuck a {font-size: 0.85em;}
.sticky-enabled .main-navigation.is_stuck {box-shadow: 0 2px 2px 0px rgba(0, 0, 0, .2);}
#sticky-navigation .inside-navigation {justify-content: space-between;}
#sticky-navigation .navigation-branding {margin-right: auto;}
#sticky-navigation ul.sf-menu {margin-left: auto;justify-content: flex-end;}

/* STARTPAGE HERO VIDEO BACKGROUND */

.tagline {font-size: 1.4rem;line-height: 1.5;margin-top:25px;}
@media (max-width:768px) {.tagline {font-size:1.15rem;line-height: 1.4;margin-top:10px;}
}

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
}

.page-hero {
    position: relative;
    overflow: hidden;
}

.background-video-content {position: relative;z-index: 1;margin:0 auto;}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* STARTPAGE CONTENT */
.start-header-content h1 {font-size:4rem;line-height: 1.1;margin-bottom: 10px;}
@media (max-width:768px) {.start-header-content h1 {font-size:3rem;margin-bottom: 10px;}}
/*
p.preheading {margin-bottom: 10px;font-size:;}
p.ingress {font-size: 1.2rem;margin-bottom: 10px;}
*/

/* Hero-bild på undersidor med indragna marginaler */
.entry-content .hero-bild.alignfull {margin-left: calc(50% - 50vw + 15px) !important;  margin-right: calc(50% - 50vw + 15px) !important;  max-width: calc(100vw - 30px) !important;width: auto !important;}

/* GRID BUTTONS */
.grid-button-link a,.grid-button-link a:hover {color: #4f4541;}

/* FOOTER */
.site-footer .footer-widgets-container .inside-footer-widgets {background:#999f85;border: 1px solid;border-radius: 15px;padding: 80px 30px;margin-left: 0px;}
.site-footer .footer-widgets-container .inner-padding {padding: 0px;}
.site-footer .footer-widgets-container .gb-text {color: #fff;}
.site-footer h2 {margin: 0 0 5px;}

@media (max-width:768px) {
.site-footer .footer-widgets-container .inside-footer-widgets {padding: 30px;}
}

/* Copyright */
.inside-site-info {
    padding: 20px 20px 50px;
    min-height: 100px;
    text-transform: uppercase;
    font-family: Baskervville, serif;
    letter-spacing: 0.15em;
}

div#cred {opacity:0.6;margin-top: 10px;position: absolute;right: 10px;writing-mode: vertical-lr;font-size: 8px;padding-bottom: 15px;}