/*
 Theme Name:     tempera Child Theme
 Theme URI:      http://www.cryoutcreations.eu/tempera
 Description:    We had to follow a very strict recipe to get Tempera just right. We started with a very solid framework of over 200 settings, added a very light user interface, threw in a couple of mobiles and tablets to give it that responsive elasticity, added over 50 fonts, weren't satisfied so we poured all the Google fonts into the mix, then scattered 12 widget areas for consistency, dissolved a slider and unlimited columns into a customizable Presentation Page then mixed it in as well. We then sprinkled all post formats, 8 layouts including magazine and blog, powdered 40+ social icons and even blended in a customizable top bar for extra density. We also made it translation ready and gave it RTL language support for some cultural diversity. The secret ingredient was love and we might've spilled too much of that. But now Tempera has just the right feel and the right texture and is exactly what your empty WordPress canvas needs. NEW! Tempera now comes in 16 different flavors with preset color schemes!
 Author:         Cryout Creations
 Author URI:     http://www.cryoutcreations.eu
 Template:       tempera
 Version:        1.0.0
*/

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

/*************************
*****    GENERAL     *****
**************************/

.clearfix {
    clear: both;
}

img {
    max-width: 100%;
}

.breadcrumbs {
    display: none;
}

.wp-image-169:hover{
    opacity: 1;
}

.center {
	  text-align: center;
}

#westwing1 > h3 > strong {
  margin-top: -23px !important;
  margin-bottom: 23px;
  font-size: 19px !important;
}

.tempera-image-one .entry-content img[class*='align'], .tempera-image-one .entry-summary img[class*='align'] {
    border-bottom: none;
}

#header{
    background-image: url(https://eastwesthomestay.co.nz/wp-content/uploads/2015/10/EastWest_080409-83565-copy-for-header1.jpg);
    background-repeat: no-repeat;
}


/*************************
*****      HOME      *****
**************************/
.menu-main-search {
  display: none !important;
}

.home article {
    display: none;
}

.home .features span {
    bottom: -6px;
}

.features img {
    height: 50px;
    margin-left: 20px;
}

/*************************
*****   HEADER     *****
**************************/
.book {
    width: 16%;
    float: right;
    padding: 0% 14% 0% 0%;
    transform: rotate(-8deg);
}
.logo-wrap {
    width: 70%;
}

/*************************
*****    MENU        *****
**************************/

.slider-wrapper {
    padding-top: 20px;
}

#secondary #text-4 {
    text-align: center;

}


/*************************
*****  CONTACT PAGE  *****
**************************/

.iframe {
    text-align: center;
}

textarea {
    width: 90%;
}

#profile {
    margin-top: -17px;
}

.contact-form {
  padding-top: 20px;
}

#branding {
    height: auto !important;
}

.logo-wrap{
	width: 70%;
    float: left;
    display: block;
}

.tag-line, .contact-info  {
    text-transform: capitalize;
    color: white;
    font-size: 15px;
}

.tag-line span {
	color: green;
}

#access a, #nav-toggle span {
    color: white !important;
}

#access ul li.current_page_item > a {
    background-color: black !important;
}

#access li:hover > a {
	background-color: black !important;
}

#main .widget-area ul ul {
    margin-left: 0;
}

.sidey .widget-title {
    color: white !important;
    background-color: green !important;
    border-color: black !important;
}

/*************************
*****    FOOTER     ******
**************************/

.copyright {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: rgb(68, 68, 68);
}

.copyright a {
     color: #fff;
}

.copyright a:hover {
     color: rgb(68, 68, 68);
}

.copy-left {
    float: left;
    width: 45%;
    text-align: left;
    padding: 5px 20px 5px;
}

.copy-right {
    float: left;
    width: 45%;
    text-align: right;
    padding: 5px 20px 5px;
}

#footer2 {
    color: white !important;
    background-color: green !important;
}

#footer{
    color: white;
}

#footer, #access, #nav-toggle, #footer2, .sidey .widget-title {
    background: -webkit-linear-gradient(left, rgba(110,151,67,1), rgba(164,195,0,1),rgba(110,151,67,1) ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(110,151,67,1), rgba(164,195,0,1),rgba(110,151,67,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(110,151,67,1), rgba(164,195,0,1),rgba(110,151,67,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(110,151,67,1), rgba(164,195,0,1),rgba(110,151,67,1)); /* Standard syntax (must be last)*/
}

#footer .widget-title {
    color: white !important;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 32px !important;
    font-weight: 500;
    padding-left: 0px;
}

/*#footer .features {
    margin-left: -12px !important;
}*/

#colophon {
    background-repeat: no-repeat !important;
    background-image: url(https://eastwesthomestay.co.nz//wp-content/themes/tempera-child/img/East-West-kiwi.png) !important;
}

.features li {
    /*margin-bottom: 0px;
    list-style: none;
    background-repeat: no-repeat;
    background-image: url(https://eastwesthomestay.co.nz//wp-content/themes/tempera-child/img/10152.png);
    /*height: 38px;*/
   /* margin-top: 0px;
    background-size: 1.5%;
        background-position: 15px;*/
}

.features span {
    /*position: relative;
    bottom: -15px;
    left: 41px;*/
}

#footer li, #footer .textwidget {
    color: white;
}

/*.xoxo ul li {
        background-size: 4.5%;
        background-position: 15px;
}

#footer .features span {
    position: relative;
}*/

#footer {
    font-family: "Ubuntu";
    font-weight: normal;
    font-size: 20px;
}

#footer  .widget-title {
    -moz-border-radius: 5px;
    -webkit-border-radius: none;
    border-radius: none; 
    border-bottom: none;
    background-color: transparent;

}

#footer2 {
    display: none;
}

#text-4 .textwidget {
    line-height: 1.2;
}

#west-wing-img img, #west-wing-img > img {
	float: right !important;
}

#footer h3, #footer li {
    font-family: "Ubuntu";
}

#footer li {
    font-family: "Ubuntu";
}

@media screen and (max-width: 1300px) {
    
    .copy-right {
        width: 34%;
    }
  
}

@media screen and (max-width: 800px) {
    
    .copy-right, .copt-left {
        width: 100%;
    }
  
}

@media screen and (max-width: 1160px) {
    
    .iframe {
    	width: 100%;
    	padding-right: 20px;
	}
  
  	.contact-form, .iframe {
    	float: none;
	}

    .xoxo ul li {
        background-size: 6.5% auto;
        background-position: 15px center;
    }
  
}

@media (max-width:900px) and (min-width:800px) {
	.column-text {
	    font-size: 11px;
	    top: 34%;
	}
}

@media screen and (max-width: 651px) {
    
    #header {
       background-image: none;
   	   background: -webkit-linear-gradient(black 60%, grey);
       background: -o-linear-gradient(black 60%, grey);
       background: -moz-linear-gradient(black 60%, grey);
       background: linear-gradient(black 60%, grey);
	}

  	.logo-wrap {
    	text-align: center;
	}
  
  	#forbottom #front-columns > div {
    	width: 100%;
	}

	.home .features span {
    	bottom: -10px;
	}

	.features li {h3
	    background-size: 3.5%;
	}
  
    #west-wing-img{
  	  width: 100%;
    }
  
    #west-wing-img img {
    	float: none !important;
	}
  
}

@media screen and (max-width: 400px) {
    
    #post-11 > div > div.contact-wrap > p:nth-child(3) > img {
        width: 100%;
    }
  
}

/* button */

.btn {
  background: #A4C300;
  background-image: -webkit-linear-gradient(top, #A4C300, #6E9743);
  background-image: -moz-linear-gradient(top, #A4C300, #6E9743);
  background-image: -ms-linear-gradient(top, #A4C300, #6E9743);
  background-image: -o-linear-gradient(top, #A4C300, #6E9743);
  background-image: linear-gradient(to bottom, #A4C300, #6E9743);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #000 1px;
  text-decoration: none;
}

.btn:hover {
  cursor: pointer;
  background: #6E9743;
  background-image: -webkit-linear-gradient(top, #6E9743, #A4C300);
  background-image: -moz-linear-gradient(top, #6E9743, #A4C300);
  background-image: -ms-linear-gradient(top, #6E9743, #A4C300);
  background-image: -o-linear-gradient(top, #6E9743, #A4C300);
  background-image: linear-gradient(to bottom, #6E9743, #A4C300);
  text-decoration: none;
}


/*footer*/