/*
Theme Name:     Pinnacle Child
Description:    Pinnacle child theme
Template:       pinnacle
Author:         Marko Soini
Author URI:    http://www.markosoini.net
*/

@import url("../pinnacle/style.css");


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



body.home #pageheader .container {
    /* KESKITYS */
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}



.titleclass {background-image: none;}


body.home #pageheader.titleclass {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    /* background-image: url('http://www.markosoini.net/wp-content/uploads/2017/04/bg-image-home-header2.jpg'); */
    height: 100%;
}

body.home .page-header {
    padding-top: 0px !important;
    padding-bottom: 0px !important; 
}

body.home #pageheader {
    padding-top: 0px;
    
    /* TOIMII UUSIMMISSA SELAIMISSA
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  
    -webkit-flex-flow: column nowrap;
    justify-content: center; */
    
    /* perinteisempi keskitys käyttäen tablea*/
    display: table;
    width: 100%;
}

body.home .trans-header #pageheader { padding-top: 0px !important;}




/* MUUT SIVUT (PAITSI HOME) */

body.single header, body.portfolio header, body.error404 header, .page-template-template-feature {
    height: 145px; /* 335px */
}

body.single .page-header, body.portfolio .page-header, body.error404 .page-header {
    padding: 35px 10% 25px !important;
}


body.single #pageheader.titleclass, body.portfolio #pageheader.titleclass, body.error404 #pageheader.titleclass, body.tietoa #pageheader.titleclass, .page-template-template-feature #pageheader.titleclass {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: initial;
    background-image: none; /*url('http://www.markosoini.net/wp-content/uploads/2016/09/bg-image-page-header.jpg')*/
}

body.single .header-color-overlay, body.portfolio .header-color-overlay, body.error404 .header-color-overlay, body.tietoa .header-color-overlay, .page-template-template-feature .header-color-overlay {
    opacity: 1; /* 0.7 */
    background-color: #1d1d1d; /*#efdf75*/
}

.page-template-template-feature .header-color-overlay {
    background: rgb(146,164,168);
    background: -moz-linear-gradient(90deg, rgba(146,164,168,1) 0%, rgba(167,144,159,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(146,164,168,1) 0%, rgba(167,144,159,1) 100%);
    background: linear-gradient(90deg, rgba(146,164,168,1) 0%, rgba(167,144,159,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92a4a8",endColorstr="#a7909f",GradientType=1);
}

body.single .wrap, body.portfolio .wrap, body.error404 .wrap {
    /*margin-top: -204px;*/
}

body.portfolio .wrap {
    padding-bottom: 150px;
}

body.single #topbar-phone, body.single #topbar-email,
body.portfolio #topbar-phone, body.portfolio #topbar-email,
body.error404 #topbar-phone, body.error404 #topbar-email, body.page-template-template-feature #topbar-email
{
    display: none; visibility: hidden;
}

body.single #topbar .container,
body.portfolio #topbar .container,
body.error404 #topbar .container{
   /* */
}

.logo-header {
    /*  */
    height: 65px;
}


/* LOGO */
#topbar img {
    width: 250px; /* 155px */
    height: auto;
    margin-left: 45px;
}


body #topbar .container {
    /* background-image: url('http://www.markosoini.net/wp-content/uploads/2016/08/markosoini-logo-2016.png');
    height: 145px;
    background-position: left;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 244px; */
    padding: 0px;
}


    /* HEADER ABSOLUTE & ON TOP(z-index). PAGE HEADER YLÖS JA PADDINGILLA ALAS. PAGE HEADERIIN TAUSTAKUVA.  */

.headerclass { border: 0px !important; }

body.single header.headerclass,
body.portfolio header.headerclass, 
body.error404 header.headerclass,
body.tietoa header.headerclass,
body.page-template-template-feature header.headerclass{
    background-color: transparent;
    background-image: none;
    z-index: 9999;
    width: 100%;
    position: absolute;
}

body.single #pageheader.titleclass, body.portfolio #pageheader.titleclass, body.error404 #pageheader.titleclass, body.tietoa #pageheader.titleclass, body.page-template-template-feature #pageheader.titleclass {
    padding-top: 125px; /* HEADERIN KORKEUS 145px + 30px lisää */
}

body.single .main, body.portfolio .main, body.error404 .main, body.tietoa .main, body.blogi .main, body.page-template-template-feature .main {
    padding-top: 120px !important; /* 65px */
}



body.single .p-container.container, body.portfolio .p-container.container, body.error404 .p-container.container, body.tietoa .p-container.container {
    /*padding: 45px 0px 75px 0px;*/ /* postausten padding pois, samalla tasolla muun sisällön kanssa laidoista. */
}

.single-portfolio .pcfull,
body.page-template-template-feature .pcfull
{ margin-top: 0px; } /* projektitiedot yhteen yläkuvan kanssa */

.single-portfolio .p-container .postclass,
body.page-template-template-feature .postclass
{ padding: 70px 50px 50px 50px !important; }


.single-portfolio .postclass h3.sectiontitle { 
    content: "BLAAA";
}



.portfolio-content { /* PORTFOLIO-ITEMIN SIVUN OIKEA SPEKSI-LAATIKKO*/
    list-style: none !important;
    padding-left: 0px;
}

article > footer { /* Sisäsivujen lopussa olevan "Recent Projects" -laatikon yläosaan viiva */
    border-top: 1px solid #9f9f9f;
    margin-bottom: 75px;
    margin-top: 90px;
}

#portfolio_carousel_container {
    padding: 30px 0px 0px 0px; /* top 85px */
}


body.single #portfolio_carousel_container, body.portfolio #portfolio_carousel_container, body.error404 #portfolio_carousel_container {
    /* margin-bottom: -75px; */
}

.primary-color, a {
    color: #bbb;
}


.primary-color:hover, a:hover {
    color: #1b1b1b;
}






/* ETUSIVU / CUSTOM CONTENT STYLES */

.homepagecontent {
    width: 100%; /* homecontent = 100%, erilliset elementit tarvittaessa 1170px */
    padding-left: 0px;
    padding-right: 0px; /* Leventää sisällön 100%. Erilliset osiot etusivun sisällössä laitettava padding L&R 15px JA width 1170px, ellei halua 100% leveyttä */
}



/* ETUSIVU / TIETOA + ASIAKKAAT */

.homecontent #tietoa {
    background-color: #efdf75;  /* etusivun tietoa-osion marginaalit / paddingit */
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding-bottom: 100px;
} 

.homecontent h3 {padding: 150px 20% 70px 20%; margin-top: 0px;}

a.kad-btn {
    padding: 21px 45px 19px 45px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}


#asiakkaat {
    /*width: 100%;
    text-align: center;
*/    
    /*
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  
    -webkit-flex-flow: column nowrap;
    justify-content: center;*/
    
    margin: 115px auto 20px auto;
}

#asiakkaat img {
    width: auto;
    display: inline-block;
}

.asiakkaat-up, .asiakkaat-down {
    text-align: center;
    padding: 0 10%;
}

.asiakkaat-up p, .asiakkaat-down p{
    margin: 0px;
}



.asiakkaat-up-1 {
/*    min-width: 280px;*/
}

.asiakkaat-up-2 {
/*    min-width: 273px;*/
}

.asiakkaat-down-1 {
/*    min-width: 280px;*/
}

.asiakkaat-down-2 {
/*    min-width: 219px;*/
}
    
    
.asiakkaat-up-1, .asiakkaat-up-2, .asiakkaat-down-1, .asiakkaat-down-2 {
    display: inline-block;
}

.asiakkaat-down-1, .asiakkaat-down-2 {}


/* asiakkaiden logot, pituus määräytyy automaattisesti */
img.logo-norcall { height: 18px; /*margin-top: 20px;*/ }
img.logo-ttp { height: 27px; }
img.logo-whitespot { height: 47px; }
img.logo-sarasaarela { height: 23px; /*margin-top: 27px;*/}
img.logo-jtm { height: 39px; /*margin-top: 22px;*/ }
img.logo-hu { height: 50px; }
img.logo-sessu { height: 41px; /*margin-top: 20px;*/ }
img.logo-robacafe { height: 48px; }

img.logo-norcall:hover { }
img.logo-ttp:hover { }
img.logo-whitespot:hover {  }
img.logo-sarasaarela:hover {  }
img.logo-jtm:hover {  }
img.logo-hu:hover {  }
img.logo-sessu:hover {  }
img.logo-robacafe:hover {  }





/* ETUSIVU / PALVELUT + TIETOA + FOOTER */

#palvelut, #containerfooter {
    background-color: #1d1d1d !important;
    color: #777 !important;
}

#palvelut, #tietoa {
    text-align: center;
    padding: 0 25px;
    padding-top: 130px;
    padding-bottom: 70px;
    margin: 0 auto;
}

#palvelut h1:before, #containerfooter h1:before {
    border-bottom-color: #777 !important;
}

#palvelut h5 {
    color: #bbb !important;
}


#tietoa h4 {
    text-align: right;
    font-weight: 200;
}

#tietoa h4 strong {
    font-weight: 600;
}

#tietoa h5 {
    text-align: left;
    font-size: 16px !important;
    font-weight: 300 !important;
}
#palvelut h1, #containerfooter h1 {
    color: #bbb !important;
}

#palvelut .row {
    width: 50%;
    min-width: 610px;
    margin: 0 auto 45px auto;
    max-width: 860px;
}

#tietoa .row {
    min-width: 610px;
    margin: 0 auto 45px auto;
    max-width: 1170px;
}


#palvelut .row .col-md-4 {
    height: 210px;
    margin-bottom: 25px;
}

#palvelut .col-md-4 > i {
    color: #777 !important;
    
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

#palvelut .col-md-4:hover > i {
    color: #efdf75 !important;
}

#containerfooter h3, #containerfooter a, #containerfooter span, #containerfooter i, #containerfooter .tel, #containerfooter .mailto {
    color: #777 !important;
}

.tel, .mailto { color: #222 !important; display: inline-block; vertical-align: sub; }
.tel:hover, .mailto:hover, .tel:focus, .mailto:focus { color: #f2f2f2 !important; }

/* ETUSIVU / PALVELUT + TIETOA LOPPUU */






/* ETUSIVU / PORTFOLIO */

.home-portfolio {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}

body.home #portfolio {
    max-width: 1170px;
    margin: 0px auto; /* bottom 65px */
    text-align: center;
    padding-top: 130px;
    padding-bottom: 130px;
}

body.home #portfolio .p-item {
    padding-right: 7px;
    padding-left: 7px;
}

body.home #portfolio .grid_item {
    margin-bottom: 14px;
}

body.home #portfoliowrapper {
    padding: 0 14px;
}



/* HOVERIN TYYLIN KÄÄNNÖS */
/*
.grid_item img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
}
.portfolio-item .grid_item img, .portfolio-item .grid_item img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
}*/




.portfolio-hoverclass img {    
    /* Kuvan efektin animointi & kesto (GRAYSCALE) */
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    
    width: 100%;
}

.portfolio-item .portfolio-table h5 {
    color: #222 !important;
}

    
.portfolio-item:hover .portfolio-hoverclass img, .portfolio-item:focus {
    /* Kuvan päälle hover > kuva menee GRAYSCALE */ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

.portfolio-hoverover {
    /* Kuvan päällä oleva tyyli DEFAULT */
    opacity: 0 !important;
    background-color: transparent !important;
    /*ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"*/
   
}

.portfolio-item:hover .portfolio-hoverover, .portfolio-item:focus {
    /* Kuvan päällä oleva tyyli HOVER */
    opacity: 0.9 !important;
    background-color: #f2de54 /* #f2de54 */!important;
}

body.home #portfolio .p-item:nth-child(9), body.home #portfolio .p-item:nth-child(10) {
    display: none;
    visibility: hidden;
}

body.home #portfolio .wp-pagenavi {
    display: none;
    visibility: hidden;
}

.nappi {
    margin-top: 80px;
    display: inline-block;
}
 
.nappi a {
    color: #222 !important;
    border: 2px solid #222;
    background: none !important;
}


footer .nappi {
    margin-top: 15px;
}

footer a.kad-btn {
    padding: 18px 42px 16px 42px;
    color: #fff;
    border: 2px solid #fff;
    
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

footer .nappi input {
    background-color: transparent;
    color: #fff;
    border: 0px;
    text-transform: uppercase;
}


footer input[type="email"] {
    padding: 9px 21px 8px 21px;
    color: #222;
    border: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    text-align: center;
}


.nuoli {
    background-image: url('http://www.markosoini.net/wp-content/uploads/2016/08/arrow-down-header-1.png');
    width: 109px;
    height: 57px;
    margin: 0 auto;
}

.nuoli:hover {
    cursor: hand !important;
}


.home-page-subtitle > a {
    color: #777777 !important;
}

.home-page-subtitle > a:hover {
    color: #bbbbbb !important;
}





/* --------------------- FONTIT -------------------- */
body, body p, body span {
    font-family: "proxima-nova", "raleway", sans-serif !important;
    letter-spacing: 0.015em;
    font-weight: 300 !important;
    line-height: 1.2em !important;
}


/* Sisäsivuilla leipäteksti isompi */
body article .entry-content p, body.page-template-template-feature .entry-content p { 
    letter-spacing: 0.025em !important; /* 0.015em */
    font-weight: 300 !important;
    line-height: 1.58em !important; /*  1.2em */
    font-size: 17px !important;
}


#content h1, #portfolio h1, footer h1 {
    font-weight: 900;
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
    letter-spacing: 0.15em;
    margin-bottom: 95px;
}

#content h1:before, #portfolio h1:before, footer h1:before{
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    left: 30%;
    right: 30%;
    border-bottom: 4px solid #222;
    bottom: -8px;
}




h1, h2, h3, h4, h5, h6 {
    font-family: "proxima-nova", "raleway", sans-serif !important;
    line-height: 1.15em;
    color: #222 !important;
    text-rendering: optimizeLegibility !important;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.01em;
}


h1, h2 {
    text-transform: uppercase;
}

h3 {
    font-weight: 100 !important;
}

h5 {
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-bottom: 3px;
}


.home-header-moi {
    font-weight: 700 !important;
    letter-spacing: 0.015em;
    font-style: italic;
    font-family: "playfair display" !important;
    font-size: 80px !important; /* 92px */
    color: #efdf75; /* 777 */
    line-height: 2.6em !important;
}


.home-header-bolditalic {
    font-weight: 700 !important;
    letter-spacing: 0.015em;
    font-style: italic;
    font-family: "playfair display" !important;
    line-height: 1.6em !important;
}

h1.product_page_title, h1.post_page_title, h1.kad-page-title { /* PRODUCT & BLOG-POST & FEATURE PAGE TITLE (Header) */
    font-weight: 300;
    color: #fff !important;
    letter-spacing: 0.05em;
    font-size: 28px;
    margin-bottom: 0px;
    line-height: 1.4em;
}

body.single h4 {
    line-height: 1em;
}

blockquote {
    line-height: 1.45em;
    font-style: italic;
    font-weight: 400;
    padding-left: 22px;
    border-color: #f1f1f1;
    font-size: 17px;
}


body.portfolio .main .container h3 {
    margin: 75px 10% 40px 10%;
}

body.portfolio h1.entry-title, body.tietoa h1.entry-title {
    letter-spacing: 0.15em !important;
    color: #fff !important;
}

body.single-portfolio h1.product_page_title, body.single-post h1.post_page_title {
    color: #fff !important;
}

body.single-portfolio .subtitle, body.portfolio .subtitle, body.single-post .subtitle, body.page-template-template-feature .subtitle { /* PORTFOLIO, PRODUCT & BLOG & FEATURE PAGE TITLE (Header) */
    font-weight: 100;
    letter-spacing: 0.05em;
    font-size: 18px;
    line-height: 1.2em;
    font-style: italic;
    margin-bottom: 20px;
    color: #bbb;
}


.pdetails span {
    text-transform: uppercase;
    display: block;
}

ul.portfolio-content li.pdetails { margin-bottom: 16px; line-height: 1.3em;}


.portfolionav a {   /* PORTFOLION < > -ikonit */
    font-size: 36px;
    color: #777;
}

a:-webkit-any-link {   /* PORTFOLION < > -ikonit */
    cursor: hand;
}

.wp-caption-text { /* KUVATEKSTI */
    float: left;
    color: #777; /* #9f9f9f9 */
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 1.2em;
    margin-top: 9px;
    text-align: left;
    margin-bottom: 30px; /* 0 */
    width: 100%;
}

.wp-caption, .entry-content img { /* Contentissa olevan kuvatekstillisten kuvien caption */
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px; /* 65px */
    
    -webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.2);
    
}



/*** Works on common browsers ***/
::selection {
    background-color: #f2de54;
    color: #fff;
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: #f2de54;
    color: #fff;
}

/***For Other Browsers ***/
::-o-selection {
    background-color: #f2de54;
    color: #fff;
}

::-ms-selection {
    background-color: #f2de54;
    color: #fff;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #f2de54;
    color: #fff;
}



/* CONTENT IKONIT FIX */

#content .flat-no-margin .plightbox-btn, #content .flat-w-margin .plightbox-btn {
    padding-top: 12px; /* PORTFOLION SUURENNUSLASIN FIKSAUS */
}







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

h1.home-page-title {
    background-image: none;
    /* height: 145px; */   /* HEIGHT OF HEADER */
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff !important;
    text-transform: none;
    font-weight: 100;

    font-family: "Playfair Display" !important;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    width: 50%; /* 80% */
    margin: 0 auto 60px !important;
    max-width: 585px; /* 1170px */
    
    text-align: right;
    float: left;
}

.home-page-header .subtitle {
    font-family: Raleway !important;
    letter-spacing: 0.02em;
    color: #777 !important;
}


.header-color-overlay {
    background-color: #191919; /* #efdf75 */
    opacity: 0; /* 0.9 */
    z-index: 0;
}

#kad-shrinkheader {
    display: none;
    visibility: hidden;
}

.topclass {
    background-color: transparent;
}


.kad-topbar-left {width: auto; float: left; height: 100%; margin-top: 0px /* 65px*/ ; /* padding-left: 40px;*/  }
.kad-topbar-right {width: auto; float: right; /* margin-top: 50px;*/ padding-right: 30px; }

#topbar #kad-mobile-nav { z-index: 9998; } /* NAVIGOINTI 2. YLIN */

.topbar-widget {
    margin-top: 35px; /* 42 */
}

.topbar-widget span {
    font-size: 18px;
    font-weight: 200;
  /*  letter-spacing: 0.05em; */
    display: inline-block;
    padding-top: 0px;
    vertical-align: top;
}




#topbar /*ul.sf-menu*/  li a span {
    /* font-weight: määritelty WP:ssä */ 
    letter-spacing: 0.15em !important; /* 0.075em */
    text-transform: uppercase;
}


#topbar-phone i, #topbar-email i {
    vertical-align: middle;
    margin-right: 10px;
}

#topbar-phone i {
    font-size: 16px;
    display: inline-block;
    padding-top: 2px;
}

#topbar-email i {
    font-size: 16px;
    display: inline-block;
    padding-top: 2px;
}

#topbar-phone, #topbar-email {
    clear: none;
    float: left;
    color: #fff;
}

#topbar-phone {
    margin-right: 30px;
}

.topbar-widget span:hover {
    color: #f2de54;
}

i.icon-reorder {
    font-size: 34px;
    color: #fff; /* #222 */
}

footer #topbar-phone, footer #topbar-email {
    clear: both;
    margin: 0 auto;
    float: none;
}


footer .footercol2 .widget_text {
    text-align: center;
}



/* FOOTER */

#topcontrol { bottom: 0px !important; }
.icon-arrow-up { color: #777 !important; }
.icon-arrow-up:hover, .icon-arrow-up:focus { color: #f2de54 !important; }
#topcontrol>div { bottom: 20px !important; background-color: transparent; }
#topcontrol>div:hover { background-color: transparent; }


.footer .container p { color: #777 !important; }

#containerfooter h3 {   
    margin-left: auto; /* 15% */
    margin-right: auto; /* 15% */
    width: 50%; /* 80px */
    max-width: 585px; /* 1170px */
}



#containerfooter {
    padding-top: 0px;
    margin-top: 0px; /* 100px */
    background-color: #efdf75;
    background-position: bottom center;
    background-repeat: no-repeat;
}

#containerfooter .container {
    padding: 0px;
}


.footercredits {
    text-align: center;
    background-color: #fff! important;
    height: 85px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.footercredits p {
    font-size: 12px;
    color: #222 !important;
    text-align: center;
    max-width: 1100px;
    padding: 0 40px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}

.footercredits p img {
    margin-top: -13px;
    float: left;
}


/* OTA YHTEYTTÄ -otsikko */
.footercol1 {
    clear: both;
    width: 100%;
    float: left;
    padding: 0px;
    text-align: center;
    margin-top: 145px;
}


footer .hometitle:after, footer .sectiontitle:after, footer .widget-title:after {
    display: none;
    visibility: hidden;
}


/* PHONE, SOME, EMAIL. Sisältää 3 diviä */
.footercol2 {
    height: auto;
    padding: 0px;
    width: 100%;
    margin-top: 130px; /* 45 */
    margin-bottom: 0px;   /* 145px jos ei karttaa */ 
}


footer .widget, footer .widget-first { margin-top: 0px; }


.footer-phone {
    width: 100%; /* 250px */
    float: left;
    text-align: center;
    padding-right: 0px;
    padding-top: 16px;
    clear: both;
}

.footer-some {
    width: 100%; /* 250px */
    float: left;
    min-width: 305px;
    height: 51px;
    clear: both;
    padding: 0px 9px;
    margin-top: 40px;
}

.footer-email {
    float: left;
    width: 100%; /* 250px */
    text-align: center;
    padding-left: 0px;
    padding-top: 16px;
    clear: both;
}


footer hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 0px;
    display: inline-block;
}


footer .widget_kadence_social {
    margin-top: 50px;
}

footer .kadence_social_widget a {
    width: 28px;
    height: 28px;
    background-color: #222 !important;
    margin: 0 7px;
}

footer .kadence_social_widget a i {
    font-size: 24px;
    line-height: 28px;
    color: #efdf75;
}


footer i.icon-mobile-phone, footer i.icon-envelope-alt, footer i.icon-map-marker { padding-right: 8px; vertical-align: middle; display: inline-block; }
footer span, footer p { font-size: 18px; font-weight: 100; color: #777; }


.footer-some a { margin-bottom: 0px; border: 1px solid #fff; background: transparent; float: left; height: 40px; width: 40px; padding: 10px; border-radius: 50%; margin-left: 6px; margin-right: 6px;} /* SOME-IKONIT KESKELLÄ */ 
footer .kadence_social_widget a i.icon-instagram {padding-left: 2px;}
footer .kadence_social_widget a i.icon-linkedin {padding-left: 4px;}
footer .kadence_social_widget a i.icon-pinterest {padding-left: 2px;}



.footerclass a i {
    color: #222; 
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.footerclass a:hover i { /* some-ikonit */
    color: #d7c12d;
}

#containerfooter .tel:hover, #containerfooter .mailto:hover { /* yhteystiedot */
    color: #f2de54 !important;
}



.footercol3 { display: none; visibility: hidden; /* EI KÄYTÖSSÄ */ }
.footercol4 { display: none; visibility: hidden; /* EI KÄYTÖSSÄ */ }

.some-left  { float: left; width: 50%; /* näihin padding-left 0? */}
.some-right { float: left; width: 50%; }

.some-left a { float: right; }
.some-right a { float: left; }



#containerfooter .kadence_social_widget a:hover i {
    color: #f2de54 !important;
}

footer .container {
    width: 100%;
    color: #888 !important; /* #222 */ /* #777 */
}



/* GOOGLE MAP */

#yhteys .wpgmza_widget {
    padding: 0 15px;
    margin-top: 110px;
}

/* */


/* MENU */



#topbar ul.sf-menu > li > a, #topbar .top-menu-cart-btn, #topbar .top-menu-search-btn, #topbar .nav-trigger-case .kad-navbtn, #topbar .topbarsociallinks li a { line-height: 1em !important;}
.kad-topbar-right { margin-top: 48px; z-index: 9999; } /* 48px */

#topbar li a:hover { background-color: transparent !important; }
#topbar li a span { color: #bbb; /* 777 */ }
#topbar li a:hover span { color: #fff; }



/* RESPONSIVE MENU */
#topbar .nav-trigger-case .kad-navbtn:hover {
    background-color: transparent !important;
}






        body.home #pageheader .row .col-md-12 { width: 100% !important; max-width: 1170px !important; margin-left: auto; margin-right: auto;}
        body.home #pageheader .row h1 { width: 50% !important; max-width: 585px !important; padding-left: 5%; }



/* ---------------- portfolio ------------------ */

/* galleryn korkeus normaali, Guttenberg */
.blocks-gallery-item figure { height: auto !important; }

/* kappaleen jälkeinen väli, Guttenberg */
body.portfolio-template-default p { margin: 0 0 20px 0; }

/* h4-otsikon ylämarginaali, Guttenberg */
body.portfolio-template-default h4 { margin-top: 30px; }
body.portfolio-template-default h4:first-child { margin-top: 10px; }


/* ---------------- BLOGI (body.home, body.blogi, body.single-post ------------------ */

body.blogi aside {
    padding-top: 120px;
}

body.single-post header {
    height: 23px; /* 145px muilla sivuilla */
}

body.blogi .header-color-overlay {
    background-color: #efdf75;
    opacity: 1;
    color: #222;
}

body.blogi .page-header, body.blogi .subtitle {
    color: #222 !important;
}


/* ---------------- BLOGI LOPPUU ------------------ */








/* MOBILE */



@media (max-width: 1200px) {
      
    h1.home-page-title { font-size: 32px; }
    .home-header-moi { font-size: 68px !important; }
}





@media (max-width: 992px) {
    .footercol2, .footercol3 { float: left; clear: none; }
    
    .kad-topbar-left { width: 100%; height: 0px; margin-top: 0px /* 48px*/ ; }    
    
    .topbar-widget { width: 100%; /*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; justify-content: flex-start; */}
    .topbar-phone, .topbar-email { float: left; }
    
    /* RESPONSIVE MENU */
    .kad-topbar-right { clear: both; position: absolute; right: 0px; padding-right: 5px; margin-top: 40px; height: 40px; }
     #mobile-nav-trigger { height: 40px; }
    .nav-trigger-case .kad-navbtn i { line-height: initial; }
    
    
    body.single .pcfull>.postclass .entry-content, body.portfolio .pcfull>.postclass .entry-content, body.error404 .pcfull>.postclass .entry-content {
    padding-right: 0px; /* postausten padding pois, samalla tasolla muun sisällön kanssa laidoista. */
        padding-bottom: 105px;
    }

    .pcbelow { /* PORTFOLIO-ITEMIN SIVUN OIKEA SPEKSI-LAATIKKO mobiilina alhaalla */
    padding: 0px !important;
    }

    div.pcbelow { padding: 35px 0px 0px 0px !important; clear: both !important; border-top: 1px solid #9f9f9f !important; margin: 0px -15px 0px -15px; }
    
    
    
    /* NÄMÄ OTETTU WP:STÄ */
    #topbar img { margin-top: 5px; margin-left: 0px;} /* LOGO */
    body #topbar .container { width: 100%; }
    #topbar .kad-nav-inner .kad-top-mnav { padding: 30px 0; }
    #topbar .kad-mobile-nav .kad-nav-inner li a { text-align: center; }
    #topbar .mobileclass { background-color: #efdf75; }
    .kad-mobile-nav .kad-nav-inner li.current-menu-item>a { opacity: 1.0; }

    #topbar .container .row .kad-topbar-left { min-height: 0px !important; }
    
    
    #palvelut .row { min-width: 610px !important; margin-left: auto; margin-right: auto;}
    #palvelut .row .col-md-4 { float: left; clear: none; width: 33.33%; }
    
    #tietoa .row { min-width: 80%; width: 80%; }
    #tietoa h4, #tietoa H5 { text-align: center; margin-bottom: 35px;}


    
    
    h1.home-page-title { font-size: 32px; }
    .home-header-moi { font-size: 68px !important; }

    #topbar li a:hover {  }
    #topbar li a span { color: #777; }
    
}




@media (max-width: 800px) {
    
    .homecontent h3 { padding-left: 5% !important; padding-right: 5% !important; } /* etusivun tekstin padding */
     
    #wrapper.container { overflow: hidden; }

   /* h1.home-page-title { font-size: 32px; } */
    body.home .page-header { padding-top: 0px !important; padding-bottom: 0px !important; }

    body.home #pageheader .container { vertical-align: bottom; padding-bottom: 10%;}
    
    /* RESPONSIVE MENU, CONTACT POIS ja MENU KESKELLE */
    .kad-topbar-right { /*position: relative; width: 100%; */}
    .kad-topbar-left { /*display: none; visibility: hidden; */}


    body.home #pageheader .row .col-md-12 {  }
    body.home #pageheader .row h1 { width: 80% !important; max-width: 80% !important; padding-left: 0%; float: none; text-align: center !important;  }
    
    
}






@media (max-width: 767px) {
    /*.kad-topbar-right {position: absolute; right: 5px;}
    .footercol2, .footercol3 {float: left; clear: both; width: 100%; }*/
    #pageheader .container {width: 100%;}
        
    /* footer span { font-size: 18px; } */
    .footercol1 h4 { font-size: 26px; }
    
       
    #palvelut .row { min-width: 80% !important; width: 80%; margin-left: 10%; margin-right: 10%; }
    #palvelut .row .col-md-4 { float: left; clear: none; width: 50%; }
    
    #containerfooter h3 { width: 80%; max-width: 1170px; } 
    
    
}







@media (max-width: 560px) {
    
    
     #palvelut .row .col-md-4 { float: left; clear: none; width: 100%; min-width: 100%; height: auto; margin-bottom: 28px; }
    #tietoa .row { width: 100% !important; }
    
    /*
        #palvelut .row .col-md-4 { margin-bottom: 40px; padding: 0 15%; }
    */
    
    /* Muut sivut paitsi etusivu */
    h1 { font-size: 34px !important; margin-bottom: 20px; }
    h3 { font-size: 20px !important; /* 26px */ line-height: 1.6em !important; }
 
    
    body.home h3 { font-size: 20px !important; /* 26px */ line-height: 1.6em !important; }
    footer hr { margin-top: 30px !important; }
    
    h1.home-page-title { font-size: 24px !important; }
    .home-header-moi { font-size: 46px !important; }
    
    
    h1.product_page_title {font-size: 24px !important;}
    
    body.single-portfolio .subtitle { font-size: 16px !important; }
    body.single-portfolio .container { padding-left: 0px; padding-right: 0px; }
    body.single .main, body.portfolio .main, body.error404 .main, body.tietoa .main { padding-top: 60px !important; }

    
}




@media (max-width: 480px) {
/*
    h1 { font-size: 28px !important; }
    h3 { font-size: 20px !important; line-height: 30px !important; }
*/
    

    
    body.home #pageheader .row h1 { width: 80% !important; max-width: 80% !important; }
    
}



@media (max-width: 374px) {
    
    h1.home-page-title { font-size: 20px !important; }

    body.home #pageheader .row h1 { width: 80% !important; max-width: 80% !important; }
    
}




    #topcontrol { display: block !important; } /* NÄKYY AINA */
    /* .row { margin-left: 0px !important; margin-right: 0px !important; }
    body.home #content .main { padding: 0px !important; }*/


/* DEFAULT MENU HIDDEN & RESPONSIVE ON*/
/*
#topbar ul.topbmenu { display: none !important; }
#mobile-nav-trigger { display: block !important; height: auto !important;}
#kad-mobile-nav { display: block; width: 100%; height: 0;}
*/




#tietoa {
   /* display: none;
    visibility: hidden;*/ 
}


body.logged-in #tietoa {
    /* display: block;
    visibility: visible; */
}

body.page-template-template-feature #content.container {
    max-width: 930px;
}



/* WP 5.8 korjaus dashboard / edit post */

.edit-post-visual-editor { display: block !important; }