/**
Theme Name: Astra-NettOp
Author: Nettop
Author URI: https://www.uis.no/om-uis/organisasjonen/administrasjon/nettop-avdeling-for-utvikling-av-digitale-laeremidler/
Description: Astra child theme customised @ NettOp
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-nettop
Template: astra
*/




.fullHeight {
	margin-top: 49vh;
	text-align: center;
	height: 100vh;
}


.site-title a {
	
	font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
    font-weight: 300;
    letter-spacing: 5px;
    text-transform: uppercase;
	margin: auto;
    height: 100%;
    display: flex;
}

.main-header-bar .ast-container {
	max-width:unset;
	padding: 0;
}

.ast-site-identity {
	padding: 0;
}



.ast-menu-toggle {
	width: 100%;
    text-align: right;
	margin-right: 2rem;
}


.sidebar-main {
	background: #fff;
	padding: 10px;
}

.nettop_compendium_title {
	margin-top:1rem;
	margin-bottom:1rem;
}

/* next/back buttons */
.nettop_navigation_buttons {
	/* margin:1rem; */
	height:20px;
	margin-bottom: 3.7rem;
	margin-top: 2rem;
}
/* END next/back buttons */

/* rollover color for top menu items */
/*
#primary-menu li:hover {
	background-color: #c23e00;
}*/
/* END rollover color for top menu items */

/* tabbed content titles */
.wp-block-ub-tabbed-content-tab-title {
	color: #0274be;
}
/* END tabbed content titles */


.ast-title-bar-wrap {
	background-color: unset;
	background-size: contain;
}

.nettop_header_image {
	width:100%;
	margin-top: 1rem;
}

.maxwidth {
	max-width: 1240px;
	margin: auto;
}


/* fixes for small screens */
/* !see the breakpoint set in functions.php! */
@media only screen 
and (max-width : 921px) {
/*
.main-navigation ul li a{
	color: #000 !important;
	margin-left: 2rem;
}
#primary-menu li:hover {
	background-color: #fff;
}
*/


}
/* END fixes for small screens */


/* useful grid creation - for example use for logo's - use the gutenburg column block and in the additional CSS classes add 'asGrid' */
/* !can use group or containers (containers=genesis block contriner - so it needs that plugin! */

/* as a grid - but no last line justification */
.asGrid {
	display: grid;
	row-gap: 15px;
	column-gap: 32px;
	grid-template-columns: repeat(auto-fit, 210px);
	justify-content: center;
}
.asGrid > .wp-block-column:not(:first-child) {
	margin-left: 0 !important;
}
.asGrid > .wp-block-column {
	text-align: center;
}
/* END as a grid - but no last line justification */

/* put items in a container and they will appear as if in a grid - last line JUSTIFIED */

/* this for gutenburg group */
.nettopGridContainer > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.nettopGridContainer > .wp-block-group__inner-container > .asGridChild {
	flex: var(--asGridChild,  0 0 calc(210px - 20px));
	padding: 20px;
	margin: 10px;
	text-align: center;	
}
/* END this for gutenburg group */


/* this for genesis container (needs genesis plugin) */
:root {
	/* define item width here! */
	--nettopGridElementWidth: 0 0 calc(210px - 20px);
	/* END define item width here! */
}

.nettopGridContainer > .gb-container-inside > .gb-container-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.nettopGridContainer > .gb-container-inside > .gb-container-content > .nettopGridContainterChild {
	flex: var(--nettopGridElementWidth);
	padding: 20px;
	margin: 10px;
	text-align: center;	
}
/* END this for genesis container (needs genesis plugin) */

/* END - put items in a container and they will appear as if in a grid - last line JUSTIFIED */


/* END useful grid creation - for example use for logo's - use the gutenburg column block and in the additional CSS classes add 'asGrid' */

/* put items in a contrainer and they will appear as if in a grid (no justify on last line) */
.nettopGridContainterV2 > .gb-container-inside > .gb-container-content {
	display: grid;
	row-gap: 15px;
	column-gap: 32px;
	grid-template-columns: repeat(auto-fit, 210px);
	justify-content: center;
}
.nettopGridContainterV2 > .gb-container-inside > .gb-container-content > .nettopGridContainterChild:not(:first-child) {
	margin-left: 0 !important;
}
.nettopGridContainterV2 > .gb-container-inside > .gb-container-content > .nettopGridContainterChild {
	text-align: center;
}
/* END useful grid creation - for example use for logo's - use the gutenburg column block and in the additional CSS classes add 'asGrid' */