/*
Theme Name: Emerald Land & Cattle
Theme URI: http://www.almostanything.com.au
Author: The Almost Anything Web and Graphic Design Crew
Author URI: http://www.almostanything.com.au
*/

/*
 * RELATIVE EMS: target/context=result
 * So if you want a 24px heading, and the parent element is 15px, you need to specify 1.6ems
 * ie 24/15=1.6
 * Got it yet Stu?
 * Similarly with widths. Elements will be a %age or their parent.
 *
 * THIS IS A MOBILE-FIRST STYLESHEET
 * If you're styling for the desktop you are editing the WRONG FILE
 * Go back, do not pass Go, do not collect $200
 */

/* Resets, Globals */

* {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,button,p,table,blockquote,th,td {
    margin:0;
    padding:0;
    line-height:inherit;
}

    dl,ul,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,table {
        margin:1em 0;
    }

        h1,h2,h3,h4,h5,h6 {
            margin:1em 0 .5em;
            line-height:1.2;
            color:#7b4600;
        }

            h1 {
                margin:0 0 .5em;
            }

            h2+*,h3+*,h4+*,h5+*,h6+* {
                margin-top:.5em;
            }

table {
    border-collapse:collapse;
    border-spacing:0;
}

address,caption,cite,code,dfn,var {
    font-style:normal;
    font-weight:normal;
}
 
caption,th {
    text-align:left;
}

sup {
    vertical-align:text-top;
}

sub {
    vertical-align:text-bottom;
}

input,textarea,select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    padding:0 .4em;
}

/* Clearfix */
    
.clearfix:after, .site_info nav:after {
    content:"";
    display:block;
    clear:both;
}

/* End Clearfix */

/* Styles to support our JS scrollbar width calculations */
.scrollbar_measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

/***************************************************************
 *
 * Let's play Tetris!
 * This is basic grid, we're layout out the main semantic blocks
 *
 ***************************************************************/

html, body {
    margin:0;
    padding:0;
    line-height:1.5;
    background:#f6faf8 url(images/treetop_bg.png) 50% 128% no-repeat;
    background-attachment:fixed;
}

    html {
        font-family: sans-serif;
    }

    body {
        color: #7E541B;
        background:transparent;
        font-size: 100%; /* Baseline: this means that 1em = 16px */
    }

        @media (min-width:861px) {

            body {
                /* Some padding for the fixed footer to sit in */
                padding-bottom:13em;
            }
            
            /* Setup z-index so that the footer can sit behind all content */
            body>* {
                position:relative;
                z-index:2;
            }

        }


.contentbox {
    width: 100%;
    margin: auto;
    font-size: 1.35em; /* 20px for normal paragraph text */
}

.main_wrap, footer, .cta_container, header.page_title {
    padding:0 3%;
}

    header.page_title {
        padding:5em 3% 0;
    }

    .main_wrap {
        clear:both;
        background:#fff;
    }
    
article {
    padding:1.5em 0;
}

    .home article {
        padding:2em 0 1.5em;
    }

@media (max-width:1000px) {
    .blog article, .category article {
        padding:1.5em 0 0;
    }
}

/***************************************************************
 *
 * Header
 *
 ***************************************************************/

body>header:first-of-type {
    /* Make sure dropdowns overlay following DOM elements */
    z-index:5;
}

.site_info {
    padding:2.5em 3%;
    background:#fff;
}

    .site_title {
        text-indent:-9999px;
        width:0;
        height:0;
        margin:0;
    }

    .site_logo, .site_logo:hover, .site_logo img {
        display:block;
        background:none;
        position:relative;
        border:none;
    }

        .site_logo {
            max-width:100%;
        }

            .site_logo img {
                margin:0 auto;
            }

            @media (min-width:861px) {
                .site_logo {
                    float:left;
                }
            }

    .searchform {
        text-align:center;
        margin:2em 0;
    }
    
        @media (min-width:861px) {
            header .searchform {
                margin:0 0 1.5em;
                text-align: right;
                float:right;
            }
        }

        @media (max-width:860px) {
            header .searchform {
                clear:both;
            }
        }

        .searchform * {
            display:inline-block;
            vertical-align:middle;
        }

            .searchform label {
                overflow:hidden;
                width:0;
            }

            .searchform .s {
                border:1px solid #cadeee;
                border-bottom-width:2px;
                border-radius:3px;
                margin:0 .5em;
                width:8em;
            }

            .searchform .button.button {
                padding:.1em .6em;
            }

/* Skip links */
.site_skiplinks {
    position: absolute;
    left: -9999px;
}

    .skiplink {
        background:#eee;
        padding:.5em .75em;
        font-weight:bold;
        box-shadow:0 0 10px rgba(0,0,0,0.25);
        z-index:9999;
    }

        .skiplink:focus {
            position:fixed;
            top:0;
            left:0;
            display:block;
            float:left;
        }

/***************************************************************
 *
 * Navigation
 *
 ***************************************************************/

/* Basic list reformatting */
.nav, nav ul, nav li {margin:0;padding:0;list-style:none;}
    .nav ul, .nav li { float:left; }

/* Customise from here... */
.site_info nav {
    line-height:2;
}

    @media (min-width:861px) {
        .site_info nav {
            float:right;
            clear:right;
        }
    }

.nav a {
    color: #006bc5;
    text-decoration: none;
    display:block;
    
    /* Preferable to a large line height with no top/bottom padding;
    no top/bottom padding causes links that text-wrap to look the same as a couple of one line links... */
    line-height:1.3;
    padding:.25em .45em;
}

    @media (min-width:861px) {
        .nav>li>a {
            border-top:1px solid #cadeee;
            padding:.5em .45em 0;
        }

        @media (max-width:961px) {
            .nav>li>a {
                padding:.5em .35em 0;
            }
        }

        /* Get rid of space on first and last link */
        .nav>:first-child>a {
            padding-left:0;
        }

        .nav>:last-child>a {
            padding-right:0;
        }

    }

    nav a {
        display:inline-block;
        padding:.15em .5em;
    }

nav a:hover, nav a:active, .nav a:focus, nav .sfHover>a {
    color:#00427a;
    text-decoration:underline;
}

nav .current_page_item>a, .single-post nav .current_page_parent>a, nav .current_page_ancestor>a, nav .current-menu-item>a, nav .current-menu-parent>a, nav .current-menu-ancestor>a, nav .current-page-ancestor>a, .single-property .menu-item-39>a {
    color:#00427a;
    font-weight:bold;
}

    @media (min-width:861px) {
        .nav>.current_page_item>a, .single-post .nav>.current_page_parent>a, .nav>.current_page_ancestor>a, .nav>.current-menu-item>a, .nav>.current-menu-parent>a, .nav>.current-menu-ancestor>a, .nav>.current-page-ancestor>a, .single-property .menu-item-39>a {
            border-top:3px solid #00427a;
            margin-top:-1px;
        }
    }

.contains_submenu>a {
    position:relative;
}

    .show_nav_children {
        position:absolute;
        top:-.25em;
        bottom:-.25em;
        right:-3%;
        line-height:2.5;
        font-weight:bold;
    }

/* Displays a sub nav immediately after the main (if exists). Here for ease of use on mobile. Hide for desktop and add dropdowns if required */
.mobile_sub_menu {
    box-shadow:0 -6px 0 rgba(0,0,0,0.07);
    padding:1.5em 3% 2.5em;
    overflow:hidden;
    background: #fff;
}
    
    @media (min-width:861px) {
        .mobile_sub_menu {
            display:none;
        }
    }

    .mobile_sub_menu h2 {
        margin:0 0 .5em;
        
        /* The default brown looks bad... */
        color:#006bc5;
    }

/* This is for the mobile nav icon */
#menu-icon {
    display: none;
}

@media (min-width:861px) {

    /* Basic list reformatting */
    .nav li {position:relative;}
    .nav ul {position:absolute;top:-9999px;left:0;}
    .nav ul, .nav ul li {display:block; float:none; }

    .nav li:hover ul,
    .nav li.sfHover ul {
        top: 2.5em;
        z-index: 100;
        display: block;
    }
    
    .nav li li:hover ul,
    .nav li li.sfHover ul {
        top: 0;
        left: auto;
        right: -250px;
    }

    header .nav ul {width: 200px;}

    .sub-menu {
        background:#fff;
        padding:.25em;
        border:1px solid #cadeee;
        border-width:0 1px 1px;
        box-shadow:0 0 25px rgba(0,0,0,0.1), 0 -5px 0 #006bc5;
    }

        .sub-menu a {
            font-size:.9em;
        }

    .nav li ul {
        display: none;
    }

    .contains_submenu>a {
        padding-right:1.5em;
    }

        .show_nav_children {
            padding:0 .75em 0 .5em;
        }

}

/* Squish menu down into a button */
@media (max-width: 860px) {

    /* Height is defined so we can confidently set negative margin on the main nav (.nav). See comment further down this @media query. */
    #menu-icon {
        display: block;
        position:relative;
        height:3em;
        padding:0 .75em;
        line-height: 3;
        text-align: center;
        text-decoration:none;
        font-weight:bold;
        color: #fff;
        background: #006bc5;
        border: 1px solid #006bc5;
        border-radius:3px;
    }

        #menu-icon:after{
            content: " \2193"; /* down arrow */
        }

            #menu-icon.active:after {
                content:"";
            }

    .sub-menu {
        box-shadow:-200px 0 0 #f8f5f1;
        background:#f8f5f1;
        margin:0 0 0 .5em;
        padding:.2em 0;
        font-size:.9em;
    }

        .site_info .sub-menu {
            margin-bottom:1em;
        }

    .contains_submenu>a {
        padding-right:2.5em;
    }

        .show_nav_children {
            position:absolute;
            top:-.25em;
            bottom:-.25em;
            right:-3%;
            line-height:2.5;
            z-index:10;
            padding:0 5% 0 .75em;
            padding:0 calc(3% + .5em) 0 .75em;
        }

    .nav ul, .nav li { float:none; }

    /*
        We're using CSS to show the menu (using IDs, #hash hrefs and the :target pseudo-class).
        To avoid a context-jarring page jump upon clicking #menu-icon, we pull .nav up
        underneath #menu-icon (plus a little extra to simulate to margin on #menu-icon)
    */
    
    .nav { display:none; margin:-3.5em 0 0; padding:4em 0 0; }

        .nav:target {
            display:block !important;
        }

        .nav.closed {
            display:none !important;
        }

}

/***************************************************************
 *
 * Main Content - <article>
 *
 ***************************************************************/

.page_title h1 {
    margin:1em 0 .5em;
    color:#fff;
    text-transform:none;
    text-shadow:0 0 30px rgba(0,0,0,0.5), 3px 3px 0 rgba(0,0,0,0.2);
}

    .single-post .page_title h1 {
        margin-bottom:0;
    }

    .page_title h1 em {
        font-weight:normal;
    }

    .page_title_meta p {
        text-shadow: 0 0 10px rgba(0,0,0,0.4), 2px 2px 0 rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.35);
        font-size: 1.2em;
        font-style:italic;
        padding: .25em .75em;
        margin: 1em 0 0;
        display: block;
        float: left;
    }

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-weight:normal;
    font-size: 1.2em;
}

h4, h5, h6 {
    text-transform:none;
    font-size: 1em;
}

p.introduction {
    color:#7b4600;
    background: #f8f5f1;
    padding:.5em 1em;
    font-size:1.2em;
    border-radius:3px;
}

a {
    color:#006bc5;
}

    a:hover {
        color:#00427a;
    }

/* Clear any floated images down near the bottom of posts */
.blog_navigation {
    clear:both;
}

/* the next 3 rules are for the way WP sets its image floats. On skinny screens we'll just centre them all */
article .alignleft, article .alignright, article .aligncenter {
    text-align:center;
    margin:1.5em auto;
    display:block;
}

img {
    max-width:100%;
    height:auto;
}

a img {
    border:none;
}

#colorbox, #colorbox * {
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}

    #colorbox img {
        max-width:none;
    }
    
/* These 2 will make image captions look a bit like polaroids */
.wp-caption {
    background:#eee;
    overflow:hidden;
    max-width:100%;
}

    body.attachment .wp-caption {
        background:none;
        overflow: visible;
    }

    .wp-caption.alignnone {
        margin:1.5em 0;
    }

    .wp-caption>a, .wp-caption img {
        display:block;
    }

        .wp-caption img {
            width:100%;
        }

    .wp-caption-text {
        padding:0;
        margin:.75em 1em;
        line-height:1.3;
    }

        body.attachment .wp-caption-text {
            margin:.75em 0;
            font-weight:bold;
        }

        .gallery .wp-caption-text {
            margin:.25em 1em 0 0;
            font-size:.9em;
        }

.gallery .gallery-item {
    float: left;
    margin:0 0 3%;
}

.gallery a, .gallery img {
    display:block;
}

    .gallery img {
        max-width:95%;
        width:auto;
        height:auto;
    }

@media (max-width: 450px) {

    .gallery dl.gallery-item {
        float: none;
        margin: 0 0 1em;
        width:auto;
        text-align:center;
    }

        .gallery a {
            display:inline-block;
        }

    .gallery .wp-caption-text {
        text-align: center;
        font-size:inherit;
    }

    .gallery br {
        display:none;
    }

}

/*
Image sizes depending on the number of columns
Based on Hybrid theme
*/

.gallery-columns-0 .gallery-item {
    width: 100%;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-6 .gallery-item {
    width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

/* Callouts, pullquotes */
blockquote {
    position:relative;
    padding:0 0 0 3em;
    margin:1.5em 0;
}

blockquote:before, blockquote:after {
    content: "“";
    font-size: 5em;
    position: absolute;
    left: 0;
    top: -.3em;
    color:#333;
}

blockquote:after {
    line-height:0;
    right:0;
    left:auto;
    top:auto;
    bottom:-.1em;
    color:#ddd;
    content:"”";
}

/* Tables */

table, th, td {
    border:none;
    border:1px solid #ddd;
    text-align:left;
    border-collapse:collapse;
}

    table {
        margin:1em 0;
    }

    td, th {
        line-height:1.3;
        padding:.4em .6em;
    }

    @media (max-width:500px) {

        article table {
            border:none;
        }

        article tr, article td, article th {
            display:block;
            border:none;
        }

            article tr {
                margin:0 0 1em;
            }
            
    }

/* Map */

article .google-map-placeholder {
    border:5px solid #cadeee;
}

/* CTA Buttons */

.button.button {
    color: #fff;
    background: #006bc5;
    border:none;
    cursor:pointer;
    font-weight:bold;
    border-radius:3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
    padding: .25em .75em;
    text-decoration: none;
}

    .button.subtle {
        background:#6298c5;
    }

    .button.inline {
        display:inline-block;
        padding:.05em .5em .1em;
        line-height:1.3;
        margin:0 .2em;
    }

    .button.block {
        display:block;
    }

    .button.button:hover {
        color:#fff;
        background:#00427a;
    }

/*
 * Search Page
 */

.search_result {
    margin:0 0 1.5em;
}

    .search_result h2 {
        float:left;
        margin-top:0;
    }

     .search_item_link {
        text-decoration:none;
     }

        @media (max-width:1000px) {
            :root .search_item_link {
                display:none;
            }
        }

        .post_type_indicator {
            background: #f8f5f1;
            padding: 0.25em .5em;
            display: block;
        }

        .search_item_link .button {
            display:block;
        }

    .search_result_excerpt {
        clear:left;
    }

/* Gravity Forms Style fixes */ 

.gform_wrapper form {
    margin-top:0;
}

article .gform_wrapper textarea, article .gform_wrapper input[type=text], article .gform_wrapper input[type=url], article .gform_wrapper input[type=email], article .gform_wrapper input[type=tel], article .gform_wrapper input[type=number], article .gform_wrapper input[type=password], article .gform_wrapper .ginput_complex label, article .gform_wrapper .gfield_time_hour label, article .gform_wrapper .gfield_time_minute label, article .gform_wrapper .gfield_date_month label, article .gform_wrapper .gfield_date_day label, article .gform_wrapper .gfield_date_year label, article .gform_wrapper .instruction {
    font-size:1em;
}

    article .gform_wrapper textarea, article .gform_wrapper input[type=text], article .gform_wrapper input[type=url], article .gform_wrapper input[type=email], article .gform_wrapper input[type=tel], article .gform_wrapper input[type=number], article .gform_wrapper input[type=password] {
        padding:.3em;
        font-size:.9em;
        max-width:100%;
    }

article .gform_wrapper .gform_footer {
    padding:0;
}

article .gform_wrapper.gf_browser_ie .gfield_checkbox li input[type=checkbox],
article .gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio],
article .gform_wrapper.gf_browser_ie .gfield_checkbox li input {
    margin-top: .4em;
}

/***************************************************************
 *
 * Sidebar
 *
 ***************************************************************/

.sidebar, .sidebar ul, .sidebar li {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
}

    .sidebar {
        padding:0 0 1.5em;
    }

    /* Category widget */

    .widget_categories a {
        padding: 0.05em .5em;
        margin-left:-.5em;
        display: inline-block;
    }

    .current-cat a, .current-cat a:hover {
        font-weight:bold;
        background:#f8f5f1;
        text-decoration: none;
        margin: .2em 0 .2em -.5em;
    }

/***************************************************************
 *
 * News and/or blog
 *
 ***************************************************************/

.news_post_excerpt {
      border-top: 1px solid #ece5db;
      margin:0 0 1.7em;
}

    @media (min-width:1000px) {
        .news_post_has_thumbnail {
            padding-left:175px;
        }
    }

    .news_post_excerpt:first-child {
        border-top:none;
    }

        .news_post_excerpt:first-child h2 {
            margin-top:0;
        }

    @media (min-width:1000px) {
        .news_post_excerpt .alignleft {
            margin-right:0;
            margin-left:-175px;
        }
    }

.postdate, .postmetadata {
    font-size:0.8em;
    font-style:italic;
    margin:0;
}

    .postdate+p {
        margin-top:.5em;
    }

/***************************************************************
 *
 * Propertor overrides and additional styles
 *
 ***************************************************************/

/* Archive view */

body .property-results>li {
    display: block;
    overflow:hidden;
    padding:0;
    border:none;
    background:#f8f5f1;
}

    @media (max-width:700px) {
        body .property-results>li {
            background:none;
        }
    }

    body:not(.home) .property-results>li {
        margin:0 0 1.5em;
    }

    /* 3 column layout */

    body /*section*/.property-meta, body.home .property-image {
        float:none;
    }

        /* To make sure the image remains clickable even though property-meta overlays */
        body .property-image {
            z-index:1;
        }

        body .property-title {
            margin:0;
        }

        .home .property-title {
            margin:0 0 .25em;
        }

        body .property-meta div {
            border:none;
            padding:0;
        }

        body .property-image, body .property-meta, body .property-details, body .property-description {
            width:auto;
            margin:0;
            padding:0;
        }

            :root .property-image .property-status,
            :root .property-main-image .property-status {
                font-size:1em;
            }

            @media (max-width:750px) {
                body:not(.home) .property-image {
                    float:none;
                    background:#f8f5f1;
                }

                :root .no_image, :root .property-image img {
                    margin:0 auto;
                }

            }

            @media (min-width:751px) {
                body:not(.home) .property-meta {
                    padding-left:320px;
                    padding-left:calc(300px + 1em);
                }
            }

            /* Keep the 1.5:1 aspect ratio for undersized images that aren't cropped to the ratio */
            body.home .property-image {
                padding-bottom:66.6%;
            }

                /* Ensure image stays centred */
                body.home .property-image img {
                    -webkit-transform: translateY(-50%) translateX(-50%);
                    -moz-transform: translateY(-50%) translateX(-50%);
                    transform: translateY(-50%) translateX(-50%);
                    position:absolute;
                    top: 50%;
                    left: 50%;
                }

            body .property-meta {
                padding:.75em 0 0;

                /* So the box shadow overlays the image... */
                position:relative;
            }

            @media (min-width:700px) {

                body .property-meta {
                    padding:.75em .6em .5em;
                }

                body .property-details {
                    margin:1em 0 0;
                }

            }

    body .property-results h4 {
        font-weight:bold;
    }

    @media (min-width:751px) {
        body:not(.home) .property-results .button.button {
            padding: .2em .6em .05em;
            font-size: .9em;
        }
    }

    .home .property-results .button.button {
        float:none;
        margin:0 0 .7em;
    }

@media (max-width:750px) {
    .property-results .button.button {
        margin:0 0 .7em;
    }

    body:not(.home) .property-results .property-meta {
        display: -webkit-box; /* Initiate flexbox */
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-orient:vertical; /* Establishes the direction of reordering - we want the y-axis */
        -webkit-box-orient:vertical;
        -ms-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        body:not(.home) .property-results .property-meta-field {
            -moz-box-ordinal-group:-1;
            -webkit-box-ordinal-group:-1;
            -ms-flex-order:-1;
            -webkit-order:-1;
            order:-1;
        }

}

/* Single view */

/* Setup image wrap container as full page width */
.fullwidth-image-wrap.fullwidth-image-wrap {
    padding: 2.5em 3% 1em;
    margin: 0;
    background: #f8f5f1;
    max-width: none;
}

body .gm8-image-wrap .slick-prev, body .gm8-image-wrap .slick-next {
    background:none;
    color:#006bc5;
}

    body .gm8-image-wrap .slick-prev:before, body .gm8-image-wrap .slick-next:before {
        display:block;
    }

body .gm8-image-wrap {
    margin:0;
}

.gm8-main-image img {
    margin:0 auto;
}

/* Serve as a container for the absolutely positioned animal info box */
.cattlepress-image-wrap .contentbox {
    position:relative;
    overflow:hidden;
}

/* List of property types */

.property-types {
    box-shadow: 2px -2px 4px 0 rgba(0,0,0,0.06);
    border-width: 1px 1px 0 0;
    display:inline-block;
    padding:.5em .75em;
    background:#fff;
    max-width:70.5%;
}

    @media (max-width:860px) {
        .property-types {
            display:block;
            box-shadow:none;
            max-width:none;
        }
    }

.property-types * {
    display:inline-block;
    vertical-align: middle;
}

    .property-types h2 {
        font-size:1em;
        margin:0 .25em 0 0;
    }

        .property-types h2:after {
            content:":";
        }

    .property-types-list, .property-types-list li {
        list-style:none;
        margin:0;
        padding:0;
    }

        .property-types a {
            vertical-align: top;
        }

        .property-types li:after {
            content:"|";
            margin:0 .3em;
            color:rgba(0,0,0,0.3);
        }

            .property-types li:last-child:after {
                content:"";
            }

/* Property features */

.property-meta-field {
    display:inline-block;
    vertical-align: middle;
}

    .home .property-meta-field {
        display:block;
    }

    body:not(.home) .property-suburb {
        margin-right:.25em;
    }

:root .property-features {
    display:block;
    clear:right;
    margin:.5em 0 0;
}

    :root .home .property-features {
        display:none;
    }

    .property-feature-wrap.property-feature-wrap, :root .property-feature-wrap:first-child, :root .property-feature-wrap:last-child {
        display:inline-block;
        vertical-align: top;
    }

        @media (max-width:750px) {

            .property-feature-wrap.property-feature-wrap, :root .property-feature-wrap:first-child, :root .property-feature-wrap:last-child {
                margin:0 0 .7em;
            }

            @media (max-width:500px) {
                .property-feature-wrap.property-feature-wrap, :root .property-feature-wrap:first-child, :root .property-feature-wrap:last-child {
                    display:block;
                }
            }

            @media (min-width:501px) {

                .property-feature-wrap.property-feature-wrap, :root .property-feature-wrap:first-child, :root .property-feature-wrap:last-child {
                    width:50%;
                }

                    .property-feature-wrap.property-feature-wrap:nth-child(even) {
                        padding-left:1.25em;
                    }
            }

        }

        @media (min-width:751px) {
            .property-feature-wrap.property-feature-wrap, :root .property-feature-wrap:first-child, :root .property-feature-wrap:last-child {
                padding: .5em .75em;
                margin:0 .5em .5em 0;
                background:#fff;
            }
        }

    :root .property-feature-title, :root .property-feature-val {
        margin: 0;
        width: auto;
        text-indent: 0;
        line-height: 1.3;
        background: none;
    }

        :root .property-feature-title {
            font-size: 0.8em;
            font-weight: bold;
            letter-spacing: .04em;
            text-transform: uppercase;
        }

/* Extra property data */

.property_data {
    background: rgba(255,255,255,0.7);
    border-radius: 3px;
    overflow: hidden;
}

    .property_data_title {
        float: left;
        clear: left;
        width: 28%;
        padding: 0.2em 0.6em;
        background: rgba(123,70,0,0.1);
        border-top:1px solid rgba(255,255,255,.7);
        text-align: right;
        font-weight: bold;
    }

        @media (max-width:860px) {
            .property_data_title {
                width:40%;
            }
        }

        @media (max-width:600px) {
            .property_data_title {
                text-align:left;
            }
        }

        .property_data_title:first-of-type {
            border-top:none;
        }

    .property_data_val {
        float:left;
        width: 72%;
        padding: .2em 0 .2em 1.5%;
        border-top: 1px dotted rgba(123,70,0,0.15);
    }

        @media (max-width:860px) {
            .property_data_val {
                width:60%;
            }
        }

        @media (max-width:600px) {
            .property_data_val {
                padding:.2em .6em 1em .6em;
            }
        }

        .property_data_val:first-of-type {
            border-top:none;
        }

    @media (max-width:600px) {
        .property_data_title, .property_data_val {
            border:none;
            width:100%;
        }
    }

/* Property content */

.agent-meta .agent-email {
    margin:.5em 0 0;
}

@media (min-width:861px) {
    body .property-content {
        width:68%;
    }
}

@media (max-width:860px) {
    body .property-content {
        width:60%;
    }
}

body .property-agent-info {
    background:#f8f5f1;
    border-radius:3px;
    padding:1em .75em;   
}

    @media (min-width:861px) {
        body .property-agent-info {
            width:28%;
        }
    }

    @media (max-width:860px) {
        body .property-agent-info {
            width:35%;
        }
    }

@media (max-width:700px) {
    body .property-content, body .property-agent-info {
        width:100%;
    }
}

/* Pagination */

body .wp-paginate {
    margin:1em 0;
}

body .propertor-pagination {
    padding:0;
    background:transparent;
    line-height:1;
}

    .propertor-pagination-title, body .wp-paginate .title {
        color:#006bc5;
    }

        body .wp-paginate .title {
            margin-right:.65em;
        }

    body .propertor-pagination a, body .wp-paginate a {
        margin:.25em .25em .25em 0;
        border-color:transparent;
        background:transparent;
        color:#006bc5;
    }

    body .propertor-pagination a:hover, body .wp-paginate a:hover {
        background:transparent;
        border-color:#cadeee;
        color:#00427a;
    }

    body a.propertor-pagination-current, body a.propertor-pagination-current:hover, body .wp-paginate .current {
        font-weight:bold;
        color:#006bc5;
        background:transparent;
        border-color:#006bc5;
    }

/***************************************************************
 *
 * Homepage (and page titles!)
 *
 ***************************************************************/

/*
 * Primary Callouts
 */

.cta_container, header.page_title {
    color:#fff;
    background-color:#005739;
    background:url(images/header_bg_alternate_1280.jpg) 50% 100% no-repeat;
    background-size:cover;
    overflow: hidden;
}

    .page-id-19 header.page_title, .parent-pageid-19 header.page_title {
        background-image:url(images/header_bg_water.jpg);
    }

    .single-cattlepress_item header.page_title, .post-type-archive-cattlepress_item header.page_title {
        background-image:url(images/header_bg_cattle.jpg);
        background-position:50% 50%;
    }

    .cta_container {
        background-image:url(images/cta_container_bg_1400.jpg);
    }

        @media (max-width:750px) {
            .cta_container {
                background-position: 0 -3em;
                background-size: 200% auto;
            }
        }

    @media (min-width:1500px) {

        header.page_title {
            background-image:url(images/header_bg_alternate.jpg);
        }

        .cta_container {
            background-image:url(images/cta_container_bg.jpg);
        }

    }

@media (min-width:1000px) {
    .cta_container .contentbox {
        margin: 0 auto;
    }
}

.cta {
    width:33.333%;
    float: left;
    overflow:hidden;
}

    @media (min-width:751px) {
        .cta {
            padding-top: 8em;
        }
    }

    .cta2 {
        background:#006bc5 url(images/cta_container_water_bg.jpg) 50% 50% / cover no-repeat;
    }

    .cta a {
        display:block;
        color:rgba(255,255,255,0.7);
        text-decoration:none;
        z-index:1;
        position:relative;
        font-size:2em;
        line-height:1;
        padding:1em .75em;
        -moz-transition:all 100ms ease-in-out;
        -webkit-transition:all 100ms ease-in-out;
        transition:all 100ms ease-in-out;
    }

        .cta1 a {
            /* New green, for new header image */
            background:rgba(3, 124, 82, 0.6);
            background:linear-gradient(to left, rgba(3, 124, 82, 0.6) 30%, transparent 100%);
            text-align:right;
        }

            /* Full bleed on the first CTA (hopefully floated left) */
            @media (max-width:1000px) and (min-width:750px) {
                .cta1 a {
                    margin-left:-9999px;
                    padding-left:9999px;
                    
                }
            }

            @media (max-width:750px) {
                .cta1 a {
                    text-align:left;
                    background:linear-gradient(to right, rgba(3, 124, 82, 0.6) 30%, transparent 100%);
                }
            }

        .cta2 a {
            background:rgba(0,107,197,0.6);
        }

            @media (min-width:750px) {
                .cta2 a {
                    text-align:center;
                }
            }

            @media (max-width:750px) {
                .cta2 a {
                    background:linear-gradient(to right, rgba(0,107,197,0.6) 30%, transparent 100%);
                }
            }

        .cta3 a {
            background:rgba(123,70,0,0.6);
            background:linear-gradient(to right, rgba(123,70,0,0.75) 30%, transparent 100%);
        }

            /* Full bleed on the last CTA (hopefully floated right) */
            @media (max-width:1000px) and (min-width:750px) {
                .cta3 a {
                    margin-right:-9999px;
                }
            }

        @media (max-width:1100px) {
            .cta a {
                /* Reduce font size at lower widths to avoid wrapping */
                font-size:2em;
            }
        }

        .cta a:hover {
            color:#fff;
        }

            @media (min-width:750px) {

                .cta2 {
                    border:1em solid #fff;
                    border-width:0 2px;
                }

                    /* We can add more margin with no danger of text wrap! */
                    @media (min-width:1000px) {
                        .cta2 {
                            border-width:0 1em;
                        }
                    }
 
                .cta1 a:hover {
                    color:#005739;
                }

                    .cta1 a:hover strong:after {
                        border-bottom-color:#005739;
                    }

                .cta2 a:hover {
                    color:#006bc5;
                    box-shadow:none;
                }

                    .cta2 a:hover strong:after {
                        border-bottom-color:#006bc5;
                    }

                .cta3 a:hover {
                    color:#7b4600;
                }

                    .cta3 a:hover strong:after {
                        border-bottom-color:#7b4600;
                    }
                
            }

            @media (min-width:750px) {

                .cta a:before, .cta a:after {
                    content:"";
                    display:block;
                    position:absolute;
                }

                    .cta a:before {
                        top:-999em;
                        left:-999em;
                        bottom:-999em;
                        right:-999em;
                    }

                    .cta a:after {
                        z-index:-1;
                        top: 100%;
                        right:0;
                        bottom:0;
                        left:0;
                        background:rgba(0,0,0,0);
                        -moz-transition:top 70ms ease-in-out, background 150ms ease-in-out;
                        -webkit-transition:top 70ms ease-in-out, background 150ms ease-in-out;
                        transition: top 70ms ease-in-out, background 150ms ease-in-out;
                    }

                        .cta a:hover:after {
                            top: 0;
                            background:#fff;
                        }
            }

        .cta strong {
            color:#fff;
            position:relative;
            /*text-shadow:0 0 30px rgba(0,0,0,0.3), 3px 3px 0 rgba(0,0,0,0.2);*/
        }

            .cta strong:after {
                position:absolute;
                content:"";
                display:block;
                bottom:0;
                left:0;
                right:0;
                -moz-transition:all 70ms ease-in-out;
                -webkit-transition:all 70ms ease-in-out;
                transition:all 70ms ease-in-out;
                border-bottom:2px solid #fff;
            }

                .cta a:hover strong:after {
                    border-bottom-width:4px;
                    border-bottom-style:solid;
                }

            .cta a:hover strong {
                color:inherit;
                text-shadow:none;
            }

    .cta p {
        display:inline;
    }

@media (max-width:750px) {

    /* Full bleed links! */
    .cta_container {
        padding:0;
    }

        .cta_container .contentbox {
            display: -webkit-box; /* Initiate flexbox */
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -moz-box-orient:vertical; /* Establishes the direction of reordering - we want the y-axis */
            -webkit-box-orient:vertical;
            -ms-box-orient: vertical;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

        .cta2 {
            -moz-box-ordinal-group:3;
            -webkit-box-ordinal-group:3;
            -ms-flex-order:3;
            -webkit-order:3;
            order:3;
        }


    .cta {
        width: 100%;
        float: none;
        border-bottom:2px solid #fff;
    }

        .cta3 {
            background-image:url(images/cta_container_bg_1400.jpg);
            background-position: 100% -1.5em;
            background-size: 200% auto;
        }

        /* 3% padding to keep consistent with rest of site layout at this width range */
        .cta a {
            padding:1em 3%;
        }

            .cta a:after {
                content:" \0000BB";
            }

        .cta strong:after {
            display: none;
        }
}


/*
 * Recent news
 */

.frontpage_latest_news {

    /* Needed for equal height columns to work */
    overflow:hidden;
}

    .frontpage_widgetarea, .frontpage_widgetarea li, .frontpage_widgetarea ul {
        list-style:none;
        margin:0;
        padding:0;
    }

        .frontpage_widgetarea {
            width:23.5%;
            float:left;
        }

            .frontpage_widgetarea h2 {
                font-size:1.2em;
                margin-top:.625em;
            }

            .recent-posts-extended h2 {
                margin:0 0 .5em;
            }
            
            /* Due to the equal height columns technique used on the parent wrapper,
            we need to use margin on the last element to simulate padding */
            .frontpage_widgetarea>:last-child {
                margin:0 0 1em;
            }

        @media (min-width:1000px) {

            .frontpage_widgetarea_2 {
                margin-left:2%;
                margin-right:2%;
            }

            .frontpage_widgetarea_3 {
                margin-right:2%;
            }

        }

        @media (max-width:1000px) {

            .frontpage_widgetarea {
                width:48%;
                clear:left;
            }

            .frontpage_widgetarea_2, .frontpage_widgetarea_4 {
                margin-left:4%;
                clear:none;
                float:right;
            }

        }

        @media (min-width:700px) {

            .frontpage_widgetarea_4 {
                background:#f8f5f1;
                padding:.75em 0.6em .5em;
            }

        }

        @media (max-width:500px) {

            .frontpage_widgetarea {
                width:100%;
                float:none;
                margin:0 0 1.5em;
            }

        }

    .frontpage_widgetarea .rpwe-li {
        border-bottom:1px solid #ece5db;
        margin:0 0 .5em;
        padding:0 0 .5em;
    }

        .frontpage_widgetarea .rpwe-li:last-child {
            border-bottom:none;
            padding:0;
            margin:0;
        }        

    .rpwe-title {
        margin:.25em 0 0;
        font-size:1em;
    }

    .rpwe-time.published {
        font-size:.9em;
    }

    /* Aside box */

    .aside_box_img_link, .aside_box_img_link img {
        display:block;
    }

    @media (min-width:700px) {
        .aside_box_text {
            padding:.75em .6em .5em;
            background: #f8f5f1;
            border-radius:0 0 3px 3px;
        }
    }

        .aside_box_text_link {
            margin:0 0 .7em;
        }

            @media (max-width:699px) {
                .aside_box_text_link {
                    margin:.7em 0;
                }
            }

        .aside_box_text_title {
            margin:0 0 .25em;
        }

        .aside_box_text_long {
            margin:0 0 .15em;
        }

/***************************************************************
 *
 * Contact Page
 *
 ***************************************************************/

#google_map { /* The outer div */
    margin: 1.5em 0;
}

#google_map #map_canvas { /* the inner container that defines the actual map size */
    width: 95%;
    height: 300px;
    margin: auto;
}

/***************************************************************
 *
 * Footer
 *
 ***************************************************************/

footer {
    font-size:.8em; /* footer has been set to 12.8px */
    clear: both;
    padding-top:2em;
    padding-bottom:1em;
    color:#3a3a3a;
}

    @media (min-width:861px) {
        footer {
            position:fixed;
            z-index:0;
            bottom:0;
            left:0;
            right:0;
        }
    }

    footer .contentbox {
        padding:110px 0 0;
        position:relative;
    }

        footer .contentbox:after {
            content:"";
            display:block;
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            height:100px;
            -moz-filter:grayscale(100%);
            -webkit-filter:grayscale(100%);
            filter:grayscale(100%);
            background:url(images/emerald_land_cattle_company_logo.png) 50% 50% no-repeat;
            background-size:150px;
        }

    section.credits {
        clear:both;
        text-align:center;
    }

        .credits p {
            margin:.6em 0;
        }

        .credits a {
            text-decoration:none;
        }