/*
Change-CSS for Demo-Pages
*/

/* Change or disable pattern img ---------------- */
#pattern {
	background: url('images/pattern2.png');
}

.single-portfolio #pattern {
	background: url('../images/pattern1.png');
}

body.single-portfolio {
  background: #fff;
}

/* Switch for slideshow thumbs carousel --------- */
.caroufredsel_wrapper {
  bottom: -99999px !important;
}

/* ############################################################################################# */
/*    START individuel project setting                                                           */
/* ############################################################################################# */

/* Fonts ------------------------------- */

body {
  font: 1em/160% 'Istok Web', Arial, Helvetica, sans-serif;
  color: #F0F0F0;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 30px;
}

.welcome-message {
  font-family: inherit;
  color: #fff;
  top: 280px;
  text-shadow: 0 1px 4px rgba(0,0,0,.7);
}

#frontpagefooter {
  position: fixed;
  bottom: 10px;
  z-index: 9999;
  left: 3%;
  max-width: 94%;
}

#frontpagefooter a {
    text-decoration: underline;
}

a.email, #frontpagefooter a {
    color: #fff;
    font-weight: normal;
}

a.email:hover, a.email:focus, a.email:active,
#frontpagefooter a:hover, #frontpagefooter a:focus, #frontpagefooter a:active {
  color: #ABABAB;
}

#frontpagefooter a {
    font-family: inherit;
    top: 280px;
    text-shadow: 0 1px 4px rgba(0,0,0,.7);
    margin-right: 13px;
}

.back-top a {
  background-color: #000;
  background-color: rgba(0,0,0,0.8);
}

/* Container --------------------- */
#pagewrap {
  width: auto;
  margin: auto;
}

/* sidebar-none */
.sidebar-none #contentwrap,
.sidebar-none #footerwrap {
  margin-left: 10%;
  margin-right: 10%;
}

#header {
  width: 100%;
  position: relative;
  top: 15px;
}

/* Font colors & project colors --------- */

.welcome-message a {
  text-decoration: none;
  font-weight: bold;
}

.welcome-message a:hover {
  text-decoration: underline;
}

a, .footer-text a {
    color: #DDB742;
    text-decoration: underline;
}

a:hover, a:focus, a:active,
.footer-text a:hover, .footer-text a:focus, .footer-text a:active {
  color: #F0F0F0;
}

p.back-top, .footer-text {
  display: inline;
  text-align: center;
}

input[type=text], input[type=search], input[type=email], input[type=url],
input[type="date"], select {
  width: 90%;
  max-width: 500px;
  box-sizing: border-box;
}

input[type="date"], select {
  color: #a9a9a9;
  background: #333;
  border: none;
  padding: 6px 10px;
  -webkit-appearance: none;
  border-radius: 5px;
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.3);
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #333;
  background-position-x: 97%;
}

input[type=reset], input[type=submit], button, #main-nav,
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a,
#main-nav ul, .pagenav a, .post-nav .arrow,  .single-portfolio .carousel-pager a.selected {
  background: #ddb742;
}

textarea {
  width: 90%;
  max-width: 500px;
  resize: none;
  box-sizing: border-box;
}

.loops-wrapper.list-post .post-meta, .portfolio .post-date {
  border-bottom: 1px #91ba33 solid;

}

.slider .slides .current-slide .image-wrap::after {
	border: 2px solid #91ba33;
}

/* hover-color ------------------------ */

.welcome-message a, .welcome-message a:visited {
  color: #DDB742;
  font-weight: bold;
}

input[type=reset]:hover, input[type=submit]:hover, button:hover, #menu-button:hover,
.post-nav a:hover span {
	background: #efce6c;
}

#main-nav a:hover, #main-nav .current_page_item a, #main-nav .current-menu-item a,
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover,
.pagenav a:hover, .pagenav .current, #fullscreen-button:hover, .back-top a:hover {
	background-color: #efce6c;
}

#fullscreen-button,
#footer-slider .carousel-nav-wrap a {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4);
  -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4);
  -moz-box-shadow: 0 0 0 2px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4);
  filter: progid:DXImageTransform.Microsoft.Shadow(color='##ADADAD', Direction=90, Strength=2);
}

.back-top a:hover, .back-top a:focus,.back-top a:active {
  background-color: #DDB742 !important;
  background-color: rgba(221, 183, 66, 0.8) !important;
}

/* Text selection color ---------------- */
::selection {
  background: #C9C9C9;
}
::-moz-selection {
  background: #C9C9C9;
}


/* ####### Background colors ################################################# */
#content {
  background-color: #666;
  background-color: rgba(121, 112, 112, 0.4);
}

#content, .social-widget .widget, #menu-button, #main-nav, #main-nav ul, .post-image img,
.pagenav a, .pagenav span, .shortcode.portfolio .post-image img, .single-portfolio .carousel-pager a,
#respond #cancel-comment-reply-link, .widget, .image-wrap img, .image-wrap::after, .module-image .image-wrap a:after,
.widget .flickr_badge_image img, #fullscreen-button {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}

.image-wrap::after, .module-image .image-wrap a:after {
  border: solid 1px #969595;
}


/* ####### Adjust logo settings ############################################## */
#body {
  margin-top: 4%;
}

@media screen and (max-width: 480px) {
#site-logo {
  width:75% !important;
  max-width: 300px;
  padding-top: 35px;
  margin: auto;
}
}  /* ##### Query END #### */

@media screen and (min-width: 480px) {
#site-logo {
  max-width: 300px;
}
}  /* ##### Query END #### */

@media screen and (min-width: 860px) {
hgroup {
  margin-top: 0;
}

}

/* Contactform 7 Color setup ------------------------------------------------- */
input.wpcf7-submit {
padding: 5px 25px 2px;
  margin: 40px 0;
  border-radius: 4px;
  background: black;
  border: none;
  text-transform: none;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
}

input.wpcf7-submit:hover,
input.wpcf7-submit:focus,
input.wpcf7-submit:active {
  background: #DDB742;
  border: none;
}

.wpcf7 input, .wpcf7 textarea {
/*  max-width: 500px;  */
}

span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
  color: #ff0000 !important;
}

div.wpcf7-validation-errors {
  border: 2px solid #ff0000 !important;
}

div.wpcf7-mail-sent-ok {
  color: #58AD34 !important;
}

div.wpcf7-mail-sent-ok {
border: 2px solid #58AD34 !important;
}