/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@media(min-width: 1101px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 50%;
        top:0;
        transform: translateX(-50%);
        z-index: 1000;
    }

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }

    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(2) {
        margin-left: auto;
    }
    
    .navigation-branding img, 
		.site-logo.mobile-header-logo img {
			height:162px !important;
			transition:all 200ms;
		}
		.sticky-navigation-logo img {
			height:60px !important;
			transition:all 200ms;
		}
}

/*--------------------------------------------------------------
## Basics
--------------------------------------------------------------*/

.sticky-enabled .main-navigation.is_stuck {
	box-shadow:unset;
}

.cb-button-prev {
	position: absolute;
	top:auto !important;
  bottom: 30px !important;
  left: auto !important;
  right:60px !important;
  margin-top: auto !important;
  background-color: #fff;
  padding: 16px;
  border-radius: 20px;
}
.cb-button-next {
	position: absolute;
	top:auto !important;
  bottom: 30px !important;
  left: auto !important;
  right:20px !important;
  margin-top: auto !important;
  background-color: #fff;
  padding: 16px;
  border-radius: 20px;
}


@media (max-width: 1100px) {
    .separate-containers .inside-article, .separate-containers .comments-area,
    .separate-containers .page-header, .separate-containers .paging-navigation, 
    .one-container .site-content, .inside-page-header {
        padding: 20px;
    }
 		.navigation-branding img, .site-logo.mobile-header-logo img {
    	height: 90px !important;
		}
		.slideout-menu {
				margin-top:80px !important;
		}
}