body{min-width:300px}

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./Amatic.ttf") format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  line-height:1.3;
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
  font-family: 'Amatic SC', cursive;
 /* background-image: url("./pattern 1.png");
  background-repeat: repeat-yx;
  background-size: 300px */
}
html {
  height: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
a:hover{color:#2B5F71}
a{color:#6D8997}
/* ------- FOOT -------- */
.social:hover {
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.00);
     -o-transform: scale(1.05);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(1);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.2s;
     -o-transition-duration: 0.5s;
    
 }

/*
    Multicoloured Hover Variations
*/

 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;

}
#icons>a{color:#406f7f}

.mastfoot {
margin-bottom: 0rem;
max-height: 105px;
position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
  
}

/* ------- navigation -------- */
#logo{margin-top:15px;margin-right:20px}
.col-4{flex:0 0 0 !important}

.nav{margin-right:5px;
}

#main {height: 100%;
    overflow:auto;
	max-width:90%;
  	
	
}

.nav-link:hover{color:#2B5F71}
.nav-link{color:#6D8997}
#header>.nav-link.active1{text-decoration: underline;text-decoration-color: #94d6da;color:#407c92 }
#header>.nav-link.active2{text-decoration: underline;text-decoration-color: #ffa28a;color:#407c92 }
#header>.nav-link.active3{text-decoration: underline;text-decoration-color:#52c6d8;color:#407c92 }
#header>.nav-link.active4{text-decoration: underline;text-decoration-color:#86739b;color:#407c92 }
#header>.nav-link.active5{text-decoration: underline;text-decoration-color:#ffbe74;color:#407c92 }
#header>.nav-link.link1:hover{background-color: #94d6da;color:white;border-radius:15px }
#header>.nav-link.link2:hover{background-color: #ffa28a;color:white;border-radius:15px  }
#header>.nav-link.link3:hover{background-color: #52c6d8;color:white;border-radius:15px  }
#header>.nav-link.link4:hover{background-color: #86739b;color:white;border-radius:15px  }
#header>.nav-link.link5:hover{background-color: #ffbe74;color:white;border-radius:15px  }
.nav-link.active-tag.active[data-images-toggle='ALL'] {
  background-color:#94d6da;color:white;
}
.nav-link.active-tag.active[data-images-toggle='WATERCOLOR'] {
  background-color:#ffa28a;color:white;
}
.nav-link.active-tag.active[data-images-toggle='DIGITAL'] {
  background-color:#ffbe74;color:white;
}
.nav-link.active-tag.active[data-images-toggle='INK'] {
  background-color:#86739b;color:white;
}
.nav-link.active-tag.active[data-images-toggle='GRAPHIC DESIGN'] {
  background-color:#52c6d8;color:white;
}
}
.nav-link.active-tag.active[data-images-toggle='OTHER'] {
  background-color:#86739b;color:white;
}

/* ------- gallery -------- */



@media screen and (max-width: 650px){
.gallery>.nav{justify-content: center
}
.gallery{margin-left:1%}
}

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

.gallery{font-size:90%}
#header{font-size:90%}
}
.gallery-item{cursor:pointer;-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	}

.gallery-item[data-rel^='lightcase:']{ border:20px;border-image:url("border.png");
border-top:0;
border-left:0;
border-right:0; }

/*
.gallery-item:hover{
	-webkit-transition: .05s ease-in-out;
	transition: .05s ease-in-out;
	 transform: scale(1.08)}
	 
}

.modal-dialog{max-width:600px}
.nav-pills > .nav-item>a.active{
    background-color: #6D8997;
} */


.help-block {
  color: red;
}
.modal-body{text-align:center;}

p.a{font-family: 'Muli', sans-serif; }

p.b{font-family: 'Muli', sans-serif; }

p.c{font-family: 'Muli, sans-serif'; }



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


}.post-preview>a {
    color: #406f7f;
}
.post.subtitle {
    color: #406f7f;
    
}

.post-title {
	margin-top: 25px;
    font-size: 23px;
    margin-bottom: 10px;
     font-family: 'Muli', sans-serif; 
    font-style: Regular Italic;
    color: #406f7f;
	font-weight:520;
}
.post-subtitle {
    
    font-weight: 300;
    margin: 0 0 10px;
    font-family: 'Muli', sans-serif; 
    font-style: Regular Italic;
    font-size:90%
}
.post-meta {
    font-size: 18px;
    margin-top: 0;
    color: #868e96;
    font-family: 'Muli', sans-serif; 
    font-style: Regular Italic;
    font-size:70%
}

.pagination1 {
    text-align: center;
    margin-top: 2px;
    margin-bottom: 10px;
    font-family: 'Muli', sans-serif; 
}

.pagination-number {
    padding: 0.5em 0.8em;
    border-radius: 2px;
    color: #fff;
    background-color: #94d6da;
}

.pagination-number:hover, .pagination-current {
    background-color: #52c6d8; 
	color:white    
}

.pagination-action {
   
    display: inline-block;
    padding: 0.5em 0.5em;
    color: #B9B9B9;
    font-size: 1.3em;
}
#lightcase-caption >a{color:#fff}

.pagination-action:hover, .pagination-previous, .pagination-next {
    color: #52c6d8;  
}
.slide-fwd-top:hover{-webkit-animation:slide-fwd-top .45s cubic-bezier(.25,.46,.45,.94) both;animation:slide-fwd-top .45s cubic-bezier(.25,.46,.45,.94) both}
/* ----------------------------------------------
 * Generated by Animista on 2018-12-15 0:4:28
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-fwd-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-fwd-top {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);

  }
  100% {
    -webkit-transform: translateZ(20px) translateY(-10px);
            transform: translateZ(20px) translateY(-10px);
box-shadow: 0 15px 20px -10px rgba(109,137,151, 0.25);
  }
}
@keyframes slide-fwd-top {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);

  }
  100% {
    -webkit-transform: translateZ(20px) translateY(-10px);
            transform: translateZ(20px) translateY(-10px);
box-shadow: 0 15px 20px -10px rgba(109,137,151, 0.25);
  }
}
#disqus_thread {
     position: relative;
}
#disqus_thread:after {
     content: "";
     display: block;
     height: 55px;
     width: 100%;
     position: absolute;
     bottom: 0;
     background: white;
}