html {
  font-family:Montserrat, Sans-serif;
}

body {
  color: #000000;
  background-color: #efefef;
}

a {
  color: #000000;
}

textarea {
  border-bottom: 1px solid hsl( 184, 47%, 123%);
  color: #000000;
}

input {
  border-bottom: 1px solid hsl( 184, 47%, 123%);
  color: #000000;
}

input[type="submit"] {
  background-color: #bfe5e8;
  color: #000000;
}

::-webkit-input-placeholder {
   color: #000000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000000;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000000;  
}

:-ms-input-placeholder {  
   color: #000000; 
}
.searchbox-input::-webkit-input-placeholder {
  color: #000000;
}
.searchbox-input:-moz-placeholder {
  color: #000000;
}
.searchbox-input::-moz-placeholder {
  color: #000000;
}
.searchbox-input:-ms-input-placeholder {
  color: #000000;
}

p,span {
  color: #000000;
}

div {
  color: #000000;
}

.button {
  background-color: #bfe5e8;
  color: #000000;
}

.button a {
  color: #000000;
 }

 .button.shortcode {
  color: #000000;
}

.page-numbers.current {
  color: #000000;
  background-color: #bfe5e8;
}

#menu-trigger-container,
#menu-trigger-container-menu,
.menu-text {
  background-color: hsl( 0, 0%, 95%);;
}

.menu-trigger .line {
  background: #000000;
}

.menu-text {
  color: #000000;
}

.content-container.portfolio.detail.attachment {
  background-color: #efefef;
}

.main-menu {
  background-color: #ffffff;
}

.welcome-paragraph1 { 
  font-family:Oleo Script, Sans-serif;
}

.welcome-paragraph2 {
  font-family:Nunito, Sans-serif;
}

.main-menu-panel {
  font-family:Montserrat, Sans-serif;
}

.main-menu-panel a {
  color: #000000;
}

.main-menu-cats,
.main-menu-panel>li.menu-item {
  background-image: linear-gradient(to right, #ffffff 60%, #000000 110%);
}

.menu-selector.selected {
  background-color: #bfe5e8;
}

.current-menu-parent .menu-selector,
.current-menu-item .menu-selector {
  background-color: #bfe5e8;
}

.current-menu-parent .current-menu-item a {
  color: #bfe5e8;
}

.main-menu-copyright p {
  color: #000000;
}

#preloader-cover {
  background-color: #efefef;
}

.preloader {
  border-top-color: #000000;
}

.portfolio-filters {
  background-color: #efefef;
}

.portfolio-filters li.current-page {
  background-color: hsl( 0, 0%, 95%);;
  color: #000000;
}

.desktop-category,
.mobile-category {
  color: #000000;
}

.portfolio-filters .selected a {
  color: #bfe5e8;
}

.portfolio-gallery img,
.instagram-feed img {
  border-radius: 0px;
}

.mask {
  border-radius: 0px;
}

#close-preview .line {
  background: #000000;
}

.blog-post-container article {
  background-color: #ffffff;
  border-radius: 0px;
}

.blog-separator {
  background-color: hsl( 0, 0%, 84%);
}

.blog-text-container h1,
.blog-text-container span,
.blog-text-container p {
  color: #000000;
}

.blog-text-container a:not(.button, .blog-category-container a) {
  color: #000000;
}

#myname,
#myname-html {
  color: #bfe5e8;
}

#contact-email a{
  color: #bfe5e8;
}

.searchbox-input {
  color: #000000;
  background-color:  hsl( 0, 0%, 95%);;
}

#search-icon {
  background-color: hsl( 0, 0%, 95%);;
}

#search-icon i {
  color: #000000;
}

.firstletter {
  background-color: #bfe5e8;
  color: #efefef;
}

.highlight-background {
  background-color: #bfe5e8;
  color: #efefef;
}

.underline::before {
  background-color: #bfe5e8;
}

.testimonial-body {
  background-color: #ffffff;
}

.testimonial-name {
  color: #000000;
}

.testimonial-body p:not(.testimonial-name) {
  color: #000000;
}

.testimonial-body .avatar {
  border: 5px solid #efefef;
}
@media only screen and (min-device-width : 1224px) {
  a:not(.button):active,
  a:not(.button):hover {
    color: #bfe5e8;
  }

  .button a:active, .button a:hover {
    color: #000000;
  }

  input[type="submit"]:hover {
    background-color: hsl( 184, 47%, 73%);
  }

  .button.shortcode:hover {
    color: #000000;
  }

  .button:hover {
    
    background-color: hsl( 184, 47%, 73%);
  }

  .page-numbers:hover {
    border-color: #bfe5e8;
  }

  .main-menu-panel a:hover {
    color: #bfe5e8;
  }

  .service:hover {
    background-color: hsl( 0, -30%, 92%)  }

  .prev-post:hover #prev-post-text {
    color: #bfe5e8;
  }

  .next-post:hover #next-post-text {
    color: #bfe5e8;
  }

  #close-preview:hover .line{
    background-color: #bfe5e8;
  }

  .blog-text-container a:not(.button):hover {
    color: #bfe5e8;
  }

  .tags a:hover {
    border: 1px solid #bfe5e8;
  }
}