/*
   Theme Name: Zerif - Emmaus Westervik Child theme
   Theme URI: 
   Description: Justeringar för Emmaus Westerviks sajt görs här.
   Author: Julius Uusikylä
   URI: https://www.krut.fi
   Template: zerif-lite
   Version: 0.1 
   */


/* JULIUS EGET */
/* fb-feed */
/*
#cff .cff-item {
    padding: 0 1% 0 0;
    width: 48%;
}

#cff .cff-item:first-child {
    padding-top: 0;
    width: 100%;
}*/



/* top-meny */
.navbar-brand {
   width: 225px !important;
   height: auto !important;
   margin-bottom: 10px;
}

.navbar-toggle {
   margin: 43px 0;
}

.main-nav-list {
   margin-top: 60px;
}

/* leaflet controls seglar mycket fult över headern! FIX:*/
#main-nav {
   z-index: 1010;
}

/* ALLT NEDAN KOPIERAT FRÅN ZERIF LITE FÖR ATT BYTA FÄRGER & FONTER TILL EMMAUS LOOK */

/* FONTER */
h1,h2, .main-nav-list li a, .cff-details h3 {
   font-family: 'Oswald', Helvetica, sans-serif;
   text-transform: uppercase;
}
.newsletter h3 {
   font-family: 'Oswald', Helvetica, sans-serif;
}
body {
   font-family: 'Lora', Helvetica, sans-serif !important;
   }

.entry-content p {
  text-align: left;
  font-size: 1.05em;
    line-height: 1.5em;
}

.entry-content h3 {
  /* fotnot efter text / fakta före */
  font-family: 'Oswald', Helvetica, sans-serif;
  font-size: 0.9em;
  margin: 0.9em 0;
  text-align: right;
}
.entry-title {
  font-size: 1.4em;
  line-height: inherit;
}

.entry-meta {
  text-transform: uppercase;
  font-family: 'Oswald', Helvetica, sans-serif;
  margin-top: 20px !important;
}

.entry-header, .entry-content {
  max-width: 650px;
  margin: 1em auto; /* vänster kant hålls inte jämnt med loggan men bättre så här? alt. dra sidebaren vänterut.
}

/* färger manuellt */
a {
   color: #EE7F00;
}
a:visited {
   color: #EE7F00;
}
a:hover,
a:focus,
a:active {
   color: #cb4332;
}
/* navigation */

.nav-links a {
   color:#EE7F00;
}

.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
   color:#EE7F00;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a.link-focus {
   color: #EE7F00;
   outline: none;
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
   background-color: #EE7F00;
}

.navbar-toggle.active{
    background-color: #EE7F00 !important;
}

.widget .widget-title:before{
   background: #EE7F00;
}



.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
   color: #EE7F00;
}

.navbar-inverse .navbar-nav>li.current>a {
   color: #EE7F00;
   }

li.current>a:before {
   background: #EE7F00;
}

ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
   background: #EE7F00;
}

ul.nav > li.current_page_item.current > a:before {
   background: #EE7F00;
   }

/* artikalr etc. flytta neråt vid behov */

.entry-title:before {
   background: #EE7F00;
}

.entry-title a:hover{
   color: #EE7F00;;
} /* ska det alls byta färg på hover?? */

.entry-title:after {
   background: #EE7F00;
}

.listpost-content-wrap .entry-title a:after {
   background: #EE7F00;
}

article .posted-on a:hover{
   color: #EE7F00;
}

.entry-footer a:hover{
   color: #EE7F00;
}

.entry-footer-large a:hover{
   color: #EE7F00;
}

.entry-content blockquote {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   padding-left: 15px;
   border-left: 3px solid #EE7F00;
}

/* calendar-widget */
.widget_calendar a {
   display: block;
   background: #f9f9f9;
   color: #EE7F00;
}
.widget_calendar a:hover {
   background-color: #EE7F00;
   color: #FFF;
}


/* FÄRGER PÅ TEXT , KNAPPAR OCH BORDERS! KOM IHÅG VILKEN VAR VILKEN OM MAN ÄNDRAR FÄRGER */;
.red-btn {
   background: #EE7F00;
}
.green-btn {
   background: #1e9e6b;
}
.blue-btn {
   background: #3ab0e2;
}
.yellow-btn {
   background: #E7AC44;
}
/* text & icon  */
.red-text {
   color: #EE7F00;
}
.green-text {
   color: #34d293;
}
.blue-text {
   color: #3ab0e2;
}
.yellow-text {
   color: #f7d861;
}
/*border*/
.red-border-bottom:before {
   position: absolute;
   margin: auto;
   z-index: 1;
   content: "";
   width: 75%;
   height: 2px;
   background: #EE7F00;
   bottom: -9px;
   left: 12.5%;
}
.green-border-bottom:before {
   position: absolute;
   margin: auto;
   z-index: 1;
   content: "";
   width: 75%;
   height: 2px;
   background: #34d293;
   bottom: -9px;
   left: 12.5%;
}
.blue-border-bottom:before {
   position: absolute;
   margin: auto;
   z-index: 1;
   content: "";
   width: 75%;
   height: 2px;
   background: #3ab0e2;
   bottom: -9px;
   left: 12.5%;
}
.yellow-border-bottom:before {
   position: absolute;
   margin: auto;
   z-index: 1;
   content: "";
   width: 75%;
   height: 2px;
   background: #f7d861;
   bottom: -9px;
   left: 12.5%;
}

/* FORMULÄR SOCIALT etc */

.comment-form #submit, .comment-reply-link {
   background:#EE7F00;
   border-color:#EE7F00;
   color:#fff !important;
}

.pirate_forms_error_box p {
   background: #EE7F00;
   }

.team-member .social-icons ul li a:hover {
   color: #EE7F00;
}

.package .order-now:hover {
   background: #EE7F00;
}

.purchase-now {
   background: #EE7F00;
}
.contact-us .error p {
   background: #EE7F00;
}

.company-details a:hover {
   color: #EE7F00;
}

.social li a:hover {
   color: #EE7F00;
}

#favorite-toggle a:hover,
#subscription-toggle a:hover {
   color: #EE7F00;
}

#favorite-toggle a:hover,
#subscription-toggle a:hover {
   color: #EE7F00;
}

/* webshop. inte aktuellt nu (dec2016) */

.woocommerce-page .page-title:before {
   background: #EE7F00;
}

.woocommerce-page .products a.button {
   background: #EE7F00;
   }

.woocommerce-page .products a .price ins {
   color: #EE7F00;
}

.woocommerce-page .products .added_to_cart {
   color: #EE7F00;
}

.woocommerce-page .product .product_meta a {
   color: #EE7F00;
}

.woocommerce-page .woocommerce-tabs .tabs li.active {
   border-bottom: 2px solid #EE7F00;
}
.woocommerce-page .woocommerce-tabs .tabs li.active a,
.woocommerce-page .woocommerce-tabs .tabs li a:hover {
   color: #EE7F00;
}

.woocommerce-page .product .price ins {
   color: #EE7F00;
}

.woocommerce-page .woocommerce-error {
   background: #EE7F00;
}

.woocommerce-page .woocommerce .add_to_cart_button, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button, .woocommerce #place_order,
.woocommerce div.product form.cart .button {
   background: #EE7F00;
}

.woocommerce-page .woocommerce input[type="submit"],
.woocommerce-page #content input.button,
.woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page input.button.alt {
   background: #EE7F00;
}

.woocommerce a.button.alt {
   background: #EE7F00;
}
.woocommerce a.button.alt:hover {
   background: #cb4332;
}
.woocommerce-page .woocommerce a.remove:hover {
   background: #EE7F00;
}
.woocommerce-page .woocommerce a.remove {
   color: #EE7F00 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
   border-bottom: 2px solid #EE7F00;
}

.woocommerce #review_form #respond .form-submit input {
   background: #EE7F00;
}

/* skippade all bbpress-styling */

/* MEDIA CALLS! Kopierade i sin helhet från Zerif Lite*/

@media (max-width: 767px) {

   /* HEADER */
   .bs-navbar-collapse {
      border: 0;
   }
   #main-nav {
      overflow: visible;
   }
   #main-nav,
   #main-nav.fixed {
      position: relative;
   }
   .navbar-inverse .navbar-nav {
      padding-left: 10px;
      line-height: normal;
      text-align: center;
   }
   .navbar-inverse .navbar-nav>li {
      display: inline-block;
      margin-bottom: 0;
   }
   .navbar-inverse .navbar-nav > li {
      width: 100%;
      border-bottom: 1px solid #EDEDED;
      position: relative;
      margin: 8px 0 0 0;
      padding: 0 0 8px 0;
   }
   .navbar-inverse .navbar-nav > li  a {
      text-align: left;
   }
   .navbar-inverse .navbar-nav ul.sub-menu {
      display: none !important;
      position: relative;
      top: 0;
      box-shadow: none;
      width: 100%;
   }
   .navbar-inverse .navbar-nav li.this-open > ul {
      display: block !important;
   }
   .navbar-inverse .navbar-nav ul.sub-menu li {
      width: 100%;
      float: left;
   }
   .navbar-inverse .navbar-nav ul.sub-menu li a {
      width: 100%;
      float: left;
      padding: 8px 25px 8px 0;
      border-bottom: 1px solid #EDEDED;
   }
   .navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
      border-bottom: none;
   }
   .navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
      position: relative;
      left: 0;
      top: 0;
   }
   #main-nav {
      overflow: hidden;
   }
   #main-nav,
   #main-nav.fixed {
      position: relative;
   }
   .navbar-collapse {
      max-height: 100%;
   }
   .navbar-inverse .navbar-nav ul.sub-menu li {
      padding-left: 20px;
   }
   .navbar-inverse .navbar-nav ul.sub-menu li {
      padding-bottom: 0;
      padding-top: 0;
   }
   .dropdownmenu {
      display: block;
      position: absolute;
      z-index: 9;
      right: 0;
      top: 5px;
      width: 25px;
      height: 25px;
      margin: 0;
      padding: 0;
      border-radius: 3px;
      background: url(images/menu-icon.png) center center no-repeat #EE7F00;
   }
   .navbar-inverse .navbar-nav ul.sub-menu li{
      margin-right: 0;
      padding-right: 0;
   }
   .navbar-inverse .navbar-nav > li > a:hover {
      color: #404040 !important;
   }
   .this-open > a {
      color: #EE7F00 !important;
   }
   li.current>a:before {
      content: "";
      display: none !important;
   }
   ul.nav > li.current_page_item > a:before {
      content: "";
      left: 0px;
      width: 50px;
   }
   .menu-align-center #site-navigation > ul ul {
        left: 0;
    }

    /* HOME */
   .header {
      min-height: inherit;
      padding-bottom: 0 !important;
   }
   .intro {
      line-height: 8vh;
      font-size: 6.5vw;
   }
    .header-content-wrap {
      padding-top: 30%;
    }
   .intro-text{
        font-size: 41px;
        line-height: 49px;
    }
   .focus-box {
        margin-bottom: 75px;
    }
    .section-header {
        float: left;
        width: 100%;
    }
    .pirate-forms-g-recaptcha > div {
      display: inline-block;
   }
   .pirate_forms .pirate-forms-submit-button {
      float: none;
      display: inline-block;
      text-align: center;
   }
   .contact_submit_wrap {
      text-align: center;
   }

      /* ABOUT US */
   .big-intro {
      text-align: center !important;
      font-size: 8vw !important;
   }
   .about-us .column {
      margin-bottom: 40px;
   }
   .skills {
      margin-bottom: 78px !important;
   }
   .our-clients{
       width: 100%;
       float: left;
   }

      /* PURCHASE NOW */
   .purchase-now {
      margin: auto;
      text-align: center !important;
   }
   .purchase-now h3 {
      text-align: center;
      margin-bottom: 20px;
   }
   .purchase-now .button {
      float: none;
   }

      /* FOOTER */
   .company-details {
      padding-top: 0;
      padding-bottom: 33px;
   }
   .copyright {
      width: 100%;
      padding-top: 33px;
      padding-bottom: 33px;
   }
   footer.entry-footer {
      padding-top: 0;
   }
   /* comments */
   .comment-metadata {
      position: relative;
      top: 0px;
      right: 0px;
   }
}
@media (max-width: 480px) {

/* HOME */
   .intro {
      margin-top: 60%;
      line-height: 6vh;
      font-size: 6.5vw;
   }

   .header-content-wrap {
       padding-top: 40%;
   }
   .intro-text{
        font-size: 32px;
        line-height: 37px;
    }
   h2 {
      font-size: 6.5vw !important;
   }
   .other-focus-list ul li {
      display: block;
      text-align: left;
      margin-right: 0;
   }
   /* blog */
   .post-img-wrap {
      width: 100%;
   }
   .listpost-content-wrap {
      width: 100%;
      margin-top: 20px;
      float: left;
   }
   .post-img-wrap a {
      float: none;
      margin: 0 auto;
      width: 250px;
      height: 250px;
   }
   .post-img-wrap {
      text-align: center;
      margin-right: 0;
   }
   .post-img-wrap a img{
      width: auto;
   }
   /* comments */
   .comment-reply-link{
      position: relative;
      margin-top: 10px;
   }
   .post-img-wrap a img{
      width: 250px;
      height: auto;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3 ease-out;
   }
   .post-img-wrap a:hover img{
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3 ease-out;
   }
}
@media (max-width: 320px) {
    .intro {
      line-height: 25px;
      font-size: 7vw;
   }
   .header-content-wrap {
        padding-top: 50%;
    }
    .intro-text {
        font-size: 22px;
        line-height: 30px;
    }
   .client-list ul li {
      display: block;
   }
   .listpost-content-wrap-large{
      position: relative;
   }
   .post-img-wrap-large{
      display:none;
   }
}

.zerif-copyright {
   color:#939393!important;
}

.zerif-copyright-box {
   width: 100%;
    color: #666;
}



/* print */
@media print {

   body {
      font-size: 11.25pt;
   }
   a:link:after,
   a:visited:after {
      content: "";
   }
   header.header {
       min-height: 0 !important;
   }
   #main-nav {
      position: relative;
   }
   .header-content-wrap {
      padding: 30px 0 15px;
   }

   .buttons {
      text-align: center;
       margin-top: 0px;
       margin-bottom: 0;
   }
   .focus,
   .works,
   .about-us,
   .features,
   .packages,
   .products,
   .testimonial,
   .contact-us {
      padding-top: 15px;
   }
   .focus {
      padding-bottom: 0;
   }
   .focus .row .focus-box,
   .zerif_about_us_center,
   .zerif-rtl-skills .skills,
   #testimonials > .container > .row,
   .zerif-rtl-contact-name,
   .zerif-rtl-contact-email,
   .zerif-rtl-contact-subject,
   #contact > .container > .row .col-lg-12.col-sm-12,
   .purchase-now > .container > .row .col-md-9,
   .purchase-now > .container > .row .col-md-3,
   .separator-one > .color-overlay .container.text,
   .separator-one > .color-overlay > div {
       -webkit-transform: translatex(0px) !important;
       -moz-transform: translatex(0px) !important;
       -ms-transform: translatex(0px) !important;
       transform: translatex(0px) !important;
       opacity: 1 !important;
   }
   .focus .row .focus-box {
       width: 23% !important;
       margin-right: 0;
       margin-left: 0;
       padding-left: 0;
       padding: 0 1.5%;
       margin-bottom: 0;
   }
   .about-us {
      padding-bottom: 0;
   }
   .about-us .column {
       margin-bottom: 0;
       width: 100%;
       float: left;
       margin-right: 0;
       margin-left: 0;
       padding-left: 0;
       margin-bottom: 0;
   }
   .about-us .big-intro {
       margin-top: 0;
       text-align: center;
   }
   .zerif-rtl-big-title,
   .zerif-rtl-skills,
   .zerif-rtl-skills .skills {
      width: 100%;
   }
   .zerif-rtl-skills .skills li.skill {
       display: inline-block;
       clear: none;
      float: left;
      width: 25%;
      margin-bottom: 0;
   }
   .about-us p {
      text-align: center;
   }
   .our-team {
       padding-top: 30px;
        padding-bottom: 0;
   }
   .our-team .row {
       -webkit-transform: translatex(0px) !important;
       -moz-transform: translatex(0px) !important;
       -ms-transform: translatex(0px) !important;
       transform: translatex(0px) !important;
       opacity: 1 !important;
   }
   .our-team .col-lg-3.col-sm-3 {
       width: 23% !important;
       margin-right: 0;
       margin-left: 0;
       padding-left: 0;
       padding: 0 1.5%;
   }
   .team-member .profile-pic {
       width: 100%;
       height: auto;
   }
   #client-feedbacks .feedback-box {
       width: 30%;
       padding: 0;
       margin: 1.5%;
   }
   .feedback-box .quote {
      display: none;
   }
   .feedback-box .client-info {
       margin-left: 0;
   }
   .section-header {
       padding-bottom: 15px;
   }
   .testimonial {
       padding-bottom: 0;
   }
   .feedback-box .client {
       margin-top: 0;
   }
   .contact-us {
       padding-bottom: 0;
   }
   .contact-us .input-box,
   textarea {
       border: 1px solid #000 !important;
       box-shadow: none;
   }
   .footer-box {
       width: 23% !important;
       margin-right: 0;
       margin-left: 0;
       padding-left: 0;
       padding: 0 1.5%;
   }
   .latestnews-box {
       width: 50%;
       padding-left: 2%;
       padding-right: 2%;
       padding: 0;
       margin: 0;
       float: left;
   }
   #carousel-homepage-latestnews .item {
      height: auto !important;
   }
   .company-details {
       width: 33% !important;
       margin-right: 0;
       margin-left: 0;
       padding-left: 0;
       padding: 0 1.5%;
       float: left;
   }
   .copyright {
      width: 100%;
   }
   .separator-one,
   .purchase-now {
      padding: 15px 0 15px 0;
   }
   .latest-news {
      padding-bottom: 15px;
      padding-top: 15px;
   }
   /* inner page */
   .content-left-wrap {
      padding-top: 0;
   }

}

.zerif-copyright-box {
  display:none !important;
}