/*
 Theme Name:   NTNUI Page Builder 2.0
 Theme URI:    TBA
 Description:  CoBlocks Child Theme
 Author:       NTNUI Sprint
 Author URI:   https://ntnui.no
 Template:     coblocks
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  coblocks-child
*/


/*Nav*/
.site-header .nav li.current_page_item > a {
	border-bottom: 3px solid green;
	line-height: 1;
}

.sticky + .site-content {
  padding-top: 69px;
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: box-shadow 0.5s ease-in-out;
	background-color: hsl(144, 100%, 99%);
	z-index: 999;
}
/*Nav END*/
/*General*/
.site {
	background-color: hsl(144, 50%, 99%);
}

.site-content {
    overflow: hidden;
    z-index: 2;
    padding-top: 0;
}

.site-header .site-title.with-custom-logo {
    margin-left: 0px;
    font-family: "Heebo", serif;
    font-size: 19px;
    font-weight: 400;
	margin-left: 20px;
}

.entry-title {
	text-align: center;
}

body .widget-area__wrapper {
    background: none;
}

/*General END*/

/*Blog*/
@media only screen and (max-width: 600px){
	.entry-content h2{
		margin-left: 15px !important;
		margin-right: 15px !important;
	}
	.entry-content p{
		margin-left: 15px;
		margin-right: 15px;
	}
}

.entry-meta {
	margin-left: 0;
	text-align: center;
}
/*Blog END*/

/*Text-Media Block*/
.wp-block-media-text .wp-block-media-text__media {

    grid-area: media-text-media;
    margin: 0;
        margin-top: 0px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
	height: 100%;
}

.wp-block-media-text .wp-block-media-text__content{
	grid-column:1 !important;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
	grid-column:2 !important;
}

.wp-block-media-text .wp-block-media-text__media{
	grid-column:2 !important;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{
	grid-column:1 !important;
}


img[class^='wp-image-'] {
	border-radius: 10px;
}

@media (max-width:599px){
		.entry-content > .alignwide, .entry-summary > .alignwide {
    margin-bottom: 50px;
    margin-top: 50px;
		 display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
	
	.wp-block-media-text .wp-block-media-text__media {
    grid-area: media-text-media;
    margin-top: 0;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
		    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
	
	.wp-block-media-text .wp-block-media-text__content {
		text-align:center;
		margin-top:20px;
    grid-area: media-text-content;
    padding: 0 8%;
		-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
	
	.entry-content > .alignwide, .entry-summary > .alignwide {
    max-width: 1100px;
    padding-left: 0px;
    padding-right: 0;
}
	
	img[class^='wp-image-'] {
	border-radius: 0px;
		width:100%;
}
}

.wp-block-cover, .wp-block-cover-image {

    align-items: center;
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    margin: 0 0 1.5em;
    min-height: 430px;
    overflow: hidden;
    position: relative;
    width: 100%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.entry-content .wp-block-cover.alignfull .wp-block-cover-text {
    max-width: 90vw;
    padding: 0px;
	word-break: keep-all;
}

.wp-block-media-text .wp-block-media-text__content {
    word-break: break-word;
    grid-area: media-text-content;
    padding: 8% 8% 8% 8%;
}



/*alignfull*/

		.entry-content > .alignfull:not(.wp-block-cover), .entry-summary > .aligfull:not(.wp-block-cover){
    margin-bottom: 50px;
    margin-top: 50px;
		 display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
			
			grid-area: media-text-media;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
		    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
			
			background-color: white;
			 width: 748px;
    margin-left: auto;
    margin-right: auto;
}

.alignfull img[class^="wp-image-"]{

    border-radius: 10px 10px 0 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.alignfull > .wp-block-media-text__content {
	width: 100%;
	margin-left: 8%;
	margin-right: 8%;
	text-align: center;
}

.wp-block-media-text .wp-block-media-text__media {
    grid-area: media-text-media;
    margin: 0;
    height: 100%;
    width: 100%;
}

/*alignfull end*/

/*Text-Media Block END*/

/*Woocommerce*/

/* Hide related products */
.woocommerce .related{
	display:none
}


.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {

    float: right;
    width: 100%;

}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {

    background-color: red;
    color: #fff;
    -webkit-font-smoothing: antialiased;

}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {

    background-color: #ff5630;
    color: #fff;

}

.woocommerce-store-notice, p.demo_store {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    font-size: 1em;
    padding: 1em 0;
    text-align: center;
    background-color: rgb(0,125,50);
    color: #fff;
    z-index: 99998;
    box-shadow: 0 1px 1em rgba(0,0,0,.2);
    display: none;

}

@media (max-width: 599px){
	.woocommerce.columns-3 ul.products li.product {

    width: 100%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    transition: box-shadow 0.3s ease-in-out;

}
}
/*Woocommrece END*/

/*AB Post Grid*/
/*
.ab-block-post-grid h2 {
    color: red;
}
*/

.ab-block-post-grid-text {
	margin: 0% 5%;
}

.ab-block-post-grid-byline time{
	margin: 0px !important;
}

h2.ab-block-post-grid-title {
    margin-left: 25px;
	margin-right: 25px;
    font-size: inherit;
    padding-bottom: 30px;
    font-family: "Heebo", Serif;
    font-weight: 400;
}


.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {

    margin-bottom: 0 !important;
    padding-top: 10px;
    position: relative;
    line-height: 1.5em;

}

.ab-block-post-grid-text h2 a:hover{
	color: #0aae1d;
}

hr {

    background-color: #2a2a2a;
    opacity: 0;
    border: 0;
    height: 1px;
    margin: 0 0 1.5em;

}

.ab-block-post-grid-image{
	width: 100%;
	height: 40vh;
}

.ab-block-post-grid-image img{
	height:100%;
	width:100%;
	object-fit: cover;
}


/*AB Post Grid END*/

/*Product list*/
/*Box*/
.woocommerce.columns-2 ul.products li.product {
    width: 48%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	transition: box-shadow 0.3s ease-in-out;
	background-color: white;
}

.woocommerce.columns-2 ul.products li.product:hover {
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.woocommerce.columns-3 ul.products li.product {
    width: 30.75%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	transition: box-shadow 0.3s ease-in-out;
	background-color: white;
}

.woocommerce.columns-3 ul.products li.product:hover {
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

@media only screen and (max-width: 768px){
	.woocommerce.columns-3 ul.products li.product {
    width: 48%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	transition: box-shadow 0.3s ease-in-out;
	background-color: white;
}

.woocommerce.columns-3 ul.products li.product:hover {
    width: 48%;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	background-color: white;
}
}

@media only screen and (max-width: 600px){
.woocommerce.columns-2 ul.products li.product {

    width: 100%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    transition: box-shadow 0.3s ease-in-out;
	background-color: white;
}
	
.woocommerce.columns-2 ul.products li.product:hover {
    width: 100%;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	background-color: white;
}
		.woocommerce.columns-3 ul.products li.product {
    width: 100%;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	transition: box-shadow 0.3s ease-in-out;
	background-color: white;
}

.woocommerce.columns-3 ul.products li.product:hover {
    width: 100%;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	background-color: white;
}
}


/*Image*/
.woocommerce ul.products li.product a img {

    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    border-radius: 10px 10px 0px 0px;
}

/*Title*/
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 25px;
    font-size: 1em;
}

/*Price*/
.woocommerce ul.products li.product .price {
    color: #77a464;
    font-weight: 400;
    font-size: .857em;
    margin-left: 25px;
}

/*Buy*/
.woocommerce ul.products li.product .button {
    margin-left: 25px;
    margin-bottom: 30px;
}
/*Product list END*/

/*Blog list*/

/*box*/
.ab-block-post-grid .is-grid article {
   	margin-bottom: 2.5em;
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	transition: box-shadow 0.3s ease-in-out;
}

.ab-block-post-grid .is-grid article:hover {
    /*box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/*image*/
.ab-block-post-grid .ab-block-post-grid-image img {
    display: block;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

/*Titel*/

@media only screen and (max-width: 600px){
	.wp-block-media-text .wp-block-media-text__media {
    grid-area: media-text-media;
    margin-top: 0;
	box-shadow: none;
    /*box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    border-radius: 10px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 100%;
}
	
	img[class^="wp-image-"] {
		border-radius: 10px 10px 0 0 !important;
}
}

h2.ab-block-post-grid-title {

    margin-left: 25px;
    font-size: inherit;
		padding-bottom:30px;
}

.pingback a:not(.comment-edit-link),
.entry-content a:not(.bean-btn) {
  -webkit-box-shadow: none;
 	box-shadow: none;
  text-decoration: none;
}

.pingback a:not(.comment-edit-link):hover, .pingback a:not(.comment-edit-link):focus,
.entry-content a:not(.bean-btn):hover,
.entry-content a:not(.bean-btn):focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*Author & Date*/
.ab-block-post-grid .ab-block-post-grid-author, .ab-block-post-grid .ab-block-post-grid-date {
	display: inline-block;
	margin-left:25px;
}

/*Blog list END*/

/*Image Block*/
.entry-content .wp-block-image img {
	display: block;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
}

/*Tiles*/
.entry-content > .alignwide, .entry-summary > .alignwide {
    margin-bottom: 50px;
    margin-top: 50px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    padding-left: 0;
    padding-right: 0px;
	background-color: white;
}

.wp-block-media-text .wp-block-media-text__media {

    grid-area: media-text-media;
    margin: 0;
    margin-top: 0px;
    box-shadow: 0 0;
    border-radius: 10px;
}

img[class^="wp-image-"] {

    border-radius: 10px 0 0 10px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.wp-block-media-text.has-media-on-the-right img{
border-radius: 0 10px 10px 0;
}

/*Tiles END*/

/*Media Deck Block*/
@media only screen and (min-width: 768px){
	.entry-content .wp-block-cover.alignfull .wp-block-cover-text {
    max-width: 90vw;
    padding: 0px;
    word-break: keep-all;
}
}

@media only screen and (max-width: 768px){
	.entry-content .wp-block-cover.alignfull .wp-block-cover-text {
    max-width: 90vw;
    padding: 0px;
    word-break: keep-all;
    text-align: center;
}
}
/*Media Deck Block END*/

/*Pricing table item*/
.wp-block-coblocks-pricing-table-item{
	 box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	
}

/*Pricing table item end*/

/*Page title*/
#post-15 > .page-wrapper header{
	margin-bottom:0px;
	margin-top: 0px;
}

/*Page title end*/

/* Button */


.wp-block-button__link{
	border-width: 2px;
	border-style:solid;
	border-color:transparent;
}
.wp-block-button >.wp-block-button__link:hover{
	color:#098040;
	border-color:#098040;
	background-color:transparent !important;
}

/*Button End*/

/* Idretter - liste */

.idretter a:hover{
	font-weight:900;
	color: #0aae1d;
}

@media (max-width: 600px) {
        ul.idrett {
  			-webkit-columns: 2;
  			-moz-columns: 2;
		}
}
@media (max-width: 900px) and (min-width: 601px){
        ul.idrett {
  			-webkit-columns: 3;
  			-moz-columns: 3;
		}
}
@media  (min-width: 901px) {
        ul.idrett {
  			-webkit-columns: 4;
  			-moz-columns: 4;
		}
}

/* Idretter - liste - End*/

/* Alignwide */

.entry-content > .alignwide, .entry-summary > .alignwide {

    margin-bottom: 50px;
    margin-top: 50px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    padding-left: 0;
    padding-right: 0px;
    background-color: white;
    max-width: 60vw;
}

.entry-content > *, .entry-summary > * {

    margin: 20px auto;
    max-width: 60vw;
    padding-left: 0;
    padding-right: 0;

}

@media only screen and (max-width: 765px){
	.entry-content > *,.entry-content .alignwide,.entry-summary > *,.entry-summary .alignwide{
	max-width: 90vw !important;
}
}
@media only screen and (min-width:766) and (max-width: 1020px){
	.entry-content > *,.entry-content .alignwide,.entry-summary > *,.entry-summary .alignwide{
	max-width: 80vw !important;
}
}

@media only screen and (min-width:1021){
	.entry-content > *,.entry-content .alignwide,.entry-summary > *,.entry-summary .alignwide{
	max-width: 60vw !important;
}
}


/* Alignwide END */

/*Image gallery*/
.blocks-gallery-item img{
	border-radius: 10px;
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*Image gallery END*/

/*Footer*/

.site-footer #secondary{
	display:none;
} 

.site-footer .site-info {
	padding: 0;
}

/*Footer END*/

/* Vet ikke hva dette er - Fra Additional CSS av Peder*/
details[open] summary ~ * {
  animation: sweep 0.5s ease-in-out;
}


@keyframes sweep {
  0%    {opacity: 0; margin-bottom: -10px}
  100%  {opacity: 1; margin-bottom: 10px}
}

@media only screen and (max-width: 599px){
	.nav-open .main-navigation ul:not(.sub-menu) {

    opacity: 1;
    visibility: visible;
    background-color: hsl(144, 50%, 99%);
    -webkit-transition: opacity 100ms cubic-bezier(0.694, 0, 0.335, 1) 100ms, visibility 100ms 100ms;
    transition: opacity 100ms cubic-bezier(0.694, 0, 0.335, 1) 100ms, visibility 100ms 100ms;

}
}

/* Vet ikke hva dette er - Fra Additional CSS av Peder - END*/