/* GENERAL */

/* COLORS 

Orange: #e74e0f;

*/


@import 'Fonts.css';

:root {}

@import url('https://fonts.google.com/specimen/Lekton?preview.text_type=custom');
@import url('https://fonts.google.com/specimen/Alegreya+Sans?preview.text_type=custom');

* {
    margin: 0;
    padding: 0;
}

body {

}

body.menu-active { 
    overflow: hidden;
}

img {

}

h1,h2,h3,h4,h5,h6, .news .news-list-view .header h3 a span{ 
    font-family: "Lekton", sans-serif;
    color: rgb(43 ,171, 226);
}

p, a {
    font-family: "Alegreya Sans", sans-serif;
}

a, a.more {
    color: rgb(43 ,171, 226);
}

button{
    background: rgb(43 ,171, 226);
}

a:hover {
    text-decoration: underline;
}

ul, ol, li {
    margin-left: 20px;
}

.flex-container{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

/* News layout column layout */
.layout-ColumnLayout, .layout-ResourceSamling {
    display:flex;
    flex-wrap: wrap;
}

/* news list views */

.article a.more{
    color: rgb(43 ,171, 226);
}

.layout-ColumnLayout .article {
    width: 33%;
}

.layout-ColumnLayout .article,
.layout-ResourceSamling .article{
    padding: 0.5rem;
}

.news layout-ColumnLayout img,
.news .layout-ResourceSamling img{
    height: 100%;
    width: 100%;
    margin-bottom: 0.5rem;
}


.news .news-list-view.layout-ColumnLayout img,
.news .news-list-view.layout-ResourceSamling img{
    height: auto;
    width: auto;
    margin-bottom: 0.5rem;
}

/* ---------------------------------- */

/*
    News detail view
*/
.news.news-single .header,
.news.news-single .news-list-date,
.news.news-single .news-img-wrap {
    margin-bottom: 0.5rem;
}

.news.news-single .news-img-wrap img {
    width: 100%;
    height: 100%;
}

h2.element-header {
    font-size: 1.3rem;
}

/* ---------------------------------- */

@media (max-width: 1200px) {

.flex-container {
    	        max-width: 960px !important;
		}

    .layout-ColumnLayout .article {
        width: 50%;
    }

    .news .news-list-view.layout-ColumnLayout img {
        width: 100%;
    }
}

@media (max-width: 991px) {

}

@media (min-width: 992px) {

}

/* RESPONSIVE - TABLET */

@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1000px) {

}

/* RESPONSIVE - PHONE */

@media screen and (max-width: 813px) {

    .layout-ColumnLayout .article {
        width: 100%;
    }

    .flex-container {
        flex-direction: column;
    }

    .column {
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }
}

@media screen and (max-width: 1200px) {

.flex-container {
    	        max-width: 960px !important;
		}
}

@media screen and (max-width: 992px) {

.flex-container {
    	        max-width: 720px !important;
		}
}
@media screen and (max-width: 768px) {

.flex-container {
    	        max-width: 540px !important;
		}
}
@media screen and (min-width: 1200px) {

.flex-container {
    	        max-width: initial;
		}
}

@media screen and (max-width: 600px) {

}