/*

Theme Name: Yamba

Theme URI: http://www.ignitionmedia.com.au/

Author: Nicole Brooke

Author URI: http://www.ignitionmedia.com.au/

Version: 1



*/

/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     16;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/







/* =Repeatable patterns

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

/* Small headers */

.archive-title,
.entry-content th,
.comment-content th {
    font-size: 11px;

    font-size: 0.785714286rem;

    line-height: 2.181818182;

    font-weight: bold;

    text-transform: uppercase;
}

/* Shared Post Format styling */

article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
    font-size: 11px;

    font-size: 0.785714286rem;

    line-height: 2.181818182;
}

/* Responsive images */

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

/* Responsive  blog images */

.single-post .entry-content img {
    width: 100%; /* Fluid images for posts, comments, and widgets */

    max-width: 200%; /* Fluid images for posts, comments, and widgets */
}

img[class*='align'],
img[class*='wp-image-'],
img[class*='attachment-'] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;

    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */

embed,
iframe,
object,
video {
    max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;

    margin-left: auto;

    margin-right: auto;
}

.wp-caption {
    max-width: 100%; /* Keep wide captions from overflowing their container. */

    padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;

    font-size: 12px;

    font-size: 0.857142857rem;

    line-height: 2;

    color: #757575;
}

img.wp-smiley,
.rsswidget img {
    border: 0;

    border-radius: 0;

    box-shadow: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0;
}

.entry-content dl.gallery-item {
    margin: 0;
}

.gallery-item a,
.gallery-caption {
    width: 90%;
}

.gallery-item a {
    display: block;
}

.gallery-caption a {
    display: inline;
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;

    width: auto;
}

.gallery .gallery-icon img {
    height: auto;

    max-width: 90%;

    padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}

/* Navigation */

.site-content nav {
    clear: both;

    line-height: 2;

    overflow: hidden;
}

#nav-above {
    padding: 24px 0;

    padding: 1.714285714rem 0;
}

#nav-above {
    display: none;
}

.paged #nav-above {
    display: block;
}

.nav-previous,
.previous-image {
    float: left;

    width: 50%;
}

.nav-next,
.next-image {
    float: right;

    text-align: right;

    width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 0;

    margin: 3.428571429rem 0;
}

/* Author profiles */

.author .archive-header {
    margin-bottom: 24px;

    margin-bottom: 1.714285714rem;
}

.author-info {
    border-top: 1px solid #ededed;

    margin: 24px 0;

    margin: 1.714285714rem 0;

    padding-top: 24px;

    padding-top: 1.714285714rem;

    overflow: hidden;
}

.author-description p {
    font-size: 13px;

    font-size: 0.928571429rem;

    line-height: 1.846153846;
}

.author.archive .author-info {
    border-top: 0;

    margin: 0 0 48px;

    margin: 0 0 3.428571429rem;
}

.author.archive .author-avatar {
    margin-top: 0;
}

/* =Main content and comment content

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

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
    margin: 0 0 24px 24px;

    margin: 0 0 1.714285714rem 1.714285714rem;

    line-height: 1.714285714;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0;
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
    list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
    list-style: decimal outside;
}

.entry-content blockquote,
.comment-content blockquote {
    margin-bottom: 24px;

    margin-bottom: 1.714285714rem;

    padding: 24px;

    padding: 1.714285714rem;

    font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content code,
.comment-content code {
    font-family: Consolas, Monaco, Lucida Console, monospace;

    font-size: 12px;

    font-size: 0.857142857rem;

    line-height: 2;
}

.entry-content pre,
.comment-content pre {
    border: 1px solid #ededed;

    color: #666;

    font-family: Consolas, Monaco, Lucida Console, monospace;

    font-size: 12px;

    font-size: 0.857142857rem;

    line-height: 1.714285714;

    margin: 24px 0;

    margin: 1.714285714rem 0;

    overflow: auto;

    padding: 24px;

    padding: 1.714285714rem;
}

.entry-content pre code,
.comment-content pre code {
    display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
    border-bottom: 1px dotted #666;

    cursor: help;
}

.entry-content address,
.comment-content address {
    display: block;

    line-height: 1.714285714;

    margin: 0 0 24px;

    margin: 0 0 1.714285714rem;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 12px 24px 12px 0;

    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 12px 0 12px 24px;

    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.aligncenter,
.wp-caption.aligncenter {
    clear: both;

    margin-top: 12px;

    margin-top: 0.857142857rem;

    margin-bottom: 12px;

    margin-bottom: 0.857142857rem;
}

footer.entry-meta {
    font-size: 0.75rem;

    margin-top: 12px;

    margin-top: 0.857142857rem;
}

.single-author .entry-meta .by-author {
    display: none;
}

/* =Archives

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

.archive-header,
.page-header {
    margin-bottom: 48px;

    margin-bottom: 3.428571429rem;

    padding-bottom: 22px;

    padding-bottom: 1.571428571rem;

    border-bottom: 1px solid #ededed;
}

.archive-meta {
    font-size: 12px;

    font-size: 0.857142857rem;

    line-height: 2;

    margin-top: 22px;

    margin-top: 1.571428571rem;
}

/* =Single image attachment view

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

.article.attachment {
    overflow: hidden;
}

.image-attachment div.attachment {
    text-align: center;
}

.image-attachment div.attachment p {
    text-align: center;
}

.image-attachment div.attachment img {
    display: block;

    height: auto;

    margin: 0 auto;

    max-width: 100%;
}

.image-attachment .entry-caption {
    margin-top: 8px;

    margin-top: 0.571428571rem;
}

/* =Comments

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

.comments-area {
    margin: 3em 0 0 0;

    border-top: solid 1px #eee;

    padding: 1em 0 !important;
}

.comments-title {
    margin-bottom: 2rem;

    font-size: 1rem;

    line-height: 1.5;

    font-weight: normal;
}

.comments-area section {
    margin: 1em 0;

    border-bottom: solid 1px #eee;

    padding: 1em 0 !important;
}

.comments-area section img {
    float: left;

    padding: 0;

    line-height: 0;
}

.comments-area section cite {
    font-size: 0.75em;
}

.comments-area section .date {
    font-size: 0.616em;
}

.comments-area section a {
    text-decoration: none;
}

.comments-area section cite a:hover {
    text-decoration: underline;
}

.comments-area section p {
    font-size: 0.875em;
}

p.form-submit input[type='submit'] {
    margin-left: 0.9375rem;
}

a.comment-reply-link,
a.comment-edit-link {
    color: #686868;

    font-size: 13px;

    font-size: 0.928571429rem;

    line-height: 1.846153846;
}

.commentlist .pingback {
    line-height: 1.714285714;

    margin-bottom: 24px;

    margin-bottom: 1.714285714rem;
}

/* Comment form */

#respond h3#reply-title,
.panel #respond h3#reply-title {
    font-size: 16px;

    font-size: 1.142857143rem;

    line-height: 1.5;

    margin-bottom: 0 !important;

    padding-bottom: 2em !important;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;

    margin-left: 0.714285714rem;

    font-weight: normal;

    font-size: 12px;

    font-size: 0.857142857rem;
}

#respond form {
    margin: 0;
}

#respond form p {
    margin: 11px 0;

    margin: 0.785714286rem 0;
}

#respond form p.logged-in-as {
    margin-bottom: 24px;

    margin-bottom: 1.714285714rem;

    margin-left: 0.9375rem;
}

#respond form label {
    display: block;

    line-height: 1.714285714;
}

#respond form input[type='text'],
#respond form textarea {
    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 12px;

    font-size: 0.857142857rem;

    line-height: 1.714285714;

    padding: 10px;

    padding: 0.714285714rem;

    width: 100%;
}

#respond form p.form-allowed-tags {
    margin: 0;

    font-size: 12px;

    font-size: 0.857142857rem;

    line-height: 2;

    color: #5e5e5e;
}

.required {
    color: red;
}

.dropdown.menu > li > .is-dropdown-submenu > li a {
    color: #333;
}
.dropdown.menu.vertical > li.opens-right > a::after {
    border-color: transparent transparent transparent #fff;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 6px;
}
.bg-feature {
    background-attachment: scroll !important;
}
@media screen and (max-width: 39.9375em) {
    #search-accommodation {
        top: 0;
    }
    .home #search-accommodation {
        top: -5.4375rem;
    }
}