/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/*Work sans custom fontti&importit*/

@font-face {
  font-family: "WorkSans-Light";

  src: url(fonts/static/WorkSans-Light.ttf);

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "WorkSans-ExtraLight";

  src: url(fonts/static/WorkSans-ExtraLight.ttf);

  font-weight: normal;

  font-style: normal;
}
@font-face {
  font-family: "WorkSans-Bold";

  src: url(fonts/static/WorkSans-Bold.ttf);

  font-weight: normal;

  font-style: normal;
}
@font-face {
  font-family: "WorkSans-Regular";

  src: url(fonts/static/WorkSans-Regular.ttf);

  font-weight: normal;

  font-style: normal;
}

body p {
  color: rgba(6, 35, 46, 1) !important;
  font-family: "WorkSans-Regular", helvetica !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

h2 {
	letter-spacing: 1px!important;
}

h1 {
	letter-spacing: 2px!important;
}

.custom-svg-1 {
	width: 670px!important;
}

.custom-section-background > div{
	min-height: 0px!important;
}

.etusivu-napit {
	font-family: "WorkSans-bold", helvetica!important;
}

/* etusivu otsikko*/
.otsikko h4 {
  color: rgba(6, 35, 46, 1) !important;
  font-family: "WorkSans-Light", helvetica !important;
  font-size: 20px !important;
  font-weight: 250 !important;
  line-height: 20px !important;
}

.otsikko h2 {
  background-color: transparent !important;
  font-size: 40px !important;
  font-style: normal !important;
  font-weight: 250 !important;
  
  letter-spacing: 0px !important;
  text-align: left !important;
  top: 0px !important;
}

.porto-u-main-heading h2 {	
	font-size: 20px!important;
	letter-spacing: 2px!important;
}

.porto-u-sub-heading {
  color: rgba(6, 35, 46, 1) !important;
  font-family: "WorkSans-bold", helvetica !important;
  font-size: 20px !important;
  font-weight: 250 !important;
  line-height: 20px !important;
}


/*ylavalikko fontti*/
#header .top-links > li.menu-item > a {
	font-family: "WorkSans-light", helvetica;
  color: white !important;
  font-size: 15.12px;
  letter-spacing: 1.5px!important;
}
#header .top-links > li.menu-item > a:hover {
  color: rgba(40, 180, 232) !important;
}

/*mainmenu fontti*/
#header .main-menu > li.menu-item > a {
  font-family: "WorkSans-Bold" !important;
  font-weight: 250;
  letter-spacing: 1px!important;
  font-size: 14.5px!important;
}

/*rjv header logo koko ja paikka*/
#header .logo .standard-logo {
  height: auto;
  width: auto;
  max-width: 300px;
  max-height: 300px;
  top: -14px;
  position: relative;
}
/*etusivun palvelut porto info box fontit*/
.custom-service-gallery .porto-sicon-header h3.porto-sicon-title {
  color: rgba(6, 35, 46, 1) !important;
  font-family: "WorkSans-bold", helvetica !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  letter-spacing: 0px !important;
}

.custom-service-gallery .porto-sicon-header h3.porto-sicon-title:hover {
  color: rgba(40, 180, 232) !important;
}

/*etusivu "kaikki merkit ja mallit" menu*/
.merkkimenu .porto-sicon-box h3 {
  color: rgba(6, 35, 46, 1) !important;
  font-family: "WorkSans-light", helvetica !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  letter-spacing: 0px !important;
}

.porto-wrap-container .porto-sicon-box h3:hover {
  color: rgba(40, 180, 232) !important;
}

/* autohuolot, korjaamo, rengaspalvelu ja vauriokorjaamo porto info boxit*/
.custom_autohuoltomenu .porto-sicon-header h3.porto-sicon-title {
  color: rgba(6, 35, 46, 1) !important;
  font-family: "WorkSans-bold", helvetica !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  letter-spacing: 0px !important;
}
.custom_autohuoltomenu .porto-sicon-header h3.porto-sicon-title:hover {
  color: rgba(40, 180, 232) !important;
}

.custom_korjaamomenu .porto-sicon-header h3.porto-sicon-title {
  color: rgba(6, 35, 46, 1) !important;
  font-family: "WorkSans-bold", helvetica !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  letter-spacing: 0px !important;
}
.custom_korjaamomenu .porto-sicon-header h3.porto-sicon-title:hover {
  color: rgba(40, 180, 232) !important;
}

.custom_rengasmenu .porto-sicon-header h3.porto-sicon-title {
  color: rgba(6, 35, 46, 1) !important;
  font-family: "WorkSans-bold", helvetica !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  letter-spacing: 0px !important;
}
.custom_rengasmenu .porto-sicon-header h3.porto-sicon-title:hover {
  color: rgba(40, 180, 232) !important;
}
.sininen h3,
.sininen p {
  color: white !important;
  font-family: "WorkSans-bold", helvetica !important;
}

.footer-logo  {
  height: auto;
  width: auto;
  max-width: 175px;
  position: relative;
}

/*footer "palvelut" listan fontti*/
#footer .wpb_wrapper a:not(.btn) {
  font-size: 15.12px;
  font-weight: 250;
  line-height: 1.4;
}

/*footer fontti*/
#footer .porto-wrap-container h3 {
  color: white !important;
  font-size: 14px !important;
  letter-spacing: 3px!important;
}
/*footer fontti*/
#footer .porto-wrap-container h2 {
  color: white !important;
  font-size: 20px !important;
  letter-spacing: 2px!important;

}

.footer-wrapper h2,
.footer-wrapper h3,
.footer-wrapper p {
  color: white !important;
}
/* määräaikashuolto merkkimenu*/
.merkit-menu a {
	color: rgba(6, 35, 46, 1) !important;
	font-family: "WorkSans-light", helvetica !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 650 !important;
	letter-spacing: 0px !important;
}
 .merkit-menu a:hover {
	color: rgba(40, 180, 232) !important;
 }


 .mobiili-yhteydenotto-block {
  display: none;
 }

 .footer-mobiili-logo {
   display: none;
 }

 .footer-logo {
   display: block;
 }



 /* Contactform custom asetukset tai jtoearwr*/
 @media only screen and (max-width: 768px) {
  .mobiili-yhteydenotto-block {
    display: block!important;
   }

   .footer-otsikko-mobiili {
    text-align: center!important;
  }

  .footer-mobiili-teksti p {
    text-align: center!important;
  }

  .footer-mobiili-logo {
    display: block!important;
  }

 .footer-logo {
  display: none!important;
}
 }