/*
 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
*/




/* Gjøre logoen mindre paa mobil */
@media only screen and (max-width: 870px) {
	.navigation-branding img {
		height: 65px!important;
	}
}

/* Link font weight */
a {
	font-weight: 700;
}

/* Space øverst i slide-out menyen */
.slideout-navigation .slideout-menu {
	margin-top: 3em;
}

/* Styling av knapper paa forsiden */
a.wp-show-posts-read-more {
	font-size: 18px;
	font-family: "Poppins", serif;
	font-weight: 400;
	color: #fff !important;
	background-color: #565676;
	border: none;
	border-radius: 4px;
	transition: .4s;
}

a.wp-show-posts-read-more:hover {
	border: none;
	background-color: #a76571;
}

/* Styling av avstand nederst paa next/previous i poster */
.bottom-post {
	margin-bottom: 0px !important;
} 

/* Styling av next/previous tekster nederst paa bloggposter */
.next-article a,
.previous-article a {
	font-size: 20px;
	font-weight: 700;
}


.next-article {
	float: right;
}

/* HR Linje under sub headings */
.sub-heading-line {
	margin-bottom: 30px;
	margin-top: -10px;
}


/* Faktatekst overst paa blogg */
.fact-text {
	font-family: 'Roboto Slab', serif;
	font-size: 22px;
	font-weight: 400;
	color: #454665;
}

@media only screen and (max-width: 870px) {
	.fact-text {
		font-size: 18px;
	}
}

/* Styling av social media bokser  */
.social-box-dark {
    outline: 2px solid #2d2d2a;
    outline-offset: -20px;
}

.social-box-light {
    outline: 2px solid #fdf7fa;
    outline-offset: -20px;
}

@media only screen and (min-width: 1080px) {
	.social-box {
		-webkit-box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.6);
		-moz-box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.6);
		box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.6);
	}
}

/* Text i socal media boksene */
.social-date-text {
	font-size: 15px;
	color: #444;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 40px;
}

.social-place-text {
	font-size: 22px;
	text-transform: none;
	color: #FCF7F8;
	font-weight: 700;
	margin-top: -10px;
}

.social-main-text {
	font-size: 18px;
	color: #FCF7F8;
}

@media only screen and (max-width: 767px) {
	.social-place-text {
		font-size: 20px;
	}
	
	.social-main-text {
		font-size: 16px;
	}: 
	
	.social-date-text {
		margin-top: 20px;
	}
}



/* Farge på text i some-boksene */
.dark-text  {
	color: #2d2d2a;
}

.light-text {
	color: #fdf7fa;
}

/* Route info train, ferry osv i blogg */
.route-text {
	font-size: 20px;
}

/* Border radius paa bilder*/
img {
	border-radius: 4px;
}

/* Farge i social media boksene */
.yellow-box {
	background: linear-gradient(-45deg, #E5B181 0%, rgba(229,177,129,0.70) 70%, rgba(229,177,129,0.50) 100%);
}

.red-box {
	background: linear-gradient(-45deg, #A76571 0%, rgba(167,101,113,0.70) 70%, rgba(167,101,113,0.50) 100%);
}

.blue-box {
	background: linear-gradient(-45deg, #565676 0%, rgba(86,86,118,0.70) 70%, rgba(86,86,118,0.50) 100%);
}

.green-box {
	background: linear-gradient(-45deg, #85B79D 0%, rgba(133,183,157,0.70) 70%, rgba(133,183,157,0.50) 100%);
}


/* Style blogg overskriftene paa forsiden */
.h2-posts h2 {
	font-size: 22px;
}

@media only screen and (max-width: 870px) {
	.h2-posts h2 {
		font-size: 20px;
	}
}

.border-inset {
	outline: 2px #000;
    outline-offset: -20px;
}