/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/*Add your own styles here:*/
h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
}
.main_color b, .main_color strong{
	color: inherit; 
}
#header_main {
    border-bottom-width: 0;
    }

#etusivu-landingbox h1 {
    font-size: 66px;
    line-height: 80px;
}

div#etusivu-valiotsikko h1 {
    text-align: center;
    font-size: 50px;
    color: #fff;
}

#punchline h1 {
    font-size: 50px;
}
#punchline a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
    background: #2cc69cd9;
    padding: 5px 20px;
        line-height: 78px;
}
#punchline a:hover {
    background: #2cc69c;
}

.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
    background: #222;
}

.main-title a {
    color: #fff !important;
}
h1.main-title.entry-title {
    text-align: center;
    font-size: 40px;
    letter-spacing: 7px;
}

.single-portfolio header.entry-content-header {
    width: 20%;
    float: left;
}
div#tilan-tiedot {
    width: 80%;
    float: left;
}
#tilan-tiedot p, .tila-content p {
    float: left;
}
.Vapaa {
    background: #2cc636 !important;
}
.Varattu {
    background: #c6b82c !important;
}
.Vuokrattu {
    background: #c62c2c !important;
}
h2.listaus-status.Vapaa:after {
    border-top: 32px solid #2cc636;
}
h2.listaus-status.Varattu:after {
    border-top: 32px solid #c6b82c;
}
h2.listaus-status.Vuokrattu:after {
    border-top: 32px solid #c62c2c;
}
.puolikas {
    width: 50%;
    float: left;
}

h2.puolikas {
    text-align: center;
    background: #222;
    position: relative;
    padding: 20px;
    color: #fff !important;
}
h2.puolikas.Vapaa,h2.puolikas.Varattu,h2.puolikas.Vuokrattu {
    width: 30%;
    margin-top: 10px;
     font-size: 16px;
    line-height: 30px;
}
h2.puolikas.Vapaa:after,h2.puolikas.Varattu:after,h2.puolikas.Vuokrattu:after {
    border-bottom: 0 solid black;
    border-right: 15px solid #ffffff00;
    border-top: 90px solid #222222;
    bottom: -10px;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    width: 0;
}

h2.puolikas.koko {
	    font-size: 40px;
    height: 90px;
    width: 70%;
}

.hintalaatikko {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.contactlaatikko {
	    margin: 30px 0;
    float: left;
    width: 100%;
    border: 1px solid #2cc69c !important;
    padding: 20px 20px 10px;
}
.contactotsikko {
    width: 100%;
    float: left;
}
.contactotsikko h2.vino-otsikko {
    background: #2cc636;
}
.contactotsikko h2.vino-otsikko:after{
   border-top: 50px solid  #2cc636;
}
.contactotsikko h2.vino-otsikko.Varattu {
    background: #c6b82c !important;
    margin-top: 30px;
}
.contactotsikko h2.vino-otsikko.Varattu:after{
   border-top: 50px solid  #c6b82c;
}
.contactlaatikko input {
    margin-bottom: 0 !important;
}
.contactlaatikko p.puolet {
    width: 47%;
    float: left;
    margin-right: 3%;
}
.wpcf7-response-output {
    float: left;
    width: 100%;
}
.puolet textarea {
    height: 98px;
    margin-bottom: 0 !important;
}
.puolet input[type='submit'] {
    height: 36px;
}

a.jonoon{
    background: #2cc69c;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    box-shadow: 4px 4px #000;
        -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.jonoon:hover {
    background: #1e9171;
    color: #fff;
    text-decoration: none;
}

input[type='submit']{
     box-shadow: 4px 4px #000;
     background-color: #2cc69c;
             -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
input[type='submit']:hover{
       background-color: #1e9171;
}
h2.vino-otsikko {
    background: #6c6c6c;
    color: #fff !important;
    width: auto;
    position: relative;
    float: left;
    padding: 10px;
    clear: both;
   	margin-right: 20px;
   	    margin-top: 0;
            max-height: 50px;
   	        margin-bottom: 20px;
}
h2.vino-otsikko:after {
        border-bottom: 0 solid black;
    border-right: 15px solid #ffffff00;
    border-top: 50px solid #6c6c6c;
    bottom: 0px;
    content: '';
    height: 0;
    position: absolute;
    right: -15px;
    width: 0;
}
.muut-tiedot {
    float: left;
}
.muut-tiedot  p {
    width: 100%;
    margin: 5px;
}
.muut-tiedot  h2 {
 margin-top: 20px;
}
.hintalaatikko p {
    float: left;
    margin: 13px 0;
    font-size: 24px;
}

.pohja {
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #c3c3c3 !important;
    padding-bottom: 40px;
}
.pohja h2.vino-otsikko {
    background: #2cc69c;
}
.pohja h2.vino-otsikko:after {
    border-top: 50px solid #2cc69c;
}
.pohja a {
    width: 100%;
    float: left;
}
.tila-content {
    float: left;
    border-top: 1px solid #c3c3c3 !important;
    margin-top: 20px;
    padding-top: 30px;
}
/*portfolio listaus */
#top .no_margin.av_one_fourth {
    width: 25%;
    padding: 10px;
}
h2.listaus-status{
    position: absolute;
    left: 0;
    z-index: 999;
    top: 10px;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
}
h2.listaus-status:after {
    border-bottom: 0 solid black;
    border-right: 15px solid #ffffff00;
    border-top: 32px solid #6c6c6c;
    bottom: 0px;
    content: '';
    height: 0;
    position: absolute;
    right: -15px;
    width: 0;
}
h2.listaus-hinta{
    position: absolute;
    left: 0;
    background: #6c6c6c;
    z-index: 999;
    bottom: 60px;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
}
h2.listaus-hinta:after {
    border-bottom: 0 solid black;
    border-right: 15px solid #ffffff00;
    border-top: 32px solid #6c6c6c;
    bottom: 0px;
    content: '';
    height: 0;
    position: absolute;
    right: -15px;
    width: 0;
}


/*varauyssivu*/

span.wpcf7-form-control-wrap.checkbox-koko, span.wpcf7-form-control-wrap.checkbox-sijainti {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

/*footer*/
@media only screen and (min-width: 768px){
#footer .flex_column.av_one_half.first.el_before_av_one_half {
    text-align: right;
}
}

@media only screen and (max-width: 989px){

#etusivu-osio p {
    font-size: 16px;
    line-height: 27px;
}
#etusivu-landingbox h1 {
    font-size: 46px;
    line-height: 60px;
}
}


@media only screen and (max-width: 767px){
.single-portfolio header.entry-content-header {
    width: 100%;
}
div#tilan-tiedot {
    width: 100%;
}
#etusivu-landingbox h1 {
    font-size: 36px;
    line-height: 50px;
}
#footer {
    text-align: center;
}
#footer .first.av_one_half {
    height: 130px;
    margin: 0 !important;
}
}

@media only screen and (max-width: 490px){
#etusivu-valiotsikko h1 {
    font-size: 30px;
}

#punchline a {
    float: left;
    width: 100%;
}


h2.vino-otsikko{
    font-size: 20px;
    line-height: 30px;
}

}