/*



Theme Name: Corinda 2017
Theme URI: https://pablosazo.cl/themes/corinda2016/
Author: Pablo Sazo
Author URI: https://pablosazo.cl
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: corinda2016



*/

*,
h1 p {
    margin: 0
}

h1,
h2 {
    font-weight: 400
}

#menu-main-menu li a,
#menu-main-menu li ul li ul li {
    min-height: 60px;
    line-height: 60px
}

#menu-main-menu li ul,
#menu-main-menu li ul li ul li:hover,
#menu-main-menu li:hover {
    background-color: #DDD0BF
}

.main-logo a img,
.white img {
    max-width: 100%;
    height: auto
}

#menu-main-menu,
footer {
    text-transform: uppercase
}

.edit,
.gallery-button,
.tile h3,
.widget {
    text-align: center
}

* {
    padding: 0
}

a {
    color: inherit
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none
}

h1 {
    font-size: 46px;
    font-family: mrs-eaves, sans-serif;
    font-style: normal
}

h1 p {
    line-height: 1.3em
}

h2 {
    font-family: mrs-eaves, serif;
    font-style: italic;
    font-size: 60px
}

h3,
h4 {
    font-size: 42px;
    font-family: mr-eaves-sans;
    font-weight: 700;
    font-style: italic
}

.packages-content h2 {
    display: none
}

h4 {
    margin: 60px 0 30px
}

h5 {
    font-family: mr-eaves-sans;
    font-weight: 700;
    font-style: italic;
    font-size: 48px;
    margin: 10px 0 30px
}

h6 {
    font-family: mr-eaves-sans;
    font-weight: 700;
    font-style: italic;
    font-size: 32px;
    margin: 50px 0 30px
}

.wp-caption-text {
    margin: auto;
    padding-top: 20px;
    padding-bottom: 80px;
    font-family: mrs-eaves, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 3px;
    float: left;
    width: 100%
}

.alignright {
    float: right;
    margin-bottom: 30px;
}



#menu-main-menu,
body,
span.sp {
    font-style: normal
}

body {
    background-color: #FBF5F0;
    font-size: 24px;
    line-height: 1.8em;
    font-family: mr-eaves-sans, sans-serif;
    font-weight: 200
}

header {
    background-color: #F0E7D6;
    height: 260px;
    position: relative;
    z-index: 20
}

header div.container-fluid,
header div.container-fluid div.row {
    height: inherit
}

.main-logo,
.main-menu {
    height: inherit;
    display: flex
}

#menu-main-menu li ul,
#menu-main-menu li:hover ul li ul,
.little-arrow {
    display: none
}

.main-logo a {
    margin: auto auto auto 0
}

.cat-banner img,
.cat-banner-b img,
.page-banner img {
    width: 100%;
    height: auto
}

.menu-container {
    margin: auto 0 auto auto
}

#menu-main-menu {
    color: #000;
    list-style: none;
    letter-spacing: .2em;
    font-family: mrs-eaves, sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0
}

#menu-main-menu li {
    display: inline-block;
    float: left;
    -webkit-transition: background-color 1s;
    transition: background-color 1s
}

#menu-main-menu li:hover {
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

#menu-main-menu li a {
    margin: 0 21px;
    display: block
}

#menu-main-menu li ul {
    position: absolute;
    min-width: 199px
}

#menu-main-menu li ul li:hover ul,
#menu-main-menu li:hover ul {
    display: block
}

#menu-main-menu li ul li {
    display: block;
    color: #836D58;
    float: none
}

#menu-main-menu li ul li:hover {
    background-color: #E4D9C9
}

#menu-main-menu li ul li a {
    border-bottom: thin solid #EFE6D5
}

#menu-main-menu li ul li:last-child a {
    border-bottom: none
}

#menu-main-menu li ul li ul {
    display: none;
    background-color: #E4D9C9;
    position: absolute;
    float: left;
    margin-left: 100%;
    margin-top: -60px;
    min-width: 352px
}

.when-sticky{
	padding-top: 120px;
}

.flex-active-slide a img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    transition: all 1s;
}

.flex-active-slide a img:hover {
-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
    transition: all 1s;
}

.white p,
.white ul {
    line-height: 1.3em
}

span.sp {
    font-weight: 400;
    font-family: 'Mrs Eaves OT'
}

.home-content {
    margin-top: 100px;
    background-repeat: no-repeat;
    background-position: right 0 top 120px
}

.white {
    background-color: #FFF;
    min-height: 300px;
    display: inline-block;
    margin-bottom: 100px;
    padding: 100px 0;
    width: 100%
}

.white h2 {
    margin-bottom: 60px
}

.white ul {
    -webkit-padding-start: 20px;
    font-size: 18px
}

.white:last-child,
.white:only-child {
    margin-bottom: 0
}

.edit {
    height: 90px;
    line-height: 90px;
    width: 90px;
    border-radius: 50%;
    background-color: #F0E7D6;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -45px;
    margin-bottom: -45px;
    box-shadow: 3px 3px 10px #999
}

.edit a {
    display: block
}

.jandc {
	height: 100%;
	margin-top: 10px;
}

.jandc img {
	width: 90%;
	height: auto;
}

.tiles-box {
    min-height: 950px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.tile {
    height: 460px;
    margin-bottom: 20px;
    background-size: cover;
    display: flex
}

.tile h3 {
    color: #FFF;
    margin: auto;
    font-family: mrs-eaves, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 4px
}

.tile-02 h3,
.tile-04 h3 {
    color: #000
}

.tile-01,
.tile-04 {
    width: calc(66% - 5px)
}

.tile-02,
.tile-03 {
    width: calc(33% - 5px)
}

.overlay {
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    flex: 1;
    -webkit-transition: background-color 2s;
    transition: background-color 2s
}

.overlay:hover {
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: background-color 1s;
    transition: background-color 1s
}

.separator-01 {
    margin: 60px 0;
}

.separator-03 {
    margin: 60px 0 90px 0;

}

.separator-03 img {
	height: auto;
}

.book-now {
    margin: 90px 0;
}

.back-to-top {
    height: 400px;
    display: flex
}

.btt-btn {
    margin: auto
}

.brockley-estate-content,
.contact-content,
.corinda-contemporary-content,
.corinda-couplings-content,
.corindas-cottages-content,
.drink-the-cellar-content,
.gallery-content,
.stay-content,
.the-house-content,
.voucher-content,
.gift-voucher-content {
    background-image: url(images/corner-rose-01.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: 100px
}

.food-drink-content,
.spanish-cooking-classes-content {
    background-image: url(images/corner-spanish-cooking-classes.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: 100px
}

.activities-content,
.location-content,
.packages-content {
    background-image: url(images/corner-activities.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: 100px
}

.left-right-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px
}

.left-right-box:last-child,
.left-right-box:only-child {
    margin-bottom: 0
}

.left-right-text {
    background-color: #FFF;
    display: flex;
    flex: 1
}

.left-right-text h3 {
    margin-bottom: 30px;
    font-size: 42px;
    line-height: 1em
}

.left-right-text p {
    line-height: 1.2em;
    font-size: 18px
}

.left-right-text img.book-now {
    margin: 30px 0 0;
    width: 80%;
    height: auto
}

.left-right-text-cont {
    margin: 80px 60px auto
}

.left-right-img {
    display: flex;
    flex: 2
}

.left-right-img img {
    width: 100%;
    height: auto
}

.gallery-button {
    margin-top: 50px;
    width: 100%
}

footer {
    background-color: #E6DFD5;
    background-image: url(images/footer-rose.png);
    background-repeat: no-repeat;
    background-position: -40px 40px;
    height: 400px;
    font-size: 18px
}

footer a {
    font-weight: bolder
}

.icons-container {
    display: flex;
    height: 400px;
    margin: auto;
    flex-direction: column
}

.icon,
.icon-box {
    flex: 1;
    display: flex
}

.textwidget {
    margin: auto auto 30px
}

.widget {
    margin: 0 auto auto
}

.carousel-indicators li,
.carousel-indicators li.active {
    background-image: url(images/slidedot.png);
    margin: 0 3px
}

.carousel-inner>.item>img {
    width: 100%
}

.carousel-indicators li {
    height: 25px;
    width: 25px;
    border: none
}

.carousel-indicators li.active {
    background-color: transparent;
    height: 25px!important;
    width: 25px!important;
    border: none!important
}

div.wpcf7 {
    margin: 0
}

.wpcf7-form {
    margin: 60px 0;
    width: 100%
}

.wpcf7-form label {
    font-family: mr-eaves-sans, sans-serif;
    font-style: normal;
    font-weight: 200;
    width: 60%;
    margin-bottom: 20px
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7-number,
.wpcf7-tel {
    background-color: #F6F0E5;
    border: none;
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0 10px
}

.wpcf7 textarea {
    background-color: #F6F0E5;
    border: none;
    width: 100%;
    padding: 10px
}

.wpcf7-submit {
    padding: 0 50px 0 10px;
    border-radius: 4px;
    font-size: 18px;
    font-family: mrs-eaves, serif
}

.right-flower-button {
    background-image: url(images/q.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    font-style: italic
}

.margin-top {
    margin-top: 80px
}

label.cien {
    width: 100%
}

@media screen and (min-width:426px) {
    .sticky {
        box-shadow: 0 0 15px #666;
        height: 120px!important;
        position: fixed;
        width: 100%;
        z-index: 100
    }
    .sticky a img {
        height: 90px;
        width: auto
    }
    .alt-logo,
    .mobile-button {
        display: none
    }
}

@media screen and (max-width:1024px) {
    #menu-main-menu li a {
        margin: 0 20px
    }
}

@media screen and (max-width:768px) {
    #menu-main-menu li,
    .main-menu {
        width: 100%
    }
    .main-menu,
    .mobile-button {
        position: relative;
        z-index: 100
    }
    .hola-chao {
        display: none
    }
    h1 {
        font-size: 36px
    }
    body {
        line-height: 32px
    }
    .home-content {
        background-repeat: no-repeat;
        background-position: right 0 top 400px;
        background-size: 50% auto
    }
    header {
        height: 150px
    }
    .main-logo a {
        margin: auto
    }
    .alt-logo {
        display: block
    }
    .mobile-button {
        height: 60px;
        display: block;
        background-color: #F0E7D6
    }
    .burger,
    .little-book {
        height: inherit;
        display: flex
    }
    .burger img {
        margin: auto auto auto 0
    }
    .little-book img {
        margin: auto 0 auto auto
    }
    #menu-main-menu {
        font-size: 16px;
        letter-spacing: .1em
    }
    #menu-main-menu li:last-child a {
        border-bottom: 2px solid #EFE6D5!important
    }
    #menu-main-menu li a {
        display: block;
        height: 60px;
        line-height: 60px;
        border-bottom: 2px solid #EFE6D5;
        margin: 0
    }
    .little-arrow {
        display: inline-block;
        font-size: 24px
    }
    #menu-main-menu li ul {
        position: relative;
        display: none;
        box-shadow: none;
        margin: 0 -15px
    }
    #menu-main-menu li ul li {
        float: left
    }
    #menu-main-menu li ul li:hover {
        background-color: transparent
    }
    #menu-main-menu li ul li ul {
        background-color: #E4D9C9;
        min-width: 300px;
        display: none;
        box-shadow: none;
        margin: 0;
        width: 100%
    }
    #menu-main-menu li ul li a {
        margin: 0 15px
    }
    .reg-logo {
        display: none
    }
    .main-menu {
        height: auto;
        display: none;
        background-color: #DDD0BF;
        text-align: center;
        padding-bottom: 30px
    }
    .tile-01,
    .tile-02,
    .tile-03,
    .tile-04 {
        width: 100vw;
        height: 100vw
    }
    .back-to-top {
        width: 100vw;
        height: 70vw
    }
    .white {
        padding: 40px 30px 45px
    }
    .white h2 {
        margin-bottom: 30px;
        font-size: 42px;
        line-height: 1em
    }
    .white p {
        font-size: 18px
    }
    .white img.book-now {
        margin: 30px 0 0;
        width: 80%;
        height: auto
    }
    .icon-box:first-child {
        flex: .3
    }
    .icon-box {
        margin: 0 30px
    }
    .icon-box img {
        width: 70%
    }
    .edit {
        margin-top: -45px
    }
    .left-right-text {
        flex: none;
        width: 100%;
        order: 2
    }
    .left-right-img {
        flex: none;
        width: 100%;
        order: 1
    }
    .left-right-text-cont {
        margin: 20px 45px 45px
    }
    div.wpcf7 {
        margin: 0 -15px
    }
    .wpcf7-form label {
        width: 100%;
        margin-bottom: 5px
    }
    .wpcf7 textarea {
        width: 100%
    }
    .contact-content,
    .corinda-couplings-content,
    .drink-the-cellar-content,
    .food-drink-content,
    .gallery-content,
    .home-content,
    .spanish-cooking-classes-content,
    .stay-content,
    .the-house-content,
    .voucher-content,
    .gift-voucher-content {

        margin-top: 50px
    }
    .separator-01 {
        margin: 30px 0 50px
    }
    
}

@media screen and (max-width:1280px) {
    #menu-main-menu li a {
        margin: 0 20px
    }
}