/* Fonts - Let get them down first.. */

@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://mallefougasse.dk/materialize-css/font/roboto/Roboto-Regular.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

html {
 font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

.longtextcard
{
  min-height: 290px;
}

/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://mallefougasse.dk/materialize-css/font/material-design-icons/Material-Design-Icons.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(https://mallefougasse.dk/materialize-css/font/material-design-icons/Material-Design-Icons.woff2) format('woff2'),
       url(https://mallefougasse.dk/materialize-css/font/material-design-icons/Material-Design-Icons.woff) format('woff'),
       url(https://mallefougasse.dk/materialize-css/font/material-design-icons/Material-Design-Icons.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


.space-padding { 
    padding:60px 0px 45px 0px;
}
.pagination li.active {
    background-color: #ee6e73;
    font-size: 1.2rem !important;
    border-radius: 25% !important;
    padding: 3px 10px !important;
    }
.no-padding { 
    padding:0px 0px 0px 0px !important;
}

.top-spacing { 
    margin-top:21px;
}

.mallefougasse-logo {
  		padding-top:15px; 
  		padding-left:15px;
}

.brand-logo-tall { 
	height:110px;
}

.avatar-image-small {
    width: 60px;
    height: 60px;
    margin-right:15px;
}

.border-right {
    border-right: 1px solid lightgrey;
}

.btn-demo{
    width:100% !important;
}

.card-content ul li {
  list-style-type: disc !important;
  margin-left: 5%;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
    color: #FF3D00;
    transition: color .3s ease;
    text-transform: none !important;
}

.related-card-title { 
    min-height:70px !important;
}

.no-margin { 
    margin:0px 0px 0px 0px !important;
}

a {
    color: #FF3D00;
}

.post-intro{
    text-align:center;
    font-size:125%;
}

.row-no-bottom-margin {
    margin-bottom: 0px;
}

/* Fix Flow-text heading issue */

 .flow-text h1{
    font-size:170%;
}


/* Styling for desktops only */

@media only screen and (max-width: 992px) {
 .border-right {
    border-right: 1px solid lightgrey;
}
  .modal { width: 30% !important  } 
}

/* Styling H@ for more human readable style */
 h1 {
    font-size:300%;
}
 h2 {
    font-size:200%;
}
 h3 {
    font-size:150%;
}
 h4 {
    font-size:125%;
}